/* Shared workspace finish. Load after component styles; geometry stays with each component. */
:root{
  --teal:#0b7893;
  --teal-dark:#086078;
  --teal-darker:#102a43;
  --ink:#102a43;
  --muted:#526579;
  --bg:#f3f6fa;
  --border:#dbe3ec;
  --th:#f6f8fb;
  --row-alt:#f8fafc;
  --shadow:0 3px 14px #102a4309;
  --workspace-focus:#0b7893;
}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}
button,input,select,textarea{font-family:inherit}
.layout .main,.layout .content{min-width:0}

/* Navigation keeps its existing widths, visibility and mobile drawer behaviour. */
.layout .sidebar{background:#102a43;color:#dce7ef;border-right:1px solid #102a43}
.layout .sidebar .logo{background:#fff;border-bottom:1px solid #dbe3ec}
.layout .an-brand span{color:#536c81;font-weight:600}
.layout .nav{scrollbar-color:#587286 #102a43}
.layout .nav button{color:#d5e1eb;border-radius:8px;font-weight:500;min-height:44px}
.layout .nav button:hover{background:#1b3b55;color:#fff}
.layout .nav button.active{background:#0b7893;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #9ce0eb}
.layout .nav button:focus-visible{outline:2px solid #b7eaf3;outline-offset:2px}
.layout .an-nav-label{color:#9db6c9;letter-spacing:1.2px}
.layout .an-nav-separator{background:#355066}
.layout .sidebar .foot{border-color:#355066;color:#adc0cf}
.layout .an-help{color:#d5e1eb}
.layout .an-help:hover{color:#fff;text-decoration:underline}
.layout .an-side-caption{color:#a5bbcd}
.layout .an-test-label{background:#24465f;color:#d2e7f2}

.layout .topbar{background:#fff;border-bottom:1px solid #dbe3ec;box-shadow:0 1px 3px #102a4304;backdrop-filter:none}
.layout .an-breadcrumb{color:#64778a;min-width:0}
.layout .an-breadcrumb strong{color:#102a43;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.layout .an-breadcrumb .an-icon{color:#75889a}
.layout .toggle-wrap{color:#526579;font-weight:500}
.layout .an-avatar{background:#e8f3f6;color:#126079;border:1px solid #cce0e8}
.layout .an-user-text b{color:#17364f}
.layout .an-user-text small{color:#607487}
.layout .logout-btn{color:#536b7f;border-radius:7px}
.layout .logout-btn:hover{background:#edf3f7;color:#102a43}
.layout .hamb{color:#234962;background:#fff;border-color:#cdd9e3;border-radius:7px}

/* Primary actions are distinct from secondary and destructive actions. */
:where(.layout,.overlay) .btn{font-weight:600;box-shadow:none;border-radius:8px}
:where(.layout,.overlay) .btn:not(.sec):not(.danger){background:#0b7893;color:#fff;border-color:#0b7893}
:where(.layout,.overlay) .btn:not(.sec):not(.danger):hover:not(:disabled){background:#086078;border-color:#086078;box-shadow:0 2px 5px #102a4312}
:where(.layout,.overlay) .btn.sec:not(.danger){background:#fff;border-color:#cad7e2;color:#27465f}
:where(.layout,.overlay) .btn.sec:not(.danger):hover:not(:disabled){background:#edf4f7;border-color:#a9c2d1;color:#143b55}
:where(.layout,.overlay) .btn.danger{background:#b63842;border-color:#b63842;color:#fff}
:where(.layout,.overlay) .btn.danger:hover:not(:disabled){background:#982b35;border-color:#982b35;color:#fff}
:where(.layout,.overlay) .iconbtn{color:#526d82;border-radius:7px}
:where(.layout,.overlay) .iconbtn:hover{background:#eaf3f6;border-color:#c8dce6;color:#086078}
:where(.layout,.overlay) .an-text-btn{color:#086b84}
:where(.layout,.overlay) :is(button:not(.an-status-card),a,input,select,textarea,summary):focus-visible{outline:2px solid var(--workspace-focus);outline-offset:3px}
.layout .nav button:focus-visible{outline-color:#b7eaf3}
:where(.layout,.overlay) button:disabled{cursor:not-allowed;box-shadow:none}

/* Working text stays legible without changing status-card colours or hierarchy. */
.content>h1,.content .an-page-head h1,.content .bw-heading h1{color:#102a43;font-weight:650;letter-spacing:-.65px}
.content .an-panel-head h2,.overlay .mhead h2{color:#102a43;font-weight:650}
.content .sub,.content .an-page-head p,.content .an-greeting{color:#526579}
.content .an-cell-secondary,.content .an-panel-head p,.content .an-panel-footer{color:#5d7185}
.content .an-cell-secondary{font-size:12px}
.content .an-order-id{color:#32657e;font-weight:600}
.content .an-time{color:#27465f;font-variant-numeric:tabular-nums}
.content .an-task strong,.content .an-activity-item strong{color:#29465f}
.content .an-task small,.content .an-activity-item small,.content .an-overview-footer{color:#5f7386}
.content .an-quick-actions .an-icon{color:#42758b}
.content .an-support-card{background:#edf4f7;border-color:#d5e4eb;color:#45667e}

/* Tables and filter bars share a restrained, high-contrast surface treatment. */
:where(.layout,.overlay) .tablewrap{min-width:0;max-width:100%;border-color:#dbe3ec;border-radius:10px;background:#fff;box-shadow:none}
.layout .an-panel{border-color:#dbe3ec;border-radius:11px;box-shadow:0 2px 8px #102a4304}
.layout .an-panel .tablewrap{border:0;border-radius:0}
:where(.layout,.overlay) .tablewrap th{background:#f3f6fa;color:#465f75;font-size:11px;font-weight:650;letter-spacing:.45px;line-height:1.5;border-bottom-color:#d6e0e9}
:where(.layout,.overlay) .tablewrap td{color:#243f56;border-bottom-color:#e6ecf2;font-variant-numeric:tabular-nums}
:where(.layout,.overlay) .tablewrap tbody tr:hover{background:#edf5f8}
.layout .booking-list-row:focus-visible{outline:2px solid #0b7893;outline-offset:-2px}
.layout .filterbox{background:#fff;border-color:#dbe3ec;border-radius:10px;box-shadow:none}
.layout .filterbox .ff{min-width:0}
.layout .filterbox :is(input,select){min-width:0;max-width:100%}
.layout .subtabs{border-color:#d5e0e9;gap:22px}
.layout .subtabs button{color:#526b80;font-weight:500}
.layout .subtabs button.active{color:#086b84;border-bottom-color:#0b7893;font-weight:650}
.layout .pager{color:#536b80}
.layout .pager button{border-color:#cad7e2;color:#36536a;min-width:32px;height:32px}
.layout .pager button.cur{background:#e5f2f6;color:#075c72;border-color:#8ebdcd;font-weight:650}
.layout .empty{color:#5f7386}

/* Existing grids, modal limits and small-screen action menus retain their sizes. */
:where(.layout,.overlay) :is(.fgrid,.bp-grid,.agreement-grid)>div{min-width:0}
:where(.layout,.overlay) :is(.ff,.fgrid,.booking-plus,.agreement-rate) label{color:#38556d;font-weight:600}
:where(.layout,.overlay) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){border-color:#cbd8e3;border-radius:8px;color:#17364f;background:#fff}
:where(.layout,.overlay) :is(input,textarea)::placeholder{color:#687d90;opacity:1}
:where(.layout,.overlay) :is(input,select,textarea):focus{border-color:#0b7893;outline:2px solid #b8dfe9;outline-offset:1px}
:where(.layout,.overlay) :is(input,select,textarea):disabled{background:#f0f4f7;color:#60768a}
:where(.layout,.overlay) input[readonly],:where(.layout,.overlay) textarea[readonly]{background:#f6f8fb}
:where(.layout,.overlay) :is(input[type=checkbox],input[type=radio]){accent-color:#0b7893;flex-shrink:0}
:where(.layout,.overlay) fieldset{border-color:#dbe3ec;border-radius:9px}
:where(.layout,.overlay) legend{color:#34566e;font-weight:600}
.overlay .modal{border-color:#d8e2eb;box-shadow:0 18px 65px #102a432c}
.overlay .mhead{background:#fff;border-bottom-color:#dbe3ec}
.overlay .mfoot{background:#f6f8fb;border-top-color:#dbe3ec}
.overlay .kv dt{color:#526c81}
.overlay .kv dd{color:#203e56;min-width:0}
.content .bw-panel,.content .bw-summary{border-color:#dbe3ec;box-shadow:none}
.content .bw-panel p,.content .bw-help{color:#536b80}

@media(max-width:760px){
  .sb-open .layout .sidebar{box-shadow:12px 0 35px #102a4333}
  .layout .topbar{gap:10px}
  .layout .an-breadcrumb{flex:1;overflow:hidden}
  .layout .an-breadcrumb strong{font-size:12px}
  .layout .filterbox>.ff{min-width:0;max-width:100%}
  :where(.layout,.overlay) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px}
  .layout .pager{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  :where(.layout,.overlay) :is(button,a,input,select,textarea){transition:none}
}
@media(forced-colors:active){
  .layout .nav button.active{border:1px solid Highlight;box-shadow:none}
  :where(.layout,.overlay) :is(button,a,input,select,textarea,summary):focus-visible{outline-color:Highlight}
}