/* A practical service-business workspace, independent of the Tyne sky theme. */
:root{--navy:#193d4a;--navy2:#12313c;--green:#246f66;--green2:#1c5b54;--light:#f3f5f7;--white:#fff;--border:#dde3e7;--text:#263742;--muted:#687984;--radius:7px;color-scheme:light}
body,h1,h2,.stat-value{font-family:Inter,system-ui,sans-serif!important}
h1{font-size:25px!important;letter-spacing:-.035em!important}h2{font-size:20px!important;letter-spacing:-.02em!important}.stat-value{font-size:29px!important;font-weight:600!important}
.admin-sidebar{background:#193d4a;color:#f4f7f8;border-right:0}.sidebar-brand h2{color:#fff;font-size:20px!important}.sidebar-brand p{color:#bad0d6}.sidebar-nav .nav-item a{color:#c6d6db;border-radius:5px}.sidebar-nav .nav-item.active a,.sidebar-nav .nav-item a:hover{background:#ffffff14;color:#fff}.nav-icon{color:inherit}.sidebar-footer{border-color:#ffffff20}.sidebar-footer a{color:#c6d6db}
.admin-topbar{background:#fff}.card,.stat-card{border:1px solid var(--border);border-radius:7px}.btn{border-radius:5px}.form-control{background:#fff;border-radius:5px}
.demo-dashboard-hero{background:#fff!important;border:1px solid var(--border)!important;border-radius:7px!important;box-shadow:none!important}
.demo-dashboard-hero h2{font-size:24px!important;line-height:1.25!important;max-width:25ch!important}.demo-dashboard-hero h2 br{display:none}
.assistant-panel,.dashboard-assistant{border-radius:7px!important;box-shadow:none!important;background:#fff!important}
.dashboard-welcome{background:#fff!important;border:1px solid var(--border)!important;border-radius:7px!important;padding:20px!important}.dashboard-welcome h2{font:600 24px/1.25 Inter,system-ui,sans-serif!important}.dashboard-ai-link{background:#f3f5f7!important;border:1px solid var(--border)!important;border-radius:5px!important}
.home-assistant{border:1px solid var(--border)!important;border-radius:7px!important}.home-assistant .card-header h3{font:600 17px/1.4 Inter,system-ui,sans-serif!important}.workspace-eyebrow{letter-spacing:.04em!important}.home-ai-examples button{border-radius:5px!important;background:#f3f5f7!important}
/* The preview is a real narrow workspace on phones, rather than a scaled desktop. */
@media(max-width:600px){
 .admin-layout,.admin-main,.admin-content,.card,.stat-grid>*{min-width:0;max-width:100%}
 .admin-sidebar{padding:0 12px;transform:none}.sidebar-brand{padding:13px 0 8px}.demo-mobile-nav{padding-bottom:12px}.demo-mobile-nav select{min-height:42px;font-size:13px;border-radius:5px}
 .admin-topbar{position:static;padding:12px}.admin-topbar h1{font-size:23px!important}.admin-content{padding:12px}
 .home-assistant{margin-bottom:16px}.home-assistant .card-header{padding:12px;gap:6px;align-items:center}.home-assistant .workspace-eyebrow{margin-bottom:4px}.home-assistant .workspace-tag{font-size:8px;padding:4px 7px}
 .home-ai-description{padding:12px 12px 0;line-height:1.6}.home-ai-examples{padding:10px 12px;gap:6px}.home-ai-examples button{padding:8px 9px;min-height:34px;text-align:left}
 .home-assistant .ai-compose{padding:12px}.home-assistant .ai-compose textarea{font-size:16px;line-height:1.45;min-height:76px}.home-assistant .ai-compose-footer{gap:8px}.home-assistant .ai-compose-footer .btn{min-height:40px;min-width:62px}
 .stat-grid{gap:9px;margin-bottom:16px}.stat-card{padding:12px 10px}.stat-value{font-size:24px!important;line-height:1.3;overflow-wrap:anywhere}.stat-label{font-size:9px}
 .dashboard-shortcuts{gap:8px;margin-bottom:16px}.dashboard-shortcuts a{padding:12px}.card-header{padding:12px}.card-header h3{font-size:12px}.card-body{padding:12px}
 .table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.data-table{min-width:0;width:100%}.data-table td,.data-table th{padding:10px 7px}.booking-customer,.booking-meta{overflow-wrap:anywhere}
 .chart-wrap{padding:18px 10px 26px;overflow:hidden}.chart-bars{gap:4px}.chart-bar-col{flex:1;min-width:0}.chart-label{font-size:7px;white-space:nowrap}.chart-value{font-size:7px}.chart-bar-col:nth-child(even) .chart-label{visibility:hidden}
 .form-row>*{margin-bottom:12px}.ai-compose-footer,.demo-actions{flex-wrap:wrap}.ai-side .card{margin-bottom:12px}
}