.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.ops-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ops-grid>.panel{min-width:0}#operations details summary{cursor:pointer;font-weight:650;padding:10px 0}#operations details{margin-bottom:12px}#operations form{display:grid;gap:8px}#operations input,#operations select,#operations textarea{width:100%}.ops-ticket{display:grid;gap:7px;text-align:left;width:100%;border:1px solid #e8e8e2;background:#fff;border-radius:12px;padding:16px;margin:10px 0;cursor:pointer}.ops-ticket small{color:#777}.ops-ticket.urgent{border-color:#d84b35;background:#fff5f1}.ops-table-wrap{overflow:auto;max-height:70vh;border:1px solid #e8e8e2;border-radius:16px;background:#fff}.ops-table-wrap th{position:sticky;top:0;background:#f5f5f3;z-index:1}.ops-table-wrap table{min-width:1000px;width:100%}.ops-table-wrap td{vertical-align:top;padding:16px;line-height:1.7}#opsChat{max-height:450px;overflow:auto}#opsAlerts{margin:20px 0}#opsTicketMeta{line-height:1.8;font-size:13px}#opsFiles .line-item{display:block}@media(max-width:850px){.ops-grid{grid-template-columns:1fr}.ops-heading{align-items:start;flex-direction:column}.ops-tabs button{flex:1;font-size:12px}}

body.ops-mode .page-head,body.ops-mode .range-panel{display:none}body.ops-mode main>header{margin-bottom:15px}.ops-table-wrap td:first-child{position:sticky;left:0;background:white;z-index:1}

/* Compact navigation expands over the content on hover or keyboard focus. */
@media(min-width:761px){
 .sidebar{width:76px;padding:24px 12px;z-index:20;overflow-x:hidden;overflow-y:auto;transition:width .18s ease;box-shadow:4px 0 18px #0000}
 .sidebar:hover,.sidebar:has(:focus-visible){width:252px;box-shadow:4px 0 18px #0001}
 main{margin-left:76px;padding:0 32px;max-width:none}
 .brand{margin-left:10px;font-size:30px;white-space:nowrap}.brand .brand-full{display:inline;font:inherit;letter-spacing:inherit;margin:0}
 .sidebar:not(:hover):not(:has(:focus-visible)) .brand-full,.sidebar:not(:hover):not(:has(:focus-visible)) .brand-caption{display:none}
 .workspace-label{display:none}.sidebar nav{margin-top:22px}.nav{position:relative;height:46px;padding:12px;white-space:nowrap;gap:13px}.nav .nav-icon{font-size:22px;flex:0 0 24px;text-align:center}.nav .nav-label{font-size:13px;line-height:1.3}
 .sidebar:not(:hover):not(:has(:focus-visible)) .nav-label,.sidebar:not(:hover):not(:has(:focus-visible)) .nav b,.sidebar:not(:hover):not(:has(:focus-visible)) .sidebar-foot{display:none}
 .nav-group{font-size:9px;letter-spacing:1.3px;color:#999;height:28px;padding:12px 12px 0;white-space:nowrap}.sidebar:not(:hover):not(:has(:focus-visible)) .nav-group{font-size:0;border-top:1px solid #eee;margin-top:10px;height:12px;padding:0}
}
@media(max-width:760px){.sidebar nav{overflow-x:auto;justify-content:flex-start}.nav{flex:0 0 auto}.nav-group{display:none}.nav .nav-label{font-size:11px}.brand .brand-full{display:inline;font:inherit;letter-spacing:inherit;margin:0}}
body.ops-mode .ops-tabs{display:none}
main>.view{margin-top:18px}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

.brand .brand-inverted-a{display:inline-block!important;transform:rotate(180deg);transform-origin:center;font:inherit;letter-spacing:inherit;line-height:1;margin:0;vertical-align:baseline}
.brand .brand-full{display:inline;font:inherit;letter-spacing:inherit;margin:0}

@media(min-width:761px){.sidebar{padding-top:18px}.sidebar nav{margin-top:16px}.nav{height:40px;margin:2px 0}.nav-group{height:24px;padding-top:9px}}
.page-head h1{font-size:30px;letter-spacing:-.8px}.page-head{padding:28px 0 24px}.ops-heading{padding-top:24px}.ops-heading h2{font-size:28px;letter-spacing:-.7px}.ops-heading + .hint{max-width:780px;font-size:13px;line-height:1.7;margin:12px 0 24px}

@media(min-width:761px){.sidebar:hover~main,.sidebar:has(:focus-visible)~main{margin-left:252px}main{transition:margin-left .18s ease}}
@media(prefers-reduced-motion:reduce){main{transition:none}}

.brand{display:block;width:132px;height:55px;overflow:hidden;flex-shrink:0;margin-left:4px}.brand .kavio-wordmark{display:block;width:132px;height:55px;max-width:none;object-fit:contain}
@media(min-width:761px){.sidebar:not(:hover):not(:has(:focus-visible)) .brand{width:29px}}

.workspace-panel{padding:24px}.workspace-panel h2{margin-bottom:18px}.workspace-panel h3{margin:24px 0 10px}.workspace-panel form{display:grid;gap:12px}.workspace-panel label{font-size:12px}.workspace-panel input,.workspace-panel textarea,.workspace-panel select{width:100%;max-width:none}.workspace-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.workspace-actions h2{margin-right:auto}.workspace-item{padding:16px 0;border-bottom:1px solid #eee}.workspace-item p{white-space:pre-wrap;overflow-wrap:anywhere}.workspace-urgent{border-left:3px solid #b52d24;padding-left:14px}.workspace-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.workspace-metric{border:1px solid #eee;background:#fff;text-align:left;border-radius:16px;padding:20px;display:grid;gap:12px;color:#333}.workspace-metric strong{font-size:32px}.workspace-metric:first-child strong{color:#b52d24}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-foot{flex-shrink:0}#prepRows td{white-space:normal;min-width:150px;vertical-align:top}#prepRows .sub{max-width:270px;line-height:1.6}#prepTotals{margin:20px 0}#payoutCheckForm input[type=checkbox]{width:auto}.workspace-panel .table-scroll{margin-top:18px}
@media(max-width:1000px){.workspace-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar nav{overflow-x:auto;overflow-y:hidden}.workspace-metrics{gap:10px}.workspace-metric{padding:15px}.workspace-panel{padding:18px}}

.brand{display:block;width:132px;height:55px;overflow:hidden;flex-shrink:0;margin-left:4px}.brand .kavio-wordmark{display:block;width:132px;height:55px;max-width:none;object-fit:contain}
@media(min-width:761px){.sidebar:not(:hover):not(:has(:focus-visible)) .brand{width:29px}}

.sidebar .brand-monogram{display:none}
@media(min-width:761px){.sidebar:not(:hover):not(:has(:focus-visible)) .brand .kavio-wordmark{display:none}.sidebar:not(:hover):not(:has(:focus-visible)) .brand .brand-monogram{display:block;font:700 32px/42px system-ui,sans-serif;letter-spacing:0;margin:0;text-align:center}.sidebar:not(:hover):not(:has(:focus-visible)) .brand{width:40px;height:55px;margin-left:0}}

.sidebar .brand{width:88px;height:38px;margin-top:3px;margin-bottom:14px}.sidebar .brand .kavio-wordmark{width:88px;height:36px}
@media(min-width:761px){.sidebar:not(:hover):not(:has(:focus-visible)) .brand{width:40px;height:38px}}