@charset "UTF-8";
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url("fonts/rubik-latin-variable.woff2") format("woff2")}
:root{--canvas:#f7f8f5;--surface:#fff;--ink:#202b2c;--muted:#717d7c;--subtle:#a2aaa6;--line:#e6eae6;--teal:#177c70;--teal-dark:#106155;--teal-light:#e8f4ef;--nav:#1c2b2d;--nav-muted:#9cadaa;--radius:12px;--shadow:0 4px 20px #163e3110;font-family:"Rubik","Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas)}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-dark)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #44b8a2;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin-bottom:8px}h2{font-size:19px;font-weight:650;letter-spacing:-.4px}h3{font-size:18px;font-weight:650}p{margin-bottom:1em}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:200;background:var(--teal);color:white;padding:10px 20px;border-radius:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{display:block;font-size:14px;font-weight:700;letter-spacing:1.8px;color:var(--teal);margin-bottom:10px}.mono{font-family:"Cascadia Code",Consolas,monospace;font-size:14px}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:7px;align-items:center}.text-link .icon{width:15px;height:15px}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.nowrap{white-space:nowrap}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:242px;background:var(--nav);color:#eaf1ee;padding:30px 18px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:30px;letter-spacing:-.9px;color:#fff;font-weight:650;padding:0 10px}.brand:hover{color:#fff}.brand-dot{color:#6cd2b1}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px;transform:rotate(-8deg)}.brand-mark span{background:#73c7ad;border-radius:2px}.brand-mark span:nth-child(2){opacity:.45}.brand-mark span:nth-child(3){opacity:.72}.workspace-label{border:1px solid #ffffff15;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:10px;margin:34px 0 29px;font-size:14px;font-weight:550}.workspace-monogram{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#ffffff0b;border:1px solid #ffffff15;color:#d2e9df;font-size:14px}.workspace-label small{font-weight:400;color:var(--nav-muted);font-size:14px;display:block;margin-top:2px}.nav-caption{font-size:14px;letter-spacing:1.5px;color:#7e9893;padding:0 13px;margin-bottom:10px}.main-nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 13px;color:#aec0bb;font-size:14px;border-radius:7px;transition:background .15s,color .15s}.nav-link .icon{width:18px;height:18px}.nav-link:hover{background:#ffffff08;color:#f7fffb}.nav-link.active{background:#2a4c46;color:#b3f0d5;box-shadow:inset 3px 0 #76cdb0}.sidebar-bottom{margin-top:auto;padding-top:35px}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff10;margin-top:18px;padding:20px 5px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d7e6d8;color:#36554a;font-size:14px;font-weight:650}.account-name{min-width:0;flex:1;overflow-wrap:anywhere;font-size:14px;color:#ecf3f0;font-weight:550}.account-name small{display:block;color:#829c94;font-size:14px;font-weight:400}.account form{margin:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--muted);min-height:34px;min-width:34px}.icon-button:hover{background:#e6eeea}.logout-button{color:#9cb0a9}.logout-button:hover{background:#ffffff10;color:white}.main-shell{margin-left:242px;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 42px;background:#ffffffbb}.topbar-left{display:flex;gap:13px;align-items:center;color:#354844;font-size:14px;min-width:0}.topbar-section{color:#7e8984}.breadcrumb-slash{color:#c3cac6}.quick-search{display:flex;align-items:center;gap:8px;max-width:270px;color:#94a29b}.quick-search .icon{width:16px;height:16px}.quick-search input{border:0;background:transparent;font-size:14px;width:146px;padding:8px 0;outline-offset:2px}.quick-search input::placeholder{color:#93a099}.quick-search kbd{font:14px "Segoe UI",sans-serif;border:1px solid #e5eae6;border-radius:4px;padding:2px 4px;color:#a3aaa6;white-space:nowrap}.menu-toggle{display:none}.main-content{max-width:1580px;padding:36px 42px 0;margin:0 auto;outline:none}.page-footer{display:flex;justify-content:space-between;gap:16px;margin-top:44px;padding:21px 0;font-size:14px;color:#99a39d;border-top:1px solid var(--line)}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .subtitle{margin:0;color:var(--muted);font-size:14px}.page-heading .eyebrow{margin-bottom:8px}.heading-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 15px;border-radius:7px;border:1px solid #dce4de;background:#fff;color:#485650;font-size:14px;font-weight:600;line-height:1.4;min-height:37px;white-space:nowrap;transition:background .15s,box-shadow .15s}.button:hover{background:#f0f5f1;color:#203a30}.button .icon{width:16px;height:16px}.button.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 2px 3px #1e655512}.button.primary:hover{background:var(--teal-dark)}.button.subtle{background:transparent;border-color:transparent}.button.small{padding:6px 10px;min-height:30px;font-size:14px}.button.full-width{width:100%}.button.danger{color:#a04343;background:#fff5f3;border-color:#f2d5cf}.back-link{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:20px}.back-link .icon{width:14px;height:14px}.pill,.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;font-size:14px;font-weight:550;line-height:1.4;padding:4px 7px;white-space:nowrap;background:#f0f3f0;color:#6a786d}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-inbox,.status-not_configured{background:#eef0f2;color:#6b7682}.status-todo{background:#edf1f5;color:#63768a}.status-doing,.status-running,.status-active,.status-configured{background:#e3f3ec;color:#34765b}.status-waiting,.status-pending,.status-paused{background:#fff2da;color:#9c792e}.status-done,.status-completed{background:#e8f2e4;color:#648054}.status-unavailable,.status-error,.status-failed{background:#fbe9e4;color:#b96551}.status-planned{background:#f0eef7;color:#7d719b}.priority-high{color:#a87737;background:#fff2de}.priority-urgent{color:#bb5b52;background:#fff0ec}.priority-low{color:#819088;background:#f0f4f1}.kind-epic{color:#8b6d9e;background:#f0eaf5}.kind-story{color:#557fa3;background:#edf3f8}.kind-task{color:#40876d;background:#e9f5ed}.overdue{color:#b45f4c!important}.count{border-radius:5px;background:#eef2ed;color:#7b877c;font-size:14px;font-weight:600;padding:2px 6px}.rule{height:1px;background:var(--line);border:0;margin:24px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.stat-card{border:1px solid var(--line);background:var(--surface);padding:19px 20px;border-radius:var(--radius);display:block;color:inherit}.stat-card:hover{border-color:#b8d4c8;color:inherit;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted)}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eff5ee;color:#7b9c7d}.stat-icon .icon{width:16px;height:16px}.stat-value{display:block;font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.8px;margin:11px 0 7px}.stat-note{font-size:14px;color:#97a094}.stat-card.warning .stat-icon{background:#fcf0df;color:#b18c4a}.stat-card.accent .stat-icon{background:#e5f3ed;color:#3e9579}.stat-card.rose .stat-icon{background:#f8eae5;color:#ba7c68}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:23px;align-items:start}.section-stack{display:grid;gap:23px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px 17px}.panel-header h2{font-size:16px;letter-spacing:-.2px;margin:0;display:flex;align-items:center;gap:9px}.panel-header p{font-size:14px;color:var(--muted);margin:4px 0 0}.panel-body{padding:0 22px 22px}.panel-body.padded{padding:22px}.panel-header .text-link{font-size:14px}.panel-list{padding:0 22px}.panel-list-item{padding:16px 0;display:flex;gap:12px;align-items:center;border-top:1px solid var(--line)}.panel-list-item:first-child{border-top:0}.panel-list-item .item-main{flex:1;min-width:0}.item-title{font-size:14px;font-weight:550;color:#374b40;display:block;overflow-wrap:anywhere}.item-title:hover{color:var(--teal)}.item-meta{margin-top:5px;color:#99a196;font-size:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.item-meta .icon{width:12px;height:12px}.task-type-icon{width:26px;height:26px;border-radius:7px;background:#edf5ed;color:#6e9878;display:grid;place-items:center;flex-shrink:0}.task-type-icon .icon{width:14px;height:14px}.task-type-icon.kind-epic{background:#f1eaf6;color:#9b7aa8}.task-type-icon.kind-story{background:#e9f0f8;color:#6e8cae}.project-color{width:11px;height:11px;border-radius:3px;background:var(--project-color,var(--teal));flex-shrink:0}.progress-track{height:5px;border-radius:10px;background:#eff2ec;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:10px;width:var(--progress,0%)}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#8a968c;margin:10px 0 6px}.project-mini{padding:17px 0;border-top:1px solid var(--line)}.project-mini:first-child{padding-top:0;border-top:0}.project-mini-heading{display:flex;align-items:center;gap:9px}.project-mini-heading a{flex:1;font-size:14px;font-weight:550;color:#415046}.section-label{font-size:14px;text-transform:uppercase;letter-spacing:1.1px;color:#859086;margin:0 0 15px}.workflow-teaser{border-radius:var(--radius);padding:25px;background:#eaf1e8;border:1px solid #e0e9dc;position:relative}.workflow-teaser .teaser-icon{width:36px;height:36px;display:grid;place-items:center;background:#dbe8d6;border-radius:10px;color:#6c8d60;margin-bottom:16px}.workflow-teaser h2{font-size:16px;line-height:1.4;margin-bottom:8px}.workflow-teaser p{font-size:14px;color:#85917b;margin-bottom:18px;max-width:260px}.workflow-teaser .button{background:#f8fbf5;border-color:#d5e0cb;color:#53794d}.activity-row{border-left:1px solid #e1e8dd;margin-left:4px;padding:0 0 19px 18px;position:relative}.activity-row:last-child{padding-bottom:0;border-color:transparent}.activity-row::before{content:"";width:7px;height:7px;border-radius:50%;background:#9eb99a;position:absolute;left:-4px;top:5px;box-shadow:0 0 0 4px #fff}.activity-row a{font-size:14px;font-weight:550;color:#486043}.activity-row p{font-size:14px;color:#99a191;margin:4px 0 0}
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 24px;gap:8px;color:var(--muted)}.empty-state .empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f0f5ef;color:#94ad98;margin-bottom:4px}.empty-state h2,.empty-state h3{font-size:16px;color:#516153;margin:0}.empty-state p{max-width:370px;font-size:14px;line-height:1.7;margin:0 0 10px}.empty-state.compact{padding:30px 12px}.empty-state.compact p{font-size:14px}.table-wrap{position:relative;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.data-table th{color:#8c998e;font-size:14px;font-weight:550;letter-spacing:.7px;text-transform:uppercase;background:#fafbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 20px;white-space:nowrap}.data-table td{padding:15px 20px;border-bottom:1px solid #edf0eb;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfa}.data-table .task-cell{display:flex;align-items:center;gap:11px;min-width:220px}.data-table .item-title{font-size:14px}.data-table .item-meta{font-size:14px;margin-top:3px}.data-table .project-cell{min-width:110px}.data-table .date-cell{white-space:nowrap;color:#83917f}.data-table .date-cell .icon{width:12px;height:12px;margin-right:4px}.table-total{padding:13px 20px;border-top:1px solid var(--line);font-size:14px;color:#97a390}.filters-panel{border:1px solid var(--line);background:var(--surface);padding:15px 17px;border-radius:var(--radius);margin-bottom:21px}.filter-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-form .filter-field{min-width:110px;flex:1}.filter-form .filter-field.search-field{flex:2;min-width:180px}.filter-form label{display:block;font-size:14px;font-weight:600;color:#929c8c;margin-bottom:5px}.filter-form input,.filter-form select{padding:8px 10px;border:1px solid #e3e9df;border-radius:6px;width:100%;background:#fbfcfa;color:#617059;font-size:14px;min-height:34px}.filter-actions{display:flex;gap:5px;align-items:center}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.result-count{font-size:14px;color:#8b9785}.view-switch{display:flex;padding:3px;background:#edf1e9;border:1px solid #e3e8dd;border-radius:7px;gap:2px}.view-switch a{display:flex;align-items:center;gap:6px;padding:5px 10px;color:#85907e;font-size:14px;border-radius:4px}.view-switch a.active{background:white;color:#4e6e4a;box-shadow:0 1px 3px #31451c0c}.view-switch .icon{width:13px;height:13px}.board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:13px;overflow-x:auto;padding-bottom:14px;align-items:start}.board-column{border:1px solid #e4e9df;border-radius:10px;background:#f0f3ed;min-width:0;padding:12px 10px;min-height:220px}.column-heading{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#6b7961;padding:2px 3px 12px}.column-heading .status-dot{width:7px;height:7px;border-radius:50%;background:#adb6a8}.column-heading .count{margin-left:auto;background:#e5eadf}.column-doing .status-dot{background:#69ac8c}.column-waiting .status-dot{background:#d3b26e}.column-done .status-dot{background:#89ab75}.task-card{border:1px solid #e1e6dc;background:white;border-radius:8px;padding:12px;margin-bottom:9px;box-shadow:0 2px 3px #2f412107}.task-card:last-child{margin-bottom:0}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:9px}.task-key{font-size:14px;letter-spacing:.3px;color:#a6afa0}.task-card .item-title{font-size:14px;line-height:1.6}.task-card-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:14px;color:#8c9884}.task-card-meta .icon{width:12px;height:12px}.task-card-project{font-size:14px;display:flex;align-items:center;gap:5px;color:#87967c;margin-top:10px}.task-card-project .project-color{width:6px;height:6px;border-radius:2px}.move-form{display:flex;gap:5px;margin-top:12px;padding-top:9px;border-top:1px solid #eff2eb}.move-form select{font-size:14px;min-width:0;flex:1;border:1px solid #e7ecdf;padding:5px;border-radius:4px;color:#78846c;background:#fcfdfb}.move-form button{border:1px solid #e1e8d8;border-radius:4px;background:#f5f8ef;color:#688252;font-size:14px;padding:4px 6px}.column-empty{font-size:14px;color:#a0aa95;text-align:center;padding:23px 5px;border:1px dashed #dae2d1;border-radius:7px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card,.workflow-card{display:flex;flex-direction:column;padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-top .pill{margin-left:auto}.project-emblem{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--project-color,var(--teal)) 12%,white);color:var(--project-color,var(--teal));flex-shrink:0}.project-card h2,.workflow-card h2{font-size:18px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.project-card h2 a,.workflow-card h2 a{color:#45543d}.card-description{font-size:14px;color:#94a08b;line-height:1.7;margin-bottom:20px;overflow-wrap:anywhere;flex:1}.card-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#8e9c82}.workflow-emblem{width:36px;height:36px;border-radius:10px;background:#e8f1e3;color:#7fa56c;display:grid;place-items:center}.workflow-counts{display:flex;gap:12px;color:#8d9c81;font-size:14px;margin-top:2px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.detail-title{font-size:32px;overflow-wrap:anywhere;line-height:1.35}.detail-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.detail-meta .task-key{font-size:14px}.description{font-size:14px;line-height:1.9;color:#66735d;overflow-wrap:anywhere}.description p:last-child{margin-bottom:0}.detail-properties{margin:0}.property-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #edf1e8;font-size:14px}.property-row:last-child{border:0}.property-row dt{color:#93a086}.property-row dd{margin:0;color:#66785a;overflow-wrap:anywhere}.property-row dd a{overflow-wrap:anywhere}.detail-move{display:flex;gap:8px}.detail-move select{flex:1;min-width:0}.detail-move label{font-size:14px}.detail-move .button{padding:8px 10px}.step-list{list-style:none;margin:0;padding:0;counter-reset:steps}.step-list li{position:relative;padding:0 0 23px 40px;counter-increment:steps}.step-list li::before{content:counter(steps);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:14px;font-weight:600;background:#eef4e7;color:#85a96b}.step-list li::after{content:"";position:absolute;top:31px;bottom:6px;left:12px;width:1px;background:#e3ebd9}.step-list li:last-child{padding-bottom:0}.step-list li:last-child::after{display:none}.step-list h3{font-size:14px;line-height:1.6;margin:0 0 6px;color:#596d4a}.step-list p{font-size:14px;line-height:1.7;color:#96a389;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.run-panel{border-color:#dce7d2}.run-panel .panel-header{background:#f7faf2}.run-panel .stacked-form{padding:20px}.run-note{font-size:14px;line-height:1.6;color:#98a68b;margin:12px 0 0}.notice{display:flex;gap:10px;align-items:flex-start;background:#eef5e8;border:1px solid #e1ebd8;padding:14px 16px;border-radius:8px;color:#738667;font-size:14px;line-height:1.6;margin-bottom:20px}.notice .icon{margin-top:1px;width:16px;height:16px}.notice p{margin:0}.notice.warning{background:#fff6e6;color:#a3844c;border-color:#f2e5c8}.notice.error{background:#fff0e9;color:#ad745d;border-color:#f1dacd}.notice strong{font-weight:650}
.form-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(210px,1fr);gap:32px;max-width:1050px;align-items:start}.form-panel{padding:27px 30px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.stacked-form{display:grid;gap:18px}.form-field{display:grid;gap:7px}.form-field>label{font-size:14px;font-weight:600;color:#6c7b5c}.required{color:#adbaa1}.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field select,.form-field textarea,.detail-move select{width:100%;padding:10px 12px;border:1px solid #dde5d5;background:#fff;border-radius:7px;color:#485e38;font-size:14px;min-width:0}.form-field input[type="color"]{width:100px!important;height:43px;padding:4px!important}.form-field textarea{min-height:120px;resize:vertical;line-height:1.7}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7eaf88;box-shadow:0 0 0 3px #eaf3e5;outline:none}.form-field input[type="checkbox"]{accent-color:var(--teal);width:16px;height:16px;margin:0}.checkbox-field{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px}.checkbox-field .help-text,.checkbox-field .field-errors{grid-column:2}.help-text{font-size:14px;color:#96a28c;line-height:1.6}.help-text ul{padding-left:17px;margin:0}.form-errors,.field-errors{color:#b46d51;font-size:14px;line-height:1.5}.form-errors{background:#fff2e9;border:1px solid #efdcc9;border-radius:8px;padding:12px 14px}.form-errors ul{margin:5px 0 0;padding-left:18px}.field-errors p{margin:0}.has-error input,.has-error select,.has-error textarea{border-color:#d5a386!important}.form-actions{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:5px}.form-aside{padding-top:16px;font-size:14px;color:#9aaa88;line-height:1.8}.form-aside h2{font-size:14px;color:#778d5c;margin-bottom:10px}.form-aside p{margin-bottom:19px}.messages{display:grid;gap:10px;margin-bottom:24px}.message{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce8d0;background:#edf5e5;padding:12px 16px;border-radius:8px;color:#6e8a51;font-size:14px}.message.error{background:#fff0e5;border-color:#f0dcc4;color:#b38251}.message.warning{background:#fff7e5;border-color:#eee4be;color:#a48e4e}.message .icon{width:16px;height:16px}.integration-list{display:grid;gap:14px}.integration-card{border:1px solid var(--line);border-radius:10px;background:white;padding:20px 22px;display:flex;align-items:flex-start;gap:17px}.integration-icon{width:39px;height:39px;border-radius:10px;background:#edf3e6;color:#8da76c;display:grid;place-items:center;flex-shrink:0}.integration-copy{flex:1;min-width:0}.integration-copy h2{font-size:16px;margin:0 0 6px}.integration-copy p{font-size:14px;color:#98a68a;margin:0;line-height:1.7;overflow-wrap:anywhere}.account-card{padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.account-card h2{font-size:14px;overflow-wrap:anywhere;margin:0}.account-card-top{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.mail-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.mail-counts span{display:block;font-size:14px;color:#a1ac93}.mail-counts strong{font-size:30px;color:#6e8152;font-weight:550}.mail-sync{font-size:14px;color:#9eab8d;border-top:1px solid var(--line);padding-top:13px}.mail-error{font-size:14px;color:#b58a56;line-height:1.6;overflow-wrap:anywhere;margin-top:12px}.mail-coverage{font-size:14px;color:#a38e5b;background:#fcf5e6;padding:9px 10px;border-radius:6px;margin:12px 0 0}
.login-body{background:#fafbf7}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:var(--nav);color:#dce9e1;padding:50px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-intro .brand{padding:0}.login-copy{max-width:430px;margin:auto 0;padding:70px 0}.login-copy .eyebrow{color:#91baa1;font-size:14px;letter-spacing:1.5px;margin-bottom:24px}.login-copy h1{font-size:36px;line-height:1.25;font-weight:500;letter-spacing:-1.3px;color:#f2f7f0;margin-bottom:23px}.login-copy>p{font-size:14px;line-height:1.9;color:#a2b6a7;max-width:360px}.login-features{display:grid;gap:18px;margin-top:36px;font-size:14px;color:#bdcdbb}.login-features span{display:flex;align-items:center;gap:12px}.login-features .icon{color:#85b697;width:16px;height:16px}.login-footnote{font-size:14px;color:#7b9682}.login-form-side{display:flex;align-items:center;justify-content:center;padding:45px}.login-card{width:100%;max-width:350px}.login-card .eyebrow{font-size:14px;color:#95a77e;margin-bottom:12px}.login-card h2{font-size:32px;letter-spacing:-.8px;margin-bottom:9px;color:#435637}.login-card>.muted{font-size:14px;color:#9aa58b;margin-bottom:31px}.login-card .stacked-form{gap:20px}.login-card .button{margin-top:7px;min-height:43px;justify-content:space-between}.login-help{font-size:14px;color:#a1ab94;margin-top:22px;text-align:center}
@media(min-width:1500px){.stats-grid{gap:20px}.dashboard-grid{gap:26px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:14px;padding-right:14px}.main-shell{margin-left:218px}.main-content{padding:30px 27px 0}.topbar{padding:0 27px}.stats-grid{gap:10px}.stat-card{padding:15px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:17px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 260px}.form-layout{grid-template-columns:minmax(0,1fr) 215px}.data-table th,.data-table td{padding-left:15px;padding-right:15px}.login-intro{padding:40px}.login-copy h1{font-size:36px}}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.section-stack:last-child{grid-template-columns:1fr 1fr}.dashboard-grid>.section-stack:last-child>.panel:last-child{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.detail-grid>.section-stack{grid-template-columns:1fr 1fr}.form-layout{grid-template-columns:1fr}.form-aside{max-width:600px;padding:0 5px}.quick-search{max-width:200px}.quick-search kbd{display:none}}
@media(max-width:900px){.sidebar{width:250px;transform:translateX(-100%);transition:transform .2s ease;padding-top:26px}.main-shell{margin-left:0}.navigation-open .sidebar{transform:translateX(0)}.navigation-open{overflow:hidden}.sidebar-overlay{position:fixed;inset:0;z-index:35;border:0;background:#12241ec0}.menu-toggle{display:inline-flex}.topbar{height:64px;padding:0 23px}.main-content{padding:27px 23px 0}.topbar-left{gap:9px}.main-nav .nav-link{padding:13px}.heading-actions .button{padding:10px 12px}.login-copy h1{font-size:32px}.login-intro{padding:32px}.login-form-side{padding:32px}}
@media(max-width:650px){h1{font-size:30px;letter-spacing:-.6px}.topbar{padding:0 13px}.topbar-section,.breadcrumb-slash{display:none}.topbar-left{font-size:14px;white-space:nowrap}.quick-search{max-width:165px}.quick-search input{width:125px;font-size:14px}.main-content{padding:24px 16px 0}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-heading .subtitle{font-size:14px;max-width:300px}.page-heading .heading-actions{gap:6px;flex-wrap:wrap}.heading-actions .button{font-size:14px}.page-footer{font-size:14px;margin-top:30px}.page-footer span:last-child{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:21px}.stat-card{padding:14px}.stat-top{font-size:14px}.stat-icon{width:26px;height:26px}.stat-value{font-size:30px;margin-top:8px}.stat-note{font-size:14px}.dashboard-grid>.section-stack:last-child{grid-template-columns:1fr}.dashboard-grid>.section-stack:last-child>.panel:last-child{grid-column:auto}.panel-header{padding:17px 16px 15px}.panel-header h2{font-size:14px}.panel-body{padding:0 16px 18px}.panel-list{padding:0 16px}.panel-body.padded{padding:18px 16px}.panel-list-item{gap:8px}.panel-list-item>.pill{font-size:14px}.card-grid{grid-template-columns:1fr}.detail-grid>.section-stack{grid-template-columns:1fr}.detail-title{font-size:30px}.form-panel{padding:22px 19px}.form-layout{gap:22px}.filter-form .filter-field{min-width:calc(50% - 10px)}.filter-form .filter-field.search-field{min-width:100%}.filter-form .filter-actions{width:100%;justify-content:flex-end;margin-top:2px}.filters-panel{padding:13px}.filter-form input,.filter-form select{min-height:38px;font-size:14px}.filter-form label{font-size:14px}.filter-actions .button{min-height:36px}.board{grid-template-columns:repeat(5,240px);gap:12px;margin-right:-16px;padding-right:16px;scroll-snap-type:x proximity}.board-column{scroll-snap-align:start}.task-card .item-title{font-size:14px}.move-form select,.move-form button{min-height:33px;font-size:14px}.integration-card{padding:17px 15px;gap:11px;flex-wrap:wrap}.integration-card>.pill{margin-left:50px}.integration-icon{width:35px;height:35px}.integration-copy{flex-basis:calc(100% - 50px)}.login-layout{display:block}.login-intro{padding:28px}.login-copy{padding:30px 0 4px;margin:0}.login-copy h1{font-size:32px;margin-bottom:16px}.login-copy .eyebrow{margin-bottom:15px}.login-copy>p{font-size:14px;margin-bottom:12px}.login-features,.login-footnote{display:none}.login-form-side{padding:38px 28px 50px}.login-card{max-width:420px}.login-card h2{font-size:30px}.login-card>.muted{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Information remains readable at compact workspace sizes. */
:root{--muted:#657268;--subtle:#6b786e}
.form-errors,.field-errors{color:#975d2f}
.page-heading>div:first-child{min-width:0;flex:1}.page-heading h1{overflow-wrap:anywhere}.topbar-left{flex:1;min-width:0}.topbar-left>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-section,.quick-search{flex-shrink:0}
.app-shell,.main-shell{min-width:0;max-width:100%}.main-content{width:100%;min-width:0}.board{position:relative;width:100%;min-width:0;max-width:100%}.filters-panel,.filter-form,.view-toolbar,.table-wrap{min-width:0;max-width:100%}.filter-field{max-width:100%}.page-heading{min-width:0}.view-toolbar{flex-wrap:wrap}.page-footer>span{min-width:0;overflow-wrap:anywhere}
.board-hint{font-size:14px;color:var(--muted);margin:0 0 14px}.board-feedback{align-items:center;justify-content:space-between}.board-feedback>span{flex:1}.task-card[draggable="true"]{cursor:grab}.task-card.dragging{opacity:.45;cursor:grabbing}.task-card.move-pending{opacity:.65;cursor:wait}.board-column.drag-over{border-color:var(--teal);background:#e5f1e8;box-shadow:inset 0 0 0 1px var(--teal)}
.sidebar{overflow-y:auto}.sidebar-close{display:none;position:absolute;right:10px;top:10px;color:#becdc4}
.sidebar-close:hover{background:#ffffff15;color:white}
.topbar-section,.quick-search,.quick-search input::placeholder,.quick-search kbd,.page-footer,.stat-note,.item-meta,.progress-label,.section-label,.workflow-teaser p,.activity-row p,.data-table th,.data-table .date-cell,.table-total,.filter-form label,.result-count,.view-switch a,.task-key,.task-card-meta,.task-card-project,.column-empty,.card-description,.card-footer,.workflow-counts,.property-row dt,.step-list p,.run-note,.help-text,.form-aside,.integration-copy p,.mail-counts span,.mail-sync,.login-card>.muted,.login-help{color:#657268}
.eyebrow,.login-card .eyebrow,.form-aside h2,.step-list h3,.property-row dd,.integration-copy h2,.card-top,.form-field>label{color:#4e6959}
.nav-caption{color:#9ab1a7}.topbar-left{font-size:14px}.nav-link{font-size:14px}.account-name{font-size:14px}
.item-title,.task-card .item-title,.data-table .item-title,.project-mini-heading a,.step-list h3{font-size:14px}
.item-meta,.data-table .item-meta,.task-key,.task-card-meta,.task-card-project,.help-text,.progress-label,.stat-note,.form-aside,.run-note,.mail-sync,.mail-coverage,.mail-error,.data-table th,.table-total,.filter-form label,.workflow-counts,.card-footer,.activity-row p,.login-help{font-size:14px}
.panel-header p,.panel-header .text-link,.text-link,.stat-top,.card-description,.integration-copy p,.step-list p,.form-field>label,.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,.form-field select,.filter-form input,.filter-form select,.button,.data-table,.property-row,.empty-state p,.empty-state.compact p,.activity-row a{font-size:14px}
.pill,.badge{font-size:14px}.task-card .pill,.task-card .badge{font-size:14px}.move-form select,.move-form button{font-size:14px;min-height:31px}.move-form button{color:#4f6b3e}.column-empty{font-size:14px}.pill,.badge{color:#566451}.count{color:#54664f}.status-inbox,.status-not_configured{color:#56616d}.status-todo{color:#4d6276}.status-doing,.status-running,.status-active,.status-configured,.status-sync_running{color:#276548;background:#e3f3ec}.status-waiting,.status-pending,.status-paused{color:#7e601f}.status-done,.status-completed,.status-initial_sync_completed,.status-sync_completed_coverage_unverified{color:#4e6a3b;background:#e8f2e4}.status-unavailable,.status-error,.status-failed{color:#9c4d3b}.status-planned{color:#695983}.priority-high{color:#866029}.priority-urgent{color:#a64940}.priority-low{color:#64745a}.kind-epic{color:#7e5d92}.kind-story{color:#416d93}.kind-task{color:#316d57}.notice{color:#536f49}.notice.warning,.mail-coverage{color:#86692d}.notice.error,.mail-error{color:#9a5e3c}.message{color:#4f7436}.message.error{color:#975d2f}.message.warning{color:#836c28}
.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,.form-field select{padding:11px 12px}.form-field>label{font-weight:600}.form-field{gap:8px}.button{min-height:39px}.button.small{font-size:14px}.empty-state p{line-height:1.8}.description{font-size:14px;color:#52654c}.project-progress-panel{margin-bottom:26px}.project-progress-panel .progress-label{margin-top:0}.project-description{max-width:850px;margin-bottom:23px}.view-toolbar .section-label{margin:0}.mail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-link{margin-top:12px}.account-logout{margin-top:20px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.pagination p{font-size:14px;color:var(--muted);text-align:center;margin:0}.pagination>div{min-width:75px}.pagination>div:last-child{text-align:right}
@media(max-width:900px){.sidebar-close{display:inline-flex}}
@media(max-width:650px){.mail-stats{grid-template-columns:1fr}.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,.form-field select,.filter-form input,.filter-form select,.detail-move select,.move-form select{font-size:16px}.quick-search input{font-size:16px;width:130px}.quick-search input::placeholder{font-size:14px}.filter-form .filter-field{min-width:calc(50% - 10px)}.move-form{flex-wrap:wrap}.move-form button{min-height:36px;font-size:14px}.badge,.pill{font-size:14px}.panel-list-item{flex-wrap:wrap}.panel-list-item .item-main{min-width:140px}.pagination{gap:8px}.pagination p{font-size:14px}.form-panel{padding:22px 16px}}

/* Light / blue workspace theme. Layout, project colors and interactions stay intact. */
:root{
  color-scheme:light;
  --canvas:#f5f7fb;
  --surface:#ffffff;
  --surface-raised:#f1f5fc;
  --surface-hover:#e7effb;
  --ink:#1c2d46;
  --muted:#596b82;
  --subtle:#63728a;
  --line:#dfe6f0;
  --control-line:#7889a0;
  --teal:#245bd9;
  --teal-dark:#1746ad;
  --teal-light:#eaf1ff;
  --action:#2563eb;
  --action-hover:#1d4ed8;
  --nav:#ffffff;
  --nav-muted:#596b82;
  --shadow:0 8px 26px #274a7512;
}
body{color:var(--ink);background:var(--canvas)}
::selection{background:#c9ddff;color:#16396c}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--teal)}
.skip-link{background:var(--action);color:#fff}
.sidebar{background:var(--nav);color:var(--ink);border-right:1px solid #e2e8f2}
.brand,.brand:hover{color:#1b2e4b}
.brand-dot{color:#2563eb}
.brand-mark span{background:#3d74eb}
.workspace-label{background:#f5f8fe;border-color:#dfe7f4;color:#294567}
.workspace-monogram{background:#e7efff;border-color:#bdceef;color:#2454a0}
.workspace-label small,.nav-caption,.account-name small{color:var(--nav-muted)}
.nav-link{color:#425976}
.nav-link:hover{background:#edf3ff;color:#214f9b}
.nav-link.active{background:#2563eb;color:#ffffff;box-shadow:0 4px 12px #2563eb25}
.account{border-top-color:#e1e8f2}
.avatar{background:#e5efff;color:#2657a6}
.account-name{color:var(--ink)}
.icon-button,.logout-button,.sidebar-close{color:#536d8c}
.icon-button:hover,.logout-button:hover,.sidebar-close:hover{background:#e9f0fc;color:#2454a0}
.topbar{background:#ffffff;border-color:var(--line)}
.topbar-left{color:#314965}
.breadcrumb-slash{color:#6a7c94}
.quick-search input{color:var(--ink)}
.quick-search kbd{background:#f2f6fc;border-color:#becbdd}
.sidebar-overlay{background:#14253e80}
.topbar-section,.quick-search,.quick-search input::placeholder,.quick-search kbd,.page-footer,.stat-note,.item-meta,.progress-label,.section-label,.workflow-teaser p,.activity-row p,.data-table th,.data-table .date-cell,.table-total,.filter-form label,.result-count,.view-switch a,.task-key,.task-card-meta,.task-card-project,.column-empty,.card-description,.card-footer,.workflow-counts,.property-row dt,.step-list p,.run-note,.help-text,.form-aside,.integration-copy p,.mail-counts span,.mail-sync,.login-card>.muted,.login-help{color:var(--muted)}
.eyebrow,.login-card .eyebrow{color:#315fb0}
.form-aside h2,.step-list h3,.property-row dd,.integration-copy h2,.card-top,.form-field>label{color:#304967}
.button{background:var(--surface-raised);color:#315173;border-color:var(--control-line)}
.button:hover{background:var(--surface-hover);color:#173d75;border-color:#5877a1}
.button.primary{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 3px 9px #2563eb24}
.button.primary:hover{background:var(--action-hover);border-color:var(--action-hover);color:#fff}
.button.subtle{background:transparent;border-color:transparent;color:#315da6}
.button.subtle:hover{background:#e7effc;color:#174481}
.button.danger{background:#fff0f3;border-color:#aa6579;color:#99344d}
.back-link{color:var(--muted)}
.back-link:hover{color:#245bd9}
.pill,.badge{background:#edf2f9;color:#4b5f7a}
.status-inbox,.status-not_configured,.status-idle{background:#edf1f7;color:#52637b}
.status-todo{background:#eaf0fa;color:#425e8b}
.status-doing,.status-running,.status-active,.status-configured,.status-sync_running{background:#e6efff;color:#2358a6}
.status-waiting,.status-pending,.status-paused,.status-queued,.status-retry_pending,.status-sync_completed_with_warnings{background:#fff1d9;color:#805414}
.status-done,.status-completed,.status-initial_sync_completed,.status-sync_completed_coverage_unverified{background:#e5f2fa;color:#285b77}
.status-unavailable,.status-error,.status-failed{background:#fcebef;color:#9e3a54}
.status-planned{background:#f0eafd;color:#65438f}
.priority-high{background:#fff1d9;color:#805414}
.priority-urgent{background:#fcebef;color:#9e3a54}
.priority-low{background:#edf1f7;color:#52637b}
.kind-epic{background:#f0eafd;color:#65438f}
.kind-story{background:#e9efff;color:#365a9b}
.kind-task{background:#e5f2fc;color:#286084}
.overdue{color:#aa3c50!important}
.count,.column-heading .count{background:#e7eef9;color:#466086}
.stat-card,.panel,.filters-panel,.project-card,.workflow-card,.form-panel,.integration-card,.account-card{background:var(--surface);border-color:var(--line)}
.stat-card:hover{border-color:#9bb7e7;box-shadow:var(--shadow)}
.stat-icon,.stat-card.accent .stat-icon{background:#e6efff;color:#3564b3}
.stat-card.warning .stat-icon{background:#fff1d9;color:#94631f}
.stat-card.rose .stat-icon{background:#fcebf1;color:#ae4a68}
.item-title,.project-mini-heading a,.project-card h2 a,.workflow-card h2 a,.activity-row a{color:#243c5a}
.item-title:hover,.project-mini-heading a:hover,.project-card h2 a:hover,.workflow-card h2 a:hover,.activity-row a:hover{color:#245bd9}
.task-type-icon{background:#e5f2fc;color:#286084}
.task-type-icon.kind-epic{background:#f0eafd;color:#65438f}
.task-type-icon.kind-story{background:#e9efff;color:#365a9b}
.progress-track{background:#e4ebf6}
.progress-fill{background:#4279ed}
.workflow-teaser{background:#edf3ff;border-color:#cbdcf6}
.workflow-teaser .teaser-icon,.workflow-emblem,.integration-icon{background:#dfeaff;color:#315fae}
.workflow-teaser .button{background:#ffffff;border-color:var(--control-line);color:#24539b}
.workflow-teaser .button:hover{background:#e1ecff;border-color:#648bc5;color:#173d75}
.activity-row{border-left-color:#ccd9ec}
.activity-row:last-child{border-left-color:transparent}
.activity-row::before{background:#5485e7;box-shadow:0 0 0 4px var(--surface)}
.empty-state .empty-icon{background:#eaf1fd;color:#4e73ad}
.empty-state h2,.empty-state h3{color:#304968}
.data-table th{background:#f3f6fc;border-color:var(--line)}
.data-table td{border-bottom-color:#e4ebf4}
.data-table tbody tr:hover{background:#f4f8ff}
.filter-form input,.filter-form select,.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field select,.form-field textarea,.detail-move select,.move-form select{background:#ffffff;color:#243b59;border-color:var(--control-line)}
input::placeholder,textarea::placeholder{color:#64758d;opacity:1}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}
.form-field input[type="checkbox"],.form-field input[type="radio"]{accent-color:#2563eb}
.required{color:#53677f}
.has-error input,.has-error select,.has-error textarea{border-color:#b94f68!important}
.view-switch{background:#edf2fa;border-color:#cbd8eb}
.view-switch a:hover{color:#234e8d}
.view-switch a.active{background:#ffffff;color:#2454a0;box-shadow:0 2px 5px #214f9620}
.board-column{background:#eef3fa;border-color:#d7e2f0}
.column-heading{color:#3e5879}
.column-heading .status-dot{background:#7a8fae}
.column-doing .status-dot{background:#447ae0}
.column-waiting .status-dot{background:#b9852d}
.column-done .status-dot{background:#4983a5}
.task-card{background:#ffffff;border-color:#d0ddee;box-shadow:0 3px 9px #274a750c}
.move-form{border-top-color:#e0e8f3}
.move-form button{background:#e9f1ff;border-color:var(--control-line);color:#285399}
.move-form button:hover{background:#dce9ff;border-color:#6488bf;color:#173e79}
.column-empty{background:#f5f8fd;border-color:#b8cae3}
.board-column.drag-over{background:#e2edff;border-color:#457de3;box-shadow:inset 0 0 0 1px #457de3}
.project-emblem{background:color-mix(in srgb,var(--project-color,var(--teal)) 12%,var(--surface));color:var(--project-color,var(--teal))}
.description{color:#3e5470}
.property-row{border-bottom-color:#e1e9f4}
.step-list li::before{background:#e5efff;color:#315da8}
.step-list li::after{background:#d5e1f3}
.run-panel{border-color:#c1d4f0}
.run-panel .panel-header{background:#f1f6ff}
.notice,.message{background:#edf4ff;border-color:#b9d0f2;color:#315d97}
.notice.warning,.message.warning,.mail-coverage{background:#fff5e4;border-color:#dfc596;color:#7e571d}
.notice.error,.message.error,.form-errors{background:#fff0f3;border-color:#dfb2bf;color:#9b3b53}
.field-errors,.mail-error{color:#a13d55}
.mail-counts strong{color:#264c80}
.login-body{background:var(--canvas)}
.login-form-side{background:#ffffff}
.login-intro{background:radial-gradient(ellipse at 5% 95%,#dce9ff 0,transparent 65%),#f2f6ff;color:#27496f}
.login-copy h1,.login-card h2{color:#1c3555}
.login-copy .eyebrow,.login-features .icon{color:#315fae}
.login-copy>p,.login-features{color:#425d7c}
.login-footnote{color:#4f627b}
.board,.table-wrap,.sidebar{scrollbar-color:#91a8c8 #eef3fa}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#243b59;caret-color:#243b59;box-shadow:0 0 0 1000px #edf4ff inset}

/* Spacious admin typography, visually informed by FreeDash Lite. No framework dependencies. */
:root{
  --radius:16px;
  --sidebar-width:270px;
  --text-body:16px;
  --text-meta:14px;
  font-size:16px;
  line-height:1.6;
}
h1{font-size:clamp(30px,2.6vw,36px);line-height:1.25;letter-spacing:-.8px}
h2{font-size:22px;line-height:1.4}
h3{font-size:18px;line-height:1.45}
.small,.eyebrow,.mono,.text-link,.help-text,.form-aside,.form-aside p,.item-meta,.data-table .item-meta,.task-key,.task-card-meta,.task-card-project,.progress-label,.stat-note,.section-label,.workflow-counts,.card-footer,.activity-row p,.run-note,.mail-sync,.mail-error,.mail-coverage,.mail-counts span,.table-total,.page-footer,.login-help,.login-footnote,.pagination p,.board-hint{font-size:var(--text-meta);line-height:1.6}
.eyebrow{letter-spacing:1.2px;margin-bottom:12px}
.text-link{gap:8px;min-height:32px;white-space:normal}
.text-link .icon{width:18px;height:18px}
.nav-link,.topbar-left,.quick-search input,.page-heading .subtitle,.button,.button.small,.heading-actions .button,.panel-header p,.item-title,.task-card .item-title,.data-table .item-title,.project-mini-heading a,.card-description,.description,.integration-copy p,.step-list p,.step-list h3,.activity-row a,.property-row,.form-field>label,.filter-form input,.filter-form select,.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,.form-field select,.detail-move select,.empty-state p,.empty-state.compact p{font-size:var(--text-body);line-height:1.6}
.panel-header h2,.integration-copy h2,.project-card h2,.workflow-card h2,.empty-state h2,.empty-state h3,.account-card h2,.workflow-teaser h2{font-size:20px;line-height:1.4}
.panel-header .text-link,.filter-form label,.pill,.badge,.task-card .pill,.task-card .badge,.panel-list-item>.pill,.count,.column-heading,.move-form select,.move-form button,.result-count,.view-switch a,.form-errors,.field-errors,.message,.notice,.workspace-label,.workspace-label small,.account-name,.account-name small,.nav-caption,.login-copy .eyebrow,.login-card .eyebrow{font-size:var(--text-meta)}
.pill,.badge{padding:5px 9px;line-height:1.4;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.count{padding:3px 8px;line-height:1.4;flex-shrink:0}
.icon-button{min-width:44px;min-height:44px}
.icon-button .icon{width:22px;height:22px}
.button,.button.small{min-height:46px;padding:10px 18px;border-radius:9px;white-space:normal;text-align:center;overflow-wrap:anywhere}
.button .icon{width:20px;height:20px}
.sidebar{width:var(--sidebar-width);padding:30px 18px 0}
.main-shell{margin-left:var(--sidebar-width)}
.brand{font-size:28px;line-height:1.3;gap:13px;padding:0 8px}
.brand-mark{grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px)}
.workspace-label{gap:12px;padding:13px 12px;margin:30px 0}
.workspace-monogram{width:36px;height:36px;flex-shrink:0;font-size:16px}
.nav-caption{letter-spacing:1px;padding:0 14px;margin-bottom:12px}
.main-nav{gap:7px}
.nav-link,.main-nav .nav-link{min-height:49px;padding:12px 14px;gap:13px;border-radius:10px}
.nav-link .icon{width:21px;height:21px}
.account{gap:10px;padding:20px 2px}
.avatar{width:38px;height:38px;flex-shrink:0;font-size:16px}
.account-name{line-height:1.45}
.topbar{height:86px;padding:0 36px;gap:24px}
.topbar-left{gap:12px}
.quick-search{max-width:320px;min-width:0;gap:10px}
.quick-search input{width:190px;min-height:44px;padding:9px 0}
.quick-search input::placeholder{font-size:14px}
.quick-search .icon{width:20px;height:20px}
.quick-search kbd{font-size:14px;padding:3px 6px}
.main-content{padding:36px 36px 0}
.page-heading{align-items:flex-start;gap:24px;margin-bottom:32px}
.page-heading .subtitle{margin-top:10px;max-width:760px}
.heading-actions{gap:12px;flex-wrap:wrap}
.page-footer{gap:20px;margin-top:44px;padding:24px 0}
.stats-grid{gap:20px;margin-bottom:30px}
.stat-card{padding:24px;border-radius:16px}
.stat-top{font-size:16px;gap:12px;align-items:flex-start}
.stat-icon{width:38px;height:38px;border-radius:11px;flex-shrink:0}
.stat-icon .icon{width:20px;height:20px}
.stat-value{font-size:38px;line-height:1.2;margin:14px 0 10px}
.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:26px}
.section-stack{gap:26px;min-width:0}
.panel-header{padding:24px 26px 20px;gap:16px;align-items:flex-start;flex-wrap:wrap}
.panel-header h2{gap:10px;flex-wrap:wrap;min-width:0}
.panel-header>div{min-width:0;max-width:100%}
.panel-header p{margin-top:7px}
.panel-body{padding:0 26px 26px}
.panel-body.padded{padding:26px}
.panel-list{padding:0 26px}
.panel-list-item{padding:20px 0;gap:14px;align-items:flex-start}
.task-type-icon{width:32px;height:32px;border-radius:9px}
.task-type-icon .icon{width:18px;height:18px}
.item-meta{gap:8px 12px;margin-top:7px}
.item-meta .icon{width:15px;height:15px}
.project-mini{padding:22px 0}
.project-mini-heading{gap:11px;align-items:flex-start}
.project-mini-heading a{min-width:0;overflow-wrap:anywhere}
.project-mini-heading .project-color{margin-top:7px}
.progress-label{gap:12px;flex-wrap:wrap;margin:13px 0 9px}
.progress-track{height:7px}
.workflow-teaser{padding:28px}
.workflow-teaser .teaser-icon{width:44px;height:44px;border-radius:12px;margin-bottom:20px}
.workflow-teaser p{font-size:16px;line-height:1.7;max-width:none;margin-bottom:22px}
.activity-row{padding-left:23px;padding-bottom:24px}
.activity-row a{display:inline-block;overflow-wrap:anywhere}
.activity-row::before{width:9px;height:9px;left:-5px;top:8px}
.empty-state{padding:48px 28px;gap:12px}
.empty-state .empty-icon{width:52px;height:52px;border-radius:15px}
.empty-state .empty-icon .icon{width:24px;height:24px}
.empty-state p{max-width:500px;line-height:1.75}
.empty-state.compact{padding:30px 12px}
.data-table{font-size:16px}
.data-table th{font-size:14px;letter-spacing:.4px;padding:15px 22px}
.data-table td{padding:20px 22px}
.data-table .task-cell{min-width:250px;gap:13px}
.data-table .project-cell{min-width:150px}
.data-table .date-cell{font-size:14px}
.data-table .date-cell .icon{width:16px;height:16px}
.table-total{padding:17px 22px}
.filters-panel{padding:22px;border-radius:16px;margin-bottom:24px}
.filter-form{gap:16px}
.filter-form .filter-field{flex:1 1 170px;min-width:0;max-width:100%}
.filter-form .filter-field.search-field{flex:2 1 270px;min-width:0}
.filter-form label{font-weight:550;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}
.filter-form input,.filter-form select{min-height:46px;padding:10px 12px;border-radius:8px;min-width:0;max-width:100%}
.filter-actions{gap:8px;flex-wrap:wrap;min-width:0}
.view-toolbar{gap:16px;margin-bottom:20px;flex-wrap:wrap}
.view-switch{padding:4px;border-radius:10px;max-width:100%}
.view-switch a{min-height:44px;padding:8px 13px;gap:8px;border-radius:6px}
.view-switch .icon{width:18px;height:18px}
.board-hint{margin-bottom:18px}
.board{position:relative;grid-template-columns:repeat(5,minmax(270px,1fr));gap:18px;padding-bottom:20px}
.board-column{padding:15px 12px;min-height:260px;border-radius:14px}
.column-heading{font-size:16px;padding:3px 4px 16px;gap:9px;line-height:1.5}
.column-heading .status-dot{width:8px;height:8px;flex-shrink:0}
.task-card{padding:16px;margin-bottom:12px;border-radius:14px}
.task-card-top{gap:10px;margin-bottom:13px;align-items:flex-start;flex-wrap:wrap}
.task-card .item-title{font-weight:600;line-height:1.6}
.task-card-meta{gap:8px 10px;margin-top:14px}
.task-card-meta .icon{width:16px;height:16px}
.task-card-project{gap:7px;margin-top:13px;overflow-wrap:anywhere}
.task-card-project .project-color{width:8px;height:8px}
.move-form{gap:8px;margin-top:16px;padding-top:13px;min-width:0;flex-wrap:wrap}
.move-form select{font-size:16px;min-height:44px;padding:8px;border-radius:7px;flex:1 1 125px;max-width:100%}
.move-form button{font-size:14px;min-height:44px;padding:8px 12px;border-radius:7px}
.column-empty{font-size:14px;padding:28px 12px;line-height:1.7}
.board-feedback{gap:14px;flex-wrap:wrap}
.board-feedback>span{min-width:0;flex-basis:200px;overflow-wrap:anywhere}
.card-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.project-card,.workflow-card,.account-card{padding:26px}
.card-top{gap:14px;margin-bottom:20px;align-items:flex-start;flex-wrap:wrap}
.project-emblem,.workflow-emblem{width:44px;height:44px;border-radius:12px}
.project-emblem .icon,.workflow-emblem .icon{width:23px;height:23px}
.project-card h2,.workflow-card h2{margin-bottom:12px}
.card-description{line-height:1.75;margin-bottom:24px}
.card-footer{margin-top:22px;padding-top:18px;gap:12px;flex-wrap:wrap}
.workflow-counts{gap:10px 16px;flex-wrap:wrap}
.detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:26px}
.detail-title{font-size:clamp(30px,2.6vw,36px);line-height:1.35}
.detail-meta{gap:10px;margin-bottom:15px}
.detail-meta .task-key{font-size:14px}
.description{line-height:1.85}
.property-row{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:15px 0;font-size:16px;line-height:1.6}
.property-row dt{overflow-wrap:anywhere}
.detail-move{gap:12px;flex-wrap:wrap}
.detail-move select{min-height:46px;padding:10px 12px;flex:1 1 150px;max-width:100%}
.detail-move .button{padding:10px 14px;flex:1 1 110px}
.step-list li{padding-left:48px;padding-bottom:28px}
.step-list li::before{width:32px;height:32px;font-size:16px;border-radius:9px}
.step-list li::after{left:16px;top:39px;bottom:7px}
.step-list h3{margin-bottom:9px;font-weight:600}
.step-list p{line-height:1.75}
.run-panel .stacked-form{padding:24px}
.run-note{margin-top:14px}
.notice,.message{font-size:15px;line-height:1.7;padding:17px 20px;gap:12px;border-radius:12px}
.notice .icon,.message .icon{width:20px;height:20px;margin-top:3px}
.form-layout{grid-template-columns:minmax(0,760px) minmax(230px,1fr);max-width:1120px;gap:36px}
.form-panel{padding:30px}
.stacked-form{gap:24px}
.form-field{gap:9px}
.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,.form-field select{min-height:48px;padding:11px 14px;border-radius:9px}
.form-field textarea{min-height:150px;line-height:1.75}
.form-field input[type="color"]{min-height:48px;width:110px!important}
.form-field input[type="checkbox"],.form-field input[type="radio"]{width:20px;height:20px}
.checkbox-field{grid-template-columns:20px minmax(0,1fr);gap:10px}
.help-text{line-height:1.7;overflow-wrap:anywhere}
.form-errors,.field-errors{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.form-errors{padding:15px 18px}
.form-actions{gap:12px;padding-top:24px;margin-top:8px;flex-wrap:wrap}
.form-aside{padding-top:12px}
.form-aside h2{font-size:18px;margin-bottom:12px}
.integration-list{gap:20px;min-width:0}
.integration-card{padding:24px;gap:18px;flex-wrap:wrap}
.integration-icon{width:46px;height:46px;border-radius:12px}
.integration-icon .icon{width:23px;height:23px}
.integration-copy{flex:1 1 180px;min-width:0}
.integration-copy h2{margin-bottom:9px;overflow-wrap:anywhere}
.integration-card>.pill{align-self:flex-start}
.account-card-top{gap:14px;margin-bottom:24px}
.mail-counts{gap:16px;margin-bottom:22px}
.mail-counts strong{font-size:32px;line-height:1.3;overflow-wrap:anywhere}
.mail-sync{padding-top:17px;line-height:1.8}
.mail-coverage{padding:12px 14px;border-radius:9px;line-height:1.7}
.pagination{gap:16px;flex-wrap:wrap;align-items:center;margin-top:24px}
.pagination>div{min-width:0}
.pagination p{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
.login-intro{padding:48px}
.login-copy{max-width:480px;padding:64px 0}
.login-copy h1{font-size:36px;line-height:1.3;letter-spacing:-.8px;margin-bottom:24px}
.login-copy>p{font-size:17px;line-height:1.85;max-width:420px}
.login-features{font-size:16px;gap:20px;margin-top:36px}
.login-features .icon{width:21px;height:21px}
.login-form-side{padding:48px}
.login-card{max-width:420px}
.login-card h2{font-size:34px;line-height:1.3}
.login-card>.muted{font-size:16px;line-height:1.75;margin-bottom:32px}
.login-card .stacked-form{gap:24px}
.login-card .button{min-height:48px;margin-top:6px}
.login-help{margin-top:24px}
@media(max-width:1200px){
  .main-content{padding:30px 28px 0}
  .topbar{padding:0 28px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .dashboard-grid,.detail-grid,.form-layout{grid-template-columns:minmax(0,1fr)}
  .dashboard-grid>.section-stack:last-child,.detail-grid>.section-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-aside{max-width:720px;padding:0}
  .quick-search{max-width:240px}
  .quick-search kbd{display:none}
  .topbar-section,.breadcrumb-slash{display:none}
  .login-intro,.login-form-side{padding:36px}
}
/* Keep this breakpoint synchronized with the existing navigation JavaScript. */
@media(max-width:900px){
  .sidebar{width:270px;padding:30px 18px 0;transform:translateX(-100%)}
  .navigation-open .sidebar{transform:translateX(0)}
  .main-shell{margin-left:0}
  .topbar{height:76px;padding:0 24px;gap:16px}
  .main-content{padding:28px 24px 0}
  .menu-toggle{display:inline-flex}
  .sidebar-close{top:8px;right:8px}
  .sidebar .brand{margin-top:22px}
  .page-heading{gap:20px}
  .heading-actions .button{padding:10px 16px}
}
@media(max-width:650px){
  .main-content{padding:26px 16px 0}
  .topbar{padding:0 12px;gap:12px}
  .topbar-left{font-size:16px;gap:8px}
  .quick-search{max-width:150px;gap:7px}
  .quick-search input{width:120px;font-size:16px}
  .quick-search input::placeholder{font-size:14px}
  .quick-search .icon{width:18px;height:18px}
  h1,.detail-title{font-size:30px}
  .page-heading{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:26px}
  .page-heading .subtitle{font-size:16px;max-width:none}
  .heading-actions{width:100%;gap:12px}
  .heading-actions .button{font-size:16px}
  .page-heading>.button{align-self:flex-start}
  .stats-grid{gap:14px}
  .stat-card{padding:20px 16px}
  .stat-top{font-size:15px;gap:8px;flex-wrap:wrap}
  .stat-value{font-size:34px}
  .stat-note{font-size:14px}
  .dashboard-grid>.section-stack:last-child,.detail-grid>.section-stack,.card-grid{grid-template-columns:minmax(0,1fr)}
  .dashboard-grid>.section-stack:last-child>.panel:last-child{grid-column:auto}
  .panel-header{padding:22px 20px 18px;gap:14px}
  .panel-header h2{font-size:20px}
  .panel-body,.panel-body.padded{padding:0 20px 22px}
  .panel-body.padded{padding-top:22px}
  .panel-list{padding:0 20px}
  .panel-list-item{gap:12px;flex-wrap:wrap}
  .panel-list-item .item-main{min-width:140px}
  .panel-list-item>.pill{margin-left:44px}
  .workflow-teaser,.project-card,.workflow-card,.account-card{padding:24px 20px}
  .filters-panel{padding:20px 16px}
  .filter-form{gap:16px}
  .filter-form .filter-field,.filter-form .filter-field.search-field{flex-basis:100%;min-width:0;width:100%}
  .filter-form input,.filter-form select{font-size:16px;min-height:48px}
  .filter-form label{font-size:14px}
  .filter-form .filter-actions{justify-content:flex-start;width:100%;gap:8px;margin:0}
  .filter-actions .button{min-height:44px;font-size:15px;flex:1 1 auto;padding:9px 12px}
  .view-toolbar{gap:14px}
  .view-switch a{font-size:14px;min-height:44px}
  .board{position:relative;grid-template-columns:repeat(5,minmax(260px,1fr));gap:14px;margin-right:0;padding-right:0;padding-bottom:20px}
  .task-card{padding:15px}
  .task-card .item-title{font-size:16px}
  .pill,.badge,.task-card .pill,.task-card .badge{font-size:14px}
  .move-form select{font-size:16px;min-height:44px}
  .move-form button{font-size:14px;min-height:44px}
  .data-table th,.data-table td{padding:17px 20px}
  .form-panel{padding:24px 20px}
  .form-field input:not([type="checkbox"]):not([type="radio"]),.form-field textarea,.form-field select,.detail-move select{font-size:16px}
  .form-actions{gap:12px}
  .form-actions .button{flex:1 1 200px}
  .detail-move select,.detail-move .button{flex-basis:100%;width:100%}
  .property-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0}
  .property-row dt{font-size:14px}
  .integration-card{padding:22px 20px;gap:14px}
  .integration-copy{flex-basis:calc(100% - 60px)}
  .integration-card>.pill{margin-left:60px}
  .mail-stats{grid-template-columns:minmax(0,1fr)}
  .mail-counts{gap:12px}
  .mail-counts strong{font-size:30px}
  .page-footer{font-size:14px;padding:22px 0;gap:14px}
  .pagination{gap:12px}
  .pagination p{font-size:14px;flex-basis:100%;order:3;text-align:left}
  .pagination>div:last-child{margin-left:auto}
  .login-intro{padding:30px 24px}
  .login-copy{padding:32px 0 0}
  .login-copy h1{font-size:30px;line-height:1.35}
  .login-copy>p{font-size:16px;margin-bottom:12px}
  .login-copy .eyebrow{font-size:14px;letter-spacing:1px}
  .login-form-side{padding:36px 24px 48px}
  .login-card h2{font-size:30px}
  .login-card>.muted{font-size:16px;margin-bottom:28px}
}
@media(max-width:390px){
  .stats-grid{grid-template-columns:minmax(0,1fr)}
  .stat-top{flex-wrap:nowrap;font-size:16px}
  .stat-card{padding:22px}
  .topbar-left>span:last-child{max-width:76px}
  .quick-search{max-width:139px}
  .quick-search input{width:112px}
  .panel-list-item .item-main{min-width:0;flex-basis:calc(100% - 44px)}
  .panel-header .text-link{max-width:100%}
  .card-footer{align-items:flex-start;flex-direction:column}
}

/* Compact cloudassist workspace. */
.eyebrow{display:none}.main-content{padding-top:26px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:30px;margin-bottom:0}.page-heading .subtitle{display:none}.topbar{height:68px}.panel,.stat-card,.task-card,.project-card,.workflow-card,.account-card,.integration-card,.filters-panel,.form-panel,.workflow-teaser{border-width:2px;border-color:#b9c8df;box-shadow:none}.panel-header{padding:18px 20px 14px}.panel-body,.panel-list{padding-left:20px;padding-right:20px}.panel-header p{display:none}.stat-card{padding:18px 20px}.stat-note{display:none}.stat-value{margin:10px 0 0}.empty-state{padding:28px 20px}.empty-state.compact{padding:20px 0}.empty-state p:empty{display:none}.empty-state .empty-icon{display:none}.page-footer{display:none}.workspace-label{display:none}.nav-caption{display:none}.brand{margin-bottom:28px}.sidebar{padding-top:26px}.sidebar-bottom{padding-top:20px}.workflow-teaser{padding:20px}.workflow-teaser .teaser-icon{display:none}.section-stack{gap:20px}.dashboard-grid{gap:20px}.form-panel{padding:22px}.form-aside{display:none}.form-layout{grid-template-columns:minmax(0,900px)}.login-compact{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f7fb}.login-box{width:100%;max-width:420px;padding:30px;background:white;border:2px solid #b9c8df;border-radius:14px}.login-box .brand{font-size:30px;justify-content:center;margin:0 0 28px;padding:0;letter-spacing:-1px}.login-box .brand-mark{flex-shrink:0}.login-box .stacked-form{gap:20px}.login-box .form-field{gap:7px}.login-box .form-field input{min-height:48px}.login-box .button{min-height:48px}.workflow-mode-switch{width:max-content;max-width:100%;margin-bottom:20px}.workflow-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workflow-basic-grid textarea{min-height:110px}.workflow-main-form{gap:20px}.workflow-save-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.workflow-save-row>.muted{font-size:14px;max-width:580px;margin:0}.workflow-save-row .form-actions{border:0;padding:0;margin:0}
@media(max-width:900px){.main-content{padding-top:22px}.workflow-basic-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.main-content{padding:20px 16px}.page-heading h1{font-size:28px}.panel-header{padding:16px}.panel-body,.panel-list{padding-left:16px;padding-right:16px}.stat-card{padding:16px}.sidebar{padding-top:22px}.login-compact{padding:18px}.login-box{padding:24px 20px}.login-box .brand{font-size:28px}.workflow-save-row .form-actions{width:100%}.workflow-save-row .form-actions .button{flex:1}.workflow-mode-switch{display:flex;flex-wrap:wrap}.stats-grid{gap:12px}}
.workflow-steps-list,.workflow-run-layout{margin-top:20px}.workflow-steps-list summary{padding:16px 20px;font-size:16px;font-weight:500;cursor:pointer}.workflow-editor-panel{margin-bottom:20px}.workflow-run-layout .panel-list-item{flex-wrap:wrap}

.form-panel form.stacked-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.form-panel form.stacked-form>.form-actions,.form-panel form.stacked-form>.form-errors,.form-panel .form-field:has(textarea),.form-panel .form-field:has(#id_title),.form-panel .form-field:has(#id_name){grid-column:1/-1}@media(max-width:650px){.form-panel form.stacked-form{grid-template-columns:minmax(0,1fr)}}
.integration-actions,.worker-actions{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap;margin-top:10px}.integration-actions form,.worker-actions form{margin:0}.integration-actions .muted{font-size:14px}.integration-card>.pill{white-space:normal;text-align:center}.agent-layout{display:grid;gap:20px;max-width:1100px}.agent-form{padding:24px}.agent-answer{overflow-wrap:anywhere}.worker-history{margin-top:20px}.worker-result p{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.worker-properties{max-width:650px}.worker-screenshot{display:block;max-width:100%;height:auto;margin-top:16px;border:2px solid #b9c8df;border-radius:8px}.worker-result .item-main{width:100%}.agent-form input[type=checkbox]{width:20px;height:20px;min-height:20px;vertical-align:middle}.worker-actions .button:disabled{opacity:.55;cursor:not-allowed}

/* Keep global navigation and search in the sidebar, leaving the content canvas free. */
.sidebar{overflow-y:auto}.sidebar-search.quick-search{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:6px;max-width:none;margin:0 0 14px;padding:1px 9px;border:2px solid #b9c8df;border-radius:8px;background:#f7f9fd;color:#687e9c}
.sidebar-search input{min-width:0;width:100%;min-height:40px;padding:8px 0;font-size:15px;color:#263d5b}.sidebar-search input::placeholder{color:#687e9c}.sidebar-search kbd{font-size:11px;padding:2px 3px;white-space:nowrap;color:#6e819c}
.compact-menu-toggle{position:fixed;top:12px;left:12px;z-index:25;border:1px solid #bdcce1;background:#fff;box-shadow:0 2px 8px #27436615}
@media(max-width:900px){body:not(.gantt-page):not(.mail-page) .main-content{padding-top:64px}.sidebar-search.quick-search{max-width:none}}
.nav-item{position:relative;min-width:0}.nav-item .nav-link{padding-right:35px}.nav-drag-handle{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#6f829f;opacity:.45;width:27px;height:35px;display:grid;place-items:center;padding:4px;cursor:grab;touch-action:none;border-radius:5px}.nav-drag-handle .icon{width:17px;height:21px}.nav-item:hover .nav-drag-handle,.nav-drag-handle:focus-visible{opacity:1}.nav-item:has(.active) .nav-drag-handle{color:white}.nav-drag-handle:focus-visible{outline:2px solid #4d8bff;outline-offset:-2px}.nav-sorting{opacity:.65;outline:2px solid #90b5ee;border-radius:10px}.sidebar-sorting,.sidebar-sorting *{cursor:grabbing!important;user-select:none}.sidebar-order-error{font-size:13px;line-height:1.4;color:#aa3636;margin:12px 6px 0}.main-nav[aria-busy=true] .nav-drag-handle{cursor:wait}@media(hover:none){.nav-drag-handle{opacity:.8}}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;margin-left:auto;border-radius:12px;background:#dce9ff;color:#174fa8;font-size:12px;font-weight:700;line-height:19px;white-space:nowrap}.nav-badge[hidden]{display:none}.nav-link.active .nav-badge{background:#fff;color:#245bc8}
.nav-badge-monitoring,.nav-link.active .nav-badge-monitoring{background:#dc2626;color:#fff}
.nav-badge.is-unknown{background:#64748b;color:#fff}
.pwa-install{width:100%;border:1px solid #c8d8ed;border-radius:8px;background:#f5f8ff;color:#3868aa;padding:9px 12px;margin-bottom:12px;font:inherit;font-size:13px;cursor:pointer}.pwa-install[hidden]{display:none!important}@media(display-mode:standalone){.pwa-install{display:none!important}.sidebar{padding-bottom:env(safe-area-inset-bottom)}}

.nav-battery{display:inline-flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0;font-size:11px;font-weight:700;color:#248452;line-height:1}.nav-battery svg{width:26px;height:15px}.nav-battery[data-tone=medium]{color:#b67815}.nav-battery[data-tone=low]{color:#c13d4a}.nav-battery.is-charging svg{filter:drop-shadow(0 0 2px #2c98503a)}.nav-battery[hidden]{display:none}
.nav-link.active .nav-battery{background:#fff;border-radius:4px;padding:3px 4px;gap:3px;font-size:10px}.nav-link.active .nav-battery svg{width:21px;height:13px}

/* Finance submenu stays inside its draggable top-level item. */
.nav-submenu>summary{list-style:none;cursor:pointer;user-select:none}.nav-submenu>summary::-webkit-details-marker{display:none}.nav-submenu>summary:focus-visible{outline:2px solid #4d8bff;outline-offset:2px}.nav-submenu-chevron{margin-left:auto;width:18px;height:18px;flex-shrink:0;transition:transform .15s}.nav-submenu[open] .nav-submenu-chevron{transform:rotate(180deg)}.nav-item-submenu>.nav-drag-handle{top:25px}.nav-submenu-links{display:grid;gap:3px;padding:5px 0 5px 37px}.nav-sublink{display:block;padding:10px 14px;border-radius:8px;color:#596f8d;text-decoration:none;font-size:15px;min-height:42px;box-sizing:border-box}.nav-sublink:hover{background:#e8eff9;color:#245bc8}.nav-sublink.active{background:#e1ebfc;color:#245bc8;font-weight:650}.finance-tabs{display:flex;gap:6px;border-bottom:2px solid #d7e1ef;margin-bottom:22px}.finance-tabs a{padding:12px 20px;color:#596f8d;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px}.finance-tabs a:hover{background:#edf3fc}.finance-tabs a.active{color:#245bc8;border-color:#245bc8;font-weight:650}

/* User-positioned sidebar separators */
.sidebar-add-separator{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin:8px 0 0 10px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#70819c;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.sidebar-add-separator:hover{background:#e7eef9;color:#285b9e}.sidebar-add-separator span{font-size:17px}.nav-separator{min-height:34px;display:flex;align-items:center;margin:3px 0;padding:0 65px 0 14px}.nav-separator-line{display:flex;align-items:center;gap:8px;min-width:0;width:100%;color:#687d9b;font-size:12px;font-weight:650;letter-spacing:.4px}.nav-separator-line:before{content:"";height:1px;background:#b8c9df;flex:1;min-width:10px}.nav-separator-line:has(span:not(:empty)):before{flex:0 0 12px}.nav-separator-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-separator-line:has(span:not(:empty)):after{content:"";height:1px;background:#b8c9df;flex:1;min-width:8px}.nav-separator-edit{position:absolute;right:33px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#7589a4;opacity:0;width:28px;height:34px;padding:6px;cursor:pointer;border-radius:5px}.nav-separator-edit .icon{width:15px;height:15px}.nav-separator:hover .nav-separator-edit,.nav-separator-edit:focus-visible{opacity:1}.nav-separator-edit:hover{background:#e3ecf9;color:#245b9f}.sidebar-separator-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:2px solid #aec3df;border-radius:14px;background:#fff;color:#20334f}.sidebar-separator-dialog::backdrop{background:#172b4866;backdrop-filter:blur(5px)}.sidebar-separator-dialog h2{font-size:22px;margin:0 0 20px}.sidebar-separator-dialog label{display:block;font-size:14px;margin-bottom:8px}.sidebar-separator-dialog input{width:100%;box-sizing:border-box;min-height:44px;border:2px solid #b9c8df;border-radius:8px;padding:9px 11px;font:inherit}.sidebar-separator-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px}.sidebar-separator-actions .button{font-size:13px;padding:9px 11px}.sidebar-separator-actions [data-separator-delete]{margin-right:auto;color:#a83240}.sidebar-separator-error{font-size:14px;color:#a42b3b}.sidebar-separator-actions [hidden]{display:none!important}@media(hover:none){.nav-separator-edit{opacity:.8}.nav-separator{min-height:42px}}

/* Denser navigation without reducing the readable type size. */
.sidebar{padding-top:20px}
.sidebar>.brand{margin-bottom:18px}
.sidebar .main-nav{gap:3px}
.sidebar .main-nav .nav-link{min-height:40px;padding:7px 35px 7px 14px;line-height:1.5}
.sidebar .nav-drag-handle{height:30px}
.sidebar .nav-item-submenu>.nav-drag-handle{top:20px}
.sidebar .nav-separator{min-height:22px;margin:1px 0}
.sidebar .nav-separator-line{line-height:1.4}
.sidebar .nav-separator .nav-drag-handle,.sidebar .nav-separator-edit{height:24px}
.sidebar .nav-submenu-links{gap:2px;padding-top:3px;padding-bottom:3px}
.sidebar .nav-sublink{min-height:34px;padding:6px 14px;line-height:1.4}
.sidebar .sidebar-bottom{padding-top:14px}
@media(pointer:coarse){
  .sidebar .main-nav .nav-link{min-height:44px;padding-top:9px;padding-bottom:9px}
  .sidebar .nav-item-submenu>.nav-drag-handle{top:22px}
  .sidebar .nav-separator{min-height:30px}
  .sidebar .nav-separator .nav-drag-handle,.sidebar .nav-separator-edit{height:28px}
  .sidebar .nav-sublink{min-height:40px;padding-top:9px;padding-bottom:9px}
}

/* The content area uses all width available beside the sidebar. */
html body .main-shell>.main-content{max-width:none}