.workspace-page { height: 100vh; overflow: hidden; }
.workspace-page .page-shell { width: calc(100% - 12px); max-width: 1920px; height: calc(100vh - 55px); padding: 6px 0; overflow: hidden; }
.workspace-page .site-footer { display: none; }
.workspace-page h1 { margin: 0; font-size: clamp(21px,2vw,32px); line-height: 1; }
.workspace-page h2 { font-size: 18px; }
.ops-dashboard,.telephony-workspace { height: 100%; display: grid; grid-template-rows: auto auto minmax(0,1fr); gap: 10px; }
.ops-heading,.module-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.ops-heading h1,.module-heading h1 { margin-top: 5px; }.module-heading p { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.edge-indicator { min-width: 190px; padding: 10px 13px; display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.edge-indicator i { width: 9px; height: 9px; grid-row: 1/3; border-radius: 50%; background: #e26750; box-shadow: 0 0 10px rgba(226,103,80,.5); }.edge-indicator.is-online i { background: #35b77f; box-shadow: 0 0 10px rgba(53,183,127,.5); }.edge-indicator span { color: var(--muted); font-size: 9px; text-transform: uppercase; }.edge-indicator b { font-size: 12px; }
.ops-kpis { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }.ops-kpis article { min-height: 78px; padding: 11px 14px; display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }.ops-kpis span,.ops-kpis small { color: var(--muted); font-size: 10px; }.ops-kpis strong { grid-row: 1/3; grid-column: 2; font-size: 26px; }.ops-kpis small { align-self: start; }.ops-kpis .is-alert { color: white; border-color: var(--accent); background: var(--accent); }.ops-kpis .is-alert span,.ops-kpis .is-alert small { color: #ffe3dc; }
.ops-grid { min-height: 0; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: minmax(0,1.15fr) minmax(0,.85fr); gap: 10px; }.ops-panel { min-width: 0; min-height: 0; padding: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }.ops-panel > header { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }.ops-panel > header span { color: var(--accent-deep); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.ops-panel > header h2 { margin: 3px 0 0; }.ops-panel > header button,.ops-panel > header a { padding: 6px 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: transparent; font-size: 10px; text-decoration: none; }
.ops-panel--workload { grid-column: span 7; }.ops-panel--calls { grid-column: span 5; }.ops-panel--cars { grid-column: span 5; }.ops-panel--attention { grid-column: span 3; }.ops-panel--result { grid-column: span 4; }
.department-board { height: calc(100% - 39px); display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }.department-tile { --dept:#df4b32; min-width: 0; padding: 11px; display: flex; flex-direction: column; border-radius: 12px; background: #f1eee7; }.department-tile--wash{--dept:#2b8fa3}.department-tile--tire{--dept:#d1902f}.department-tile--electrical{--dept:#5c63a6}.department-tile--detailing{--dept:#167458}.department-tile > span { color: var(--dept); font-size: 10px; }.department-tile b { margin-top: auto; font-size: 12px; }.department-tile small { margin: 5px 0 10px; color: var(--muted); font-size: 9px; }.department-tile i { height: 4px; border-radius: 4px; background: #d7d2c8; }
.compact-feed { height: calc(100% - 39px); overflow-y: auto; }.empty-state { height:100%; display:grid; place-content:center; text-align:center; }.empty-state b,.empty-state small { display:block; }.empty-state small { max-width:240px; margin-top:6px; color:var(--muted); font-size:10px; }
.timeline-placeholder { height:calc(100% - 39px); position:relative; display:grid; grid-template-columns:repeat(4,1fr); align-items:end; background:linear-gradient(180deg,transparent,#f1eee7); border-radius:10px; }.timeline-placeholder > div { height:75%; display:flex; flex-direction:column; align-items:center; color:var(--muted); font-size:9px; }.timeline-placeholder i { width:1px; flex:1; margin-top:5px; background:var(--line); }.timeline-placeholder p { position:absolute; inset:40% 20px auto; margin:0; text-align:center; color:var(--muted); font-size:10px; }
.attention-count { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--accent); }.attention-list { display:grid; gap:7px; }.attention-list > div { padding:9px; display:flex; gap:8px; border-radius:10px; background:#fff0ec; }.attention-list i { width:20px; height:20px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:white; background:var(--accent); font-style:normal; }.attention-list b,.attention-list small { display:block; }.attention-list b { font-size:10px; }.attention-list small { margin-top:3px; color:var(--muted); font-size:8px; }.attention-list .is-muted { background:#edf3ef; }.attention-list .is-muted i { background:var(--success); }
.result-bars { display:grid; gap:8px; }.result-bars > div { display:grid; grid-template-columns:90px 1fr 55px; gap:7px; align-items:center; font-size:9px; }.result-bars i { height:7px; border-radius:7px; background:#e4e0d7; }.result-bars strong { text-align:right; }
.telephony-workspace { grid-template-rows:auto auto minmax(0,1fr); }.edge-token { padding:9px 12px; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; border:1px dashed var(--accent); border-radius:11px; background:#fff7f3; }.edge-token span,.edge-token small { color:var(--muted); font-size:9px; }.edge-token strong { overflow:hidden; text-overflow:ellipsis; font-family:monospace; }.telephony-grid { min-height:0; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:10px; }.contract-panel { grid-column:1/-1; }.edge-facts { margin:0 0 12px; }.edge-facts div { padding:8px 0; display:flex; justify-content:space-between; border-top:1px solid var(--line); font-size:10px; }.edge-facts dd { margin:0; font-weight:800; }.command-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.command-stats div { padding:12px; border-radius:10px; background:#f1eee7; }.command-stats strong,.command-stats span { display:block; }.command-stats strong { font-size:25px; }.command-stats span { color:var(--muted); font-size:9px; }.telephony-grid p { color:var(--muted); font-size:10px; }.contract-flow { display:flex; align-items:center; justify-content:center; gap:12px; }.contract-flow span { padding:10px 14px; border-radius:9px; color:white; background:var(--petrol); font-size:11px; }.contract-panel ul { display:flex; justify-content:center; gap:22px; margin:14px 0 0; color:var(--muted); font-size:9px; }
@media(max-width:980px){.workspace-page .page-shell{height:calc(100vh - 55px)}.ops-kpis{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto}.ops-grid{grid-template-columns:repeat(12,minmax(70px,1fr));overflow:auto}.telephony-grid{min-width:760px;overflow:auto}}
@media(max-width:640px){.workspace-page .page-shell{width:calc(100% - 16px)}.ops-heading,.module-heading{align-items:flex-start}.edge-indicator{min-width:145px}.ops-heading h1,.module-heading h1{font-size:22px}.ops-grid{grid-template-columns:repeat(12,55px)}.ops-panel--workload{grid-column:span 12}.ops-panel--calls{grid-column:span 8}.department-board{grid-template-columns:repeat(5,105px);overflow-x:auto}.module-heading p{display:none}}