/* Operations Desk / interface v2. No backend or endpoint changes. */
:root{--desk-bg:#f5f6f8;--desk-surface:#fff;--desk-ink:#263140;--desk-muted:#7c8798;--desk-line:#e4e8ee;--desk-primary:#315879;--desk-tint:#eef3f7;--desk-side:#172735;--desk-side-ink:#a7b8c8;--desk-red:#b64f58;--desk-shadow:0 2px 8px #19314904}
html[data-desk-theme=dark]{--desk-bg:#111b24;--desk-surface:#192833;--desk-ink:#dce6ee;--desk-muted:#94a6b6;--desk-line:#2a3e4d;--desk-primary:#91b9d9;--desk-tint:#233b4d;--desk-side:#0d1922;--desk-side-ink:#9db1c2;--desk-shadow:none}
html body{margin:0;background:var(--desk-bg)!important;color:var(--desk-ink)!important;font-family:'Segoe UI',Arial,sans-serif!important;font-size:13px!important;line-height:1.55!important;letter-spacing:normal!important}html body *{box-sizing:border-box}html body button,html body input,html body select,html body textarea{font-family:inherit!important;text-shadow:none!important}html body a{color:var(--desk-primary)}html body button{min-height:34px;border:1px solid transparent!important;background:#315879!important;background-image:none!important;border-radius:5px!important;box-shadow:none!important;color:#fff!important;padding:8px 14px!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;transform:none!important}html body button:hover{filter:brightness(1.07)}html body button:focus-visible,html body a:focus-visible,html body summary:focus-visible{outline:3px solid #92b1cc!important;outline-offset:3px}html body button.gray,html body button.secondary,html body button.desk-theme{background:var(--desk-surface)!important;border-color:var(--desk-line)!important;color:var(--desk-ink)!important}html body button.danger{background:#b64f58!important;color:#fff!important}html body input,html body select,html body textarea{background:var(--desk-surface)!important;color:var(--desk-ink)!important;border:1px solid var(--desk-line)!important;border-radius:5px!important;box-shadow:none!important;padding:9px 11px!important;font-size:12px!important;min-width:0!important}html body input:focus,html body select:focus,html body textarea:focus{border-color:#799bb9!important;outline:2px solid #799bb91a!important}html body input[type=checkbox]{width:15px!important;height:15px!important;min-height:15px!important;accent-color:#315879}html body label{font-size:11px!important;font-weight:600!important;color:var(--desk-muted)!important;line-height:1.6!important}html body label small{font-size:10px!important;color:var(--desk-muted)!important;font-weight:400!important}html body .hidden{display:none!important}
html body #app.app{display:grid!important;grid-template-columns:224px minmax(0,1fr)!important;max-width:none!important;margin:0!important;gap:0!important;min-height:100vh}html body #app .sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100vh!important;width:224px!important;background:var(--desk-side)!important;color:var(--desk-side-ink)!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:25px 15px 16px!important;overflow-y:auto!important}html body #app .brand{display:flex!important;gap:10px!important;align-items:center!important;border-bottom:1px solid #ffffff12!important;padding:0 7px 23px!important;margin-bottom:20px!important}html body #app .brand-logo{width:33px!important;height:33px!important;border:1px solid #ffffff1c!important;background:#2a4155!important;box-shadow:none!important;border-radius:7px!important;display:grid!important;place-items:center!important;color:#dceaf6!important}html body #app .brand-logo span{font-size:12px!important;font-weight:600!important;letter-spacing:0!important;color:#dceaf6!important}html body #app .brand b{font-size:15px!important;font-weight:600!important;letter-spacing:-.4px!important;color:#f2f6f9!important}html body #app .brand strong{display:none!important}html body #app .brand div>span{font-size:9px!important;font-weight:400!important;letter-spacing:.7px!important;color:#88a0b3!important}html body #app .side-nav{display:flex!important;flex-direction:column!important;gap:3px!important}html body #app .side-nav .tab-btn{background:transparent!important;border:0!important;color:var(--desk-side-ink)!important;padding:10px 12px!important;min-height:39px!important;border-radius:5px!important;font-size:12px!important;font-weight:400!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:none!important;text-align:left!important}html body #app .side-nav .tab-btn.active{background:#2b455a!important;color:#fff!important;font-weight:500!important}html body #app .side-nav .tab-btn:hover{background:#233b4d!important}html body #app .side-nav .nav-icon{width:18px!important;height:18px!important;background:none!important;color:inherit!important;box-shadow:none!important}html body #app .nav-icon svg{width:16px!important;height:16px!important;fill:currentColor!important}html body #app .system-card{background:#ffffff05!important;border:1px solid #ffffff10!important;border-radius:6px!important;margin-top:24px!important;padding:13px!important;box-shadow:none!important}html body #app .system-card small{color:#7290a6!important;font-size:9px!important;letter-spacing:1px}html body #app .system-card b{color:#a9bfce!important;font-size:10px!important;font-weight:400!important}
html body #app .main{min-width:0!important;margin:0!important;width:auto!important;padding:0 30px 30px!important;background:var(--desk-bg)!important}html body #app .topbar{height:76px!important;padding:0!important;margin:0 0 25px!important;background:none!important;border:0!important;border-bottom:1px solid var(--desk-line)!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}html body #app .topbar h1{font-size:19px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.5px!important;color:var(--desk-ink)!important;margin:0 0 4px!important}html body #app .topbar p{font-size:10px!important;color:var(--desk-muted)!important;margin:0!important}html body #app .top-actions{display:flex!important;gap:8px!important;align-items:center!important}html body #app #waBadge{background:var(--desk-tint)!important;color:var(--desk-muted)!important;border:1px solid var(--desk-line)!important;box-shadow:none!important;border-radius:5px!important;font-size:10px!important;padding:6px 10px!important}.desk-cover{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--desk-surface);border:1px solid var(--desk-line);border-radius:8px;padding:27px 30px;margin-bottom:20px;position:relative;overflow:hidden}.desk-cover:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#527b9c}.desk-kicker{font-size:9px!important;letter-spacing:1.6px!important;color:var(--desk-muted)!important;margin:0 0 12px!important}.desk-cover h2{font-size:27px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-1px!important;margin:0 0 10px!important;color:var(--desk-ink)!important}.desk-cover p{font-size:12px;color:var(--desk-muted);margin:0 0 18px}.desk-cover-actions{display:flex;gap:8px}.desk-cover-meta{width:230px;flex-shrink:0;border-left:1px solid var(--desk-line);padding-left:30px;color:var(--desk-muted)}.desk-cover-meta>span{font-size:9px;letter-spacing:1.3px}.desk-cover-meta ol{margin:10px 0 14px;padding-left:18px;font-size:11px;line-height:1.9}.desk-cover-meta small{font-size:9px}.desk-primary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}html body #app .desk-primary-metrics .metric-card{min-height:125px!important;padding:19px 21px!important;display:block!important}html body #app .desk-primary-metrics .metric-icon{display:none!important}html body #app .desk-primary-metrics .metric-card b{font-size:33px!important;margin:8px 0 5px!important}html body #app .desk-summary{margin-bottom:20px;border:1px solid var(--desk-line);background:var(--desk-surface);border-radius:7px;padding:0 20px}.desk-summary>summary{cursor:pointer;list-style:none;padding:15px 0;font-size:12px;color:var(--desk-ink);font-weight:600;display:flex;justify-content:space-between}.desk-summary>summary:after{content:'View details +';font-size:10px;color:var(--desk-muted);font-weight:400}.desk-summary[open]>summary:after{content:'Hide details −'}html body #app .desk-summary .grid.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 15px!important}.desk-section-caption{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--desk-muted);margin:22px 0 12px}
html body #app .card,html body #app .panel,html body #app .service-card,html body #app .service-item{background:var(--desk-surface)!important;background-image:none!important;border:1px solid var(--desk-line)!important;border-radius:7px!important;box-shadow:var(--desk-shadow)!important;transform:none!important;color:var(--desk-ink)!important}html body #app .card:before,html body #app .card:after,html body #app .panel:before,html body #app .panel:after{display:none!important}html body #app .grid{gap:16px!important}html body #app .metric-card{min-height:100px!important;padding:16px!important;display:flex!important;align-items:center!important;gap:13px!important}html body #app .metric-card>div{min-width:0!important;width:auto!important;flex:1}html body #app .metric-card span{font-size:11px!important;letter-spacing:0!important;text-transform:none!important;font-weight:500!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;color:var(--desk-muted)!important;display:block!important}html body #app .metric-card b,html body #app .metric-card b.green,html body #app .metric-card b.red{display:block!important;font-size:25px!important;font-weight:600!important;line-height:1.15!important;color:var(--desk-ink)!important;text-shadow:none!important;letter-spacing:-.7px!important;margin:5px 0!important}html body #app .metric-card small{font-size:10px!important;color:var(--desk-muted)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}html body #app .metric-icon{width:31px!important;height:31px!important;min-width:31px!important;background:var(--desk-tint)!important;color:#718ea5!important;border:0!important;box-shadow:none!important;border-radius:6px!important}html body #app .metric-icon svg{fill:#718ea5!important;width:16px!important;height:16px!important}html body #app .diamond-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important}html body #app .panel{padding:20px!important;min-height:0!important}html body #app .panel h2{font-size:12px!important;letter-spacing:0!important;font-weight:600!important;color:var(--desk-ink)!important;padding:0 0 14px!important;margin:0 0 15px!important;border-bottom:1px solid var(--desk-line)!important;line-height:1.5!important}html body #app .live-panel{min-height:0!important;display:flex!important;flex-direction:column!important}html body #app .live-panel>button{margin-top:12px!important}.recovery-mini-list:empty{display:none}html body #app .recovery-counters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}html body #app .recovery-counters>div{background:var(--desk-bg)!important;border:1px solid var(--desk-line)!important;border-radius:5px!important;padding:11px!important;min-width:0!important}html body #app .recovery-counters span{font-size:9px!important;color:var(--desk-muted)!important;white-space:normal!important}html body #app .recovery-counters b{font-size:21px!important;color:var(--desk-ink)!important;font-weight:600!important}html body #app .health-row{background:transparent!important;border:0!important;border-bottom:1px solid var(--desk-line)!important;border-radius:0!important;color:var(--desk-muted)!important;padding:11px 0!important;display:flex!important;align-items:center!important;gap:8px!important}html body #app .health-row b{font-weight:400!important;font-size:11px!important;color:var(--desk-ink)!important}html body #app .health-row em{margin-left:auto!important;font-style:normal!important;font-size:10px!important;color:var(--desk-muted)!important}html body #app .health-row>span{font-size:7px!important;color:#9bb0bd!important}html body #app .health-row.ok>span{color:#518d79!important}html body #app .empty{background:var(--desk-bg)!important;border:1px dashed var(--desk-line)!important;padding:22px 14px!important;border-radius:5px!important;color:var(--desk-muted)!important;font-size:11px!important;text-align:center!important;min-height:0!important}html body #app .health-footer,html body #app .health-footer span{font-size:10px!important;color:var(--desk-muted)!important}.desk-service-group{margin-top:20px!important;border-top:1px solid var(--desk-line);padding-top:17px!important}.desk-service-group legend{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--desk-muted);padding-right:10px}.desk-service-group{border-left:0;border-right:0;border-bottom:0;min-width:0}.desk-service-group>.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 20px!important}.desk-service-group label{display:flex!important;flex-direction:column!important;gap:5px!important}.desk-service-group label input,.desk-service-group label select,.desk-service-group label textarea{width:100%!important}.desk-service-group label:has(textarea){grid-column:1/-1}.desk-service-group textarea{min-height:90px!important}html body #app .service-edit{background:var(--desk-bg)!important;border:1px solid var(--desk-line)!important;border-radius:6px!important;padding:20px!important;margin-top:16px!important}html body #app .service-default-icon,html body #app .icon-preview{background:var(--desk-tint)!important;border:1px solid var(--desk-line)!important;box-shadow:none!important;color:#6e8ca5!important}html body #app .service-default-icon svg{fill:currentColor!important}html body #app .service-card{padding:20px!important;margin:14px 0!important}html body #app .service-card h3{font-size:15px!important;color:var(--desk-ink)!important;font-weight:600!important}html body #app .service-summary-bar,html body #app .service-meta,html body #app .service-overview{background:var(--desk-bg)!important;border-color:var(--desk-line)!important;border-radius:5px!important;box-shadow:none!important;color:var(--desk-muted)!important}html body #app .service-summary-bar b,html body #app .service-meta b{color:var(--desk-ink)!important;font-weight:600!important}html body #app .service-summary-bar span,html body #app .service-meta span{color:var(--desk-muted)!important;font-size:10px!important}html body #app .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}html body #app .settings-grid .panel{height:auto!important}html body #app .settings-grid label{margin:13px 0!important;display:block}html body #app .settings-grid input,html body #app .settings-grid select{margin-top:5px!important;width:100%!important}html body #app .settings-grid input[type=checkbox]{width:15px!important}html body #app .hint,html body #app .service-note{font-size:11px!important;line-height:1.7!important;color:var(--desk-muted)!important}html body #app .table-wrap{overflow-x:auto!important;border:1px solid var(--desk-line)!important;border-radius:5px!important}html body #app table{border-collapse:collapse!important;width:100%!important;font-size:11px!important}html body #app th{background:var(--desk-bg)!important;color:var(--desk-muted)!important;text-transform:none!important;font-weight:500!important;font-size:10px!important;letter-spacing:0!important;border:0!important;border-bottom:1px solid var(--desk-line)!important;padding:12px!important;white-space:nowrap!important}html body #app td{border:0!important;border-bottom:1px solid var(--desk-line)!important;color:var(--desk-ink)!important;padding:12px!important;vertical-align:top!important}html body #app tr:hover td{background:var(--desk-bg)!important}html body #app .badge,html body #app .service-pill{font-size:9px!important;font-weight:500!important;border-radius:4px!important;box-shadow:none!important;padding:4px 7px!important}html body #app .logs{background:var(--desk-bg)!important;color:var(--desk-ink)!important;border:1px solid var(--desk-line)!important;border-radius:5px!important}html body #app .wa-control-card,html body #app .wa-profile-card,html body #app .wa-stat{background:var(--desk-surface)!important;border:1px solid var(--desk-line)!important;box-shadow:none!important;border-radius:7px!important;color:var(--desk-ink)!important}html body #app .wa-tag,html body #app .wa-status-tag{box-shadow:none!important;border:1px solid var(--desk-line)!important;background:var(--desk-tint)!important;color:var(--desk-muted)!important}html body #app .sir-card{background:var(--desk-surface)!important;border:1px solid var(--desk-line)!important;box-shadow:none!important;border-radius:6px!important;color:var(--desk-ink)!important}html body #app .green{color:#548877!important}html body #app .red{color:#b2636b!important}
/* Dialogs use compact hierarchy and quiet severity colours. */
html body #premiumPopupRoot .premium-popup-backdrop,.desk-dialog-backdrop{background:#15253666!important;backdrop-filter:none!important}html body #premiumPopupRoot .premium-popup-card{width:420px!important;max-width:calc(100vw - 32px)!important;background:var(--desk-surface)!important;border:1px solid var(--desk-line)!important;box-shadow:0 16px 60px #11233026!important;border-radius:9px!important;padding:27px!important;text-align:left!important;transform:none!important;animation:none!important}html body #premiumPopupRoot .premium-popup-icon{width:32px!important;height:32px!important;background:var(--desk-tint)!important;color:var(--desk-primary)!important;box-shadow:none!important;border:1px solid var(--desk-line)!important;border-radius:6px!important;font-size:18px!important;margin:0 0 17px!important}html body #premiumPopupRoot .warning .premium-popup-icon{background:#fbf1df!important;color:#a17b38!important;border-color:#ead9b6!important}html body #premiumPopupRoot .error .premium-popup-icon{background:#faeded!important;color:#b15d65!important;border-color:#ecd4d6!important}html body #premiumPopupRoot .premium-popup-title{font:600 17px/1.4 'Segoe UI',Arial,sans-serif!important;color:var(--desk-ink)!important;margin:0 0 9px!important;text-shadow:none!important;letter-spacing:-.2px!important}html body #premiumPopupRoot .premium-popup-message{font-size:12px!important;line-height:1.8!important;color:var(--desk-muted)!important;text-align:left!important}html body #premiumPopupRoot .premium-popup-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:25px 0 0!important;padding-top:18px!important;border-top:1px solid var(--desk-line)!important}html body #premiumPopupRoot .premium-cancel{background:var(--desk-surface)!important;border-color:var(--desk-line)!important;color:var(--desk-ink)!important;min-width:80px!important}html body #premiumPopupRoot .premium-ok{min-width:90px!important}html body #premiumPopupRoot .warning .premium-ok{background:#af545d!important}html body #premiumPopupRoot .premium-popup-close{position:absolute!important;right:16px!important;top:15px!important;width:27px!important;min-height:27px!important;height:27px!important;padding:0!important;background:transparent!important;border:0!important;color:var(--desk-muted)!important;font-size:19px!important}.desk-dialog{border:1px solid var(--desk-line);border-radius:9px;background:var(--desk-surface);color:var(--desk-ink);padding:27px;width:470px;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #10213030}.desk-dialog::backdrop{background:#15253666}.desk-dialog h2{font-size:19px;margin:0 0 8px;letter-spacing:-.5px}.desk-dialog p{font-size:12px;color:var(--desk-muted);margin:0 0 20px;line-height:1.7}.desk-dialog label{display:block;margin:15px 0}.desk-dialog input,.desk-dialog select,.desk-dialog textarea{display:block;width:100%;margin-top:7px}.desk-dialog textarea{min-height:120px}.desk-dialog .desk-form-actions{border-top:1px solid var(--desk-line);padding-top:18px;margin-top:20px;display:flex;justify-content:flex-end;gap:8px}
html body #loginBox.login-card{width:390px!important;max-width:calc(100vw - 32px)!important;border:1px solid var(--desk-line)!important;border-radius:10px!important;background:var(--desk-surface)!important;box-shadow:0 15px 70px #23394f0c!important;padding:38px!important;margin:12vh auto!important;color:var(--desk-ink)!important}html body #loginBox .login-logo{background:var(--desk-tint)!important;color:var(--desk-primary)!important;border:1px solid var(--desk-line)!important;border-radius:8px!important;box-shadow:none!important;width:42px!important;height:42px!important;font-size:15px!important;font-weight:600!important;margin:0 0 24px!important;display:grid!important;place-items:center!important}html body #loginBox h1{font-size:23px!important;letter-spacing:-.8px!important;color:var(--desk-ink)!important;font-weight:600!important;margin:0 0 8px!important}html body #loginBox p{font-size:12px!important;color:var(--desk-muted)!important;margin-bottom:24px!important}html body #loginBox input{width:100%!important;margin-bottom:13px!important}html body #loginBox button{width:100%!important}.bridge-notice{background:#fff5df;color:#8e733e;border-bottom:1px solid #e6d7b7;padding:10px 20px;font-size:12px;position:sticky;top:0;z-index:500}
@media(min-width:1700px){html body #app .main{padding:0 40px 35px!important}.desk-cover{padding:30px 34px}}@media(max-width:1180px){html body #app.app{grid-template-columns:195px minmax(0,1fr)!important}html body #app .sidebar{width:195px!important;padding:22px 11px!important}html body #app .main{padding:0 20px 25px!important}.desk-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html body #app .diamond-bottom-grid{grid-template-columns:1fr!important}html body #app .desk-summary .grid.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.desk-cover-meta{width:190px;padding-left:20px}.desk-cover h2{font-size:24px!important}html body #app .settings-grid{grid-template-columns:1fr!important}}@media(max-width:760px){html body #app.app{display:block!important}html body #app .sidebar{position:static!important;width:100%!important;height:auto!important;padding:14px!important;overflow:visible!important}html body #app .brand{border:0!important;margin-bottom:0!important;padding:0 4px 13px!important}html body #app .system-card{display:none!important}html body #app .side-nav{flex-direction:row!important;overflow-x:auto!important;gap:5px!important;padding-bottom:4px!important}html body #app .side-nav .tab-btn{flex:none!important;white-space:nowrap!important;font-size:11px!important;min-height:34px!important;padding:8px 10px!important}html body #app .side-nav .nav-icon{display:none!important}html body #app .main{padding:0 14px 24px!important}html body #app .topbar{height:auto!important;min-height:77px!important;flex-wrap:wrap!important;padding:15px 0!important;margin-bottom:18px!important;gap:10px!important}html body #app .topbar h1{font-size:18px!important}html body #app .top-actions{gap:5px!important}html body #app .top-actions button{font-size:10px!important;padding:7px 10px!important;min-height:30px!important}html body #app #waBadge{font-size:9px!important;padding:5px 8px!important}.desk-cover{padding:23px!important;margin-bottom:16px}.desk-cover-meta{display:none}.desk-cover h2{font-size:24px!important}.desk-cover p{font-size:11px}.desk-primary-metrics{gap:10px;margin-bottom:16px}html body #app .desk-primary-metrics .metric-card{min-height:115px!important;padding:15px!important}html body #app .desk-primary-metrics .metric-card b{font-size:29px!important}html body #app .desk-summary .grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html body #app .desk-summary .metric-card{display:block!important;padding:12px!important;min-height:110px!important}html body #app .desk-summary .metric-icon{display:none!important}html body #app .panel{padding:16px!important}.desk-service-group>.service-grid{grid-template-columns:1fr!important}html body #app .service-edit{padding:14px!important}.desk-summary{padding:0 14px!important}html body #app .wa-dashboard-grid,html body #app .diamond-dashboard-grid{grid-template-columns:1fr!important}html body #app .wa-profile-actions{flex-wrap:wrap!important}.desk-dialog{padding:22px}}

/* V3: warm neutral workspace, copper accents, compact navigation. */
:root{--desk-bg:#f6f6f4;--desk-surface:#fff;--desk-ink:#25282c;--desk-muted:#797d83;--desk-line:#e7e7e3;--desk-primary:#a56542;--desk-tint:#f6eee8;--desk-side:#fff;--desk-side-ink:#6a6e75;--desk-shadow:0 3px 14px #24262803}
html[data-desk-theme=dark]{--desk-bg:#191b1e;--desk-surface:#222529;--desk-ink:#eae8e5;--desk-muted:#a3a5a9;--desk-line:#35383c;--desk-primary:#d59b76;--desk-tint:#3a2d25;--desk-side:#202226;--desk-side-ink:#a3a5a9}
html body{font-size:14px!important;font-family:'Segoe UI',Arial,sans-serif!important}
html body button{background:#a56542!important;border-radius:7px!important;min-height:37px;font-size:12px!important;font-weight:600!important}
html body input:focus,html body select:focus,html body textarea:focus{border-color:#b58365!important;outline:3px solid #a5654210!important}
html body #app.app{grid-template-columns:230px minmax(0,1fr)!important}
html body #app .sidebar{width:230px!important;padding:26px 17px 18px!important;border-right:1px solid var(--desk-line)!important}
html body #app .brand{padding:0 4px 25px!important;border-bottom:0!important;margin-bottom:12px!important;gap:11px!important}
html body #app .brand-logo{background:#a56542!important;width:36px!important;height:36px!important;border:0!important;border-radius:10px!important}
html body #app .brand b{color:var(--desk-ink)!important;font-size:15px!important;letter-spacing:-.5px!important}
html body #app .brand div>span{color:var(--desk-muted)!important;font-size:8px!important;letter-spacing:1.6px!important;margin-top:2px!important}
html body #app .side-nav{gap:3px!important}
html body #app .side-nav .tab-btn{min-height:38px!important;padding:9px 12px!important;border-radius:7px!important;font-size:12px!important;color:var(--desk-side-ink)!important;position:relative!important}
html body #app .side-nav .tab-btn.active{background:var(--desk-tint)!important;color:var(--desk-primary)!important;font-weight:600!important}
html body #app .side-nav .tab-btn.active:before{content:'';position:absolute;left:-17px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--desk-primary)}
html body #app .side-nav .tab-btn:hover{background:var(--desk-tint)!important;color:var(--desk-primary)!important}
html body #app .side-nav .tab-btn:not(.active){background:transparent!important}
html body #app .side-nav .nav-icon{opacity:.8!important}
html body #app .side-nav .desk-create{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:13px;min-height:40px;background:#a56542!important;color:#fff!important;box-shadow:0 3px 7px #a5654218!important}
.desk-create>span{font-size:20px;font-weight:400;line-height:1}.desk-nav-label{display:block;color:var(--desk-muted);font-size:9px;font-weight:600;letter-spacing:1.4px;margin:15px 12px 8px}
html body #app .system-card{background:var(--desk-bg)!important;border:1px solid var(--desk-line)!important;margin-top:22px!important;border-radius:9px!important}
html body #app .system-card small,html body #app .system-card b{color:var(--desk-muted)!important}
html body #app .dot{box-shadow:none!important;width:6px!important;height:6px!important}
html body #app .main{padding:0 34px 35px!important}
html body #app .topbar{height:78px!important;margin:0 0 28px!important;border-bottom:1px solid var(--desk-line)!important}
html body #app .topbar h1{font-size:16px!important;font-weight:600!important;letter-spacing:-.3px!important}
html body #app .topbar p{font-size:11px!important}
html body #app #waBadge{border-radius:20px!important;background:var(--desk-surface)!important;font-size:10px!important;font-weight:500!important;padding:7px 12px!important}
html body #app #waBadge:before{content:'•';font-size:16px;line-height:0;margin-right:6px;color:#9b9da0}
html body #app #waBadge.ok:before{color:#3a8a6c}
.desk-cover{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin-bottom:24px!important;min-height:83px;gap:20px}
.desk-cover:before{display:none!important}.desk-cover .desk-kicker{color:var(--desk-primary)!important;font-size:9px!important;letter-spacing:1.7px!important;font-weight:600!important;margin:0 0 7px!important}
.desk-cover h2{font-size:28px!important;letter-spacing:-1px!important;margin:0 0 5px!important;line-height:1.2!important}
.desk-cover p{font-size:12px!important;margin:0!important}.desk-cover-actions{align-items:center;gap:9px}
.desk-primary-metrics{gap:16px!important;margin-bottom:18px!important}
html body #app .desk-primary-metrics .metric-card{min-height:134px!important;padding:19px 21px!important;border-radius:11px!important;position:relative!important;overflow:hidden!important}
html body #app .desk-primary-metrics .metric-card .metric-icon{display:grid!important;place-items:center!important;position:absolute!important;right:18px!important;top:18px!important;width:30px!important;height:30px!important;border-radius:8px!important;background:var(--desk-tint)!important;color:var(--desk-primary)!important}
html body #app .desk-primary-metrics .metric-card .metric-icon svg{width:15px!important;height:15px!important;fill:currentColor!important}
html body #app .desk-primary-metrics .metric-card span{padding-right:30px!important;font-size:11px!important;color:var(--desk-muted)!important}
html body #app .desk-primary-metrics .metric-card b{font-size:31px!important;line-height:1.3!important;font-weight:600!important;margin:10px 0 5px!important;letter-spacing:-1px!important;font-variant-numeric:tabular-nums}
html body #app .desk-primary-metrics .metric-card:first-child{background:#2b3035!important;border-color:#2b3035!important}
html body #app .desk-primary-metrics .metric-card:first-child b{color:#fff!important}
html body #app .desk-primary-metrics .metric-card:first-child span,html body #app .desk-primary-metrics .metric-card:first-child small{color:#c0c4c8!important}
html body #app .desk-primary-metrics .metric-card:first-child .metric-icon{background:#ffffff12!important;color:#e2c3aa!important}
html body #app .desk-summary{border:0!important;border-bottom:1px solid var(--desk-line)!important;border-radius:0!important;background:transparent!important;padding:0!important;margin-bottom:22px!important}
.desk-summary>summary{padding:4px 0 15px!important;font-size:11px!important;color:var(--desk-muted)!important;font-weight:500!important}
html body #app .panel,html body #app .service-card{border-radius:11px!important;box-shadow:0 3px 14px #25282c03!important}
html body #app .panel h2{font-size:13px!important;text-transform:none!important;letter-spacing:-.2px!important;font-weight:600!important;padding-bottom:15px!important;margin-bottom:15px!important}
html body #app .diamond-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body #app .diamond-bottom-grid .panel{padding:20px!important}
html body #app .empty{border:0!important;background:transparent!important;color:var(--desk-muted)!important;font-size:11px!important;box-shadow:none!important;padding:25px 14px!important}
html body #app .view-log-btn{background:var(--desk-surface)!important;border:1px solid var(--desk-line)!important;color:var(--desk-primary)!important;font-size:11px!important;border-radius:6px!important}
html body #app .recovery-counters>div{border:0!important;background:var(--desk-bg)!important;padding:12px!important;border-radius:7px!important}
html body #app .service-card .service-top{padding-bottom:17px!important;border-bottom:1px solid var(--desk-line)!important}
html body #app .service-card .service-meta{background:var(--desk-bg)!important;border-radius:7px!important;padding:14px!important;margin-top:17px!important}
html body #app .service-edit{border-top:1px solid var(--desk-line)!important;background:transparent!important}
.desk-service-group{border-radius:8px!important;border-color:var(--desk-line)!important;background:var(--desk-surface)!important;padding:18px!important}
.desk-service-group legend{font-size:11px!important;color:var(--desk-primary)!important;font-weight:600!important;padding:0 7px!important}
html body #app .service-default-icon{background:var(--desk-tint)!important;color:var(--desk-primary)!important;border:0!important;box-shadow:none!important;border-radius:10px!important}
html body #app .type-pill,html body #app .service-pill{background:var(--desk-tint)!important;color:var(--desk-primary)!important;border:0!important;box-shadow:none!important}
html body #app .desk-recent{padding:0!important;margin-bottom:20px!important;overflow:hidden!important}
.desk-table-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px}
html body #app .desk-table-title h2{margin:0 0 3px!important;padding:0!important;border:0!important;font-size:14px!important}
.desk-table-title p{margin:0;color:var(--desk-muted);font-size:11px}.desk-table-scroll{overflow-x:auto}
html body #app table{border-collapse:collapse!important;border-spacing:0!important;width:100%!important;font-size:12px!important}
html body #app th{background:var(--desk-bg)!important;color:var(--desk-muted)!important;text-transform:none!important;font-weight:500!important;font-size:10px!important;letter-spacing:.1px!important;padding:12px 20px!important;border-top:1px solid var(--desk-line)!important;border-bottom:1px solid var(--desk-line)!important}
html body #app td{padding:14px 20px!important;border-bottom:1px solid var(--desk-line)!important;font-size:11px!important}
html body #app tbody tr:last-child td{border-bottom:0!important}html body #app tbody tr:hover{background:var(--desk-bg)!important}
.desk-order-status{display:inline-flex;white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500;text-transform:capitalize;background:var(--desk-tint);color:var(--desk-primary)}
.desk-order-status.done{background:#eaf3ee;color:#3e7c60}.desk-order-status.problem{background:#f8eaea;color:#a95757}
html body #app .desk-recent .empty{text-align:center!important;height:108px!important}
@media(min-width:1700px){html body #app .main{padding-left:42px!important;padding-right:42px!important}}
@media(max-width:1180px){html body #app.app{grid-template-columns:205px minmax(0,1fr)!important}html body #app .sidebar{width:205px!important}html body #app .main{padding:0 24px 28px!important}html body #app .diamond-bottom-grid{grid-template-columns:1fr!important}.desk-cover h2{font-size:25px!important}.desk-cover-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:760px){html body #app.app{display:block!important}html body #app .sidebar{width:100%!important;border-right:0!important;border-bottom:1px solid var(--desk-line)!important;padding:14px!important}html body #app .side-nav .desk-create{margin:0!important;min-height:34px!important;white-space:nowrap!important}.desk-nav-label{display:none!important}html body #app .side-nav .tab-btn.active:before{display:none!important}html body #app .main{padding:0 16px 25px!important}html body #app .topbar{margin-bottom:20px!important}.desk-cover{display:block!important;margin-bottom:18px!important}.desk-cover h2{font-size:25px!important}.desk-cover-actions{justify-content:flex-start;margin-top:15px}.desk-primary-metrics{gap:10px!important}html body #app .desk-primary-metrics .metric-card{padding:16px!important;min-height:130px!important}html body #app .desk-primary-metrics .metric-card .metric-icon{display:none!important}html body #app .desk-primary-metrics .metric-card span{padding:0!important}.desk-table-title{padding:17px;align-items:flex-start}.desk-table-title button{white-space:nowrap}.desk-table-scroll table{min-width:600px}.desk-table-title p{max-width:180px}html body #app .desk-summary{margin-bottom:18px!important}}

/* V4 — reference-led delivery control room. */
:root{--desk-bg:#f1f3f7;--desk-surface:#fff;--desk-ink:#202637;--desk-muted:#778095;--desk-line:#e1e5ee;--desk-primary:#eb6b0a;--desk-tint:#fff0e4;--desk-side:#fff;--desk-side-ink:#737d90;--desk-shadow:none}
html[data-desk-theme=dark]{--desk-bg:#0c0f17;--desk-surface:#151923;--desk-ink:#eef0f5;--desk-muted:#929bae;--desk-line:#252b39;--desk-primary:#ff7919;--desk-tint:#ff791914;--desk-side:#10141e;--desk-side-ink:#9ba4b7;--desk-shadow:none}
html body button{background:var(--desk-primary)!important;border-radius:5px!important;min-height:35px!important;font-size:12px!important}
html body #app.app{grid-template-columns:222px minmax(0,1fr)!important}
html body #app .sidebar{width:222px!important;padding:23px 14px 18px!important;background:var(--desk-side)!important;border-right:1px solid var(--desk-line)!important}
html body #app .brand{gap:10px!important;padding:0 4px 26px!important;margin-bottom:4px!important;border-bottom:1px solid var(--desk-line)!important}
html body #app .brand-logo{background:#ff7919!important;width:34px!important;height:34px!important;border-radius:5px!important}
html body #app .brand-logo span{font-size:24px!important;color:#fff!important}
html body #app .brand b{font-size:16px!important;color:var(--desk-ink)!important;letter-spacing:-.5px!important}
html body #app .brand div>span{font-size:8px!important;letter-spacing:1.2px!important;color:var(--desk-muted)!important}
html body #app .side-nav .desk-create{order:0;background:var(--desk-surface)!important;border:1px solid var(--desk-line)!important;color:var(--desk-ink)!important;margin:16px 0 8px!important;box-shadow:none!important;min-height:37px!important}
html body #app .side-nav .desk-create>span{color:var(--desk-primary)!important}
.desk-nav-label{font-size:8px!important;letter-spacing:1.5px!important;margin:13px 10px 8px!important}
html body #app .side-nav .tab-btn{min-height:37px!important;border-radius:5px!important;font-size:12px!important;padding:9px 10px!important;color:var(--desk-side-ink)!important}
html body #app .side-nav .tab-btn.active{background:#ff7919!important;color:#fff!important;box-shadow:0 3px 10px #ff791910!important}
html body #app .side-nav .tab-btn.active:before{display:none!important}
html body #app .side-nav .tab-btn:hover:not(.active){background:var(--desk-tint)!important;color:var(--desk-primary)!important}
html body #app .system-card{border-color:var(--desk-line)!important;background:var(--desk-surface)!important;border-radius:5px!important;margin-top:20px!important}
html body #app .main{padding:0 22px 28px!important}
html body #app .topbar{height:76px!important;margin:0 -22px 18px!important;padding:0 22px!important;background:var(--desk-side)!important;gap:13px!important;border-bottom:1px solid var(--desk-line)!important}
html body #app .topbar>div:not(.top-actions){flex:1;min-width:0}
html body #app .topbar h1{font-size:18px!important;letter-spacing:-.3px!important;font-weight:650!important;margin-bottom:3px!important}
html body #app .topbar p{font-size:11px!important;color:var(--desk-muted)!important}
html body #app .desk-menu{width:32px!important;min-height:32px!important;padding:0!important;background:transparent!important;border:1px solid var(--desk-line)!important;color:var(--desk-muted)!important;font-size:15px!important;flex-shrink:0}
.desk-period{font-size:10px;color:var(--desk-muted);padding:8px 10px;border:1px solid var(--desk-line);border-radius:4px;white-space:nowrap}
html body #app #waBadge{background:transparent!important;border:1px solid var(--desk-line)!important;border-radius:4px!important;font-size:10px!important;color:var(--desk-muted)!important;padding:7px 10px!important}
html body #app #waBadge:before{font-size:13px!important}
.desk-primary-metrics{gap:13px!important;margin-bottom:15px!important}
html body #app .desk-primary-metrics .metric-card{background:var(--desk-surface)!important;border:1px solid var(--desk-line)!important;border-radius:6px!important;min-height:113px!important;padding:18px 19px 17px 78px!important;display:flex!important;align-items:center!important;gap:0!important}
html body #app .desk-primary-metrics .metric-card .metric-icon{display:grid!important;position:absolute!important;left:18px!important;top:28px!important;right:auto!important;width:47px!important;height:47px!important;background:transparent!important;border:4px solid var(--desk-primary)!important;border-right-color:var(--desk-line)!important;border-radius:50%!important;transform:rotate(-25deg)!important;color:var(--desk-primary)!important}
html body #app .desk-primary-metrics .metric-card .metric-icon svg{width:18px!important;height:18px!important;transform:rotate(25deg)!important}
html body #app .desk-primary-metrics .metric-card:nth-child(2) .metric-icon{border-top-color:#2799ff!important;border-bottom-color:#2799ff!important;border-left-color:#2799ff!important;color:#2799ff!important}
html body #app .desk-primary-metrics .metric-card:nth-child(3) .metric-icon{border-top-color:#2bd580!important;border-bottom-color:#2bd580!important;border-left-color:#2bd580!important;color:#2bd580!important}
html body #app .desk-primary-metrics .metric-card:nth-child(4) .metric-icon{border-top-color:#ffc247!important;border-bottom-color:#ffc247!important;border-left-color:#ffc247!important;color:#ffc247!important}
html body #app .desk-primary-metrics .metric-card span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:var(--desk-muted)!important;padding-right:0!important;font-weight:600!important}
html body #app .desk-primary-metrics .metric-card b{font-size:28px!important;color:var(--desk-ink)!important;line-height:1.2!important;margin:7px 0 3px!important;font-weight:650!important}
html body #app .desk-primary-metrics .metric-card small,html body #app .desk-primary-metrics .metric-card:first-child small{font-size:10px!important;color:var(--desk-muted)!important}
html body #app .desk-summary{grid-column:1/-1;margin:0 0 15px!important;border:0!important;padding:0!important}
.desk-summary>summary{padding:0 2px!important;font-size:10px!important;color:var(--desk-muted)!important;min-height:19px}
.desk-summary>summary:after{font-size:10px!important;content:'Expand service totals +'}
.desk-summary[open]>summary{margin-bottom:12px}.desk-summary[open]>summary:after{content:'Collapse −'}
.desk-analytics{display:grid;grid-template-columns:.95fr 1.4fr .85fr;gap:14px;margin-bottom:15px;align-items:stretch}
html body #app .panel,html body #app .card,html body #app .service-card{border-radius:6px!important;box-shadow:none!important;border-color:var(--desk-line)!important}
html body #app .desk-analytics .panel{padding:18px!important;min-width:0!important;overflow:hidden!important}
html body #app .desk-analytics h2{font-size:12px!important;letter-spacing:.1px!important;text-transform:uppercase!important;padding:0!important;border:0!important;margin:0 0 5px!important;font-weight:650!important}
.desk-chart-heading{margin-bottom:24px;min-height:35px}.desk-chart-heading p{font-size:10px;color:var(--desk-muted);margin:0;line-height:1.5}
.desk-trend-panel .desk-chart-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.desk-legend{display:flex;gap:10px;font-size:9px;white-space:nowrap;color:var(--desk-muted);margin-top:2px}.desk-legend span{display:flex;align-items:center;gap:5px}.desk-legend i{width:7px;height:7px;background:#ff7919;border-radius:50%;display:inline-block}.desk-legend span:nth-child(2) i{background:#2799ff}
.desk-bar-row{margin-bottom:22px}.desk-bar-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;margin-bottom:8px;color:var(--desk-ink)}.desk-bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-bar-label b{font-size:10px;font-weight:600;white-space:nowrap;color:var(--desk-muted)}
.desk-bar-track{height:7px;background:var(--desk-line);border-radius:5px;overflow:hidden}.desk-bar-fill{height:100%;border-radius:5px;min-width:0;transition:width .25s ease}.desk-bar-row small{font-size:9px;color:var(--desk-muted);margin-top:6px;display:block}
.desk-chart-foot{border-top:1px solid var(--desk-line);padding-top:12px;color:var(--desk-muted);font-size:9px;margin-top:5px;line-height:1.7}
.desk-service-panel{display:flex;flex-direction:column}.desk-service-bars{flex:1}.desk-chart-empty{font-size:11px;color:var(--desk-muted);padding:45px 10px;text-align:center;line-height:1.8}
.desk-trend{min-height:210px;display:flex;align-items:center}.desk-trend svg{display:block;width:100%;height:auto;overflow:visible}.desk-grid-line{stroke:var(--desk-line);stroke-width:1}.desk-axis{fill:var(--desk-muted);font:10px 'Segoe UI',Arial,sans-serif}.desk-no-data{fill:var(--desk-muted);font:12px 'Segoe UI',Arial,sans-serif}
.desk-accessible-data{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body #app .desk-recent{margin-bottom:15px!important}
.desk-table-title{padding:17px 19px!important}.desk-table-title p{font-size:10px!important}.desk-table-title button{font-size:10px!important;min-height:30px!important}
html body #app .desk-table-title h2{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.2px!important}
html body #app th{background:var(--desk-bg)!important;font-size:10px!important;padding:10px 18px!important}
html body #app td{font-size:11px!important;padding:12px 18px!important;color:var(--desk-muted)!important}
html body #app td:first-child{color:var(--desk-ink)!important;font-weight:600!important;font-variant-numeric:tabular-nums}
html body #app .desk-recent .empty{height:84px!important}
.desk-order-status{background:#2799ff18;color:#4faaff}.desk-order-status.done{background:#2bd58015;color:#2bd580}.desk-order-status.problem{background:#ffbf4715;color:#ffc247}
html body #app .diamond-bottom-grid{gap:14px!important}
html body #app .diamond-bottom-grid .panel{padding:18px!important}
html body #app .diamond-bottom-grid h2{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.3px!important}
html body #app .view-log-btn{background:transparent!important;font-size:10px!important;border-radius:4px!important;min-height:30px!important}
html body #app .recovery-counters>div{background:var(--desk-bg)!important;border:1px solid var(--desk-line)!important;border-radius:4px!important;padding:9px!important}
html body #app .service-meta{background:var(--desk-bg)!important}
html body #app .service-default-icon{background:var(--desk-tint)!important;color:var(--desk-primary)!important}
html body #app .service-actions button{min-height:30px!important;font-size:10px!important}
html body #app .type-pill,html body #app .service-pill{color:var(--desk-primary)!important;background:var(--desk-tint)!important}
html body input,html body textarea,html body select{font-size:12px!important;border-radius:4px!important;min-height:36px!important}
html body label{font-size:11px!important;color:var(--desk-muted)!important}
html body #app .service-card h3{font-size:15px!important;letter-spacing:-.2px!important}
.desk-service-group{border-radius:5px!important}.desk-service-group legend{color:var(--desk-primary)!important}
html body #premiumPopupRoot .premium-popup-card,.desk-dialog{border-radius:7px!important;box-shadow:0 20px 90px #0005!important}
html body #premiumPopupRoot .warning .premium-popup-icon{background:#ff791918!important;color:#ff7919!important;border-color:#ff791940!important}
html body #app.desk-collapsed{grid-template-columns:0 minmax(0,1fr)!important}html body #app.desk-collapsed .sidebar{display:none!important}
@media(min-width:1700px){html body #app .main{padding-left:24px!important;padding-right:24px!important}html body #app .topbar{margin-left:-24px!important;margin-right:-24px!important;padding-left:24px!important;padding-right:24px!important}.desk-analytics{grid-template-columns:1fr 1.4fr .9fr}.desk-trend{min-height:245px}}
@media(max-width:1250px){.desk-analytics{grid-template-columns:1fr 1.4fr}.desk-service-panel{grid-column:1/-1}.desk-service-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.desk-service-bars .desk-bar-row{margin:0 0 15px}.desk-service-panel .desk-chart-heading{margin-bottom:18px}.desk-period{display:none}.desk-primary-metrics{gap:10px!important}html body #app .desk-primary-metrics .metric-card{padding:15px 14px 15px 65px!important}html body #app .desk-primary-metrics .metric-card .metric-icon{left:12px!important;width:40px!important;height:40px!important}}
@media(max-width:980px){html body #app.app{grid-template-columns:190px minmax(0,1fr)!important}html body #app .sidebar{width:190px!important;padding-left:10px!important;padding-right:10px!important}html body #app .brand b{font-size:14px!important}.desk-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.desk-analytics{grid-template-columns:1fr}.desk-service-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-trend{min-height:220px}.desk-trend svg{max-height:270px}.desk-trend-panel{grid-row:1}.desk-trend-panel .desk-chart-heading{margin-bottom:10px}html body #app .topbar h1{font-size:16px!important}.desk-theme{display:none!important}}
@media(max-width:760px){html body #app.app{display:block!important}html body #app .sidebar{width:100%!important;height:auto!important;padding:14px!important;position:static!important}html body #app .brand{border:0!important;padding:0 3px 10px!important;margin:0!important}html body #app .side-nav{gap:6px!important}html body #app .side-nav .desk-create{margin:0!important;flex-shrink:0!important;padding:7px 11px!important;min-height:32px!important;font-size:10px!important}html body #app .side-nav .tab-btn{min-height:32px!important;font-size:10px!important;padding:8px 10px!important}html body #app .main{padding:0 13px 23px!important}html body #app .topbar{margin:0 -13px 15px!important;padding:13px!important;gap:9px!important;min-height:68px!important;height:auto!important;flex-wrap:wrap!important}html body #app .topbar h1{font-size:16px!important}html body #app .topbar p{font-size:9px!important}html body #app .top-actions{gap:6px!important}html body #app #waBadge{font-size:9px!important}html body #app .desk-primary-metrics .metric-card{min-height:102px!important;padding:14px 12px 14px 62px!important}html body #app .desk-primary-metrics .metric-card .metric-icon{display:grid!important;top:30px!important;left:12px!important;width:37px!important;height:37px!important;border-width:3px!important}html body #app .desk-primary-metrics .metric-card span{font-size:8px!important;letter-spacing:.2px!important}html body #app .desk-primary-metrics .metric-card b{font-size:25px!important}html body #app .desk-primary-metrics .metric-card small{font-size:8px!important}.desk-analytics{gap:12px;margin-bottom:13px}html body #app .desk-analytics .panel{padding:16px!important}.desk-trend{min-height:180px}.desk-service-bars{grid-template-columns:1fr}.desk-legend{font-size:8px;gap:8px}.desk-trend-panel .desk-chart-heading{gap:8px}.desk-chart-heading p{font-size:9px}.desk-service-bars .desk-bar-row{margin-bottom:20px}html body #app.desk-collapsed .sidebar{display:none!important}.desk-theme{display:inline-block!important}.desk-nav-label{display:none!important}}
@media(prefers-reduced-motion:reduce){.desk-bar-fill{transition:none}}
html body #app .desk-primary-metrics .metric-card:first-child{background:var(--desk-surface)!important;border-color:var(--desk-line)!important}
html body #app .desk-primary-metrics .metric-card:first-child b{color:var(--desk-ink)!important}
html body #app .desk-primary-metrics .metric-card:first-child span{color:var(--desk-muted)!important}
html body #app .desk-primary-metrics .metric-card:first-child .metric-icon{background:transparent!important;color:var(--desk-primary)!important}
html body #app table.desk-accessible-data{position:absolute!important;left:0!important;top:0!important;display:block!important;min-width:1px!important;width:1px!important;max-width:1px!important;height:1px!important;max-height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.desk-trend{position:relative;overflow:hidden}
@media(max-width:760px){html body #app .side-nav{flex-wrap:nowrap!important;width:100%!important;height:auto!important;max-height:none!important;align-items:center!important;overflow-x:auto!important}html body #app .side-nav .tab-btn{flex:0 0 auto!important}html body #app .topbar>div:not(.top-actions){flex:1!important}html body #app .topbar .top-actions{margin-left:auto!important}}
html body #app .sidebar{display:block!important}
html body #app .topbar{flex-direction:row!important}
html body #app .side-nav .tab-btn span:not(.nav-icon){display:inline!important}
html body #app .service-card.disabled{opacity:1!important;filter:none!important}
html body #app .services-list{align-items:start!important}
html body #app .service-card:has(.service-edit:not(.hidden)){grid-column:1/-1!important}
html body #app .service-edit:not(.hidden){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;padding:20px 0 0!important;background:transparent!important}
html body #app .desk-service-group{margin:0!important;min-width:0!important;width:100%!important}
html body #app .desk-service-group .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html body #app .desk-service-group label{min-width:0!important;letter-spacing:0!important;text-transform:none!important;font-size:11px!important;line-height:1.65!important}
html body #app .service-edit>.hint{grid-column:1/-1!important}
html body #app .brand>div:last-child{min-width:0!important}.brand b{white-space:nowrap!important}
@media(max-width:760px){html body #app .service-edit:not(.hidden){grid-template-columns:1fr!important;padding-top:15px!important}html body #app .desk-service-group .service-grid{grid-template-columns:1fr!important}html body #app .side-nav .tab-btn .nav-icon{display:none!important}}
@media(max-width:760px){html body #app .topbar{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;row-gap:12px!important;align-items:center!important}html body #app .topbar>.top-actions{grid-column:1/-1!important;justify-self:end!important;justify-content:flex-end!important;width:auto!important;margin:0!important}html body #app .topbar h1{font-size:17px!important;white-space:normal!important}html body #app .topbar p{line-height:1.5!important}html body #app .desk-menu{grid-column:1!important;grid-row:1!important}}

/* Visibility state must win over layout declarations, including breakpoints. */
html body #loginBox.login-card.hidden,
html body #app.app.hidden,
html body #app.app .hidden,
html body #premiumPopupRoot.premium-popup-root.hidden {
  display:none!important;
}
html body #app.app .tab-panel:not(.active){display:none!important}
html body #app.app .tab-panel.active{display:block!important}
/* Compact service editor: one section at a time, advanced options collapsed. */
html body #app .service-edit:not(.hidden){display:block!important;max-width:1060px!important;margin:14px auto 0!important;padding:12px 0 0!important}
html body #app .desk-service-tabs{display:flex!important;gap:5px!important;border-bottom:1px solid var(--desk-line)!important;margin-bottom:14px!important;padding-bottom:10px!important;overflow-x:auto!important}
html body #app .desk-service-tabs button{flex:0 0 auto!important;padding:6px 12px!important;min-height:30px!important;font-size:11px!important;background:transparent!important;border-color:transparent!important;color:var(--desk-muted)!important}
html body #app .desk-service-tabs button.selected{background:var(--desk-tint)!important;border-color:var(--desk-primary)!important;color:var(--desk-primary)!important}
html body #app .service-edit .desk-service-group{padding:12px!important;margin:0!important;border:0!important;background:transparent!important}
html body #app .service-edit .desk-service-group legend{display:none!important}
html body #app .service-edit .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
html body #app .service-edit input,html body #app .service-edit select{min-height:32px!important;padding:6px 9px!important;font-size:11px!important}
html body #app .service-edit textarea{min-height:85px!important;font-size:11px!important}
html body #app .service-edit .icon-upload-row{gap:8px!important;padding:0!important}
html body #app .service-edit .icon-preview{width:28px!important;height:28px!important;flex-shrink:0!important}
html body #app .desk-service-advanced{border-top:1px solid var(--desk-line);margin-top:14px;padding-top:10px}
html body #app .desk-service-advanced summary{cursor:pointer;color:var(--desk-muted);font-size:11px;padding:3px 0}
html body #app .desk-service-advanced[open]>.service-grid{margin-top:12px!important}
html body #app .desk-service-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;border-top:1px solid var(--desk-line)!important;padding:12px 0 0!important;margin-top:12px!important}
.desk-service-footer small{margin-right:auto;color:var(--desk-muted);font-size:10px}
html body #app .service-card:has(.service-edit:not(.hidden)) .service-meta{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px!important}
html body #app .service-card:has(.service-edit:not(.hidden)) .service-meta>div{min-width:0!important;display:flex!important;gap:9px!important;padding:6px 8px!important}
html body #app .service-edit .hint{font-size:10px!important;margin:9px 0 0!important}
@media(max-width:1000px){html body #app .service-edit .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #app .service-card:has(.service-edit:not(.hidden)) .service-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body #app .service-edit .service-grid{grid-template-columns:1fr!important}html body #app .desk-service-tabs button{padding:6px 9px!important;font-size:10px!important}.desk-service-footer small{max-width:110px}html body #app .service-edit .desk-service-group{padding:5px 0!important}}

/* Saved order files */
html body #app .order-file-search{display:flex;align-items:end;gap:12px;margin:18px 0}html body #app .order-file-search label{width:420px;max-width:100%}html body #app .order-file-search input{display:block;width:100%;margin-top:5px}html body #app #orderFileMessage{font-size:11px;color:var(--desk-muted);margin:12px 0}html body #app .order-file-buttons{min-width:230px}html body #app .order-file-buttons button{display:block;min-height:30px!important;font-size:10px!important;margin:4px 0;max-width:100%;white-space:normal;text-align:left}html body #app .order-file-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px}html body #app #orderFileProgress{font-size:11px;color:var(--desk-muted);overflow-wrap:anywhere;margin-left:7px}html body #app button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){html body #app .order-file-search{align-items:stretch;flex-direction:column}html body #app .order-file-search label{width:100%}}

@media(max-width:600px){html body #app #tab-files table,html body #app #tab-files tbody{display:block!important;min-width:0!important;width:100%!important}html body #app #tab-files thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html body #app #tab-files tbody tr{display:block!important;border:1px solid var(--desk-line);border-radius:6px;margin-bottom:12px;padding:8px!important}html body #app #tab-files td[data-label]{display:grid!important;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:8px!important;border:0!important;overflow-wrap:anywhere;white-space:normal!important}html body #app #tab-files td[data-label]:before{content:attr(data-label);color:var(--desk-muted);font-weight:500;font-size:10px}html body #app #tab-files .order-file-buttons{min-width:0!important;display:block!important}html body #app #tab-files .order-file-buttons:before{display:block;margin-bottom:8px}html body #app #tab-files .order-file-buttons button{width:100%}}

/* Consistent typography and a visible automation control. */
html body #app,html body #app *,html body #loginBox,html body #loginBox *{font-family:'Segoe UI','Nirmala UI',Arial,sans-serif!important;letter-spacing:normal!important;text-shadow:none!important}html body #app label{font-size:12px!important}html body #app .panel h2{font-size:14px!important;font-weight:600!important;text-transform:none!important}html body #app .metric-card span{font-size:12px!important;text-transform:none!important}html body #app .desk-primary-metrics .metric-card{min-height:100px!important}html body #app .desk-primary-metrics .metric-icon{border:0!important;border-radius:8px!important;background:var(--desk-tint)!important;transform:none!important}html body #app .desk-primary-metrics .metric-icon svg{transform:none!important;width:21px!important;height:21px!important}.automation-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;margin-bottom:17px;background:var(--desk-surface);border:1px solid var(--desk-line);border-left:3px solid var(--desk-primary);border-radius:6px}.automation-strip strong{font-size:14px}.automation-strip p{font-size:12px;color:var(--desk-muted);margin:5px 0 0}.automation-strip>div:last-of-type{display:flex;gap:8px}.automation-warning{width:100%;color:#d9926c;overflow-wrap:anywhere;font-size:12px}.desk-api-test{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;border-top:1px solid var(--desk-line);padding-top:12px}.api-test-result{font-size:12px;color:var(--desk-muted);overflow-wrap:anywhere}html body #app .desk-service-tabs button{font-size:12px!important}html body #app .desk-service-group input,html body #app .desk-service-group select{font-size:12px!important;min-height:35px!important}@media(max-width:600px){.automation-strip>div:last-of-type{width:100%;flex-wrap:wrap}.automation-strip button{font-size:11px!important}}

@font-face{font-family:'Desk Inter';src:url('fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Bangla';src:url('fonts/noto-sans-bengali-bengali-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Inter';src:url('fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Bangla';src:url('fonts/noto-sans-bengali-bengali-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Inter';src:url('fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Bangla';src:url('fonts/noto-sans-bengali-bengali-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Inter';src:url('fonts/inter-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Desk Bangla';src:url('fonts/noto-sans-bengali-bengali-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
html body #app,html body #app *,html body #loginBox,html body #loginBox *{font-family:'Desk Inter','Desk Bangla','Segoe UI',sans-serif!important}html body #app .desk-primary-metrics .metric-card b{font-size:27px!important}html body #app .desk-analytics .panel{padding:17px!important}html body #app .desk-chart-heading{margin-bottom:17px!important}
html body #app .desk-analytics.desk-no-orders{display:none!important}

/* Theme parity: readable surfaces and semantic accents in both modes. */
html[data-desk-theme=light]{--desk-bg:#f4f6fa;--desk-surface:#ffffff;--desk-ink:#18243a;--desk-muted:#59687e;--desk-line:#dfe5ee;--desk-primary:#dc5b08;--desk-tint:#fff2e8;--desk-side:#ffffff;--desk-side-ink:#536178}
html body #app .sir-card,html body #app .service-mini-card,html body #app .summary-card,html body #app .service-meta,html body #app .service-meta>div{background:var(--desk-surface)!important;color:var(--desk-ink)!important;border-color:var(--desk-line)!important}
html body #app .sir-card b{color:var(--desk-ink)!important;font-size:18px!important;letter-spacing:.2px}
html body #app .sir-card p,html body #app .sir-card small{color:var(--desk-muted)!important}
html[data-desk-theme=light] body #app :is(.panel,.card,.metric-card,.stat-card,.mini-stat,.service-card,.service-edit,.service-summary,.sir-card){background:#fff!important;color:#18243a!important;border-color:#dfe5ee!important}
html[data-desk-theme=light] body #app :is(h1,h2,h3,h4,b,strong){color:#18243a!important}
html[data-desk-theme=light] body #app :is(.muted,.hint,small,label,.service-meta span){color:#59687e!important}
html[data-desk-theme=light] body #app :is(input,select,textarea){background:#fff!important;color:#18243a!important;border-color:#ccd5e2!important}
html[data-desk-theme=light] body #app input::placeholder,html[data-desk-theme=light] body #app textarea::placeholder{color:#69798c!important;opacity:1}
html[data-desk-theme=light] body #app :is(.badge,.pill,.tag){background:#edf3fb!important;color:#29476a!important;border-color:#cddced!important}
html[data-desk-theme=light] body #app .service-meta{background:#f5f7fb!important}
html[data-desk-theme=light] body #app .sir-card{border-left:3px solid #16a085!important;padding:20px!important}
html[data-desk-theme=light] body #app .metric-card:nth-child(2){border-top:3px solid #3182ce!important}
html[data-desk-theme=light] body #app .metric-card:nth-child(3){border-top:3px solid #15976a!important}
html[data-desk-theme=light] body #app .metric-card:nth-child(4){border-top:3px solid #c08712!important}

html[data-desk-theme=light] body #app .service-summary-bar>div{background:#f7f9fc!important;border:1px solid #dfe5ee!important;border-top:3px solid #d96820!important;color:#18243a!important;box-shadow:none!important}
html[data-desk-theme=light] body #app .service-summary-bar>div:nth-child(2){border-top-color:#15976a!important}
html[data-desk-theme=light] body #app .service-summary-bar>div:nth-child(3){border-top-color:#cc5367!important}
html[data-desk-theme=light] body #app .service-summary-bar>div:nth-child(4){border-top-color:#7662bf!important}
html[data-desk-theme=light] body #app .service-summary-bar>div:nth-child(5){border-top-color:#277db5!important}
html[data-desk-theme=light] body #app .service-summary-bar span{color:#59687e!important}

/* Collapsing navigation must also remove its grid track. */
html body #app.app.desk-collapsed{grid-template-columns:minmax(0,1fr)!important}
html body #app.app.desk-collapsed>.main{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin-left:0!important}
html body #app.app.desk-collapsed>.sidebar{display:none!important}
html body #app .desk-extra{margin:14px 0!important;border:1px solid var(--desk-line);border-radius:6px;background:var(--desk-surface);min-width:0}
html body #app .desk-extra>summary{cursor:pointer;padding:12px 16px;font-size:12px;font-weight:600;color:var(--desk-ink)}
html body #app .desk-extra[open]>summary{border-bottom:1px solid var(--desk-line);margin-bottom:12px}
html body #app .desk-extra>.grid,html body #app .desk-extra>.desk-analytics{padding:0 12px 12px;margin-bottom:0!important}
html body #app .desk-pagination,#orderFilePages{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px 0}
html body #app .desk-pagination span{color:var(--desk-muted);font-size:11px;margin-right:8px}
html body #app .desk-pagination button,#orderFilePages button{min-width:32px;min-height:30px!important;padding:5px 9px!important}
html body #app button[aria-current=page]{background:var(--desk-primary)!important;color:white!important;opacity:1!important}
html body #app .desk-primary-metrics .metric-card{min-height:95px!important}
html body #app .main{min-width:0!important}

/* One settings workspace, with a consistent field rhythm. */
html body #app #tab-settings .desk-settings-shell{max-width:1050px;margin:0 auto;border:1px solid var(--desk-line);border-radius:8px;background:var(--desk-surface);overflow:hidden}
html body #app #tab-settings .desk-settings-intro{padding:22px 24px 16px;border-bottom:1px solid var(--desk-line)}
html body #app #tab-settings .desk-settings-intro h2{margin:0!important;padding:0!important;border:0!important;font-size:18px!important}
html body #app #tab-settings .desk-settings-intro p,html body #app #tab-settings .desk-settings-heading p{color:var(--desk-muted);font-size:12px;margin:6px 0 0;line-height:1.8}
html body #app #tab-settings .desk-settings-tabs{display:flex;gap:6px;padding:12px 24px;border-bottom:1px solid var(--desk-line);overflow-x:auto}
html body #app #tab-settings .desk-settings-tabs button{white-space:nowrap;background:transparent!important;border-color:transparent!important;color:var(--desk-muted)!important}
html body #app #tab-settings .desk-settings-tabs button[aria-selected=true]{background:var(--desk-tint)!important;border-color:var(--desk-primary)!important;color:var(--desk-primary)!important}
html body #app #tab-settings .desk-settings-content{padding:24px;min-height:330px}
html body #app #tab-settings .desk-settings-heading{margin-bottom:22px}
html body #app #tab-settings .desk-settings-heading h3{margin:0;font-size:15px;color:var(--desk-ink)}
html body #app #tab-settings .desk-setting-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
html body #app #tab-settings .desk-setting-field{display:flex!important;flex-direction:column;gap:7px!important;margin:0!important;min-width:0}
html body #app #tab-settings .desk-setting-field input{width:100%!important;margin:0!important;height:39px!important}
html body #app #tab-settings .desk-field-wide{grid-column:1/-1}
html body #app #tab-settings .desk-setting-switches{margin-top:20px}
html body #app #tab-settings .desk-setting-switch{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:12px 0!important;margin:0!important;border-bottom:1px solid var(--desk-line);font-size:12px!important;color:var(--desk-ink)!important}
html body #app #tab-settings .desk-setting-switch input{flex-shrink:0;margin:0!important}
html body #app #tab-settings .desk-setting-note{margin:18px 0 0;padding:10px 12px;border-left:2px solid var(--desk-primary);background:var(--desk-tint);color:var(--desk-muted);font-size:11px;line-height:1.8}
html body #app #tab-settings .desk-settings-advanced{margin-top:20px;border-top:1px solid var(--desk-line);padding-top:12px}
html body #app #tab-settings .desk-settings-advanced summary{cursor:pointer;color:var(--desk-muted);font-size:12px;padding:4px 0 12px}
html body #app #tab-settings .desk-settings-footer{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--desk-surface);border-top:1px solid var(--desk-line)}
html body #app #tab-settings .desk-settings-footer span{font-size:11px;color:var(--desk-muted)}
html body #app #tab-settings #deskSettingsSaveState[data-dirty=true]{color:var(--desk-primary)}
@media(max-width:600px){html body #app #tab-settings .desk-settings-content{padding:18px;min-height:0}html body #app #tab-settings .desk-setting-fields{grid-template-columns:minmax(0,1fr);gap:15px}html body #app #tab-settings .desk-settings-tabs{padding:10px 12px}html body #app #tab-settings .desk-settings-intro{padding:18px}html body #app #tab-settings .desk-settings-footer{padding:12px 18px;flex-wrap:wrap}}

html body #app .desk-profile-card{border:1px solid var(--desk-line);border-radius:6px;margin-bottom:12px;padding:0 16px 14px;background:var(--desk-surface)}
html body #app .desk-profile-card>summary{cursor:pointer;padding:14px 0;font-size:12px;font-weight:600;color:var(--desk-ink);overflow-wrap:anywhere}
html body #app .desk-profile-card:not([open]){padding-bottom:0}
html body #app .desk-profile-card>button{margin-top:12px}
html body #app .desk-profile-card .hint{margin:12px 0 0!important;line-height:1.8}

html body #app .brand-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
html body #app .brand b{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
html body #app .desk-avatar-editor{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
html body #app .desk-avatar-editor>img,html body #app #accountInitial{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--desk-tint);color:var(--desk-primary);display:grid;place-items:center;font-size:20px}
html body #app .desk-avatar-upload{cursor:pointer;padding:8px 12px;border:1px solid var(--desk-line);border-radius:5px}
html body #app .desk-avatar-upload input{width:1px!important;height:1px!important;position:absolute;opacity:0;min-height:0!important;padding:0!important;border:0!important}
html body #app .desk-account-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:22px}
html body #app #accountMessage{font-size:12px;color:var(--desk-muted)}