.demo-priority-filter{align-items:center;gap:12px;margin-bottom:18px;display:flex}@media (max-width:760px){.demo-embedded .demo-workspace{padding:0 12px 20px}.demo-embedded .demo-card,.demo-embedded .demo-draft textarea{padding:12px}}:is(html:has(.demo-embedded) .cookie-reopen,html:has(.demo-embedded) .cookie-banner,html:has(.demo-embedded) .cookie-overlay){display:none}.demo-shell{color:#182b3a;background:#f4f6f8;grid-template-columns:228px minmax(0,1fr);min-height:100vh;font-size:14px;line-height:1.6;display:grid}.demo-shell *{box-sizing:border-box;min-width:0}.demo-shell button,.demo-shell input,.demo-shell textarea,.demo-shell select{font:inherit}.demo-shell button,.demo-shell select,.demo-shell input:not([type=checkbox]){min-height:44px}.demo-shell button{cursor:pointer}.demo-shell button:disabled{opacity:.5;cursor:not-allowed}.demo-shell :is(a,button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #25846f}.demo-shell svg{flex-shrink:0;width:16px;height:16px}.demo-shell h1,.demo-shell h2,.demo-shell h3{color:#132936;text-wrap:balance;overflow-wrap:anywhere;line-height:1.25}.demo-shell h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.5vw,32px);font-weight:650}.demo-shell h2{letter-spacing:-.02em;margin:0 0 12px;font-size:19px;font-weight:620}.demo-shell h3{margin:26px 0 8px;font-size:14px}.demo-shell p{margin:0 0 16px}.demo-sidebar{color:#d4dfe5;background:#11232f;flex-direction:column;min-height:100vh;padding:26px 18px;display:flex}.demo-brand{background:#fff;border-radius:9px;align-self:flex-start;padding:7px 12px;display:block}.demo-brand img{object-fit:contain;width:142px;height:45px}.demo-mode{align-items:center;gap:9px;font-size:12px;display:flex;margin:22px 10px 30px!important}.demo-mode>span{background:#78cbb1;border-radius:100%;flex-shrink:0;width:6px;height:6px}.demo-sidebar nav{gap:5px;display:grid}.demo-sidebar nav button{color:#c8d5de;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:13px;width:100%;padding:12px;font-weight:550;display:flex}.demo-sidebar nav button:hover{background:#1c3544}.demo-sidebar nav button[aria-current=page]{color:#fff;background:#214a4a;border-color:#39615e}.demo-sidebar nav button small{border:1px solid #526b78;border-radius:5px;margin-left:auto;padding:0 6px}.demo-sidebar-foot{color:#bacbd3;gap:12px;margin-top:auto;padding:36px 10px 0;font-size:12px;display:grid}.demo-sidebar-foot button{text-align:left;background:0 0;border:1px solid #47606d;border-radius:6px;padding:9px}.demo-workspace{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(18px,3vw,48px) 32px}.demo-topbar{border-bottom:1px solid #dae2e7;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.demo-eyebrow{letter-spacing:.16em;color:#647783;font-size:12px;font-weight:700;margin-bottom:7px!important}.demo-top-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.demo-top-actions a{background:#fff;border:1px solid #cbd6dd;border-radius:7px;align-items:center;gap:9px;min-height:44px;padding:9px 12px;font-weight:550;display:inline-flex}.demo-shell select,.demo-shell input[type=search]{color:#233b4b;background:#fff;border:1px solid #bfcdd6;border-radius:6px;max-width:100%;padding:9px 12px}.demo-disclaimer{color:#536775;border-bottom:1px solid #dae2e7;align-items:flex-start;gap:12px;padding:16px 0;font-size:12px;display:flex}.demo-disclaimer svg{color:#247361;margin-top:3px}.demo-disclaimer p{margin:0}.demo-notice{color:#176350;font-weight:600}.demo-notice:not(:empty){background:#eaf6f0;border:1px solid #afcec3;border-radius:6px;margin-top:16px;padding:12px 16px}.demo-view{padding:28px 0}.demo-page-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px;display:flex}.demo-page-heading h2{margin:0;font-size:23px}.demo-page-heading>span{color:#647783;font-size:12px}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.demo-metrics button{text-align:left;background:#fff;border:1px solid #d9e2e8;border-radius:10px;grid-template-columns:1fr auto;padding:21px 24px;display:grid}.demo-metrics button:hover{border-color:#4d927f}.demo-metrics span{color:#5c707e;grid-column:1/-1}.demo-metrics strong{letter-spacing:-.04em;font-size:36px;font-weight:600;line-height:1.4}.demo-metrics svg{color:#327963;align-self:center}.demo-today-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.demo-card{background:#fff;border:1px solid #d9e2e8;border-radius:10px;padding:24px}.demo-card>p,.demo-muted{color:#647783;font-size:13px}.demo-card-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.demo-card-heading>svg{color:#27816a}.demo-focus-row{border-top:1px solid #e5ebef;align-items:flex-start;gap:14px;padding:19px 0;display:flex}.demo-focus-row>div{flex:1}.demo-focus-row>svg{color:#78909d;margin-top:8px}.demo-focus-row p{color:#667d8b;margin:5px 0 0;font-size:12px}.demo-case-link{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:3px 0;display:flex}.demo-case-link strong{color:#1c4255;font-size:14px;font-weight:600}.demo-case-link span{color:#667d8b;font-size:12px}.demo-case-link:hover strong{color:#16785f;text-decoration:underline}.demo-priority,.demo-stage{white-space:nowrap;border:1px solid #d2dee6;border-radius:5px;justify-content:center;align-self:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.demo-priority.p-P0{color:#963b29;background:#fff2ed;border-color:#efd0c5}.demo-priority.p-P1{color:#7a5b21;background:#fff9ec;border-color:#e7dabe}.demo-priority.p-P2{color:#475f72;background:#edf3f7}.demo-stage{color:#385d58;white-space:normal;text-align:center;background:#f0f7f4}.demo-shell .demo-primary{color:#fff;background:#1a705b;border:1px solid #1a705b;border-radius:6px;justify-content:center;align-items:center;gap:14px;padding:10px 16px;font-weight:600;display:inline-flex}.demo-primary:hover{background:#155746}.demo-task-check{cursor:pointer;border-top:1px solid #e5ebef;align-items:flex-start;gap:12px;padding:17px 0;display:flex}.demo-shell input[type=checkbox]{accent-color:#1b765d;flex-shrink:0;width:19px;height:19px;margin:2px 0 0}.demo-task-check small{color:#6c808c;margin-top:6px;font-size:12px;display:block}.demo-task-check.is-done>span,.demo-task-row.is-done>label strong{color:#6d7f8a;text-decoration:line-through}.demo-text-button,.demo-back{color:#216b58;background:0 0;border:0;align-items:center;gap:10px;padding:10px 0;font-weight:600;display:inline-flex}.demo-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;padding-bottom:22px;display:flex}.demo-filters label{gap:6px;display:grid}.demo-filters label:first-child{flex:240px}.demo-filters label span{color:#506776;font-size:12px;font-weight:600}.demo-filters output{color:#607580;align-self:center;margin-left:auto;font-size:12px}.demo-record{border-top:1px solid #e0e8ed;grid-template-columns:minmax(0,1fr) minmax(100px,140px) 45px 120px;align-items:center;gap:20px;padding:18px 0;display:grid}.demo-owner{color:#6c808c;font-size:12px}.demo-empty{text-align:center;padding:40px 15px}.demo-pipeline{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;display:grid}.demo-lane{background:#e9eff2;border-radius:9px;padding:12px}.demo-lane>h2{justify-content:space-between;align-items:center;gap:8px;margin:6px 4px 18px;font-size:14px;display:flex}.demo-lane>h2 small{color:#516977}.demo-lane .demo-card{margin-bottom:12px;padding:16px}.demo-lane .demo-card>.demo-priority{margin-bottom:13px}.demo-lane .demo-card>p{margin:12px 0 0;font-size:12px}.demo-detail-meta{color:#5e7482;flex-wrap:wrap;align-items:center;gap:18px;margin:12px 0 24px;display:flex}.demo-detail-meta label{align-items:center;gap:10px;margin-left:auto;display:flex}.demo-detail-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.demo-detail-context{gap:20px;display:grid}.demo-original{white-space:pre-wrap;line-height:1.85;color:#334f61!important}.demo-clarify{border-left:3px solid #bc974f}.demo-draft h2{align-items:center;gap:10px;display:flex}.demo-draft textarea{resize:vertical;color:#294455;background:#fbfcfd;border:1px solid #c6d3db;border-radius:6px;width:100%;min-height:370px;padding:18px;line-height:1.75;display:block}.demo-draft-actions{justify-content:flex-end;margin-top:16px;display:flex}.demo-approved{font-size:12px;color:#1d7056!important;margin-top:14px!important}.demo-approved svg{margin-right:8px}.demo-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.demo-project-value{border-top:1px solid #e1e8ed;flex-direction:column;gap:5px;padding:20px 0;display:flex}.demo-project-value span{color:#627884;font-size:12px}.demo-project-value strong{font-size:29px;font-weight:600}.demo-progress-label{grid-template-columns:1fr auto;gap:8px;margin:10px 0 20px;font-size:12px;display:grid}.demo-progress-label progress{-webkit-appearance:none;appearance:none;border:0;border-radius:4px;grid-column:1/-1;width:100%;height:6px}.demo-progress-label progress::-webkit-progress-bar{background:#e4ecef;border-radius:4px}.demo-progress-label progress::-webkit-progress-value{background:#418c78;border-radius:4px}.demo-progress-label progress::-moz-progress-bar{background:#418c78}.demo-project-source{border-top:1px solid #e0e8ed;padding-top:15px}.demo-project-source>small{color:#607783}.demo-calendar-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:22px 0;display:flex}.demo-calendar-bar h2{text-transform:capitalize;margin:0}.demo-calendar-bar>div{gap:8px;display:flex}.demo-calendar-bar button{background:#fff;border:1px solid #c5d3db;border-radius:6px;padding:9px 12px}.demo-calendar{background:#dce5eb;border:1px solid #dce5eb;border-radius:6px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.demo-weekday{text-align:center;background:#f6f8f9;padding:10px 4px;font-size:12px}.demo-day{background:#fff;flex-direction:column;align-items:flex-start;gap:10px;min-height:72px;padding:9px 14px;display:flex}.demo-day.sample-today{color:#145c44;background:#eaf5ef;font-weight:700}.demo-calendar-dot{background:#39765f;border-radius:100%;width:6px;height:6px}.demo-agenda{gap:4px;margin-top:22px;display:grid}.demo-agenda button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e9ee;align-items:center;gap:22px;padding:15px 0;display:flex}.demo-agenda button>span{color:#607685;flex-shrink:0;font-size:12px}.demo-agenda button>strong{flex:1;font-weight:550}.demo-task-row{border-top:1px solid #e0e8ed;padding:20px 0}.demo-task-row>label{cursor:pointer;align-items:flex-start;gap:14px;display:flex}.demo-task-row>label strong{font-weight:550}.demo-task-row>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 0 33px;display:flex}.demo-task-row>div>span{color:#5b7280;font-size:12px}.demo-safety{color:#536c7b;border-top:1px solid #d8e2e8;border-bottom:1px solid #d8e2e8;padding:15px 0;font-size:12px}.demo-safety summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.demo-safety ul{gap:10px;max-width:850px;margin:12px 0 12px 28px;list-style:outside;display:grid}.demo-footer{color:#647b87;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 55px;font-size:12px;display:flex}.demo-footer nav{flex-wrap:wrap;gap:16px;display:flex}.demo-footer a{align-items:center;min-height:44px;display:inline-flex}.demo-footer a[aria-current=page]{color:#195f4d;text-decoration:underline}.demo-sr-only,.demo-skip:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-skip:focus{z-index:100;background:#fff;padding:14px 20px;position:fixed;top:16px;left:16px}@media (min-width:1440px){.demo-sidebar{padding:30px 24px}.demo-shell{grid-template-columns:252px minmax(0,1fr)}}@media (max-width:1150px){.demo-shell{grid-template-columns:195px minmax(0,1fr)}.demo-sidebar{padding:22px 12px}.demo-today-grid{grid-template-columns:1fr}.demo-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-topbar{flex-direction:column;align-items:flex-start;gap:18px}.demo-record{grid-template-columns:minmax(0,1fr) 120px 40px;gap:12px}.demo-owner{grid-column:1/-1}.demo-detail-grid{grid-template-columns:1fr}}@media (max-width:760px){.demo-shell{display:block}.demo-sidebar{grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:0;padding:14px 18px;display:grid}.demo-brand{width:fit-content;padding:4px 9px}.demo-brand img{width:126px;height:40px}.demo-mode{text-align:right;font-size:12px;margin:0!important}.demo-sidebar nav{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.demo-sidebar nav button{flex-direction:column;justify-content:center;gap:5px;padding:9px 4px}.demo-sidebar nav span{text-align:center;overflow-wrap:anywhere;font-size:12px;display:block}.demo-sidebar nav button small{display:none}.demo-sidebar-foot{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding:0;display:flex}.demo-sidebar-foot button{margin-left:auto;padding:5px 8px}.demo-workspace{padding:0 18px 20px}.demo-topbar{padding:22px 0}.demo-top-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-metrics button{padding:12px}.demo-metrics span{font-size:12px}.demo-metrics strong{font-size:27px}.demo-metrics svg{display:none}.demo-card{padding:18px}.demo-record{grid-template-columns:minmax(0,1fr) 45px;gap:8px}.demo-record .demo-case-link{grid-column:1/-1}.demo-record .demo-stage{justify-self:start}.demo-record .demo-owner{grid-column:auto}.demo-projects{grid-template-columns:1fr}.demo-detail-meta{gap:12px}.demo-detail-meta label{flex-wrap:wrap;margin:0}.demo-detail-meta select{max-width:220px}.demo-day{gap:5px;min-height:48px;padding:7px;font-size:12px}.demo-weekday{font-size:12px}.demo-draft textarea{min-height:420px;font-size:16px}.demo-filters input,.demo-filters select{font-size:16px}.demo-task-row>div{display:block}.demo-task-row>div>span{margin-top:8px;display:block}}@media (max-width:420px){.demo-pipeline,.demo-metrics{grid-template-columns:1fr}.demo-metrics button{grid-template-columns:1fr auto;align-items:center}.demo-metrics span{grid-column:auto;font-size:13px}.demo-metrics strong{line-height:1.2}.demo-focus-row{gap:9px}.demo-focus-row>svg{display:none}.demo-calendar-bar>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html:has(.demo-shell){scroll-behavior:auto}}
