/* Proservis UI palette. Customer document print layouts keep their own styling. */
@media screen {
  :root { --ink:#303438; --muted:#707378; --accent:#ab2d55; --teal:#ab2d55; --line:#dedee1; --paper:#f3f3f5; }
  .brand { gap:10px; }
  .brand-symbol { width:48px; height:40px; object-fit:contain; flex:0 0 48px; }
  .brand small { color:var(--muted); font-size:9px; letter-spacing:0; line-height:1.4; max-width:150px; }
  .creator-delete-link { display:inline-block; color:#942347; border:1px solid #d9a6b7; border-radius:5px; padding:5px 9px; margin:4px 8px; font-size:12px; font-weight:400; white-space:nowrap; }
  .creator-delete-link:hover { background:#f7e9ee; border-color:#ab2d55; }
  .nav-link { color:#5d6065; }
  .nav-link:hover { background:#f3f3f5; }
  .nav-link.active { background:#f7e9ee; color:#942347; box-shadow:inset 3px 0 #ab2d55; }
  .nav-heading,.sidebar-foot,footer { color:#777b80; }
  .breadcrumb,.metric span,.metric small,.section-heading>span { color:var(--muted); }
  .breadcrumb span { color:#afb0b5; }
  .dot { background:var(--accent); }
  .button { border:1px solid var(--accent); background:var(--accent); color:#fff; cursor:pointer; }
  .button:hover { background:#8e2446; border-color:#8e2446; }
  .button:disabled { opacity:.55; cursor:not-allowed; }
  .edit-link,.text-button,.card-symbol,.quick-card h3 span { color:var(--accent); }
  .metric strong { color:#43524a; }
  .help,th,.cell-note,.count,.pagination,.customer-summary dt { color:var(--muted); }
  th,td,fieldset,.site-card,.dispatcher-row { border-color:var(--line); }
  .customer-filters label,.customer-summary p,.site-card p { color:#60646a; }
  .customer-filters input:not([type=checkbox]),.customer-filters select,
  .form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea { color:var(--ink); border-color:#c9c9cf; }
  .role-label { background:#f0eff2; color:#565a60; }
  .model-options { border-color:#c9c9cf; box-shadow:0 6px 18px #30343818; }
  .model-options li:hover,.model-options li[aria-selected=true] { background:#f7e9ee; color:#942347; }
  .overview-metric:focus-visible { outline-color:var(--accent); }
  .quick-card:hover,.metric:hover { border-color:var(--accent); }
  .page-badge,.preview-label,.pill { background:#f3f3f5; color:#61656a; border-color:var(--line); }
  .empty h2,.empty h3,.empty-icon { color:#62676b; }
  input,select,textarea { accent-color:var(--accent); }
  .form-stack input,.form-stack select,.form-stack textarea,.filter-form input,.filter-form select { border-color:#c9c9cf; }
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
  .form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus {
    outline:2px solid var(--accent); outline-offset:3px;
  }
  .login-card { border-top:4px solid var(--accent); box-shadow:0 12px 40px #3034380b; }
  @media (max-width:1100px) and (min-width:761px) {
    .sidebar .brand { padding-left:2px; padding-right:2px; gap:8px; font-size:17px; }
    .sidebar .brand-symbol { width:40px; flex-basis:40px; }
  }
}