/* Shared work surface: calm navigation, clear data and comfortable reading. */
#portal-user-area{margin-left:auto;position:relative;z-index:20}#portal-user-toggle{display:flex;gap:10px;align-items:center;background:transparent;border:0;padding:4px;color:#283641;text-align:left;cursor:pointer}#portal-user-toggle>span:nth-child(2){display:flex;flex-direction:column;gap:3px}#portal-user-toggle b{font-size:12px;font-weight:650}#portal-user-toggle small{font-size:9px;color:#8a949c}#portal-user-toggle svg{width:14px;height:14px;fill:none;stroke:#7b8791;stroke-width:1.5;margin-left:8px}.portal-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee5c9;color:#887236;font-size:11px;font-weight:700;flex-shrink:0;overflow:hidden}.portal-avatar img{width:100%;height:100%;object-fit:cover}.portal-avatar.large{width:68px;height:68px;font-size:22px}.profile-identity{display:flex;gap:20px;align-items:center;margin-bottom:25px}.profile-identity h2{margin:0}.profile-identity p{font-size:12px;color:#7f8b94}#portal-user-menu{position:absolute;right:0;top:48px;min-width:235px;background:#fff;border:1px solid #dde3e8;border-radius:10px;box-shadow:0 10px 35px #20303e21;padding:7px;color:#2e3b46}#portal-user-menu>div{padding:12px;border-bottom:1px solid #edf0f2;margin-bottom:6px}#portal-user-menu strong{font-size:12px;display:block}#portal-user-menu small{font-size:10px;display:block;color:#83909a;margin-top:4px}#portal-user-menu button,#portal-user-menu a{display:block;width:100%;text-align:left;padding:11px;border:0;border-radius:6px;background:transparent;color:#52616e;font:12px Figtree,Arial;cursor:pointer}#portal-user-menu button:hover,#portal-user-menu a:hover{background:#f5f7f8}.user-row{display:flex;align-items:center;gap:16px;padding:19px 23px;border-bottom:1px solid #e7ebee;font-size:12px}.user-row>div{flex:1}.user-row strong{display:block}.user-row small{display:block;color:#87929b;font-size:10px;margin-top:4px}.user-row>span:not(.portal-avatar){min-width:95px}.user-audit-title{font-size:17px;margin:28px 0 14px}.user-audit-row{border-left:2px solid #e5d49d;padding:4px 15px 12px;font-size:12px}.user-audit-row small{font-size:10px;color:#8c969e}.clone-body #clone-nav a{width:100%}@media(max-width:760px){#portal-user-toggle>span:nth-child(2){display:none}.user-row{flex-wrap:wrap;padding:16px}.user-row>span:not(.portal-avatar){min-width:0}.clone-body.authenticated .clone-header{padding:0 16px}.clone-body.authenticated .clone-heading>span{display:none}}
.clone-body{--portal-ink:#202b34;--portal-muted:#65717c;--portal-line:#e2e5e8;--portal-yellow:#ffbd00;background:#f4f5f7;color:var(--portal-ink);font-family:Figtree,Arial,sans-serif}.clone-body.authenticated #clone-sidebar{width:222px;background:#171a1e;border-right:1px solid #282e34;padding:29px 14px 20px;overflow-y:auto}.clone-body.authenticated #clone-sidebar .brand{padding:0 15px 27px;border-bottom:1px solid #30353a;margin-bottom:22px}.clone-body.authenticated #clone-sidebar .brand img{width:160px;max-width:100%;height:auto}.clone-body.authenticated #clone-sidebar .brand small{font:500 8px Figtree,Arial;letter-spacing:1.8px;color:#9ca2a8;margin-top:12px}.clone-body #clone-sidebar>.nav-label,.clone-body #clone-sidebar .side-bottom{display:none}.portal-nav-group{margin:0 0 25px}.portal-nav-label{display:block;padding:0 14px;margin:0 0 9px;font-size:9px;letter-spacing:1.2px;color:#858c94;font-weight:650}.clone-body #clone-nav{display:block}.clone-body #clone-nav a{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 13px;border:0;border-radius:8px;background:transparent;font:500 12px/1.3 Figtree,Arial;color:#bfc5cc;margin:3px 0;position:relative}.clone-body #clone-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:#8c959f}.clone-body #clone-nav a:hover{background:#252a30;color:#fff}.clone-body #clone-nav a.active{background:#34311f;color:#ffd24c;font-weight:650;box-shadow:inset 0 0 0 1px #70612755}.clone-body #clone-nav a.active svg{color:#ffd24c}.clone-body #clone-nav a.active i{margin-left:auto;width:5px;height:5px;background:#ffc83a;border-radius:50%}.clone-body.authenticated .clone-main,.clone-body.authenticated .clone-header,.clone-body.authenticated .clone-strip{margin-left:222px}.clone-body.authenticated .clone-header{height:66px;background:#fff;border-bottom:1px solid var(--portal-line);padding:0 30px}.clone-body.authenticated .clone-heading{color:#343d45;font-size:12px}.clone-body.authenticated .clone-heading>span{display:inline-block;margin:0 0 0 12px;color:#93700e;font-size:8px;letter-spacing:.7px}.clone-body.authenticated .clone-strip{background:#fff7dd;border-bottom:1px solid #efe4bc;color:#826821;font-size:8px;padding:7px 30px;letter-spacing:.7px}.clone-body.authenticated .clone-main{padding:28px 30px 36px}.clone-body h1{letter-spacing:-.8px}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dash-title h1{font-size:27px;line-height:1.2;margin:7px 0 8px;color:#202b34;font-weight:750}.dash-title p{font-size:12px;color:#6a7580;margin:0}.eyebrow{color:#8a732e;font-size:9px;font-weight:700;letter-spacing:1.3px}.dash-filters{display:flex;gap:8px}.dash-filters select,.co-root select,.co-root input{border:1px solid #dbe0e5;border-radius:6px;background:#fff;padding:9px 10px;color:#394550;font:12px Figtree,Arial}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.dash-metric{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;background:#fff;border:1px solid var(--portal-line);border-radius:12px;padding:17px 19px;color:#28343d;box-shadow:0 3px 12px #15263803;cursor:pointer}.dash-metric>span{font-size:13px;font-weight:650}.dash-metric strong{font-size:34px;line-height:1.3;font-weight:750}.dash-metric small{font-size:11px;color:#67737e}.dash-metric em{font-size:9px;color:#7b838b;font-style:normal;margin-top:3px}.dash-metric.red{background:#fff9f8;border-color:#efd0cb}.dash-metric.red strong{color:#c04739}.dash-metric.green{background:#f6fbf8;border-color:#cddfd3}.dash-metric.green strong{color:#307658}.dash-metric.amber{background:#fffcf4;border-color:#eadcb7}.dash-metric:hover{box-shadow:0 3px 12px #20323b0c;transform:translateY(-1px)}.dash-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;margin-bottom:20px}.dash-panel{background:#fff;border:1px solid var(--portal-line);border-radius:12px;overflow:hidden}.dash-panel>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f2}.dash-panel h2{font-size:18px;letter-spacing:-.4px;margin:5px 0 0}.dash-panel a{color:#5c6872;font-size:12px}.dash-live-dot{font-size:10px;color:#7c8790}.dash-live-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#70a68a;border-radius:50%;margin-right:6px}.dash-task{display:flex;width:100%;align-items:center;text-align:left;gap:13px;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:14px 22px;color:#23323d;cursor:pointer}.dash-task:last-child{border-bottom:0}.dash-task:hover{background:#fafbf9}.dash-task-icon{height:32px;width:32px;border-radius:9px;background:#f5f1e5;display:grid;place-items:center;flex-shrink:0;font-weight:700;color:#947329}.dash-task-icon.urgent{background:#fbe9e6;color:#c34839}.dash-task-icon.success{background:#e8f3ed;color:#347955}.dash-task>span:nth-child(2){flex:1;min-width:0}.dash-task b{display:block;font-size:10px;font-weight:650;color:#8d6d1e;margin-bottom:3px}.dash-task strong{font-size:13px;font-weight:650;display:block}.dash-task small{display:block;color:#79828a;font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-task .rp-demo-label{display:inline;font-size:8px}.dash-flow{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;background:#fff;border:0;border-bottom:1px solid #edf0f2;padding:24px 22px;text-align:left;color:#293943}.dash-flow b{display:block;font-size:13px;margin-bottom:6px}.dash-flow small{display:block;font-size:10px;color:#77838b;line-height:1.6}.dash-flow strong{display:block;font-size:26px;text-align:right}.dash-flow>span:last-child{flex-shrink:0}.dash-empty{padding:35px 24px;color:#73808b;font-size:12px}.dash-empty b{color:#34434d}.dash-web{margin-bottom:26px}.dash-web-counts{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0 10px}.dash-web-counts button{border:0;border-right:1px solid #e6e9eb;background:#fff;text-align:left;padding:0 24px;cursor:pointer}.dash-web-counts button:last-child{border:0}.dash-web-counts strong{display:block;font-size:23px;color:#35444e}.dash-web-counts span{font-size:11px;color:#737e87}.dash-web #dash-webshop>small{display:block;padding:8px 24px 20px;color:#8b949b;font-size:10px}.dash-section-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.dash-section-heading h2{font-size:17px;margin:0}.dash-section-heading a{font-size:11px;color:#6b7780}.dash-connections{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.dash-connection{display:block;padding:15px;background:#fff;border:1px solid var(--portal-line);border-radius:10px}.dash-connection header{display:flex;align-items:center;justify-content:space-between;gap:7px}.dash-connection b{font-size:12px}.dash-connection strong{display:block;font-size:10px;font-weight:500;color:#61707a;margin:10px 0 5px}.dash-connection small{font-size:9px;color:#939ba2}.dash-connection i{height:6px;width:6px;border-radius:50%;background:#d9ad46}.dash-connection i.ok{background:#5f9c78}.dash-connection i.neutral{background:#7e99ad}.dash-footnote{color:#89929a;font-size:10px;margin-top:18px}.co-workspace{display:grid;grid-template-columns:174px 248px minmax(0,1fr);background:#fff;border:1px solid var(--portal-line);border-radius:12px;min-height:650px;overflow:hidden}.co-folders{padding:20px 10px;background:#f9fafb;border-right:1px solid var(--portal-line)}.co-folders button{display:flex;align-items:center;text-align:left;gap:8px;width:100%;padding:10px 8px;background:transparent;color:#64717b;border:0;font:11px Figtree,Arial;border-radius:6px;margin:2px 0}.co-folders button b{margin-left:auto;font-size:10px;color:#8c969e}.co-folders button.active{background:#f8edc7;color:#715614;font-weight:650}.co-folders hr{border:0;border-top:1px solid var(--portal-line);margin:16px 8px}.co-queue{border-right:1px solid var(--portal-line);min-width:0;display:flex;flex-direction:column}.co-queue form{padding:16px 13px;border-bottom:1px solid var(--portal-line)}.co-queue h2{font-size:14px;margin:0 0 13px}.co-queue form>input{width:100%;font-size:11px}.co-filter-row{display:flex;gap:5px}.co-queue .rp-field{margin:8px 0;min-width:0;width:100%;gap:4px}.co-queue .rp-field>span{font-size:9px}.co-queue select{font-size:10px;width:100%;padding:8px 4px}.co-queue form>button{width:100%;font-size:10px}.co-queue-item{padding:15px 14px;border:0;border-bottom:1px solid #edf0f2;background:#fff;display:flex;flex-direction:column;text-align:left;width:100%;gap:6px;cursor:pointer}.co-queue-item.active{background:#fff9e5;box-shadow:inset 3px 0 #deb03b}.co-queue-item>strong{font-size:13px;color:#2b3841}.co-queue-item>span{font-size:11px;color:#77828a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.co-queue-item small{font-size:9px;color:#8b949a}.co-queue-item .badge{font-size:9px}#co-queue{max-height:690px;overflow-y:auto}#co-pages{margin-top:auto;padding:13px;display:flex;align-items:center;gap:7px;font-size:10px;color:#7a858d}#co-pages span{flex:1}#co-pages button{background:#fff;border:1px solid #e1e5e8;border-radius:4px}.co-reading{display:flex;flex-direction:column;min-width:0}.co-case-header{display:flex;align-items:center;gap:12px;padding:19px;border-bottom:1px solid var(--portal-line)}.co-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f4eac0;color:#9b791c;font-size:13px;font-weight:700;flex-shrink:0}.co-case-header h2{font-size:18px;margin:4px 0;color:#293641}.co-case-header p,.co-case-header small{font-size:10px;color:#85909a;margin:0}.co-case-header>div:last-child{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:6px}.co-demo-banner{font-size:9px;background:#fffcf0;color:#917c36;padding:7px 19px}.co-actions{display:flex;flex-wrap:wrap;gap:7px;padding:13px 19px;border-bottom:1px solid #edf0f2}.co-root button,.co-root .secondary,.co-root .btn{font-family:Figtree,Arial}.co-actions button{font-size:10px;padding:8px 10px;border-radius:6px}.co-payment-strip{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:17px 19px;background:#fafbfc;border-bottom:1px solid var(--portal-line)}.co-payment-strip>div{flex:1;min-width:90px}.co-payment-strip small{font-size:9px;display:block;color:#808b94;margin-bottom:5px}.co-payment-strip strong{font-size:16px}.co-payment-strip button{font-size:10px;padding:8px}.co-due{color:#aa761b!important}.co-paid{color:#428163!important}.co-tabs{display:flex;gap:15px;border-bottom:1px solid var(--portal-line);padding:0 19px;overflow-x:auto}.co-tabs button{white-space:nowrap;font-size:11px;padding:13px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#7d8790}.co-tabs button.active{border-color:#e4b727;color:#273b48}.co-content{padding:22px 19px;flex:1;font-size:12px;line-height:1.65;min-height:300px}.co-content h3{font-size:13px;margin:0 0 13px;color:#3c4b55}.co-content p{font-size:12px;color:#687681}.co-lines article{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf0f2}.co-lines article>div:first-child{flex:1}.co-lines strong{font-size:12px}.co-lines small{font-size:10px;color:#8a949d;display:block}.co-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.co-facts b{font-weight:600}.co-reading-footer{border-top:1px solid var(--portal-line);padding:13px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#75828c}.co-reading-footer button{font-size:10px}.co-ledger{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--portal-line);gap:15px}.co-ledger.voided{opacity:.6}.co-ledger.voided b{text-decoration:line-through}.co-event{border-left:2px solid #ead9a0;padding:0 0 15px 14px}.co-event small{font-size:10px;color:#8a949c}.co-message{background:#fffcf2;border:1px solid #eee2ba;border-radius:9px;padding:17px;margin-bottom:14px}.co-message.incoming{background:#f9fbfc;border-color:#dce5ea}.co-message.internal{background:#f0f5fa;border-color:#dae4ee}.co-message header{display:flex;justify-content:space-between;gap:12px}.co-message small,.co-message footer{font-size:10px;color:#7c8b96}.co-message footer span{display:block}.co-message h3{margin-top:12px}.co-message p{color:#4d5f6c}.co-edit-line{border:1px solid #e0e5e9;background:#fcfcfb;padding:16px;margin:15px 0;border-radius:8px}.co-catalog{display:flex;gap:8px}.co-catalog input{flex:1}.co-product{display:block;text-align:left;width:100%;padding:12px;border:1px solid #e1e6e9;background:#fff;margin:5px 0}.co-product small{display:block;color:#87919a}.co-send-channel{padding:15px 0;border-bottom:1px solid #e1e6e9}.co-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.co-root .badge{white-space:normal}
@media(max-width:1200px){.co-workspace{grid-template-columns:150px 210px minmax(0,1fr)}.co-folders button{font-size:10px;padding:9px 4px}.co-tabs{gap:10px}.co-tabs button{font-size:10px}.dash-connections{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.clone-body.authenticated #clone-sidebar{width:192px;padding:24px 10px}.clone-body.authenticated .clone-main,.clone-body.authenticated .clone-header,.clone-body.authenticated .clone-strip{margin-left:192px}.clone-body #clone-nav a{font-size:11px;gap:10px}.dash-title{align-items:flex-start;flex-direction:column}.dash-title h1{font-size:24px}.dash-columns{grid-template-columns:1fr}.dash-metrics{gap:9px}.dash-metric{padding:14px}.dash-metric>span{font-size:11px}.dash-metric small{font-size:10px}.co-workspace{grid-template-columns:140px 190px minmax(0,1fr)}.co-case-header{padding:14px}.co-case-header h2{font-size:15px}.co-case-header>div:last-child{max-width:95px}.co-actions{padding:10px}.co-content{padding:16px 12px}.co-facts{grid-template-columns:1fr}.co-tabs{gap:8px;padding:0 10px}.co-lines article{flex-wrap:wrap}.co-lines article>div:first-child{min-width:100%}}
@media(max-width:760px){.clone-body.authenticated #clone-sidebar{width:62px;padding:20px 7px}.clone-body.authenticated #clone-sidebar .brand{padding:0 3px 18px;margin-bottom:20px}.clone-body.authenticated #clone-sidebar .brand img{width:45px}.clone-body.authenticated #clone-sidebar .brand small,.portal-nav-label,.clone-body #clone-nav a>span,.clone-body #clone-nav a>i{display:none}.clone-body #clone-nav a{justify-content:center;padding:12px}.clone-body #clone-nav a svg{width:20px;height:20px}.portal-nav-group{margin-bottom:18px}.clone-body.authenticated .clone-main,.clone-body.authenticated .clone-header,.clone-body.authenticated .clone-strip{margin-left:62px}.clone-body.authenticated .clone-main{padding:20px 14px}.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-connections{grid-template-columns:repeat(2,1fr)}.dash-filters{flex-wrap:wrap}.co-workspace{grid-template-columns:180px minmax(0,1fr)}.co-folders{grid-column:1/-1;display:flex;overflow-x:auto;border-bottom:1px solid var(--portal-line);padding:9px;gap:5px}.co-folders button{width:auto;white-space:nowrap;padding:8px;gap:5px}.co-folders hr{display:none}.co-case-header>.co-avatar{display:none}.co-payment-strip{padding:12px;gap:10px}.co-tabs{gap:12px}.co-tabs button{font-size:10px}.co-queue form{padding:12px 9px}.dash-web-counts{grid-template-columns:repeat(2,1fr);gap:18px}.dash-title .button-row{flex-wrap:wrap}.dash-task{padding:14px}.dash-title h1{font-size:23px}}

/* Keep the older page shell rules out of nested panels. */
.dashboard header,.co-root header{height:auto;background:transparent;color:#263641;position:static;flex-shrink:0}
.dashboard h1,.co-root h1{text-transform:none;max-width:none}
.dash-connection header{padding:0;border:0;display:flex}
.co-message header{padding:0;border:0;display:flex}
.co-root footer{margin:0;letter-spacing:normal}
.clone-body #clone-sidebar .portal-nav-group{margin-bottom:17px}
.clone-body #clone-nav{margin-top:0}
.clone-body.authenticated #clone-sidebar .brand{padding-bottom:22px;margin-bottom:18px}
.co-root .btn,#co-send .btn,#co-compose .btn,#co-payment-form .btn,#co-edit-form .btn{background:#ffbd00;border-color:#ffbd00;color:#332b13}
.co-root header.co-case-header{padding:19px;border-bottom:1px solid var(--portal-line)}

/* Louis MC: black, white and yellow. Status colours carry meaning only. */
.clone-body{--portal-ink:#191919;--portal-muted:#747474;--portal-line:#e4e4e4;background:#f5f5f5;color:#191919}
.clone-body.authenticated #clone-sidebar{background:#090909;border-color:#242424}
.clone-body.authenticated .clone-header{background:#0b0b0b;border-color:#242424}
.clone-body.authenticated .clone-heading{color:#fff}
.clone-body.authenticated .clone-heading>span{color:#ffbf00}
.clone-body.authenticated .clone-strip{background:#ffbf00;border:0;color:#171717}
.clone-body #clone-nav a{color:#aeaeae}
.clone-body #clone-nav a svg{color:#8d8d8d}
.clone-body #clone-nav a:hover{background:#202020;color:#fff}
.clone-body #clone-nav a.active{background:#242424;color:#ffbf00;box-shadow:inset 3px 0 #ffbf00}
.clone-body #clone-nav a.active svg{color:#ffbf00}
.clone-body #clone-nav a.active i{background:#ffbf00}
.portal-nav-label{color:#737373}
#portal-user-toggle{color:#fff}#portal-user-toggle small{color:#929292}#portal-user-toggle svg{stroke:#b1b1b1}
.portal-avatar{background:#ffbf00;color:#171717}
.clone-body h1,.clone-body .dash-title h1{color:#161616}
.dashboard .eyebrow,.co-root .eyebrow{color:#9b7800}
.dash-metric,.dash-metric.red,.dash-metric.green,.dash-metric.amber{background:#111;border:1px solid #111;border-radius:11px;box-shadow:0 4px 12px #00000008;position:relative;overflow:hidden;min-height:151px;padding:18px 20px}
.dash-metric:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#ffbf00}
.dash-metric>span{font-size:13px;color:#ededed;font-weight:600}
.dash-metric strong,.dash-metric.green strong{color:#fff;font-size:38px;line-height:1.25;letter-spacing:-1px}
.dash-metric small{color:#b2b2b2;font-size:10px}.dash-metric em{color:#8d8d8d}
.dash-metric.red:before{background:#e36b60}.dash-metric.red strong{color:#ff9b90}.dash-metric.green:before{background:#66a787}.dash-metric.amber:before{background:#ffbf00}
.dashboard .dash-panel>header{background:#111;color:#fff;height:auto;min-height:72px;border:0;border-bottom:2px solid #ffbf00;padding:17px 22px}
.dashboard .dash-panel>header h2{color:#fff}.dashboard .dash-panel>header .eyebrow{color:#ffbf00;font-size:8px;margin-bottom:7px}.dashboard .dash-panel>header a{color:#c9c9c9}.dash-live-dot{color:#999}
.dashboard .dash-connection{border-color:#dedede;overflow:hidden;background:#fff}
.dashboard .dash-connection header{padding:10px 13px;margin:-15px -15px 12px;background:#111;min-height:36px;color:#fff;border:0;display:flex;align-items:center;justify-content:space-between}
.dashboard .dash-connection header b{color:#fff;font-size:11px}.dashboard .dash-connection strong{font-size:11px;color:#464646}.dashboard .dash-connection small{color:#888}
.co-root .co-case-header{background:#111;color:#fff;border-bottom:2px solid #ffbf00}
.co-root .co-case-header h2{color:#fff}.co-root .co-case-header p,.co-root .co-case-header small{color:#a7a7a7}
.co-root .co-message header{background:transparent;color:#293742;height:auto;min-height:0;padding:0;border:0}
.co-root .co-folders button.active{background:#ededed;color:#1d1d1d;box-shadow:inset 3px 0 #ffbf00}
.co-queue-item.active{background:#fffdf4;box-shadow:inset 3px 0 #ffbf00}
.co-root .co-avatar{background:#ffbf00;color:#151515}
.co-root .co-tabs button.active{border-color:#ffbf00;color:#151515}
.crm-root .cm-metric{background:#111;border-color:#111;color:#fff;box-shadow:inset 3px 0 #ffbf00}.crm-root .cm-metric b{color:#eee}.crm-root .cm-metric strong{color:#fff}.crm-root .cm-metric small{color:#aaa}.crm-root .cm-metric.cm-urgent{box-shadow:inset 3px 0 #de6a5b}.crm-root .cm-metric.cm-urgent strong{color:#ff9b90}.crm-root .cm-metric.cm-success{box-shadow:inset 3px 0 #66a787}
.clone-body .ow-count-card{background:#111;border-color:#111}.clone-body .ow-count-card small{color:#ddd}.clone-body .ow-count-card strong{color:#fff}.clone-body .ow-count-card em{color:#aaa}.clone-body .ow-count-card.active{background:#1c1c1c;outline:2px solid #ffbf00;outline-offset:-2px}
.clone-body .cm-dialog-tabs,.clone-body .co-tabs{background:#fafafa}.clone-body .cm-folder.active{background:#eee;color:#111;box-shadow:inset 3px 0 #ffbf00}
.clone-body .cm-person-title h2{color:#1d1d1d}
.dashboard .dash-panel>header .dash-live-dot{color:#aaa}

.clone-body .ow-count{background:#111;border-color:#111;box-shadow:none}.clone-body .ow-count small{color:#e5e5e5}.clone-body .ow-count strong{color:#fff}.clone-body .ow-count em{color:#a9a9a9}.clone-body .ow-count.ow-selected{background:#1b1b1b;outline:2px solid #ffbf00;outline-offset:-2px}.clone-body .ow-count-icon{background:#282828;color:#ffbf00}.clone-body .ow-page-top h1{text-transform:none;color:#191919}

.clone-body .dash-title h1{text-transform:none}
#user-new,.user-row .btn,#user-profile .btn,#user-invite .btn,#user-edit .btn{background:#ffbf00;border-color:#ffbf00;color:#161616}
.co-root .co-queue select,.co-root .co-queue input{color:#4d4d4d}.co-root .co-content p{color:#666}

.clone-body.authenticated #clone-sidebar{scrollbar-width:thin;scrollbar-color:#343434 #090909}
.crm-root .cm-queue-title{background:#111;color:#fff;border-bottom:2px solid #ffbf00}.crm-root .cm-queue-title strong,.crm-root .cm-queue-title button{color:#fff}.crm-root .cm-queue-title .cm-text-button{color:#bcbcbc}
.crm-root .cm-dialog-tabs{background:#111;border-bottom-color:#222}.crm-root .cm-dialog-tabs button{color:#aaa}.crm-root .cm-dialog-tabs button.active{color:#fff;border-bottom-color:#ffbf00}
.crm-root .cm-muted,.crm-root .cm-case-preview{color:#888}.crm-root .cm-empty{color:#8a8a8a}.crm-root .cm-case-owner{color:#777}
.clone-body .ow-panel-top h2,.clone-body .ow-person strong{color:#202020}

/* Loading retains the dashboard's real hierarchy and dimensions. */
.dash-load-status{display:flex;align-items:center;gap:7px;color:#909090;font-size:10px;min-height:20px;margin:-10px 0 15px}.dash-load-status i{width:5px;height:5px;border-radius:50%;background:#7d9c87}.dash-load-status.loading i{width:10px;height:10px;border:1.5px solid #e4e4e4;border-top-color:#aa8400;background:transparent;animation:dash-spin 1s linear infinite}
.sk-line{display:block!important;position:relative;overflow:hidden;background:#ededed;height:10px;border-radius:4px;max-width:100%;flex-shrink:0}.sk-line:after,.sk-circle:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff70,transparent);animation:dash-shimmer 1.8s ease-in-out infinite}.sk-short{width:70px;height:8px;margin-bottom:7px}.sk-title{width:135px;height:12px;margin-bottom:7px}.sk-description{width:190px;height:8px;margin-top:8px}.sk-circle{width:32px;height:32px;border-radius:9px;background:#efefef;position:relative;overflow:hidden;flex-shrink:0}.sk-number{width:54px;height:28px;margin-bottom:9px}.sk-caption{width:110px;height:9px}.sk-arrow{color:#dedede}.dash-task-placeholder{height:90px;cursor:default;pointer-events:none}.dash-task-placeholder>span:nth-child(2){display:block;flex:1}.dash-flow-placeholder{height:100px}.dash-flow-placeholder>span:first-child{flex:1;min-width:0}.dash-flow-placeholder b{color:#9a9a9a;font-weight:550}.dash-flow-placeholder .sk-number{width:28px;margin:0}.dash-metric-placeholder{cursor:default;pointer-events:none}.dash-metric-placeholder:before{background:#555}.dash-metric-placeholder>span:first-child{color:#bfbfbf}.dash-metric-placeholder .sk-line{background:#303030}.dash-metric-placeholder .sk-line:after{background:linear-gradient(90deg,transparent,#ffffff10,transparent)}.dash-metric-placeholder .sk-metric-number{width:65px;height:34px;margin:5px 0}.dash-metric-placeholder .sk-metric-caption{width:85%;height:8px;margin-top:4px}.dash-metric-placeholder .sk-metric-note{width:55%;height:6px;margin-top:6px;background:#262626}
.dash-web-placeholder{padding:0 24px;border-right:1px solid #ececec}.dash-web-placeholder:last-child{border:0}.dash-web-loading-note{padding:8px 24px 20px;color:#999;font-size:10px;display:flex;gap:7px;align-items:center}.dash-mini-spinner{width:9px;height:9px;border:1.5px solid #e7e7e7;border-top-color:#b38c0b;border-radius:50%;display:inline-block;animation:dash-spin 1s linear infinite}.dash-web:has(.dash-skeleton){min-height:178px}
.dashboard .dash-metric{min-height:140px}.dashboard .dash-connections{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard .dash-connection{min-height:106px}.dashboard .dash-connection strong{line-height:1.6}.dashboard .dash-connection small{line-height:1.5;display:block}.dashboard .dash-task{min-height:82px}.dashboard .dash-flow{min-height:100px}
@keyframes dash-shimmer{100%{transform:translateX(100%)}}@keyframes dash-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sk-line:after,.sk-circle:after,.dash-load-status.loading i,.dash-mini-spinner{animation:none}}@media(max-width:1000px){.dashboard .dash-connections{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.dashboard .dash-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-load-status{margin-top:-8px}.dash-flow-placeholder{height:100px}}

#portal-user-loading{margin-left:auto;display:flex;align-items:center;gap:10px;width:200px}#portal-user-loading>.sk-circle{border-radius:50%;width:34px;height:34px;background:#292929}#portal-user-loading>span:last-child{display:flex;flex-direction:column;gap:7px}#portal-user-loading .sk-line{width:70px;height:8px;background:#303030}#portal-user-loading .sk-line:last-child{width:115px;height:6px}

/* Meaningful card backgrounds, shared by every work area. */
[data-signal="danger"]{--signal-bg:#af2633;--signal-border:#af2633;--signal-ink:#fff;--signal-muted:#ffdde0;--signal-icon:#ffffff24}
[data-signal="warning"]{--signal-bg:#f1a14d;--signal-border:#e29340;--signal-ink:#342109;--signal-muted:#573a16;--signal-icon:#ffffff60}
[data-signal="success"]{--signal-bg:#196849;--signal-border:#196849;--signal-ink:#fff;--signal-muted:#d1efdf;--signal-icon:#ffffff24}
[data-signal="info"]{--signal-bg:#264e77;--signal-border:#264e77;--signal-ink:#fff;--signal-muted:#d4e6f8;--signal-icon:#ffffff24}
[data-signal="neutral"],[data-signal="loading"]{--signal-bg:#111;--signal-border:#111;--signal-ink:#fff;--signal-muted:#b7b7b7;--signal-icon:#ffffff17}
[data-signal="quiet"]{--signal-bg:#eceeef;--signal-border:#dce0e3;--signal-ink:#5b646b;--signal-muted:#788189;--signal-icon:#ffffffaa}
.clone-body :is(.dash-metric,.cm-metric,.ow-count)[data-signal]{background:var(--signal-bg);border:1px solid var(--signal-border);color:var(--signal-ink);box-shadow:0 3px 12px #00000008;transition:transform .15s,box-shadow .15s;position:relative}
.clone-body :is(.dash-metric,.cm-metric,.ow-count)[data-signal]:hover{background:var(--signal-bg);box-shadow:0 6px 16px #00000017;transform:translateY(-1px)}
.clone-body :is(.dash-metric,.cm-metric,.ow-count)[data-signal] :is(strong,b){color:var(--signal-ink)}
.clone-body :is(.dash-metric,.cm-metric,.ow-count)[data-signal] :is(small,em){color:var(--signal-muted)}
.clone-body .dash-metric[data-signal]>span:first-child{color:var(--signal-ink);padding-right:30px;min-height:32px;font-weight:650}
.clone-body .dash-metric[data-signal]:before{display:none}
.clone-body .dash-metric[data-signal] strong{font-size:38px;color:var(--signal-ink)}
.card-signal-icon{position:absolute;right:15px;top:16px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:17px;font-weight:700;background:var(--signal-icon);color:var(--signal-ink)}
.clone-body :is(.cm-metric-icon,.ow-count-icon){flex-shrink:0}
.clone-body .cm-metric[data-signal] .cm-metric-icon,.clone-body .ow-count[data-signal] .ow-count-icon{background:var(--signal-icon);color:var(--signal-ink)}
.clone-body .ow-count[data-signal].ow-selected{background:var(--signal-bg);outline:3px solid #ffbf00;outline-offset:2px;box-shadow:0 4px 16px #00000014}
.clone-body .cm-metric[data-signal="quiet"] .cm-metric-icon{color:#6d7880}
.clone-body .dash-metric[data-signal="quiet"] strong{color:#626c74}
.dashboard .dash-task.task-urgent{background:#fff0f1;border-left:4px solid #ba2c3a;padding-left:18px}.dashboard .dash-task.task-urgent b{color:#ad2533}.dashboard .dash-task.task-urgent .dash-task-icon{background:#ba2c3a;color:#fff}
.dashboard .dash-task.task-attention{background:#fff7eb;border-left:4px solid #bd751d;padding-left:18px}.dashboard .dash-task.task-attention b{color:#93500a}.dashboard .dash-task.task-attention .dash-task-icon{background:#f7e3c4;color:#945108}
.dashboard .dash-task.task-success{background:#f0faf5;border-left:4px solid #378566;padding-left:18px}.dashboard .dash-task.task-success b{color:#277252}
.dashboard .dash-task.task-reply{background:#eef5fd;border-left:4px solid #3f76aa;padding-left:18px}.dashboard .dash-task.task-reply b{color:#285f8f}
.crm-root .cm-case-card.cm-card-urgent{background:#fff0f1;border-color:#ebc0c5;border-left:4px solid #b52a37}.crm-root .cm-case-card.cm-card-attention{background:#fff4e3;border-color:#ecd3ad;border-left:4px solid #b77b20}.crm-root .cm-case-card.cm-card-success{background:#edf8f1;border-color:#bddac9;border-left:4px solid #36815e}.crm-root .cm-case-card.cm-card-reply{background:#edf4fd;border-color:#c7d9ec;border-left:4px solid #3f72a3}.crm-root .cm-case-card.selected{outline:2px solid #262626;outline-offset:-2px;box-shadow:0 2px 7px #0001}
.co-root .co-queue-item[data-case-signal="warning"]{background:#fff5e7;border-left:4px solid #b5741f}.co-root .co-queue-item[data-case-signal="success"]{background:#edf8f1;border-left:4px solid #3b8765}.co-root .co-queue-item[data-case-signal="info"]{background:#f0f5fb;border-left:4px solid #6b8cab}.co-root .co-queue-item.active{outline:2px solid #282828;outline-offset:-2px;box-shadow:none}
@media(max-width:760px){.card-signal-icon{right:10px;top:12px;width:23px;height:23px;font-size:14px}.clone-body .dash-metric[data-signal]>span:first-child{font-size:11px}.clone-body .dash-metric[data-signal] strong{font-size:32px}}

.clone-body .dash-metric[data-signal]>.card-signal-icon{color:var(--signal-ink)}
.dashboard .dash-connection[data-signal]{background:var(--signal-bg);border-color:var(--signal-border);color:var(--signal-ink)}.dashboard .dash-connection[data-signal] strong{color:var(--signal-ink)}.dashboard .dash-connection[data-signal] small{color:var(--signal-muted)}.dashboard .dash-connection[data-signal] header{border-bottom:1px solid #ffffff18}

.clone-body .feature-grid .card[data-signal]{background:var(--signal-bg);border-color:var(--signal-border);color:var(--signal-ink)}.clone-body .feature-grid .card[data-signal] h3{color:var(--signal-ink)}.clone-body .feature-grid .card[data-signal] p{color:var(--signal-muted)}.clone-body .feature-grid .card[data-signal] .badge{background:var(--signal-icon);color:var(--signal-ink)}

[data-signal="payment"]{--signal-bg:#fff0a6;--signal-border:#e8d575;--signal-ink:#423710;--signal-muted:#6c5c26;--signal-icon:#ffffff90}

/* Dimensional colour surfaces; one finish across all status cards. */
[data-signal="danger"]{--signal-surface:radial-gradient(ellipse at 12% 0%,#ffffff16,transparent 62%),linear-gradient(135deg,#b92d46 0%,#a0253a 54%,#7d172c 100%);--signal-border:#a72b40;--signal-shadow:#8b20321c}
[data-signal="warning"]{--signal-surface:radial-gradient(ellipse at 8% 0%,#fff8e04d,transparent 65%),linear-gradient(135deg,#ffce94 0%,#f5b368 50%,#e89b4f 100%);--signal-border:#e9ac68;--signal-ink:#442608;--signal-muted:#603a13;--signal-icon:#fff8e99c;--signal-shadow:#c47d281c}
[data-signal="success"]{--signal-surface:radial-gradient(ellipse at 0% 0%,#b5ffdc1a,transparent 64%),linear-gradient(135deg,#1a704f 0%,#155e44 55%,#0c4635 100%);--signal-border:#21664e;--signal-shadow:#10553b1c}
[data-signal="info"]{--signal-surface:radial-gradient(ellipse at 6% 0%,#b9ddff1a,transparent 64%),linear-gradient(135deg,#315e88 0%,#244a70 52%,#15334f 100%);--signal-border:#315773;--signal-shadow:#183f651c}
[data-signal="payment"]{--signal-surface:radial-gradient(ellipse at 0% 0%,#ffffffc7,transparent 60%),linear-gradient(135deg,#fffaf0 0%,#f8e8c5 52%,#edcf96 100%);--signal-border:#e7d3aa;--signal-ink:#483716;--signal-muted:#6b5531;--signal-icon:#fffdf3a8;--signal-shadow:#9e7b2f16}
[data-signal="neutral"],[data-signal="loading"]{--signal-surface:radial-gradient(ellipse at 5% 0%,#ffffff0c,transparent 65%),linear-gradient(135deg,#25272d 0%,#17191e 52%,#0c0d10 100%);--signal-border:#27292f;--signal-shadow:#11131c18}
[data-signal="quiet"]{--signal-surface:linear-gradient(135deg,#f8f9fa 0%,#eef0f2 55%,#e1e5e8 100%);--signal-border:#dce1e5;--signal-shadow:#28334208}
.clone-body :is(.dash-metric,.cm-metric,.ow-count)[data-signal],.dashboard .dash-connection[data-signal],.clone-body .feature-grid .card[data-signal]{background:var(--signal-surface,var(--signal-bg));box-shadow:inset 0 1px 0 #ffffff24,0 7px 17px var(--signal-shadow);border-color:var(--signal-border)}
.clone-body :is(.dash-metric,.cm-metric,.ow-count)[data-signal]:hover{background:var(--signal-surface,var(--signal-bg));transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff30,0 11px 23px var(--signal-shadow)}
.clone-body .ow-count[data-signal].ow-selected{background:var(--signal-surface,var(--signal-bg));box-shadow:inset 0 1px 0 #ffffff30,0 7px 18px var(--signal-shadow)}
.clone-body .dash-metric[data-signal]>.card-signal-icon,.clone-body .cm-metric[data-signal] .cm-metric-icon,.clone-body .ow-count[data-signal] .ow-count-icon{box-shadow:inset 0 1px 0 #ffffff26;backdrop-filter:blur(3px)}
.dashboard .dash-task.task-urgent{background:linear-gradient(110deg,#fff0f2,#fff8f9)}.dashboard .dash-task.task-attention{background:linear-gradient(110deg,#fff4e4,#fffaf3)}.dashboard .dash-task.task-success{background:linear-gradient(110deg,#edf8f2,#f8fcfa)}

.clone-body button.blacklist-row-button{background:#b52734!important;border-color:#b52734!important;color:#fff!important;box-shadow:0 2px 5px #9d1f2812;transition:background .15s,border-color .15s}
.clone-body button.blacklist-row-button:hover{background:#941f2a!important;border-color:#941f2a!important;color:#fff!important}
.clone-body button.blacklist-row-button:active{background:#7e1923!important;border-color:#7e1923!important}
.clone-body button.blacklist-row-button:focus-visible{outline:2px solid #b52734;outline-offset:3px}