.service-theme .page{max-width:1220px;margin-top:22px}.service-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:end;background:#1f1d19;color:#f7f5f0;border-radius:13px;padding:28px 24px 20px;margin-bottom:16px}.service-hero:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(-45deg,#f3ae24 0 16px,#1c1a16 16px 32px)}.service-hero h1{font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(30px,4vw,43px);line-height:1;text-transform:uppercase;letter-spacing:.02em;margin:8px 0 9px}.service-hero .eyebrow{color:#f3ae24}.connection-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;border:1px solid #276842;background:#163b27;color:#79e1a5;font:700 10px Consolas,monospace;letter-spacing:.02em}.service-instructions{max-width:720px;margin:10px 0 0;color:#e2ded5;font-size:12px;line-height:1.45}.legend-dot{font-weight:600}.legend-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 2px;background:#ca4c3b}.legend-dot.done:before{background:#42b96c}.legend-dot.progress-state:before{background:#ed9b2f}.legend-dot.blocked:before{background:#8b2f34}.service-progress{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-bottom:3px}.service-progress strong{font-family:"Arial Narrow",Impact,sans-serif;font-size:26px}.service-progress .progress{margin:0;background:#39362f}.service-progress span{font:700 10px Consolas,monospace;white-space:nowrap;color:#ded8cb}
.service-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.service-search,.owner-filter{display:flex;align-items:center;gap:8px;height:42px;background:#fff;border:1px solid #d7d0c2;border-radius:9px;padding:0 12px;color:#777064}.service-search{flex:1 1 280px}.service-search input,.owner-filter select{border:0;background:transparent;box-shadow:none!important;padding:0;min-width:0;height:auto}.service-search input{width:100%}.owner-filter{padding-right:5px}.owner-filter select{max-width:180px}.service-toolbar .segmented{height:42px;padding:3px;border:1px solid #d7d0c2;background:#fff}.service-toolbar .segmented button{padding:6px 11px;font-size:11px}.export-btn{height:42px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #d7d0c2;border-radius:9px;background:#fff;color:#28251f;text-decoration:none;font-weight:700;font-size:11px;cursor:pointer}.export-btn:hover{border-color:#a8a091;background:#faf7f0}
.service-theme .section-list{gap:10px}.service-theme .service-section{overflow:hidden;background:#fffdf9;border:1px solid #d9d1c2;border-radius:12px;box-shadow:0 5px 16px #463d2b0b}.service-theme .section-head{padding:12px 15px;gap:11px}.service-theme .section-number{font-size:13px;padding:7px 7px;border-radius:5px}.section-heading{display:flex;flex-direction:column;gap:1px;flex:1}.service-theme .section-head strong{font-size:17px}.service-theme .section-head small{font-size:9px}.section-counter{font:700 10px Consolas,monospace;color:#81786a}.service-theme .chevron{font-size:12px;width:20px;text-align:center}.service-theme .task-list{border-color:#d9d1c2}.service-theme .task-row{grid-template-columns:28px minmax(0,1fr) minmax(165px,240px);gap:10px;padding:11px 14px;border-left:4px solid #cc5547;border-bottom-color:#ebe5dc;background:#fff5f2;align-items:start}.service-theme .task-row.status-in_progress{border-left-color:#e0932c;background:#fff8eb}.service-theme .task-row.status-blocked{border-left-color:#8b2f34;background:#faecec}.service-theme .task-row.status-done{border-left-color:#3f9c60;background:#edf8f0}.service-theme .task-check{width:24px;height:24px;border-radius:6px;margin-top:1px}.service-theme .task-check i{font-size:10px}.service-theme .task-main{min-width:0}.service-theme .task-title{font-size:13px;font-weight:600;line-height:1.35}.task-actions{display:flex;align-items:center;gap:12px;margin-top:7px}.service-theme .status-label{color:#8d584b;font-size:8px}.status-in_progress .status-label{color:#9b661f}.status-done .status-label{color:#337e4e}.note-toggle{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#403b33;padding:0;font:600 10px inherit;cursor:pointer}.note-toggle:hover{color:#a56405}.task-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font:9px Consolas,monospace;color:#9a8f7e}.people-button{min-height:31px;display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid #d6cebf;border-radius:16px;background:#fffdf9;color:#6f675b;font-size:10px;text-align:left;cursor:pointer}.people-button:hover{border-color:#d89a36}.people-button>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-readonly{display:flex;gap:4px;flex-wrap:wrap}.people-readonly span{padding:4px 7px;border-radius:12px;background:#ece7dc;font-size:9px}.people-readonly small{color:#8e877b}.service-theme .note-box{grid-column:2/-1;margin-top:0}.service-theme .note-box textarea{min-height:54px;padding:8px 10px;font-size:11px}.service-quick-add{display:flex;gap:7px;padding:9px 10px;background:#faf7f0}.service-quick-add input{flex:1;height:35px;padding:7px 10px;font-size:11px}.service-quick-add .btn{height:35px;padding:0 13px;gap:6px}.service-section-add{display:flex;gap:7px;margin-top:10px;padding:9px;border:1px dashed #c8bead;border-radius:10px}.service-section-add input{flex:1;height:35px}.service-section-add .btn{height:35px}
.assignee-dialog{width:min(560px,calc(100% - 24px));padding:0;border:0;border-radius:12px;background:#fffdf9;color:#27231e;box-shadow:0 22px 70px #0008}.assignee-dialog::backdrop{background:#17140f99;backdrop-filter:blur(2px)}.assignee-dialog-card{padding:0}.assignee-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 17px 11px;border-bottom:1px solid #e2dbcf}.assignee-dialog h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;margin:3px 0 0;font-size:22px}.assignee-dialog header>button{border:0;background:transparent;color:#776e60;padding:5px;cursor:pointer}.dialog-search{display:flex;align-items:center;gap:8px;margin:11px 12px 8px;padding:0 10px;height:38px;border:1px solid #d5ccbd;border-radius:8px}.dialog-search input{border:0;padding:0;box-shadow:none!important;flex:1}.assignee-options{max-height:350px;overflow:auto;padding:0 12px 8px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.assignee-options label{display:grid;grid-template-columns:18px minmax(0,1fr) 14px;gap:7px;align-items:center;padding:7px 8px;border:1px solid #e0d9ce;border-radius:7px;background:#fff;cursor:pointer}.assignee-options label:hover{border-color:#d59b3c}.assignee-options label:has(input:checked){border-color:#d18c21;background:#fff7e8}.assignee-options input{width:15px;height:15px}.assignee-options span{display:flex;flex-direction:column;min-width:0}.assignee-options b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee-options small{font-size:8px;color:#8d8578;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee-options label>i{opacity:0;color:#9e660d}.assignee-options label:has(input:checked)>i{opacity:1}.assignee-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #e2dbcf}.assignee-dialog footer>span{font:10px Consolas,monospace;color:#7f7668}.assignee-dialog footer>div{display:flex;gap:6px}
@media(max-width:860px){.service-hero{grid-template-columns:1fr}.service-progress{grid-template-columns:auto 1fr auto}.owner-filter{flex:1 1 190px}.service-theme .task-row{grid-template-columns:26px minmax(0,1fr)}.people-button,.people-readonly{grid-column:2}.service-theme .note-box{grid-column:1/-1}}
@media(max-width:560px){.service-theme .page{width:calc(100% - 14px);margin-top:10px}.service-hero{padding:24px 15px 15px;border-radius:10px;gap:16px}.service-hero h1{font-size:30px}.service-instructions{font-size:11px}.service-progress{grid-template-columns:auto 1fr}.service-progress span{grid-column:1/-1}.service-toolbar{gap:6px}.service-search{flex-basis:100%}.service-toolbar .segmented{order:2;flex:1}.owner-filter{order:3;flex-basis:100%}.export-btn{order:4;flex:1;justify-content:center;padding:0 8px}.service-theme .section-head{padding:10px}.service-theme .task-row{padding:10px 8px;gap:8px}.service-theme .task-title{font-size:12px}.task-actions{align-items:flex-start;flex-direction:column;gap:5px}.service-quick-add{flex-wrap:wrap}.service-quick-add input{flex-basis:100%}.service-quick-add .btn{width:100%}.assignee-options{grid-template-columns:1fr}.assignee-dialog footer{align-items:flex-start;flex-direction:column}.assignee-dialog footer>div{width:100%}.assignee-dialog footer .btn{flex:1}}
.service-theme .task-meta{gap:0}.service-theme .task-meta:empty{display:none}.service-theme .task-meta-finished{color:#568068}
@media print{.topbar,.service-toolbar,.service-quick-add,.service-section-add,.people-button,.note-toggle,.note-box{display:none!important}.service-theme{background:#fff}.service-theme .page{width:100%;max-width:none;margin:0}.service-hero{break-inside:avoid}.service-section{break-inside:avoid;box-shadow:none!important}.service-theme .task-row{grid-template-columns:24px 1fr}.people-readonly{grid-column:auto}}
