:root {
  color-scheme: dark;
  --bg: #070c12; --sidebar: #0a1119; --surface: #0f1822; --surface-2: #131f2b;
  --surface-3: #182633; --line: #223140; --line-soft: #192734;
  --text: #f3f6f8; --muted: #8293a3; --blue: #5aa7ff; --blue-2: #287bd4;
  --green: #43d39e; --amber: #f1bd61; --red: #ff737c; --purple: #aa91ff;
  --shadow: 0 18px 50px rgba(0,0,0,.22);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display:none !important; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, select, input { font: inherit; } button, select { min-height: 40px; } button { color: inherit; }
.login-page { display:grid; min-height:100vh; place-items:center; padding:24px; background:radial-gradient(circle at 50% -10%,rgba(49,129,215,.16),transparent 32rem),var(--bg); }
.login-card { width:min(100%,410px); padding:30px; border:1px solid #203447; border-radius:17px; background:linear-gradient(180deg,rgba(18,29,40,.98),rgba(11,19,27,.99)); box-shadow:0 24px 80px rgba(0,0,0,.42); }
.login-brand { display:flex; align-items:center; gap:12px; margin-bottom:31px; }.login-brand strong,.login-brand small { display:block; }.login-brand strong { font-size:14px; letter-spacing:.11em; }.login-brand small { margin-top:2px; color:var(--muted); font-size:11px; }
.login-copy h1 { margin:0; font-size:27px; letter-spacing:-.035em; }.login-copy > p:last-child { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.login-form { display:grid; gap:8px; margin-top:25px; }.login-form label { margin-top:7px; color:#9fb0bd; font-size:11px; font-weight:700; }.login-form input { width:100%; min-height:44px; padding:0 12px; border:1px solid #2f475a; border-radius:9px; outline:0; background:#09131c; color:var(--text); }
.login-submit { width:100%; min-height:44px; margin-top:13px; }.login-error { margin-top:18px; padding:11px 12px; border:1px solid rgba(255,115,124,.35); border-radius:9px; background:rgba(255,115,124,.07); color:#ffabb0; font-size:11px; }.login-note { margin:17px 0 0; color:#627687; font-size:10px; text-align:center; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; z-index: 30; inset: 0 auto 0 0; display: flex; flex-direction: column; width: 245px; padding: 25px 17px; border-right: 1px solid var(--line-soft); background: linear-gradient(180deg,#0b141e,#081018); }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 9px 31px; }
.brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(145deg,#6bb4ff,#246fc1); box-shadow: 0 8px 25px rgba(44,126,212,.3); font-weight: 900; }
.brand strong,.brand small { display: block; }.brand strong { font-size: 14px; letter-spacing: .11em; }.brand small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.nav { display: grid; gap: 5px; }.nav-item { display: flex; align-items: center; gap: 11px; width: 100%; padding: 0 12px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #91a2b2; text-align: left; cursor: pointer; }
.nav-item:hover { color: #dbe5ed; background: rgba(255,255,255,.025); }.nav-item.active { border-color: rgba(90,167,255,.17); background: rgba(63,142,225,.11); color: #dceeff; }
.nav-icon { display: grid; place-items: center; width: 23px; color: #668098; font-size: 18px; }.nav-item.active .nav-icon { color: var(--blue); }
.nav-count { margin-left: auto; min-width: 23px; padding: 2px 6px; border-radius: 999px; background: rgba(255,115,124,.14); color: #ff9da3; font-size: 11px; font-weight: 800; text-align: center; }
.sidebar-note { display: flex; align-items: flex-start; gap: 10px; margin-top: auto; padding: 14px 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }.sidebar-note strong,.sidebar-note small { display:block; }.sidebar-note strong { font-size: 11px; }.sidebar-note small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.live-dot,.status-light,.pulse { flex: 0 0 auto; width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(67,211,158,.1); }
.workspace { min-height: 100vh; margin-left: 245px; padding: 0 38px 70px; background: radial-gradient(circle at 75% -15%,rgba(49,129,215,.1),transparent 31rem); }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 103px; border-bottom: 1px solid var(--line-soft); }
.eyebrow,.kicker { margin: 0 0 6px; color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .19em; }.topbar h1 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
.top-actions { display: flex; align-items: center; gap: 14px; }.updated,.muted { color: var(--muted); font-size: 12px; }
.view { display: none; padding-top: 31px; animation: fade .18s ease; }.view.active { display: block; } @keyframes fade { from { opacity:0; transform:translateY(3px); } }
.panel { margin-bottom: 17px; border: 1px solid var(--line-soft); border-radius: 15px; background: linear-gradient(180deg,rgba(18,29,40,.94),rgba(13,22,31,.97)); box-shadow: var(--shadow); overflow: hidden; }
.hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 27px 29px; border-color: #20364a; background: linear-gradient(110deg,rgba(31,78,122,.18),rgba(15,24,34,.96) 48%); }
.hero-title { display:flex; align-items:center; gap:13px; }.hero-title h2 { margin:0; font-size:25px; letter-spacing:-.03em; }.status-light { width:10px; height:10px; margin:0; }.status-light.off { background:var(--red); box-shadow:0 0 0 5px rgba(255,115,124,.1); }.status-light.warn { background:var(--amber); box-shadow:0 0 0 5px rgba(241,189,97,.1); }
.lede { margin: 8px 0 0; color: var(--muted); font-size: 13px; }.hero-actions,.footer-actions { display:flex; gap:9px; }
.button { padding: 0 16px; border: 1px solid transparent; border-radius: 9px; font-size: 12px; font-weight: 750; cursor: pointer; transition:.16s ease; }.button:hover:not(:disabled) { transform: translateY(-1px); }
.button.primary { background:linear-gradient(180deg,#4998e9,#2876c6); color:#fff; box-shadow:0 7px 20px rgba(40,118,198,.22); }.button.primary.danger { background:linear-gradient(180deg,#db5962,#b93d46); }.button.secondary { border-color:#345169; background:#142536; color:#d9e5ed; }.button.ghost { border-color:var(--line); background:transparent; color:#aab9c5; }.button:disabled { opacity:.38; cursor:not-allowed; transform:none; }.compact-button { min-height:35px; padding:0 12px; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-bottom:17px; }.metric { min-height:122px; padding:20px; border:1px solid var(--line-soft); border-radius:14px; background:rgba(15,24,34,.82); }.metric-label { display:block; color:var(--muted); font-size:11px; }.metric strong { display:block; margin:12px 0 5px; font-size:27px; letter-spacing:-.04em; }.metric small { color:#64788a; font-size:10px; }
.overview-metrics { grid-template-columns:repeat(5,1fr); }.warning-metric strong { color:var(--amber); }
.overview-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr); gap:17px; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:22px; padding:21px 23px 17px; }.section-heading h2 { margin:0; font-size:17px; letter-spacing:-.02em; }.section-heading > p { max-width:520px; margin:0; color:var(--muted); font-size:12px; text-align:right; }.section-heading.compact { padding-bottom:10px; }
.pill { padding:5px 9px; border:1px solid var(--line); border-radius:999px; color:#9cafbd; font-size:10px; font-weight:750; text-transform:capitalize; }.pill.success { border-color:rgba(67,211,158,.25); background:rgba(67,211,158,.08); color:#75deb7; }.pill.warn { border-color:rgba(241,189,97,.25); background:rgba(241,189,97,.08); color:#f1c978; }
.lane-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; padding:0 23px 23px; }.lane { min-height:105px; padding:15px; border:1px solid var(--line); border-radius:11px; background:#0c151e; }.lane-top { display:flex; justify-content:space-between; gap:12px; }.lane strong { font-size:13px; }.lane .lane-id { color:#5f7486; font-size:10px; }.lane-main { margin-top:18px; color:#7f93a4; font-size:11px; }.lane.working { border-color:rgba(90,167,255,.32); background:rgba(50,126,204,.06); }.lane.working .lane-main { color:#c8e0f7; }.last-outcome { padding:0 23px 24px; color:#a9bac7; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; line-height:1.7; word-break:break-word; }
.no-account-panel { margin-top:17px; }.no-account-head,.no-account-row { display:grid; grid-template-columns:minmax(240px,1fr) 140px 190px; align-items:center; gap:18px; }.no-account-head { padding:10px 22px; border-top:1px solid var(--line-soft); background:rgba(7,12,18,.35); color:#64798a; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.no-account-row { min-height:62px; padding:10px 22px; border-top:1px solid var(--line-soft); }.no-account-identity strong,.no-account-identity span { display:block; }.no-account-identity strong { font-size:12px; }.no-account-identity span { margin-top:4px; color:var(--muted); font-size:10px; }.no-account-age { color:var(--amber); font-size:11px; }.no-account-row .deal-link { text-align:right; }
.view-intro { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }.view-intro h2 { margin:0; font-size:26px; letter-spacing:-.035em; }.view-intro p:last-child { margin:7px 0 0; color:var(--muted); font-size:13px; }
.fix-summary { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:16px; }.summary-card { display:flex; align-items:center; justify-content:space-between; min-height:78px; padding:0 17px; border:1px solid var(--line-soft); border-radius:12px; background:#0e1720; color:var(--muted); cursor:pointer; text-align:left; }.summary-card:hover,.summary-card.selected { border-color:rgba(90,167,255,.34); background:rgba(45,119,194,.08); color:#d9e9f6; }.summary-card span { font-size:11px; }.summary-card strong { font-size:23px; color:var(--text); }
.fix-toolbar,.log-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 18px; border-bottom:1px solid var(--line-soft); }.search-wrap { display:flex; align-items:center; gap:8px; min-width:260px; padding:0 11px; border:1px solid var(--line); border-radius:9px; background:#0a131c; color:#607587; }.search-wrap input { width:100%; min-height:36px; border:0; outline:0; background:transparent; color:var(--text); font-size:11px; }.search-wrap input::placeholder { color:#5d7182; }
.fix-list { min-height:180px; }.fix-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; padding:20px 21px; border-top:1px solid var(--line-soft); }.fix-card:first-child { border-top:0; }.fix-type { display:inline-flex; align-items:center; gap:6px; margin-bottom:8px; color:var(--amber); font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.fix-type.duplicate { color:#ff9d86; }.fix-type.standard { color:#8eacbf; }.fix-type.no-account { color:var(--amber); }.fix-card h3 { margin:0; font-size:15px; }.fix-meta { margin:5px 0 0; color:#728697; font-size:10px; }.fix-detail { max-width:800px; margin:13px 0 0; color:#a9bac6; font-size:12px; line-height:1.55; white-space:pre-wrap; }.fix-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; min-width:300px; }.fix-actions .button { min-height:36px; }.deal-link { color:var(--blue); text-decoration:none; font-size:11px; }.deal-link:hover { text-decoration:underline; }
.address-form { grid-column:1/-1; padding:17px; border:1px solid #29445a; border-radius:11px; background:#0a141d; }.address-form-head { display:flex; align-items:baseline; gap:10px; margin-bottom:14px; }.address-form-head strong { font-size:13px; }.address-form-head span { color:var(--muted); font-size:10px; }.address-fields { display:grid; grid-template-columns:minmax(90px,.45fr) minmax(160px,.8fr) minmax(260px,1.7fr) minmax(110px,.55fr); gap:10px; }.address-field { display:grid; gap:6px; color:var(--muted); font-size:10px; font-weight:700; }.address-field input { width:100%; min-height:40px; padding:0 11px; border:1px solid #2f475a; border-radius:8px; outline:0; background:#0b151e; color:var(--text); font-size:11px; }.address-field input::placeholder { color:#536878; }.address-form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:13px; }
.empty-state { padding:48px 20px; text-align:center; color:var(--muted); }.empty-state strong { display:block; margin-bottom:6px; color:#d6e0e8; }
.header-state { display:flex; align-items:center; gap:9px; padding:9px 13px; border:1px solid var(--line); border-radius:999px; color:#bdcbd5; font-size:11px; white-space:nowrap; }.header-state.dirty .pulse { background:var(--amber); box-shadow:0 0 0 5px rgba(241,189,97,.1); }
.notice { display:flex; align-items:center; gap:12px; margin-bottom:16px; padding:13px 16px; border:1px solid rgba(90,167,255,.24); border-radius:12px; background:rgba(49,133,220,.06); color:#c7d7e4; font-size:12px; }.notice-icon { display:grid; place-items:center; flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:var(--blue-2); font-weight:800; }.notice span { color:var(--muted); }
.audio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; padding:0 23px 23px; }.audio-card { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px; border:1px solid var(--line); border-radius:11px; background:#0c151e; }.audio-card strong,.audio-card small { display:block; }.audio-card strong { font-size:12px; }.audio-card small { margin-top:3px; color:var(--muted); font-size:10px; }
select { width:100%; padding:0 34px 0 11px; border:1px solid #2f475a; border-radius:8px; background:#0b151e; color:var(--text); outline:none; font-size:11px; } select:focus,button:focus-visible,input:focus-visible { border-color:var(--blue); box-shadow:0 0 0 3px rgba(90,167,255,.15); outline:none; }.audio-card select { width:170px; }
.rules-heading { align-items:center; }.heading-actions { display:flex; }.priority-note { margin:0 23px 15px; padding:10px 12px; border-left:3px solid var(--blue); background:rgba(90,167,255,.05); color:var(--muted); font-size:11px; }.priority-note strong { color:#cfdae3; }.table-wrap { overflow-x:auto; border-top:1px solid var(--line-soft); } table { width:100%; min-width:980px; border-collapse:collapse; } th { padding:11px 12px; background:rgba(7,12,18,.36); color:#718697; font-size:9px; letter-spacing:.09em; text-align:left; text-transform:uppercase; } td { padding:10px 12px; border-top:1px solid var(--line-soft); vertical-align:middle; } tbody tr:hover { background:rgba(90,167,255,.025); } td select { min-width:140px; }.rule-off { opacity:.45; }
.rule-required { background:rgba(67,211,158,.045); }.rule-required:hover { background:rgba(67,211,158,.065); }.required-check { color:var(--green); font-size:16px; font-weight:900; }.locked-badge { display:inline-block; padding:5px 8px; border:1px solid rgba(67,211,158,.26); border-radius:999px; background:rgba(67,211,158,.08); color:#78dfba; font-size:9px; font-weight:800; text-transform:uppercase; }.required-value { color:#d4e1e8; font-size:11px; }.required-lock { color:#6f8596; font-size:13px; }
.switch { position:relative; display:inline-block; width:38px; height:22px; }.switch input { position:absolute; opacity:0; }.switch span { position:absolute; inset:0; border-radius:999px; background:#2d3d4a; cursor:pointer; }.switch span::after { content:""; position:absolute; width:16px; height:16px; left:3px; top:3px; border-radius:50%; background:#9badba; transition:.16s; }.switch input:checked + span { background:var(--blue-2); }.switch input:checked + span::after { transform:translateX(16px); background:#fff; }.priority-buttons,.row-actions { display:flex; gap:5px; }
.icon-button { width:32px; min-height:32px; padding:0; border:1px solid var(--line); border-radius:8px; background:#11202d; color:#a9bac6; cursor:pointer; }.icon-button:hover { border-color:#405a6e; color:#fff; }.icon-button.danger:hover { border-color:rgba(255,115,124,.45); color:var(--red); }.icon-button:disabled { opacity:.25; cursor:default; }.empty { padding:28px; text-align:center; color:var(--muted); }
.lower-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:17px; }.preview-form { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:3px 23px 16px; }.preview-form label { display:grid; gap:6px; color:var(--muted); font-size:10px; font-weight:700; }.check-row { grid-column:1/-1; display:flex; gap:22px; padding-top:3px; }.check-row label { display:flex; align-items:center; gap:7px; color:#c6d3dd; } input[type="checkbox"] { width:16px; height:16px; accent-color:var(--blue-2); }
.result-card { margin:0 23px 23px; padding:16px; border:1px solid var(--line); border-radius:11px; background:#0a141d; }.result-card .result-title { margin:0 0 5px; font-size:15px; }.result-card .result-meta { color:var(--muted); font-size:10px; }.result-card.family { border-color:rgba(67,211,158,.3); background:rgba(67,211,158,.04); }.result-card.separate { border-color:rgba(90,167,255,.28); background:rgba(90,167,255,.04); }
.history-list { padding:3px 23px 19px; }.history-item { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; padding:11px 0; border-top:1px solid var(--line-soft); }.history-item:first-child { border-top:0; }.history-item strong { display:block; font-size:11px; }.history-item span { color:var(--muted); font-size:10px; }.revision { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:#c9d8e3; }
.rules-actionbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:5px; padding:16px 18px; border:1px solid var(--line-soft); border-radius:13px; background:#0e1720; }.rules-actionbar > div:first-child { display:grid; gap:3px; }.rules-actionbar strong { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; }.rules-actionbar span { color:var(--muted); font-size:10px; }
.filter-group { display:flex; gap:6px; }.filter-chip { min-height:33px; padding:0 12px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); font-size:10px; cursor:pointer; }.filter-chip.active { border-color:rgba(90,167,255,.32); background:rgba(90,167,255,.09); color:#cfe6f9; }
.log-head,.log-row { display:grid; grid-template-columns:145px 80px 80px minmax(0,1fr); align-items:center; gap:12px; }.log-head { padding:10px 17px; background:rgba(7,12,18,.35); color:#64798a; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.log-row { min-height:48px; padding:8px 17px; border-top:1px solid var(--line-soft); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; }
.log-time { color:#6c8192; }.log-status { width:max-content; padding:3px 6px; border-radius:5px; background:rgba(130,147,163,.1); color:#9eafbc; font-size:9px; font-weight:800; }.log-status.DONE { background:rgba(67,211,158,.1); color:#67d8ae; }.log-status.FAIL,.log-status.ERROR { background:rgba(255,115,124,.1); color:#ff939a; }.log-status.ACTION { background:rgba(170,145,255,.1); color:#bca8ff; }.log-deal { color:#8dc3f2; }.log-message { color:#aebdca; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.toast { position:fixed; z-index:50; right:24px; bottom:24px; max-width:430px; padding:12px 15px; border:1px solid var(--line); border-radius:9px; background:#172634; box-shadow:var(--shadow); font-size:12px; transform:translateY(14px); opacity:0; pointer-events:none; transition:.18s; }.toast.show { transform:none; opacity:1; }.toast.error { border-color:rgba(255,115,124,.5); }
.skeleton-block:empty { min-height:110px; background:linear-gradient(100deg,transparent,rgba(255,255,255,.018),transparent); background-size:200% 100%; animation:shimmer 1.3s infinite; } @keyframes shimmer { to { background-position:-200% 0; } }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.mobile-menu { display:none; }
@media (max-width:1100px) { .workspace { padding-left:25px; padding-right:25px; }.metrics-grid,.fix-summary,.overview-metrics { grid-template-columns:repeat(2,1fr); }.overview-grid,.lower-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .sidebar { transform:translateX(-100%); transition:.2s; box-shadow:20px 0 60px #000; }.sidebar.open { transform:none; }.workspace { margin-left:0; padding:0 16px 50px; }.mobile-menu { display:block; margin-right:3px; }.topbar { justify-content:flex-start; min-height:83px; }.top-actions { margin-left:auto; }.updated { display:none; }.view { padding-top:22px; }.hero,.view-intro,.fix-card,.rules-actionbar { align-items:flex-start; flex-direction:column; }.metrics-grid,.fix-summary,.lane-grid,.overview-metrics { grid-template-columns:1fr; }.fix-card { display:flex; }.fix-actions { justify-content:flex-start; min-width:0; }.fix-toolbar,.log-toolbar { align-items:stretch; flex-direction:column; }.search-wrap { min-width:0; }.address-form { width:100%; }.address-form-head { align-items:flex-start; flex-direction:column; }.address-fields { grid-template-columns:1fr; }.address-form-actions { justify-content:stretch; }.address-form-actions .button { flex:1; }.preview-form { grid-template-columns:1fr; }.check-row { grid-column:auto; flex-direction:column; }.log-head { display:none; }.log-row { grid-template-columns:1fr auto; gap:5px 10px; }.log-message { grid-column:1/-1; white-space:normal; }.log-deal { text-align:right; }.section-heading { align-items:flex-start; }.section-heading > p { text-align:left; }.audio-card { align-items:flex-start; flex-direction:column; }.audio-card select { width:100%; }.no-account-head { display:none; }.no-account-row { grid-template-columns:1fr auto; gap:8px 12px; padding:14px; }.no-account-row .deal-link { grid-column:1/-1; text-align:left; }.no-account-age { text-align:right; } }

.booker-intro { align-items:center; }.period-switch { display:flex; padding:4px; border:1px solid var(--line); border-radius:10px; background:#0a131c; }.period-switch button { min-height:33px; padding:0 15px; border:0; border-radius:7px; background:transparent; color:var(--muted); font-size:11px; font-weight:750; cursor:pointer; }.period-switch button.active { background:#1c3953; color:#e1f0fb; box-shadow:0 5px 14px rgba(0,0,0,.18); }
.booker-period-line { display:flex; align-items:center; gap:10px; margin:-7px 0 17px; color:var(--muted); font-size:11px; }.booker-period-line strong { color:#c9d8e3; }.booker-panel { overflow:hidden; }.booker-head,.booker-row { display:grid; grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(75px,.55fr)) minmax(120px,.8fr) 28px; align-items:center; gap:14px; }.booker-head { padding:10px 20px; border-top:1px solid var(--line-soft); background:rgba(7,12,18,.35); color:#64798a; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.booker-item { border-top:1px solid var(--line-soft); }.booker-item:first-child { border-top:0; }.booker-item.expanded { background:rgba(90,167,255,.025); }.booker-row { width:100%; min-height:72px; padding:10px 20px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }.booker-row:hover { background:rgba(90,167,255,.035); }.booker-identity strong,.booker-identity small { display:block; }.booker-identity strong { font-size:13px; }.booker-identity small { margin-top:4px; color:#667c8e; font-size:10px; }.booker-number { font-size:16px; }.booker-number.uploaded { color:var(--green); }.booker-number.open { color:var(--amber); }.booker-rate { display:grid; grid-template-columns:42px minmax(50px,1fr); align-items:center; gap:9px; font-size:11px; }.booker-rate i { position:relative; height:5px; overflow:hidden; border-radius:99px; background:#1e2e3b; }.booker-rate i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--rate); border-radius:inherit; background:linear-gradient(90deg,var(--blue-2),var(--green)); }.booker-chevron { color:#6e8598; font-size:17px; transition:.16s; }.booker-item.expanded .booker-chevron { transform:rotate(180deg); }.booker-detail { display:grid; grid-template-columns:1fr 1fr; gap:22px; padding:0 20px 20px; }.booker-deal-group { padding:14px; border:1px solid var(--line); border-radius:10px; background:#0a131c; }.booker-deal-group > strong { display:block; margin-bottom:10px; color:#91a5b5; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }.booker-deals { display:flex; flex-wrap:wrap; gap:7px; }.booker-deal { padding:6px 8px; border:1px solid #29445a; border-radius:7px; background:#102234; color:#9bcaf2; font-size:10px; text-decoration:none; }.booker-deal:hover { border-color:var(--blue); color:#d9efff; }.booker-note { margin-top:4px; }.booker-note span { margin-left:5px; }
@media (max-width:760px) { .booker-intro { align-items:flex-start; }.period-switch { width:100%; }.period-switch button { flex:1; }.booker-period-line { align-items:flex-start; flex-direction:column; }.booker-head { display:none; }.booker-row { grid-template-columns:1fr repeat(3,48px) 22px; gap:8px; padding:14px; }.booker-rate { display:none; }.booker-number { font-size:14px; text-align:center; }.booker-number.booked::before,.booker-number.uploaded::before,.booker-number.open::before { display:block; margin-bottom:3px; color:#607587; font-size:7px; letter-spacing:.04em; }.booker-number.booked::before { content:"BOOKED"; }.booker-number.uploaded::before { content:"UPLOADED"; }.booker-number.open::before { content:"OPEN"; }.booker-detail { grid-template-columns:1fr; gap:10px; padding:0 14px 14px; } }
/* Provision shares the Operations Hub typography and panel styles. */
.provision-layout { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 24px; align-items: start; }
.provision-layout .panel { padding: 24px; min-width: 0; }
.provision-layout p { color: var(--muted, #687587); line-height: 1.6; }
.provision-form { display: grid; gap: 12px; margin: 24px 0; }
.provision-form input, .provision-form select { width: 100%; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); color: var(--text); }
.provision-loaded { padding: 16px; background: var(--surface-2); border-radius: 10px; overflow-wrap: anywhere; line-height: 1.6; }
#provision-progress { width: 100%; height: 12px; margin: 20px 0; accent-color: var(--green); }
.provision-tabs { display:flex; gap:8px; margin-top:24px; padding-bottom:10px; border-bottom:1px solid var(--line-soft); }
.provision-tab { min-height:34px; padding:0 13px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted); font-size:12px; font-weight:700; cursor:pointer; }
.provision-tab:hover { color:var(--text); background:var(--surface-2); }.provision-tab.active { border-color:rgba(90,167,255,.32); background:rgba(90,167,255,.12); color:#d8edff; }
.provision-tab-panel { min-height:120px; padding-top:4px; }
.provision-history-item { border: 1px solid var(--line); border-radius: 10px; margin-top: 12px; overflow: hidden; }
.provision-history-item summary { cursor: pointer; padding: 16px; background: var(--surface-2); overflow-wrap: anywhere; }
.provision-history-item summary span, .provision-history-item summary small { display: block; margin-top: 6px; color: var(--muted); }
.provision-table-scroll { overflow-x: auto; }
.provision-table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; font-size: 13px; }
.provision-table th, .provision-table td { padding: 14px; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
.provision-table th { font-size: 12px; background: var(--surface-2); }
.provision-result { min-width: 190px; overflow-wrap: anywhere; }
.provision-deal-id { display: block; margin-top: 4px; color: var(--muted); }
.provision-history-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 16px 0; }
.provision-history-actions .button { font-size: 12px; text-decoration: none; }
.provision-queue-item, .provision-document-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }
.provision-queue-item strong, .provision-queue-item span, .provision-document-item strong, .provision-document-item span { display: block; overflow-wrap: anywhere; }
.provision-queue-item span, .provision-queue-item small, .provision-document-item span, .provision-document-pending { color: var(--muted); font-size: 12px; margin-top: 4px; }
.provision-document-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; flex: 0 0 auto; }
.provision-document-actions .button { font-size: 12px; text-decoration: none; }
.provision-queue-empty { color: var(--muted); margin: 8px 0; }
.provision-rerun-note { padding: 0 16px; font-size: 12px; }
.provision-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 16px; }
.provision-filters label { display: grid; gap: 6px; font-size: 12px; color: var(--muted); }
.provision-filters select { max-width: 250px; color: var(--text); background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px; }
.provision-filter-count { color: var(--muted); font-size: 12px; padding-bottom: 12px; }
#provision-loaded-progress { color: var(--green); font-size: 13px; }
@media (max-width: 1100px) { .provision-layout { grid-template-columns: 1fr; } }

/* Bulk Verification */
.verification-layout { display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr); gap:17px; align-items:start; }
.verification-input,.verification-process { padding-bottom:23px; }
.verification-form { display:grid; gap:10px; padding:0 23px 20px; }
.verification-form label { color:#9fb0bd; font-size:11px; font-weight:700; }
.verification-form input,.verification-form textarea { width:100%; padding:11px; border:1px solid #2f475a; border-radius:8px; outline:0; background:#0b151e; color:var(--text); resize:vertical; }
.verification-form small { color:var(--muted); font-size:10px; line-height:1.5; }
.verification-divider { display:flex; align-items:center; gap:10px; padding:0 23px 18px; color:#617586; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.verification-divider::before,.verification-divider::after { content:""; flex:1; height:1px; background:var(--line-soft); }
.verification-ready,.verification-current { margin:0 23px 16px; padding:14px; border:1px solid var(--line); border-radius:10px; background:#0a141d; color:#a9bac7; font-size:11px; line-height:1.6; white-space:pre-line; }
#verification-start { margin-left:23px; }
#verification-progress { width:calc(100% - 46px); height:12px; margin:2px 23px 18px; accent-color:var(--green); }
.verification-process-actions { display:flex; gap:9px; padding:0 23px 17px; }.verification-process-actions .button { display:inline-flex; align-items:center; text-decoration:none; }
.verification-counts { display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:9px; padding:0 23px; }
.verification-counts div { padding:13px; border:1px solid var(--line); border-radius:9px; background:#0a141d; }.verification-counts strong,.verification-counts span { display:block; }.verification-counts strong { font-size:20px; }.verification-counts span { margin-top:4px; color:var(--muted); font-size:9px; }
.verification-results-panel { margin-top:17px; }.verification-toolbar { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:19px 22px; }.verification-toolbar h2 { margin:0; font-size:17px; }
.verification-table-wrap { overflow-x:auto; border-top:1px solid var(--line-soft); }.verification-table { min-width:1250px; font-size:11px; }.verification-table td { line-height:1.45; }.verification-multiline { white-space:pre-line; }.verification-note { min-width:280px; }.verification-note strong,.verification-note span { display:block; }.verification-note strong { color:#b8c8d4; font-weight:600; }.verification-note span { margin-top:5px; color:var(--muted); }
.verification-badge { display:inline-flex; width:max-content; padding:5px 8px; border-radius:999px; background:rgba(130,147,163,.1); color:#aab9c5; font-size:9px; font-weight:800; text-transform:capitalize; white-space:nowrap; }.verification-badge.success { background:rgba(67,211,158,.1); color:#70dbb4; }.verification-badge.warning { background:rgba(241,189,97,.1); color:#f1c978; }.verification-badge.danger { background:rgba(255,115,124,.1); color:#ff9aa1; }.verification-badge.checking { background:rgba(90,167,255,.1); color:#94c9f7; }
.verification-history { padding:0 23px 23px; }.verification-history-row { display:flex; width:100%; align-items:center; justify-content:space-between; gap:15px; min-height:58px; padding:10px 0; border:0; border-top:1px solid var(--line-soft); background:transparent; color:inherit; text-align:left; cursor:pointer; }.verification-history-row:first-child { border-top:0; }.verification-history-row:hover strong { color:var(--blue); }.verification-history-row strong,.verification-history-row small { display:block; }.verification-history-row strong { font-size:11px; }.verification-history-row small { margin-top:4px; color:var(--muted); font-size:9px; }
@media (max-width:1100px) { .verification-layout { grid-template-columns:1fr; } }
@media (max-width:760px) { .verification-toolbar { align-items:stretch; flex-direction:column; }.verification-toolbar .search-wrap { width:100%; }.verification-process-actions { flex-direction:column; }.verification-process-actions .button { justify-content:center; } }

/* ---- Live uploads: counter panel, lane call chips, latest uploads (2026-09-25) ---- */
.uploads-panel { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr); gap:28px; align-items:stretch; padding:22px 24px 20px; background:radial-gradient(700px 220px at 0% 0%,rgba(90,167,255,.12),transparent 70%),linear-gradient(180deg,rgba(18,29,40,.94),rgba(13,22,31,.97)); }
.uploads-title { margin:0 0 10px; font-size:17px; letter-spacing:-.02em; }
.uploads-sub { margin-top:10px; color:var(--muted); font-size:12px; }.uploads-sub b { color:var(--green); font-weight:750; }
.uploads-chart { display:flex; flex-direction:column; min-width:0; padding-left:26px; border-left:1px solid var(--line-soft); }
.uploads-chart-head { display:flex; justify-content:space-between; color:#9cafbd; font-size:11px; }
.spark { display:flex; align-items:flex-end; gap:4px; flex:1; min-height:92px; margin-top:12px; }
.spark .bar { flex:1; min-width:3px; border-radius:3px 3px 0 0; background:rgba(90,167,255,.32); transition:height .6s cubic-bezier(.2,.8,.2,1),background .2s; }
.spark .bar:hover { background:var(--blue); }
.spark .bar.today { background:var(--green); box-shadow:0 0 12px rgba(67,211,158,.45); }
.spark-axis { display:flex; justify-content:space-between; margin-top:6px; color:#5f7486; font-size:10px; }

.rb-counter { position:relative; display:inline-flex; align-items:flex-end; font:800 64px/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:-.03em; color:var(--text); font-variant-numeric:tabular-nums; text-shadow:0 0 28px rgba(90,167,255,.28); }
.rb-digit { position:relative; display:inline-block; width:.62em; height:1.08em; overflow:hidden; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%); }
.rb-reel { position:absolute; left:0; top:0; display:flex; flex-direction:column; width:100%; height:1000%; transition:transform 1.1s cubic-bezier(.34,1.36,.5,1); }
.rb-reel span { display:grid; place-items:center; height:10%; }
.rb-sep { display:inline-block; width:.3em; color:#5f7486; text-align:center; }

.lane-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lane { display:flex; flex-direction:column; gap:12px; min-width:0; min-height:128px; transition:border-color .25s,background .25s; }
.lane.lane-running { border-color:rgba(90,167,255,.4); background:rgba(50,126,204,.07); }
.lane.lane-error { border-color:rgba(255,115,124,.35); background:rgba(255,115,124,.05); }
.lane-chip.call-chip { display:flex; width:100%; }
.lane-foot { display:flex; justify-content:space-between; gap:10px; color:#6f8596; font-size:10.5px; }.lane-count { color:#9fd8c1; font-weight:700; }

.call-chip { --cc-ease:cubic-bezier(.23,1,.32,1); position:relative; display:inline-flex; align-items:center; gap:9px; height:38px; padding:0 13px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#0a131c; color:var(--text); font:12px/1 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:nowrap; }
.call-chip__fill { position:absolute; inset:0; background:rgba(90,167,255,.13); transform:scaleX(0); transform-origin:left center; pointer-events:none; }
.call-chip[data-status="done"] .call-chip__fill { background:rgba(67,211,158,.13); }
.call-chip[data-status="error"] .call-chip__fill { background:rgba(255,115,124,.16); }
.call-chip[data-status="running"] { border-color:rgba(90,167,255,.45); }
.call-chip__slot { position:relative; flex:none; width:16px; height:16px; overflow:hidden; }
.call-chip__glyph { position:absolute; inset:0; display:grid; place-items:center; opacity:0; transform:translateY(70%); filter:blur(3px); }
.call-chip__glyph svg { width:16px; height:16px; }
.call-chip__glyph[data-state="in"] { opacity:1; transform:none; filter:none; transition:opacity 240ms var(--cc-ease),transform 240ms var(--cc-ease),filter 240ms var(--cc-ease); }
.call-chip__glyph[data-state="out"] { transform:translateY(-70%); transition:opacity 160ms var(--cc-ease),transform 160ms var(--cc-ease),filter 160ms var(--cc-ease); }
.call-chip[data-status="running"] .call-chip__glyph[data-state="in"] { color:var(--blue); }
.call-chip[data-status="done"] .call-chip__glyph[data-state="in"] { color:var(--green); }
.call-chip[data-status="error"] .call-chip__glyph[data-state="in"] { color:var(--red); }
.call-chip[data-status="idle"] { color:#8293a3; }
.call-chip__name,.call-chip__arg,.call-chip__timer { position:relative; }
.call-chip__name { font-weight:700; }
.call-chip__arg { min-width:0; overflow:hidden; text-overflow:ellipsis; opacity:.75; }
.call-chip__timer { min-width:6ch; margin-left:auto; text-align:right; opacity:.55; font-variant-numeric:tabular-nums; }

.last-outcome { font-family:inherit; font-size:12px; }
.outcome-head { display:grid; grid-template-columns:auto 1fr; gap:4px 10px; align-items:center; padding:13px 14px; border:1px solid var(--line); border-radius:11px; background:#0c151e; }
.outcome-head strong { font-size:13px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.outcome-meta,.outcome-detail { grid-column:2; color:var(--muted); font-size:11px; }
.outcome-status { grid-row:span 3; align-self:start; padding:4px 8px; border-radius:999px; font-size:9px; font-weight:850; letter-spacing:.1em; background:rgba(130,147,163,.12); color:#9cafbd; }
.outcome-done .outcome-status { background:rgba(67,211,158,.12); color:#75deb7; }.outcome-done { border-color:rgba(67,211,158,.22); }
.outcome-fail .outcome-status { background:rgba(255,115,124,.12); color:#ff9aa1; }.outcome-fail { border-color:rgba(255,115,124,.22); }
.outcome-review .outcome-status,.outcome-manual .outcome-status { background:rgba(241,189,97,.12); color:#f1c978; }
.recent-label { margin:16px 0 6px; color:#64798a; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.recent-uploads { display:grid; gap:1px; margin:0; padding:0; list-style:none; }
.recent-uploads li { display:grid; grid-template-columns:44px 74px minmax(0,1fr) 42px; gap:8px; align-items:center; padding:6px 4px; border-radius:7px; }
.recent-uploads li:hover { background:rgba(90,167,255,.04); }
.recent-uploads time,.recent-uploads .dur { color:#64798a; font-size:10.5px; font-variant-numeric:tabular-nums; }.recent-uploads .dur { text-align:right; }
.recent-uploads .who { overflow:hidden; color:#c8d5df; text-overflow:ellipsis; white-space:nowrap; }
.acc-tag { justify-self:start; padding:2px 7px; border:1px solid var(--line); border-radius:999px; color:#9cafbd; font-size:9.5px; }
.acc-tag.acc-brasov { border-color:rgba(90,167,255,.3); color:#8cc3ff; }.acc-tag.acc-globecall { border-color:rgba(241,189,97,.3); color:#f1c978; }

@media (max-width:1100px) { .uploads-panel { grid-template-columns:1fr; } .uploads-chart { padding:18px 0 0; border-left:0; border-top:1px solid var(--line-soft); } }
@media (max-width:640px) { .rb-counter { font-size:46px; } .recent-uploads li { grid-template-columns:40px minmax(0,1fr) 38px; } .recent-uploads .acc-tag { display:none; } }
@media (prefers-reduced-motion:reduce) { .rb-reel,.spark .bar { transition:none; } }
@media (max-width:760px) { .lane-grid { grid-template-columns:minmax(0,1fr); } }

/* ---- Weekly upload hours calendar (2026-09-25) ---- */
.schedule-panel { margin-top:17px; }
.schedule-panel.dirty { border-color:rgba(241,189,97,.35); }
.schedule-heading { align-items:flex-end; }
.sched-status { margin:6px 0 0; font-size:12px; color:var(--muted); }
.sched-status.open { color:#75deb7; }.sched-status.closed { color:#f1c978; }.sched-status.warn { color:var(--amber); }
.sched-actions { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; }
.sched-tz { display:grid; gap:4px; color:#64798a; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sched-tz select { width:170px; min-height:35px; }
.sched-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:9px; padding:0 23px 12px; }
.sched-day { display:flex; flex-direction:column; gap:10px; min-width:0; padding:13px 12px 12px; border:1px solid var(--line); border-radius:11px; background:#0c151e; transition:border-color .2s,background .2s,opacity .2s; }
.sched-day.is-today { border-color:rgba(90,167,255,.45); background:rgba(50,126,204,.07); }
.sched-day.is-open { box-shadow:0 0 0 1px rgba(67,211,158,.25),0 0 22px rgba(67,211,158,.08); }
.sched-day.is-off { opacity:.62; }
.sched-day-top { display:flex; align-items:center; justify-content:space-between; }
.sched-day-top strong { font-size:13px; letter-spacing:.02em; }
.sched-today { display:none; padding:2px 7px; border-radius:999px; background:rgba(90,167,255,.15); color:#8cc3ff; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.sched-day.is-today .sched-today { display:inline-block; }
.sched-mode { display:grid; grid-template-columns:repeat(3,1fr); padding:2px; border:1px solid var(--line); border-radius:8px; background:#09121a; }
.sched-mode button { min-height:26px; padding:0; border:0; border-radius:6px; background:transparent; color:#7f93a4; font-size:10px; font-weight:750; cursor:pointer; }
.sched-mode button:hover { color:#d9e5ed; }
.sched-mode button.on { background:#1c3550; color:#fff; }
.sched-day.is-off .sched-mode button.on { background:rgba(255,115,124,.18); color:#ffb2b7; }
.sched-times { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:4px; color:#64798a; font-size:11px; }
.sched-times[hidden] { display:none; }
.sched-times input { width:100%; min-width:0; min-height:30px; padding:0 4px; border:1px solid #2f475a; border-radius:7px; background:#0b151e; color:var(--text); font:11px ui-monospace,SFMono-Regular,Consolas,monospace; color-scheme:dark; }
.sched-bar { position:relative; height:8px; border-radius:99px; background:#16222e; overflow:hidden; }
.sched-fill { position:absolute; top:0; bottom:0; border-radius:99px; background:linear-gradient(90deg,#2876c6,#43d39e); transition:left .3s,width .3s; }
.sched-now { position:absolute; top:-2px; bottom:-2px; width:2px; margin-left:-1px; background:#fff; box-shadow:0 0 6px #fff; }
.sched-now[hidden] { display:none; }
.sched-label { color:#9cafbd; font-size:11px; font-variant-numeric:tabular-nums; }
.sched-day.is-off .sched-label { color:#ff9aa1; }
.sched-note { margin:0; padding:0 23px 20px; color:#64798a; font-size:11px; }
@media (max-width:1300px) { .sched-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:760px) { .sched-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sched-actions { width:100%; } .sched-tz { flex:1; } .sched-tz select { width:100%; } }

/* ---- MV tab: parallel booking + send list (2026-10-16) ---- */
.mv-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin-bottom:17px; }
.mv-control { display:grid; align-content:start; gap:12px; padding:18px 21px; }
.mv-control h3 { margin:5px 0 4px; font-size:15px; }
.mv-control .muted { margin:0; font-size:11px; line-height:1.5; }
.mv-control-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.mv-control-actions .button { min-height:36px; }
.mv-count { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; font-weight:700; }
.mv-count input, #mv-sl-input { min-height:36px; padding:0 10px; border:1px solid #2f475a; border-radius:8px; outline:0; background:#0b151e; color:var(--text); font-size:12px; }
.mv-count input { width:66px; }
#mv-sl-input { flex:1; min-width:180px; }
.mv-sl-ids { display:flex; flex-wrap:wrap; gap:6px; max-height:160px; overflow:auto; }
.mv-sl-id { display:inline-flex; align-items:center; gap:4px; min-height:26px; padding:0 4px 0 9px; border:1px solid var(--line); border-radius:7px; color:#cfdbe4; font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.mv-sl-id[data-state="ready"] { border-color:rgba(90,167,255,.45); }
.mv-sl-id[data-state="fix"], .mv-sl-id[data-state="danger"] { border-color:rgba(255,184,77,.5); }
.mv-sl-id button { min-height:22px; padding:0 5px; border:0; background:none; color:var(--muted); cursor:pointer; }
.mv-sl-id button:hover { color:var(--red); }
@media (max-width:900px) { .mv-controls { grid-template-columns:1fr; } }
.nav-group { margin:16px 12px 3px; color:#5f7689; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.nav-group:first-child { margin-top:0; }
.bk-tabs { flex-wrap:wrap; margin-bottom:17px; }
.button.ghost.junk { border-color:rgba(255,115,124,.35); color:#ff9aa1; }.button.ghost.junk:hover { border-color:rgba(255,115,124,.6); background:rgba(255,115,124,.08); color:#ffc2c6; }
.bk-tabs .filter-chip { min-height:36px; padding:0 16px; font-size:12px; font-weight:700; letter-spacing:.04em; }