/* Test-only layout: live account data, no demo role switch. */
#dashboardView{background:#f8faf8;padding:30px 34px 54px}
#dashboardView .dashboard-hero,#dashboardView .home-kpis,#dashboardView .home-priority,#dashboardView .role-home-summary,#dashboardView .home-more{max-width:1300px;margin-left:auto;margin-right:auto}
#dashboardView .dashboard-hero{margin-bottom:22px}
#dashboardView .dashboard-hero h1{font-size:32px;color:#1c3025}
#dashboardView .action-grid{display:none!important}
.home-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.home-kpis>div{border:1px solid #dbe4dd;background:#fff;padding:20px;min-height:105px;display:flex;flex-direction:column;justify-content:center}
.home-kpis strong{font-size:27px;color:#214b35}.home-kpis span{font-size:13px;color:#64736a;margin-top:5px}.home-kpi-error{grid-column:1/-1;color:#69776f}
#dashboardView .home-priority{display:block;border:1px solid #dbe4dd;border-left:5px solid #d5a142;background:#fff;box-shadow:none;padding:0;margin-bottom:22px}
.home-priority-head{padding:22px 24px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.home-priority-head small{font-size:10px;letter-spacing:2px;color:#3f7657;font-weight:700}.home-priority-head h2{font-size:23px;margin:5px 0}.home-priority-head p{font-size:12px;color:#68766e;margin:0}.home-priority-head>span{background:#fff1ed;color:#aa5342;border-radius:20px;padding:7px 11px;white-space:nowrap;font-size:11px}
.home-priority-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:16px;align-items:center;border-top:1px solid #e1e8e2;padding:15px 24px}
.home-priority-row strong,.home-priority-row small{display:block}.home-priority-row strong{font-size:14px}.home-priority-row small{color:#69776f;margin-top:4px}.home-priority-row>span{font-size:12px;color:#725e4b}.home-priority-row>div:last-child{display:flex;gap:7px}
.home-priority-row button,.home-priority-actions button{white-space:nowrap}.home-priority-empty{padding:20px 24px;color:#65736a;border-top:1px solid #e1e8e2;margin:0}.home-priority-actions{display:flex;gap:8px;justify-content:flex-end;padding:14px 24px;border-top:1px solid #e1e8e2}
#dashboardView .role-home-summary{margin-top:22px;margin-bottom:20px}.role-home-summary h2{font-size:22px;margin:0 0 14px}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-shortcuts button{border:1px solid #dbe4dd;background:#fff;padding:20px 22px;text-align:left;display:grid;gap:7px;cursor:pointer;min-height:128px}.home-shortcuts button:hover{border-color:#3f7657}.home-shortcuts small{font-size:10px;color:#3f7657;letter-spacing:1.4px}.home-shortcuts strong{font-size:20px;color:#1d3427}.home-shortcuts span{font-size:12px;color:#6a786f}.home-more{background:#fff;border:1px solid #dbe4dd;margin-top:22px}.home-more>summary{cursor:pointer;padding:15px 20px;color:#315943;font-weight:700}.home-more:not([open]) #followupDashboard,.home-more:not([open]) #adminOverview{display:none!important}
#customersView .customer-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px;align-items:start}
.customer-grade-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid #dbe4dd;margin:0 0 15px}.customer-grade-guide span{padding:12px 14px;border-right:1px solid #dbe4dd;color:#637169;font-size:11px}.customer-grade-guide span:last-child{border:0}.customer-grade-guide b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#214a35;color:#fff;margin-right:7px}
#customersView .customer-directory{max-height:calc(100vh - 245px);overflow:auto}
.customer-directory-list{display:grid;padding:10px}.customer-directory-item{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid transparent;border-bottom-color:#e6ece7;width:100%;padding:13px 9px;cursor:pointer;min-width:0}.customer-directory-item:hover,.customer-directory-item.selected{background:#f0f7f2;border-color:#83aa91}.customer-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1a4934;color:white;font-weight:700;flex:0 0 auto}.customer-directory-copy{min-width:0;flex:1}.customer-directory-copy strong,.customer-directory-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-directory-copy strong{font-size:13px;color:#202b24}.customer-directory-copy small{font-size:10px;color:#6d7a71;margin-top:3px}.customer-grade{display:grid;place-items:center;min-width:26px;height:26px;padding:0 5px;border-radius:50%;background:#eaf1ec;color:#214d36;font-size:11px;font-weight:700}.customer-directory-empty{padding:20px;color:#69776f}
#customersView .detail-card{max-height:none;min-height:540px;overflow:visible;padding:22px}.customer-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dbe4dd;margin:14px 0 18px}.customer-facts>div{padding:16px;border-right:1px solid #dbe4dd}.customer-facts>div:last-child{border:0}.customer-facts small,.customer-facts strong{display:block}.customer-facts small{color:#728078;font-size:10px}.customer-facts strong{font-size:16px;color:#214a35;margin-top:5px;overflow-wrap:anywhere}.customer-tabs{display:flex;gap:8px;border-bottom:1px solid #dbe4dd;margin-bottom:18px;overflow:auto}.customer-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 13px;color:#627168;white-space:nowrap;cursor:pointer}.customer-tabs button.active{border-bottom-color:#3f7657;color:#204b35;font-weight:700}.customer-tab-panel[hidden]{display:none!important}.customer-tab-panel .score-strip{margin-top:0}.customer-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-related-card{border:1px solid #dbe4dd;padding:20px;min-height:155px}.customer-related-card h4{margin:0 0 12px;font-size:15px}.customer-related-card p{color:#65736a;font-size:12px;line-height:1.6}.customer-related-card button{margin-top:8px}
@media(max-width:900px){#dashboardView{padding:22px 16px 45px}.home-priority-row{grid-template-columns:1fr;gap:8px}.home-priority-row>div:last-child{justify-content:flex-start}.home-shortcuts{grid-template-columns:1fr}#customersView .customer-layout{grid-template-columns:1fr}#customersView .customer-directory{max-height:300px}.customer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-related-grid{grid-template-columns:1fr}.customer-grade-guide{display:flex;overflow:auto}.customer-grade-guide span{min-width:180px}}
@media(max-width:600px){.home-kpis{grid-template-columns:1fr}.home-priority-head{align-items:flex-start;flex-direction:column}.home-priority-actions{justify-content:flex-start;flex-wrap:wrap}#customersView .detail-card{padding:15px}.customer-facts>div{padding:12px}.customer-tabs{gap:0}}

/* Customer workspace: directory first, record detail second, execution stats on demand. */
#customersView .customer-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:18px}
#customersView .customer-directory{max-height:none;min-height:620px;overflow:visible;background:#fff;border:1px solid #dbe4dd}
#customersView .customer-directory .library-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:16px;border:0;border-bottom:1px solid #e1e8e2;background:#fff}
#customersView .customer-directory .library-toolbar input{flex:1 1 100%;width:100%;min-width:0}
#customersView .customer-directory .library-toolbar select{flex:1 1 120px;min-width:0}
#customersView .customer-directory #customerCount{white-space:nowrap;color:#64736a;font-size:12px}
#customersView .customer-directory-list{padding:10px}
#customersView .customer-directory-item{padding:13px 12px;border-bottom-color:#e8ede9}
#customersView .customer-directory-item.selected{border:1px solid #72a086;background:#f1f8f3}
#customersView .customer-directory-copy strong{font-size:14px}
#customersView .detail-card{padding:0;background:#fff;border:1px solid #dbe4dd;min-width:0}
#customersView .detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 26px 22px;border-bottom:1px solid #e1e8e2}
#customersView .customer-heading{min-width:0}
#customersView .customer-heading>span{display:block;color:#3f7657;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px}
#customersView .customer-heading h3{font-size:26px;line-height:1.2;margin:0 0 8px;overflow-wrap:anywhere}
#customersView .customer-heading small{display:block;color:#66746a;font-size:12px;line-height:1.5}
#customersView .detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:48%}
#customersView .detail-actions>button{white-space:nowrap}
#customersView .customer-more{position:relative}
#customersView .customer-more>summary{list-style:none;cursor:pointer;color:#315943;border:1px solid #bfd2c4;border-radius:5px;padding:10px 12px;font-size:12px;font-weight:700;white-space:nowrap}
#customersView .customer-more>summary::-webkit-details-marker{display:none}
#customersView .customer-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:5;background:#fff;border:1px solid #dbe4dd;box-shadow:0 12px 32px #17362224;padding:10px;min-width:205px;display:grid;gap:8px}
#customersView .customer-more>div>*{width:100%;text-align:center;white-space:nowrap}
#customersView .customer-facts{margin:20px 24px 0}
#customersView .customer-tabs{margin:16px 24px 0}
#customersView .customer-tabs button{font-size:13px;padding:12px 15px}
#customersView .customer-tab-panel{padding:20px 24px 28px;min-height:350px}
#customersView .customer-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#customersView .customer-info-card{border:1px solid #dbe4dd;background:#fff;padding:22px;min-width:0}
#customersView .customer-info-card h4{font-size:16px;color:#24392c;margin:0 0 18px}
#customersView .customer-info-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
#customersView .customer-info-field{min-width:0}
#customersView .customer-info-field small{display:block;color:#758178;font-size:11px;margin-bottom:5px}
#customersView .customer-info-field strong{display:block;color:#26382c;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
#customersView .customer-note-grid{margin-top:16px}
#customersView .customer-info-card p{margin:0;color:#35443b;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
#customersView .customer-execution-details{margin-top:20px;background:#fff;border:1px solid #dbe4dd}
#customersView .customer-execution-details>summary{cursor:pointer;padding:17px 22px;color:#315943;font-weight:700}
#customersView .customer-execution-details>.sales-execution-dashboard{margin:0;padding:4px 20px 20px;box-shadow:none;border:0}
@media(max-width:1000px){#customersView .customer-layout{grid-template-columns:1fr}#customersView .customer-directory{min-height:0}#customersView .customer-info-grid{grid-template-columns:1fr}#customersView .customer-directory-list{max-height:300px;overflow:auto}}
@media(max-width:600px){#customersView .detail-top{display:block;padding:19px 17px}#customersView .detail-actions{justify-content:flex-start;max-width:none;margin-top:16px}#customersView .customer-facts{margin:16px 15px 0}#customersView .customer-tabs{margin:12px 15px 0}#customersView .customer-tab-panel{padding:16px 15px 24px}#customersView .customer-info-card{padding:16px}#customersView .customer-info-fields{grid-template-columns:1fr 1fr;gap:15px}#customersView .customer-heading h3{font-size:23px}}

/* Match the approved offline customer prototype's typography, palette and editor. */
#customersView{--ink:#171b18;--muted:#68716b;--line:#dbe1dc;--bg:#f1f3f0;--green:#3f7657;--deep:#173d2d;color:var(--ink);font:14px/1.5 Arial,"PingFang SC",sans-serif}
#customersView button,#customersView input,#customersView select,#customersView textarea{font-family:inherit}
#customersView .library-head{margin-bottom:18px}
#customersView .library-head span{font-size:11px;letter-spacing:2px;font-weight:800}
#customersView .library-head h2{font-size:34px;line-height:1.2;margin:6px 0}
#customersView .library-head p{font-size:14px}
#customersView .library-head .primary,#customersView .library-head .ghost,#customersView .detail-actions>.primary,#customersView .detail-actions>.ghost{height:auto;min-height:42px;padding:10px 16px;border-radius:5px;font-size:14px;font-weight:700}
#customersView .library-head .ghost,#customersView .detail-actions>.ghost{border-color:var(--green);color:var(--deep)}
#customersView .library-head .primary,#customersView .detail-actions>.primary{background:var(--deep);border-color:var(--deep)}
#customersView .customer-grade-guide{margin-bottom:18px;border-color:var(--line)}
#customersView .customer-grade-guide span{padding:12px 14px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.4}
#customersView .customer-grade-guide b{width:26px;height:26px;background:var(--deep);font-size:12px}
#customersView .customer-grade-guide span:nth-child(1) b{background:#173d2d;color:#fff}
#customersView .customer-grade-guide span:nth-child(2) b{background:#3f7657;color:#fff}
#customersView .customer-grade-guide span:nth-child(3) b{background:#e4b25c;color:#4f3510}
#customersView .customer-grade-guide span:nth-child(4) b{background:#f0cf84;color:#4f3510}
#customersView .customer-grade-guide span:nth-child(5) b{background:#e5e8e6;color:#58615b}
#customersView .customer-grade-guide small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px;line-height:1.35}
#customersView .customer-layout{grid-template-columns:330px minmax(0,1fr);gap:18px}
#customersView .customer-directory{min-height:calc(100vh - 245px);border-color:var(--line)}
#customersView .customer-directory .library-toolbar{padding:14px;border-bottom:0;gap:0;margin:0}
#customersView .customer-directory .library-toolbar input{padding:12px;margin:0 0 12px;border-color:var(--line);font-size:14px}
#customersView .customer-directory .library-toolbar select{width:100%;padding:10px;border-color:var(--line);font-size:13px}
#customersView .customer-directory .library-toolbar #customerCount{display:block;width:100%;padding:7px 1px 0;font-size:11px;color:var(--muted)}
#customersView .customer-directory-list{padding:0 14px 14px}
#customersView .customer-directory-item{padding:12px 10px;gap:11px;border-bottom-color:#edf0ed}
#customersView .customer-directory-item.selected{background:#eaf2ed;border-color:var(--green)}
#customersView .customer-avatar{width:40px;height:40px;flex-basis:40px;background:var(--deep);font-size:14px;font-weight:800}
#customersView .customer-directory-copy strong{font-size:14px;color:var(--ink);font-weight:700}
#customersView .customer-directory-copy small{font-size:12px;color:var(--muted);margin-top:3px}
#customersView .customer-grade{width:27px;height:27px;min-width:27px;background:#e4b25c;color:#4f3510;font-size:13px;font-weight:900}
#customersView .customer-grade[data-grade="S"]{background:#173d2d;color:#fff}
#customersView .customer-grade[data-grade="A"]{background:#3f7657;color:#fff}
#customersView .customer-grade[data-grade="B"]{background:#e4b25c;color:#4f3510}
#customersView .customer-grade[data-grade="C"]{background:#f0cf84;color:#4f3510}
#customersView .customer-grade[data-grade="D"]{background:#e5e8e6;color:#58615b}
#customersView .detail-card{border-color:var(--line)}
#customersView .detail-top{padding:22px 24px;margin:0;border-bottom-color:var(--line)}
#customersView .customer-heading>span{font-size:11px;color:var(--green);letter-spacing:1px}
#customersView .customer-heading h3{font-size:25px;color:var(--ink);margin:4px 0;line-height:1.25}
#customersView .customer-heading small{font-size:14px;color:var(--muted)}
#customersView .detail-actions{margin:0}
#customersView .customer-facts{margin:18px 18px 0;border-color:var(--line)}
#customersView .customer-facts>div{padding:15px;border-color:var(--line)}
#customersView .customer-facts small{font-size:11px;color:var(--muted)}
#customersView .customer-facts strong{font-size:20px;color:var(--deep);margin-top:5px}
#customersView .customer-tabs{gap:4px;margin:16px 18px 0;border-bottom-color:var(--line)}
#customersView .customer-tabs button{padding:11px 15px;font-size:14px;color:var(--muted)}
#customersView .customer-tabs button.active{color:var(--deep);border-bottom-color:var(--green);font-weight:800}
#customersView .customer-tab-panel{padding:18px;min-height:280px}
#customersView .customer-info-grid{gap:14px}
#customersView .customer-info-card{padding:17px;border-color:var(--line)}
#customersView .customer-info-card h4{font-size:16px;color:var(--ink);margin:0 0 14px}
#customersView .customer-info-fields{gap:12px}
#customersView .customer-info-field small{font-size:10px;color:var(--muted);margin-bottom:3px}
#customersView .customer-info-field strong{font-size:14px;color:var(--ink);font-weight:700}
#customersView .customer-note-grid .customer-info-card{background:#f5f8f6;border-left:4px solid var(--green)}
#customersView .customer-more>summary{font-size:14px;border-color:var(--green);color:var(--deep);padding:10px 16px}
#customersView .customer-editor-overlay{position:fixed;inset:0;z-index:100;background:#101b15aa;display:grid;place-items:center;padding:16px}
#customersView .customer-editor-panel{width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 20px 65px #10201755;color:var(--ink)}
#customersView .customer-editor-panel h2{font-size:24px;margin:0 0 16px;color:var(--ink)}
#customersView .customer-editor-panel .customer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#customersView .customer-editor-panel .customer-form label{display:block;min-width:0;font-size:14px;font-weight:700;color:var(--ink)}
#customersView .customer-editor-panel .customer-form input,#customersView .customer-editor-panel .customer-form select,#customersView .customer-editor-panel .customer-form textarea{width:100%;min-width:0;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-size:14px;font-weight:400;line-height:1.5}
#customersView .customer-editor-panel .customer-form textarea{min-height:74px}
#customersView .customer-editor-panel .customer-form .wide{grid-column:1/-1}
#customersView .customer-editor-panel .customer-form .grade-guide{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
#customersView .customer-editor-panel .form-actions{justify-content:flex-end;align-items:center;gap:8px;margin:7px 0 0}
#customersView .customer-editor-panel .form-actions button{height:auto;min-height:42px;padding:10px 16px;border-radius:5px;font-size:14px}
#customersView .customer-editor-panel .form-actions .ghost{order:-1;border-color:var(--green);color:var(--deep)}
#customersView .customer-editor-panel .form-actions .primary{background:var(--deep);border-color:var(--deep)}
@media(max-width:1000px){#customersView .customer-layout{grid-template-columns:1fr}#customersView .customer-directory{min-height:0}}
@media(max-width:620px){#customersView .library-head h2{font-size:25px}#customersView .library-head>div:last-child{flex-wrap:wrap}#customersView .customer-grade-guide{display:flex}#customersView .customer-grade-guide span{min-width:195px}#customersView .detail-top{padding:18px}#customersView .customer-heading h3{font-size:25px}#customersView .customer-facts{grid-template-columns:repeat(2,1fr);margin:15px 12px 0}#customersView .customer-tabs{margin:14px 12px 0}#customersView .customer-tab-panel{padding:14px}#customersView .customer-info-fields{grid-template-columns:1fr}#customersView .customer-editor-panel{padding:18px}#customersView .customer-editor-panel .customer-form{grid-template-columns:1fr}}

/* Customer files and the collaboration workbench follow the approved offline prototype. */
#customersView .customer-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#customersView .customer-related-card{border:1px solid var(--line);background:#fff;padding:20px;min-width:0}
#customersView .customer-related-card h4{font-size:17px;color:var(--ink);margin:0 0 12px}
#customersView .customer-related-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 16px}
#customersView .customer-upload-button,#customersView .customer-related-card .ghost{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--green);border-radius:5px;background:#fff;color:var(--deep);font-size:14px;font-weight:700;cursor:pointer}
#customersView .customer-upload-button input{position:absolute;width:1px;height:1px;opacity:0}
#customersView .customer-file-list{margin-top:16px}
#customersView .customer-file-row{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--deep);text-decoration:none}
#customersView .customer-file-row b,#customersView .customer-file-row small{display:block;overflow-wrap:anywhere}
#customersView .customer-file-row small{margin-top:4px;color:var(--muted)}
#customersView .customer-document-row{display:flex;gap:6px;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--line)}
#customersView .customer-document-row small{color:var(--muted)}
#collaborationView{--collab-deep:#173d2d;--collab-green:#3f7657;--collab-line:#dbe1dc;--collab-muted:#68716b;color:#171b18;font:14px/1.5 Arial,"PingFang SC",sans-serif}
#collaborationView button,#collaborationView input,#collaborationView select,#collaborationView textarea{font-family:inherit}
#collaborationView .collab-workbench{padding:24px 28px}
#collaborationView .collab-workbench-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}
#collaborationView .collab-workbench-head small,#collaborationView .collab-dialog-head small{display:block;color:var(--collab-green);font-size:11px;font-weight:800;letter-spacing:2px}
#collaborationView .collab-workbench-head h1{font-size:30px;line-height:1.2;margin:5px 0 7px;color:#171b18}
#collaborationView .collab-workbench-head p{font-size:14px;color:var(--collab-muted);margin:0}
#collaborationView .primary{background:var(--collab-deep);border-color:var(--collab-deep);color:#fff;border-radius:5px;padding:10px 16px;font-size:14px;font-weight:700;white-space:nowrap}
#collaborationView .ghost{background:#fff;border:1px solid var(--collab-green);color:var(--collab-deep);border-radius:5px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}
#collaborationView .collab-table-scroll{overflow-x:auto;border:1px solid var(--collab-line);background:#fff}
#collaborationView .collab-table{border-collapse:collapse;width:100%;min-width:850px}
#collaborationView .collab-table th{text-align:left;padding:14px 16px;border-bottom:1px solid var(--collab-line);font-size:12px;color:var(--collab-muted);white-space:nowrap}
#collaborationView .collab-table td{padding:14px 16px;border-bottom:1px solid var(--collab-line);vertical-align:middle;font-size:14px}
#collaborationView .collab-table tbody tr:last-child td{border-bottom:0}
#collaborationView .collab-table td:nth-child(3){min-width:210px}
#collaborationView .collab-table td:nth-child(3) small{display:block;max-width:350px;color:var(--collab-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#collaborationView .collab-item-link{border:0;background:none;padding:0;text-align:left;color:#171b18;font-size:14px;font-weight:700;cursor:pointer}
#collaborationView .collab-item-link:hover{text-decoration:underline}
#collaborationView .collab-attachment-link{white-space:nowrap}
#collaborationView .collab-status{display:inline-block;border-radius:99px;padding:5px 10px;background:#eaf2ed;color:var(--collab-deep);font-size:12px;font-weight:700;white-space:nowrap}
#collaborationView .collab-status.pending{background:#fff0ea;color:#ab4939}
#collaborationView .collab-empty{text-align:center;color:var(--collab-muted)}
#collaborationView .collab-help{color:var(--collab-muted);font-size:12px;line-height:1.5;margin:12px 0}
#collaborationView .collab-overlay{position:fixed;inset:0;z-index:101;display:grid;place-items:center;padding:16px;background:#101b15aa}
#collaborationView .collab-dialog{width:min(740px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid var(--collab-line);border-radius:8px;box-shadow:0 20px 65px #10201755}
#collaborationView .collab-detail-dialog{width:min(820px,calc(100vw - 24px))}
#collaborationView .collab-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:20px 24px;border-bottom:1px solid var(--collab-line)}
#collaborationView .collab-dialog-head h2{font-size:23px;margin:3px 0 0;color:#171b18}
#collaborationView .collab-dialog-body,#collaborationView .collab-create-form{padding:20px 24px 24px}
#collaborationView .collab-detail-text{white-space:pre-wrap;overflow-wrap:anywhere}
#collaborationView .collab-detail-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:1px solid var(--collab-line);margin:16px 0}
#collaborationView .collab-detail-facts span{padding:10px;border-right:1px solid var(--collab-line);min-width:0}
#collaborationView .collab-detail-facts span:last-child{border-right:0}
#collaborationView .collab-detail-facts small,#collaborationView .collab-detail-facts b{display:block;overflow-wrap:anywhere}
#collaborationView .collab-detail-facts small{font-size:11px;color:var(--collab-muted)}
#collaborationView .collab-detail-facts b{font-size:13px;color:var(--collab-deep)}
#collaborationView .collab-dialog h3{font-size:17px;margin:22px 0 6px;color:#171b18}
#collaborationView .collab-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#collaborationView .collab-create-form .wide{grid-column:1/-1}
#collaborationView .collab-dialog label{display:block;font-size:13px;font-weight:700;color:#171b18}
#collaborationView .collab-dialog input,#collaborationView .collab-dialog select,#collaborationView .collab-dialog textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid var(--collab-line);border-radius:4px;background:#fff;color:#171b18;font-size:14px}
#collaborationView .collab-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
#collaborationView .collab-status-form{display:flex;align-items:end;gap:8px}
#collaborationView .collab-status-form label{min-width:180px}
#collaborationView .collab-files{display:grid;gap:6px}
#collaborationView .collab-file{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--collab-line);color:var(--collab-deep);text-decoration:none}
#collaborationView .collab-file small{color:var(--collab-muted)}
#collaborationView .collab-file-upload{display:inline-flex!important;margin-top:10px;padding:10px 16px;border:1px solid var(--collab-green);border-radius:5px;color:var(--collab-deep)!important;cursor:pointer}
#collaborationView .collab-file-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}
#collaborationView .collab-comments{max-height:190px;overflow:auto}
#collaborationView .weekly-comment{border-bottom:1px solid var(--collab-line);padding:8px 0}
#collaborationView #collabComment button{margin-top:10px}
@media(max-width:900px){#collaborationView .collab-workbench{padding:18px}#collaborationView .collab-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#customersView .customer-related-grid{grid-template-columns:1fr}#collaborationView .collab-workbench-head{display:block}#collaborationView .collab-workbench-head .primary{margin-top:15px}#collaborationView .collab-create-form{grid-template-columns:1fr}#collaborationView .collab-detail-facts{grid-template-columns:1fr 1fr}#collaborationView .collab-dialog-head,#collaborationView .collab-dialog-body,#collaborationView .collab-create-form{padding:16px}}
.order-progress{margin:18px 0 8px;padding:15px;border:1px solid #dbe5de;background:#fbfdfb;color:#1e2822}
.order-progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-progress-head small{color:#3f7657;font-weight:700}
.order-progress-track{display:flex;overflow-x:auto;margin:18px 0 12px;padding:0 0 8px;min-width:0}.order-progress-track span{position:relative;flex:1 0 65px;text-align:center;color:#7d8981;font-weight:700}.order-progress-track span:before{content:"";position:absolute;top:7px;left:0;right:0;height:3px;background:#dce5df}.order-progress-track span:first-child:before{left:50%}.order-progress-track span:last-child:before{right:50%}.order-progress-track span.done:before{background:#3f7657}.order-progress-track i{position:relative;z-index:1;display:block;width:15px;height:15px;margin:0 auto 8px;border-radius:50%;background:#dce5df}.order-progress-track span.done i{background:#3f7657}.order-progress-track small{display:block;white-space:nowrap;font-size:11px}.order-progress-track span.done small{color:#234d36}
.order-progress-editor{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(0,1.65fr);gap:10px;margin-top:4px;align-items:end}.order-progress-editor label{display:block;min-width:0;margin:0!important;font-size:12px;color:#53645a}.order-progress-editor select,.order-progress-editor input{box-sizing:border-box;width:100%;min-width:0;height:40px;margin-top:5px;padding:8px 10px;border:1px solid #cddbd1;border-radius:5px;background:#fff;color:#1e2822}.order-progress-editor button{grid-column:1/-1;justify-self:end;min-width:132px;height:40px;margin:2px 0 0!important;padding:0 20px!important;border-color:#214f39!important;background:#214f39!important;color:#fff!important;font-weight:700;white-space:nowrap}.order-progress-editor button:hover{background:#173d2d!important}.order-progress-history{max-height:155px;overflow:auto;margin-top:10px;padding-top:4px;border-top:1px solid #e1e8e3}.order-progress-history p{margin:7px 0;font-size:12px;color:#59675d}.customer-order-progress{margin:16px 0;padding-top:10px;border-top:1px solid #dbe5de}.customer-order-progress h5{margin:4px 0;color:#1e2822;font-size:15px}
#collaborationView .collab-recycle{margin-top:14px;border:1px solid var(--collab-line);background:#fff;padding:10px 15px}#collaborationView .collab-recycle summary{cursor:pointer;color:var(--collab-deep);font-weight:700}#collaborationView .collab-recycle>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--collab-line)}#collaborationView .collab-table .danger-btn{white-space:nowrap}
@media(max-width:700px){.order-progress-editor{grid-template-columns:1fr}.order-progress-editor button{grid-column:1;width:100%}.order-progress-track span{flex-basis:80px}}
.sidebar nav{overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin}.nav-section-title{display:block;margin:10px 12px 1px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);color:#789087;font-size:9px;font-weight:700;letter-spacing:1.4px}.nav-section-title:first-of-type{margin-top:7px}.nav-settings{margin-top:9px;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 7px 7px}
@media(max-width:850px){.nav-section-title{display:none}.nav-settings{margin-top:0;border-top:0;border-radius:13px}}
.action-toast-stack{position:fixed;right:24px;bottom:24px;z-index:10000;display:grid;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.action-toast{box-sizing:border-box;padding:13px 16px;border:1px solid #2f6d4c;border-radius:7px;background:#214f39;color:#fff;font-size:14px;font-weight:700;line-height:1.45;box-shadow:0 12px 32px rgba(16,38,27,.24);animation:actionToastIn .2s ease-out}.action-toast:before{content:"✓";display:inline-block;margin-right:9px}.action-toast.error{border-color:#bb5548;background:#a94236}.action-toast.error:before{content:"!"}.action-toast.leaving{opacity:0;transform:translateY(5px);transition:.2s ease}@keyframes actionToastIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.action-toast-stack{right:16px;bottom:78px;left:16px;width:auto}.action-toast{text-align:center}}
@media(max-width:768px){
  #dashboardView{display:flex;padding:18px 14px 30px;gap:0}
  #dashboardView .dashboard-hero{order:1;display:flex;flex-direction:column;margin:0 0 14px;padding:0}
  #dashboardView .dashboard-hero>span{order:1;margin:0 0 5px;font-size:8px;letter-spacing:1.8px}
  #dashboardView .dashboard-hero h1{order:2;margin:0;font-size:26px;line-height:1.2}
  #dashboardView .dashboard-hero>p{order:3;margin:6px 0 12px;font-size:12px;line-height:1.5}
  #dashboardView .dashboard-hero #accountBar{order:4;margin:0}
  #dashboardView .account-chip{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid #dbe4dd;border-radius:9px;box-shadow:none}
  #dashboardView .account-chip span{flex:1;font-size:14px;font-weight:700;letter-spacing:0}
  #dashboardView .account-chip b{flex:0 0 auto;padding:5px 8px;border-radius:99px;font-size:10px;white-space:nowrap}
  #dashboardView .account-chip button{grid-column:auto;height:32px;padding:0 11px;font-size:12px}
  #dashboardView .home-kpis{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0 0 14px}
  #dashboardView .home-kpis>div{min-width:0;min-height:76px;padding:12px 9px;align-items:flex-start}
  #dashboardView .home-kpis strong{font-size:21px;line-height:1.05}
  #dashboardView .home-kpis span{font-size:10px;line-height:1.35;overflow-wrap:anywhere}
  #dashboardView #importantDashboard{order:3;width:100%}
  #dashboardView .role-home-summary{order:4;width:100%;margin:0 0 14px}
  #dashboardView .role-home-summary h2{font-size:18px;margin:0 0 10px}
  #dashboardView .home-shortcuts{grid-template-columns:1fr;gap:8px}
  #dashboardView .home-shortcuts button{min-height:82px;padding:14px 16px;gap:4px}
  #dashboardView .home-shortcuts strong{font-size:17px}
  #dashboardView .home-more{order:5;width:100%;margin:0}
  #dashboardView .home-more>summary{padding:13px 15px;font-size:13px}
  .sidebar nav{gap:5px}
  .sidebar .nav-item{flex:0 0 calc((100vw - 36px)/5);min-width:calc((100vw - 36px)/5)}
}
@media(max-width:390px){#dashboardView .account-chip{flex-wrap:wrap}#dashboardView .account-chip span{flex-basis:100%}#dashboardView .account-chip b{margin-right:auto}}
.gogo-assistant{position:fixed;right:18px;bottom:18px;z-index:980;display:flex;align-items:flex-end;gap:10px;pointer-events:none}.gogo-pet-wrap,.gogo-panel,.gogo-restore{pointer-events:auto}.gogo-pet-wrap{position:relative;width:118px;height:128px}.gogo-pet{position:absolute;inset:0;border:0;background:transparent;padding:0;cursor:pointer}.gogo-pet img{display:block;width:118px;height:128px;object-fit:contain}.gogo-badge{position:absolute;right:4px;top:6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:99px;background:#b34a3e;color:#fff;font:700 11px/1 Arial;font-style:normal}.gogo-hide{position:absolute;left:48px;bottom:29px;width:25px;height:25px;padding:0;border:1px solid #8fb09b;border-radius:50%;background:#173d2ddd;color:#fff;font-weight:800;cursor:pointer;opacity:.12;transition:.2s}.gogo-pet-wrap:hover .gogo-hide,.gogo-hide:focus{opacity:1}.gogo-sign-text{position:absolute;left:30px;right:30px;top:3px;height:28px;display:none;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900;line-height:1;letter-spacing:-.25px;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #092719}.gogo-assistant[data-mode="reminder"] .gogo-sign-text{display:flex}.gogo-panel{width:285px;max-height:330px;overflow:auto;border:1px solid #d7e2da;border-radius:10px;background:#fff;box-shadow:0 18px 48px #10251a38}.gogo-panel[hidden]{display:none}.gogo-panel header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e3e9e5;color:#214f39}.gogo-panel header button{border:0;background:transparent;font-size:21px;cursor:pointer}.gogo-list{display:grid;padding:6px}.gogo-list>button{display:grid;gap:3px;padding:11px;border:0;border-bottom:1px solid #edf1ee;background:#fff;text-align:left;cursor:pointer}.gogo-list>button:hover{background:#f2f7f3}.gogo-list b{color:#1f3f2e;font-size:13px}.gogo-list span,.gogo-list p{color:#68766d;font-size:11px;line-height:1.45}.gogo-list p{margin:8px}.gogo-restore{display:none;width:36px;height:54px;border:0;border-radius:18px 0 0 18px;background:#173d2d;box-shadow:0 8px 24px #10251a33;cursor:pointer}.gogo-restore i{display:block;width:11px;height:11px;margin:auto;border-radius:50%;background:#77c892;box-shadow:0 0 0 5px #77c89222}.gogo-assistant.is-hidden .gogo-pet-wrap,.gogo-assistant.is-hidden .gogo-panel{display:none}.gogo-assistant.is-hidden .gogo-restore{display:block}.gogo-assistant[data-mode="error"] .gogo-panel{border-color:#dca59d}
@media(max-width:768px){.gogo-assistant{right:8px;bottom:calc(70px + env(safe-area-inset-bottom));gap:5px}.gogo-pet-wrap{width:78px;height:86px}.gogo-pet img{width:78px;height:86px}.gogo-hide{left:29px;bottom:17px;width:22px;height:22px;opacity:.22}.gogo-badge{right:0;top:0}.gogo-sign-text{left:20px;right:20px;top:2px;height:19px;font-size:8px;letter-spacing:-.35px}.gogo-panel{position:fixed;right:10px;bottom:calc(158px + env(safe-area-inset-bottom));left:10px;width:auto;max-height:42vh}.gogo-restore{width:30px;height:46px}}
@media(prefers-reduced-motion:reduce){.gogo-pet img{animation:none!important}}
.gogo-error-note{display:grid;gap:4px;margin:6px;padding:10px;border:1px solid #efc0b8;border-radius:6px;background:#fff4f1}.gogo-error-note b{color:#9e3f34}.gogo-error-note span{color:#754d48;font-size:11px;line-height:1.45}
.gogo-assistant:not(.is-hidden)~.action-toast-stack{right:150px}
@media(max-width:768px){.gogo-assistant:not(.is-hidden)~.action-toast-stack{right:16px;bottom:calc(164px + env(safe-area-inset-bottom))}}
/* Manager account switcher: full sales records are visible without allowing cross-account edits. */
.workspace-owner-switch{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid #d7e4dc;border-radius:12px;background:#f5faf7;color:#234b38}
.workspace-owner-switch label{display:flex;align-items:center;gap:10px;font-weight:700}
.workspace-owner-switch select{min-width:190px;padding:8px 32px 8px 10px;border:1px solid #a9c6b5;border-radius:8px;background:#fff}
.workspace-owner-switch b{color:#9a5a18}.workspace-owner-switch span{color:#66736c}
body[data-workspace-readonly="true"] #projectsView [data-readonly-disabled="1"],body[data-workspace-readonly="true"] #customsView [data-readonly-disabled="1"],body[data-workspace-readonly="true"] #financeView [data-readonly-disabled="1"]{opacity:.58;cursor:not-allowed}
@media(max-width:720px){.workspace-owner-switch{align-items:stretch}.workspace-owner-switch label{width:100%;justify-content:space-between}.workspace-owner-switch select{min-width:0;max-width:65%}}