/* Gestão de Sprints — acabamento do produto conforme design system OTG v1.2.
   Este arquivo complementa a interface sem interferir nos fluxos JavaScript. */
:root{
  --navy:#0B1A3A;--navy-2:#243A66;--gold:#D4AF37;--gold-m:#E8C766;
  --blue:#378ADD;--blue-l:#E6F1FB;--blue-d:#0C447C;
  --green:#1D9E75;--green-l:#E1F5EE;--red:#E24B4A;
  --paper:#F5F4EF;--white:#fff;--ink:#0F1B2D;--text:#2A3A52;--quiet:#8893AD;
  --line:rgba(15,27,45,.10);--purple:#6B3FA0;--purple-dark:#3A1B5E;
  --light-purple:#EDE6F7;--surface:#fff;--surface-2:#FBFBF8;
  --radius:14px;--border-soft:rgba(15,27,45,.11)
}
html[data-theme="dark"]{
  --paper:#0B1320;--white:#131F30;--ink:#EAEEF4;--text:#A9B4C4;--quiet:#8999AE;
  --line:rgba(255,255,255,.10);--surface:#131F30;--surface-2:#0F1A29;
  --border-soft:rgba(255,255,255,.12);--blue-l:#103654;--blue-d:#B5D4F4;
  --green-l:#0F3F33;--light-purple:#2D1850;--purple:#A67DD4;--purple-dark:#D9C4F2
}
body{font-family:'Inter',system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:13px;letter-spacing:-.005em}
button,input,select,textarea{font-family:inherit}button{cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(55,138,221,.45);outline-offset:3px}
.main{padding-top:25px}.utility-row{margin-bottom:23px!important;min-height:43px}
.breadcrumb{letter-spacing:.07em;font-family:'JetBrains Mono',monospace;font-size:10px!important}
.sidebar{background:var(--surface)!important;border-right:1px solid var(--line)!important;padding:22px 14px 16px!important}
.sidebar .brand-image{display:flex;align-items:center;gap:11px;padding:12px 10px 19px!important;margin:0 0 15px!important;border:0!important;background:none!important;box-shadow:none!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
.sidebar .brand-wordmark{width:47px!important;max-width:47px!important;height:47px!important;object-fit:contain;flex:none;margin:0!important;filter:drop-shadow(0 3px 6px rgba(11,26,58,.14))}
.brand-text{min-width:0;display:flex;flex-direction:column;gap:4px;line-height:1.2}
.sidebar .brand-text strong{font-size:12px!important;font-weight:750!important;color:var(--ink)!important;letter-spacing:-.026em!important;white-space:normal}
.sidebar .brand-text span{font-family:'JetBrains Mono',monospace;font-size:8px!important;letter-spacing:.025em!important;color:var(--quiet)!important;font-weight:500!important;line-height:1.4}
.side-category{color:var(--quiet)!important;letter-spacing:.12em!important;font-family:'JetBrains Mono',monospace;font-size:9px!important;margin-bottom:9px!important}
.side-week,.side-nav{min-height:45px;border-radius:10px!important;padding:9px 11px!important;color:var(--text)!important}
.side-week.active,.side-nav.active{background:var(--blue-l)!important;color:var(--blue-d)!important;border-color:rgba(55,138,221,.17)!important}
.side-week-copy strong{font-size:12px!important;font-weight:700}.side-week-copy small{font-size:10px!important;color:var(--quiet)!important}
.sidebar .project-actions{gap:7px!important;padding:0 5px!important}
.sidebar .project-actions button{min-height:33px;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface-2)!important;color:var(--text)!important;font-weight:600!important}
.sidebar .project-switcher select{min-height:41px;border-color:var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;border-radius:10px}
.sidebar .sidebar-footer{border-top:1px solid var(--line)!important;color:var(--quiet)!important}
.primary-button{background:var(--navy)!important;border:1px solid var(--navy)!important;color:#fff!important;border-radius:10px!important;font-size:12px!important;font-weight:650!important;box-shadow:0 7px 18px rgba(11,26,58,.12)}
.primary-button:hover{background:#192F58!important;transform:translateY(-1px)}
.secondary-button,.subtle-button,.icon-button,.theme-switch{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:10px!important;font-size:11px!important;box-shadow:none!important}
.secondary-button:hover,.subtle-button:hover,.icon-button:hover,.theme-switch:hover{border-color:rgba(55,138,221,.35)!important;background:var(--blue-l)!important;color:var(--blue-d)!important}
.theme-switch{min-height:37px}.sync-status{font-size:11px!important}
.suite-hero{background:linear-gradient(120deg,#0B1A3A 0%,#142D59 72%,#0B1A3A 100%)!important;border-radius:22px!important;padding:18px 24px 20px!important;border:1px solid rgba(212,175,55,.22)!important;box-shadow:0 15px 32px rgba(11,26,58,.13)!important;margin-bottom:18px!important}
.suite-hero:before{background:radial-gradient(450px 230px at 88% -10%,rgba(212,175,55,.13),transparent 65%),radial-gradient(300px 200px at 4% 100%,rgba(55,138,221,.1),transparent 70%)!important}
.suite-hero .hero-meta{margin-bottom:12px!important;font-family:'JetBrains Mono',monospace;font-size:9px!important;color:#A9BAD3!important;letter-spacing:.10em!important}
.suite-hero .hero-copy{flex:1;min-width:0}.hero-title-row{gap:20px!important}
.hero-product{display:flex;gap:15px;align-items:center;margin:0 0 11px;min-width:0}
.hero-product .hero-wordmark{width:68px!important;height:68px!important;object-fit:contain;margin:0!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.24))}
.hero-product-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.hero-product-copy>span{font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:.17em;color:#E8C766;font-size:10px}
.hero-product-copy strong{font-weight:750;letter-spacing:-.043em;font-size:clamp(28px,3vw,43px);line-height:1.05;color:#fff}
.hero-product-copy em{font-style:normal;color:#E8C766}
.suite-hero p{max-width:730px!important;color:#CBD5E3!important;font-size:12px!important;line-height:1.6!important}
.suite-hero .hero-value{margin-top:13px!important}.suite-hero .hero-value span{font-size:9px!important;font-family:'JetBrains Mono',monospace;font-weight:500!important;letter-spacing:.035em!important;color:#E0E7F1!important;padding:6px 10px!important;border-color:rgba(255,255,255,.13)!important}
.hero-side-note{display:none!important}
.week-control{padding:16px 18px!important;border-radius:15px!important;border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:0 8px 22px rgba(11,26,58,.03)!important}
.week-control-eyebrow,.eyebrow,.section-hint,.filter-count{font-weight:600}
.week-control-eyebrow,.eyebrow{font-family:'JetBrains Mono',monospace!important;letter-spacing:.07em!important;font-size:10px!important}
.week-control-actions{gap:8px!important}.week-control-actions button{min-height:37px}
.metrics{gap:11px!important}.metric{border-radius:15px!important;border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:none!important;padding:19px!important}.metric-label{font-size:10px!important;letter-spacing:.09em!important}
.metric-value{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-weight:650!important;letter-spacing:-.055em!important}
.workspace-top h2,.group-head h3{letter-spacing:-.03em!important;font-weight:650!important}
.filter-panel{border-radius:15px!important;padding:14px!important;border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:none!important}
.filter-panel select,.filter-panel input,.field input,.field textarea,.field select,.search-wrap input,.multi-filter-value{background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px!important}
.filter-field>span,.multi-filter-title,.field label,.micro-label{font-family:'JetBrains Mono',monospace;font-size:10px!important;letter-spacing:.02em!important;color:var(--quiet)!important;font-weight:500!important}
.chip{border-radius:999px!important;font-size:11px!important}.chip.active{background:var(--blue-l)!important;color:var(--blue-d)!important;border-color:rgba(55,138,221,.2)!important}
.task-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:0 2px 12px rgba(11,26,58,.025)!important}
.task-card:hover{border-color:rgba(55,138,221,.22)!important;box-shadow:0 9px 28px rgba(11,26,58,.06)!important}
.task-head{padding:15px 17px!important;gap:12px!important}.task-main h4{font-size:13px!important;font-weight:660!important;color:var(--ink)!important}
.task-description{font-size:11px!important;color:var(--quiet)!important;line-height:1.65!important}.task-meta{margin-bottom:5px!important}
.task-bullet{width:20px!important;height:20px!important;border-radius:50%!important;border:1.5px solid var(--quiet)!important;background:transparent!important;color:transparent!important;position:relative}
.task-bullet::after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor}
.task-card[data-status="todo"] .task-bullet{color:var(--quiet)!important}
.task-card[data-status="doing"] .task-bullet{color:var(--blue)!important;border-color:var(--blue)!important}
.task-card[data-status="done"] .task-bullet{color:var(--green)!important;border-color:var(--green)!important}
.task-card[data-status="correction"] .task-bullet{color:var(--red)!important;border-color:var(--red)!important}
.task-head-right{gap:10px!important}.task-expand{background:transparent!important;color:var(--quiet)!important;border:0!important;border-radius:50%!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important}
.task-expand:hover{color:var(--blue)!important;background:var(--blue-l)!important}
.task-expand .chevron{font-size:0!important;display:block!important;width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)!important;transition:transform .2s ease!important}
.task-card.expanded .task-expand .chevron{transform:rotate(225deg)!important}
.task-details{border-top:1px solid var(--line)!important}
.group-number{border-radius:12px!important;color:var(--blue-d)!important;background:var(--blue-l)!important;border-color:transparent!important}
.app-modal,.preview-modal{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:19px!important}
.modal-inner{background:var(--surface)!important}.modal-title{letter-spacing:-.04em!important;color:var(--ink)!important;font-weight:650!important}
.editorial-story{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:19px!important}
.editorial-sources{background:var(--surface-2)!important;color:var(--quiet)!important;border:1px solid var(--line)!important}
.news-media-editor,.chapter-media-editor{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:17px;margin:16px 0}
.news-media-editor h3,.chapter-media-heading strong{font-size:13px;color:var(--ink);font-weight:700}
.chapter-media-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.chapter-media-heading small{display:block;font-size:11px;color:var(--quiet);margin-top:4px}.chapter-media-heading>span{font-family:'JetBrains Mono',monospace;letter-spacing:.06em;color:var(--quiet);white-space:nowrap;font-size:9px}
.chapter-media-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chapter-media-actions input[type="url"]{width:min(100%,255px);flex:1;min-width:145px;min-height:38px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--ink)}
.chapter-media-list{display:grid;gap:5px;margin-top:12px}.chapter-media-empty{font-size:11px;color:var(--quiet)}
.news-media-note{font-size:11px!important}
.page-footer{font-family:'JetBrains Mono',monospace;font-size:10px!important;letter-spacing:.03em!important;color:var(--quiet)!important}
html[data-theme="dark"] .sidebar .brand-text strong{color:#EAEEF4!important}
html[data-theme="dark"] .sidebar .project-actions button{background:#0F1A29!important;color:#C2CDDB!important}
html[data-theme="dark"] .sidebar .project-switcher select{background:#0F1A29!important;color:#EAEEF4!important}
html[data-theme="dark"] .task-card:hover{border-color:rgba(133,183,235,.3)!important}
html[data-theme="dark"] .task-bullet{border-color:#7A8CA7!important}
@media(max-width:1020px){.main{padding:19px 21px 30px!important}.suite-hero{padding:16px 20px!important}.hero-product .hero-wordmark{width:58px!important;height:58px!important}}
@media(max-width:720px){.main{padding:12px 14px 26px!important}.utility-row{margin-bottom:16px!important}.suite-hero{padding:16px!important;border-radius:17px!important}.hero-product{gap:9px!important}.hero-product .hero-wordmark{width:48px!important;height:48px!important}.hero-product-copy strong{font-size:clamp(21px,5vw,29px)}.hero-product-copy>span{font-size:8px}.suite-hero .hero-meta{font-size:8px!important;flex-wrap:wrap}.suite-hero .hero-value span{font-size:8px!important}.task-head{padding:14px 12px!important}.week-control{padding:13px!important}.filter-panel{padding:10px!important}.chapter-media-heading{flex-direction:column;gap:4px}.chapter-media-actions input[type="url"]{flex-basis:100%}}
/* Contraste final de componentes no tema escuro, incluindo overrides legados. */
html[data-theme="dark"] .week-control-actions .secondary-button,
html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .subtle-button,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .theme-switch,
html[data-theme="dark"] .view-control .selection-toggle,
html[data-theme="dark"] .sidebar .project-actions button,
html[data-theme="dark"] .sidebar .side-create,
html[data-theme="dark"] .filter-bottom-row .subtle-button {
  background:#1B2C43!important;border-color:rgba(180,203,231,.19)!important;color:#ECF2FA!important;
}
html[data-theme="dark"] .sidebar .side-create:hover,
html[data-theme="dark"] .secondary-button:hover,
html[data-theme="dark"] .subtle-button:hover,
html[data-theme="dark"] .icon-button:hover,
html[data-theme="dark"] .theme-switch:hover{background:#253D5B!important;border-color:rgba(133,183,235,.35)!important;color:#fff!important}
html[data-theme="dark"] .sidebar .project-actions button{background:#172739!important}
html[data-theme="dark"] .week-control-actions #generate-news-btn{background:#253753!important;color:#F3DA9B!important;border-color:rgba(212,175,55,.22)!important}
html[data-theme="dark"] .sidebar .side-week.active{background:#19395D!important;color:#E8F4FF!important}
html[data-theme="dark"] .sidebar .week-square{background:#122C4B!important;color:#CDE2F8!important;border-color:#365A83!important}
html[data-theme="dark"] .sidebar .side-week-copy strong{color:#E9F1FA!important}
html[data-theme="dark"] .sidebar .side-week-copy small{color:#ABC0D6!important}
html[data-theme="dark"] .week-control-heading strong{color:#F1F5FA!important}
html[data-theme="dark"] .metric-value{color:#EAF2FB!important}
@media(max-width:720px){
  .utility-row{gap:5px!important}.utility-actions{gap:6px!important}
  .utility-actions .sync-status{max-width:11px!important;overflow:hidden}
  .utility-actions .sync-status #sync-label{display:none!important}
  .utility-actions .sync-status .status-dot{width:8px;height:8px}
  .utility-actions .save-button{font-size:10px!important;padding:8px 9px!important;max-width:115px}
  .mobile-menu{font-size:11px!important;flex:1;min-width:0}
  .mobile-menu span{white-space:nowrap}
}

/* v3.3 · Produto: densidade, navegação e hierarquia semântica */
:root{--otg-gold:#D4AF37;--otg-navy:#0B1A3A;--otg-paper:#F5F4EF;--otg-blue:#378ADD}
.sidebar .initiative-heading{display:flex;gap:10px;align-items:center;margin:0 5px 12px;min-width:0}
.sidebar .initiative-avatar,.sidebar .initiative-fallback{display:block;flex:0 0 43px;width:43px;height:43px;border-radius:13px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}
.sidebar .initiative-avatar[hidden],.sidebar .initiative-fallback[hidden]{display:none!important}
.sidebar .initiative-fallback{display:grid;place-items:center;font-size:16px;font-weight:750;color:var(--navy);background:var(--blue-l)}
.sidebar .initiative-heading .project-switcher{min-width:0;flex:1;margin:0!important}
.sidebar .initiative-heading select{width:100%;font-weight:650!important}
.sidebar .side-create{width:calc(100% - 12px)!important;margin:9px 6px 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:42px!important;padding:10px 12px!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:11px!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;letter-spacing:0!important}
.sidebar .side-create i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:17px;color:var(--blue);flex:none}
.sidebar .side-create:hover{background:var(--blue-l)!important;border-color:rgba(55,138,221,.3)!important;transform:translateY(-1px)}
.sidebar .side-create:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.suite-hero{min-height:0!important;padding:16px 23px 14px!important;border-radius:20px!important;box-shadow:0 8px 22px rgba(8,26,58,.10)!important;margin-bottom:16px!important}
.suite-hero .hero-meta{margin:0 0 8px!important;gap:10px!important;letter-spacing:.06em!important}
.suite-hero .hero-divider{opacity:.5}
.hero-product{margin:0!important;gap:12px!important}
.hero-product .hero-wordmark{width:52px!important;height:52px!important;flex:0 0 52px!important}
.hero-product-copy strong{font-size:clamp(25px,2.6vw,37px)!important;letter-spacing:-.035em!important}
.suite-hero p{margin:3px 0 0!important;line-height:1.45!important;max-width:690px!important}
.suite-hero .hero-value,.suite-hero .hero-side-note,.hero-product-copy>span{display:none!important}
/* Initiatives: optional profile image with dedicated action controls */
.initiative-logo-editor{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.initiative-logo-preview{flex:0 0 94px;height:94px;width:94px;display:grid;place-items:center;border-radius:22px;border:1px solid var(--line);background:var(--surface-2);overflow:hidden}
.initiative-logo-preview img{width:100%;height:100%;object-fit:contain}
.initiative-logo-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--quiet);text-align:center;font-size:10px}
.initiative-logo-empty i{font-size:24px}
.initiative-logo-actions{flex:1;min-width:170px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.initiative-logo-actions small{width:100%;font-size:11px;color:var(--quiet);line-height:1.55}
.initiative-file-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;cursor:pointer}
.initiative-list-avatar{width:42px;height:42px;flex:0 0 42px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.initiative-list-fallback{display:grid;place-items:center;background:var(--blue-l);color:var(--blue-d);font-weight:800;font-size:16px}
/* Avoid showing seed or demo content before cloud GET */
.unavailable-state{padding:42px 20px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;gap:12px}
.unavailable-state i{font-size:36px;color:var(--quiet)}
.unavailable-state h2{font-size:19px;color:var(--ink);margin:0}
.unavailable-state p{font-size:12px;color:var(--text);max-width:420px;margin:0}
/* Kanban: top arrows on mobile, no scrollbar at bottom of a long column */
.kanban-mobile-nav{display:none}
@media(max-width:720px){
  .suite-hero{padding:14px 15px!important;border-radius:16px!important}
  .hero-product .hero-wordmark{width:44px!important;height:44px!important;flex-basis:44px!important}
  .hero-product-copy strong{font-size:clamp(21px,5.2vw,30px)!important}
  .suite-hero .hero-meta{font-size:8px!important;gap:7px!important}
  .sidebar .initiative-heading{margin-left:3px;margin-right:3px}
  .sidebar .side-create{width:calc(100% - 10px)!important;margin-left:5px!important;margin-right:5px!important}
  .kanban-mobile-nav{position:sticky;top:6px;z-index:9;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:9px;margin-bottom:12px;padding:8px;border:1px solid var(--line);background:var(--surface);box-shadow:0 5px 19px rgba(11,26,58,.10);border-radius:14px}
  .kanban-mobile-nav button{width:44px;height:41px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:18px}
  .kanban-mobile-nav button:disabled{opacity:.25;cursor:default}
  .kanban-current-label{text-align:center;font-size:12px;font-weight:760;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kanban-mobile-hint{display:none!important}
  .kanban-board{display:flex!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:0!important;align-items:flex-start;max-width:100%}
  .kanban-board::-webkit-scrollbar{display:none!important}
  .kanban-column{box-sizing:border-box;flex:0 0 100%!important;min-width:100%!important;width:100%!important;max-width:100%!important;scroll-snap-align:start;scroll-snap-stop:always;margin:0!important}
  .filter-panel .filter-bottom-row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px}
  .filter-panel .status-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;white-space:normal!important;min-width:0!important;width:100%!important;flex:none!important;padding:0!important;margin:0!important;scrollbar-width:none!important}
  .filter-panel .status-filters[hidden]{display:none!important}
  .filter-panel .status-filters .chip{min-width:0!important;max-width:100%!important;width:100%!important;padding:8px 4px!important;white-space:normal!important;overflow-wrap:normal;font-size:10px!important;line-height:1.3!important;min-height:34px!important;flex:none!important}
  .filter-footer-actions{width:100%;display:flex;justify-content:flex-end}
  .filter-main-row{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .filter-main-row .search-wrap{grid-column:1/-1}
  .filter-main-row .owner-filter{grid-column:1/-1}
  .filter-main-row .multi-filter,.filter-main-row .filter-field{min-width:0;max-width:100%}
  .multi-filter-value,.filter-field select{max-width:100%;min-width:0}
  .filter-main-row .multi-filter-menu{max-width:calc(100vw - 50px)}
}
@media(max-width:350px){.filter-panel .status-filters .chip{font-size:9px!important}.hero-product-copy strong{font-size:20px!important}}
html[data-theme="dark"] .sidebar .side-create{background:#152940!important;color:#E9EFF7!important;border-color:rgba(180,203,231,.2)!important}
html[data-theme="dark"] .sidebar .initiative-fallback{color:#E9EFF7;background:#152940}
html[data-theme="dark"] .kanban-mobile-nav{background:#131F30;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .kanban-mobile-nav button{background:#1B2C43;color:#fff;border-color:rgba(255,255,255,.15)}

.sidebar .side-create .sprint-add-icon{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(55,138,221,.24);background:var(--blue-l);border-radius:7px;font-size:16px;font-weight:650;color:var(--blue-d);line-height:1}
.kanban-mobile-nav .chevron-shape{display:block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.kanban-mobile-nav .chevron-shape.left{transform:rotate(-135deg)}

/* HTML hidden must beat legacy display:grid/flex rules. */
.suite-hero[hidden],.week-control[hidden],.workspace-top[hidden],.filter-panel[hidden],#bulk-bar[hidden]{display:none!important}


/* v3.3.1 — avisos sempre visíveis acima de modais e do selo Netlify. */
#toast.toast{
  position:fixed!important;
  inset:auto clamp(14px,2vw,26px) calc(96px + env(safe-area-inset-bottom,0px)) auto!important;
  margin:0!important;
  box-sizing:border-box;
  width:max-content;
  max-width:min(460px,calc(100vw - 28px))!important;
  min-width:0;
  padding:15px 19px!important;
  border:1px solid rgba(214,182,255,.32)!important;
  border-left:3px solid #b68be8!important;
  border-radius:13px!important;
  background:#312044!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:600;
  line-height:1.6;
  text-wrap:pretty;
  overflow-wrap:anywhere;
  opacity:0;
  transform:translateY(8px);
  z-index:2147483000!important;
  pointer-events:none;
  box-shadow:0 18px 42px rgba(16,10,30,.28),0 4px 12px rgba(16,10,30,.16)!important;
  transition:opacity .18s ease, transform .18s ease;
}
#toast.toast.show{opacity:1!important;transform:translateY(0)!important}
#toast.toast[popover]{color-scheme:dark}
@media(max-width:720px){
  #toast.toast{
    inset:auto 12px calc(100px + env(safe-area-inset-bottom,0px)) 12px!important;
    width:auto!important;
    max-width:none!important;
    font-size:12px!important;
    padding:13px 15px!important;
  }
}
@media(prefers-reduced-motion:reduce){#toast.toast{transition:none!important}}

/* v3.3.2 — prioridade máxima: independente de status e persistida no JSON. */
.priority-flag{
  appearance:none;flex:none;display:inline-grid;place-items:center;
  width:32px;height:32px;min-width:32px;padding:0;
  border:1px solid transparent;border-radius:9px;
  background:transparent;color:var(--quiet);
  cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s;
}
.priority-flag svg{display:block;overflow:visible;pointer-events:none}
.priority-flag .priority-fabric{fill:transparent;transition:fill .16s}
.priority-flag:hover{border-color:rgba(226,75,74,.22);color:#c33f43;background:rgba(226,75,74,.06)}
.priority-flag.is-active{color:#E24B4A;background:rgba(226,75,74,.11);border-color:rgba(226,75,74,.24)}
.priority-flag.is-active .priority-fabric{fill:#E24B4A}
.priority-flag:focus-visible{outline:2px solid #E24B4A;outline-offset:2px}
.task-card[data-priority="max"]{
  border-left:4px solid #E24B4A!important;
  border-color:rgba(226,75,74,.35)!important;
  border-left-color:#E24B4A!important;
  background:linear-gradient(90deg,rgba(226,75,74,.08),transparent 35%),var(--surface)!important;
  box-shadow:0 3px 16px rgba(226,75,74,.07)!important;
}
.task-card[data-priority="max"]:hover{border-color:rgba(226,75,74,.6)!important;border-left-color:#E24B4A!important}
.kanban-card[data-priority="max"]{
  border:1px solid rgba(226,75,74,.4)!important;
  border-left:4px solid #E24B4A!important;
  background:linear-gradient(120deg,rgba(226,75,74,.08),transparent 52%),var(--surface)!important;
}
.priority-label{
  display:inline-flex;align-items:center;border-radius:6px;
  padding:3px 7px;background:rgba(226,75,74,.11);
  color:#B82D36;font-size:10px;font-weight:750;white-space:nowrap;line-height:1.4;
}
.task-card .task-head-right{align-items:center}
.kanban-card-top .priority-flag{margin-left:auto;width:28px;height:28px;min-width:28px}
.kanban-card-top .priority-flag+ .badge{margin-left:0}
html[data-theme="dark"] .priority-label{background:rgba(226,75,74,.21);color:#FFB2B2}
html[data-theme="dark"] .task-card[data-priority="max"],html[data-theme="dark"] .kanban-card[data-priority="max"]{
  background:linear-gradient(90deg,rgba(226,75,74,.12),transparent 57%),var(--surface)!important;
  border-left-color:#E24B4A!important;
}
@media(max-width:720px){
  .task-card .task-head-right{gap:4px!important}
  .priority-flag{width:30px;height:30px;min-width:30px}
  .kanban-card-top .priority-flag{width:28px;height:28px;min-width:28px}
  .priority-label{font-size:9px}
}


/* v3.3.4 — cabeçalho de controle sempre visível durante a rolagem. */
.main{--utility-inset-x:clamp(23px,4.1vw,68px);--utility-inset-top:25px}
.utility-row{
  position:sticky!important;
  top:0;
  z-index:25;
  width:auto;
  min-height:74px!important;
  margin:calc(0px - var(--utility-inset-top)) calc(0px - var(--utility-inset-x)) 23px!important;
  padding:var(--utility-inset-top) var(--utility-inset-x) 12px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 26px rgba(11,26,58,.045);
  isolation:isolate;
}
.utility-row .breadcrumb{min-width:0}
.utility-row .utility-actions{flex:none}
.utility-row .save-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.utility-row .save-icon{
  display:inline-grid!important;
  width:18px;
  height:18px;
  flex:none;
  place-items:center;
}
.utility-row .save-icon svg{display:block;width:17px;height:17px}
html[data-theme="dark"] .utility-row{background:var(--paper);box-shadow:0 10px 26px rgba(0,0,0,.15)}
@media(max-width:1380px){
  .main{--utility-inset-x:38px}
}
@media(max-width:1020px){
  .main{--utility-inset-x:21px;--utility-inset-top:19px}
}
@media(max-width:720px){
  .main{--utility-inset-x:14px;--utility-inset-top:12px}
  .utility-row{min-height:60px!important;padding-bottom:10px;gap:7px!important}
  .utility-row .save-button{gap:5px;line-height:1.2}
  .utility-row .save-icon,.utility-row .save-icon svg{width:15px;height:15px}
}
@media(max-width:365px){
  .utility-row .save-button{gap:4px;font-size:9px!important}
  .utility-row .save-icon,.utility-row .save-icon svg{width:14px;height:14px}
}
@media print{
  .utility-row{position:static!important;margin:0 0 16px!important;min-height:0!important;padding:0!important;box-shadow:none!important}
}


/* v3.3.5 | Progresso visual em 8 fatias — tarefas, Lista e Kanban.
   A fração é calculada com steps/checks, sem campos adicionais no JSON. */
.task-card[data-status] .task-bullet.progress-pie,
.kanban-card .task-bullet.progress-pie{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:29px!important;height:29px!important;
  min-width:29px!important;max-width:29px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  position:relative;
  overflow:visible;
  flex:none;
  vertical-align:middle;
}
.task-card[data-status] .task-bullet.progress-pie::after,
.kanban-card .task-bullet.progress-pie::after{content:none!important;display:none!important}
.progress-pie svg{width:29px!important;height:29px!important;display:block!important;overflow:visible}
.progress-pie{
  --pie-empty:#DFE7EF;
  --pie-blue:#248CF3;
  --pie-outline:#8CA3BD;
  --pie-divider:var(--surface,#fff);
  --pie-green:#1D9E75;
  --pie-orange:#E89610;
}
.progress-pie .pie-wedge{stroke:var(--pie-divider);stroke-width:1.2;stroke-linejoin:round}
.progress-pie .pie-wedge.empty{fill:var(--pie-empty)}
.progress-pie .pie-wedge.filled{fill:var(--pie-blue)}
.progress-pie .pie-outer-ring{fill:none;stroke:var(--pie-outline);stroke-width:1.45}
.progress-pie[data-pie-eighths="0"] .pie-outer-ring{stroke:var(--pie-outline)}
.progress-pie[data-pie-eighths="1"] .pie-outer-ring,
.progress-pie[data-pie-eighths="2"] .pie-outer-ring,
.progress-pie[data-pie-eighths="3"] .pie-outer-ring,
.progress-pie[data-pie-eighths="4"] .pie-outer-ring,
.progress-pie[data-pie-eighths="5"] .pie-outer-ring,
.progress-pie[data-pie-eighths="6"] .pie-outer-ring,
.progress-pie[data-pie-eighths="7"] .pie-outer-ring{stroke:var(--pie-blue)}
.progress-pie .pie-complete{fill:var(--pie-green);stroke:#10895F;stroke-width:1.6}
.progress-pie .pie-tick{fill:none;stroke:#fff;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.progress-pie .pie-hold-ring{fill:none;stroke:var(--pie-orange);stroke-width:2.5}
.progress-pie .pie-hold-hands{fill:none;stroke:var(--pie-orange);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.progress-pie .pie-correction-dot{fill:#E24B4A;stroke:var(--surface,#fff);stroke-width:1.4}
.progress-pie .pie-correction-mark{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round}
.kanban-card-top .progress-pie{flex:none;margin:0 1px 0 0!important}
.kanban-card-top .kanban-card-id{min-width:0;flex:1 1 94px}
.kanban-card-top .priority-flag{margin-left:auto}
html[data-theme="dark"] .progress-pie{--pie-empty:#314259;--pie-outline:#899AB1;--pie-divider:#131F30;--pie-blue:#459EFF}
html[data-theme="dark"] .progress-pie .pie-correction-dot{stroke:#131F30}
@media(max-width:720px){
  .task-card[data-status] .task-bullet.progress-pie,
  .kanban-card .task-bullet.progress-pie{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important}
  .progress-pie svg{width:27px!important;height:27px!important}
}
@media(prefers-reduced-motion:reduce){.progress-pie *{transition:none!important}}