:root {
  --bg: #090b11;
  --surface: #12151d;
  --surface-soft: #171b25;
  --ink: #f3f4f8;
  --muted: #9299aa;
  --line: #252a36;
  --navy: #0d0f17;
  --navy-2: #1b1f2d;
  --accent: #60a5fa;
  --accent-action: #2563eb;
  --accent-soft: #172e4c;
  --green: #57c5a5;
  --green-soft: #17352e;
  --amber: #e7a64c;
  --amber-soft: #3c2b17;
  --red: #f08094;
  --red-soft: #3d2028;
  --shadow: 0 1px 2px rgba(0, 0, 0, .22), 0 14px 36px rgba(0, 0, 0, .22);
  font-family: "DM Sans", system-ui, sans-serif;
  color: var(--ink);
  background: var(--bg);
  font-synthesis: none;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body, #app { margin: 0; min-height: 100%; }
body { min-width: 320px; background: radial-gradient(circle at 78% -10%, rgba(37, 99, 235, .12), transparent 32%), var(--bg); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
[hidden] { display: none !important; }
.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; }
.inventory-runway-cell { display: grid; gap: 7px; min-width: 125px; padding: 10px; border-radius: 9px; }
.inventory-runway-cell strong { font-size: 21px; }
.inventory-runway-cell small { display: block; color: var(--muted); font-size: 13px; line-height: 1.45; }
.inventory-runway-cell span { font-size: 15px; }
.inventory-runway-cell.low, .inventory-runway-cell.out_of_stock { background: #7f1d1d33; color: #fca5a5; }
.inventory-runway-cell.watch { background: #78350f33; color: #fcd34d; }
.inventory-runway-cell.covered { background: #064e3b33; color: #6ee7b7; }
.inventory-runway-cell.unknown { color: var(--muted); }
.inventory-matrix th:first-child { position: sticky; left: 0; z-index: 1; background: var(--panel, #111827); min-width: 195px; }
.inventory-matrix td { vertical-align: top; }
.inventory-runway-table td { vertical-align: top; }
.inventory-runway-table td > small { display: block; max-width: 190px; margin-top: 8px; color: var(--muted); }
.inventory-workspace { max-width: 1500px; margin: auto; }
.inventory-heading h1 { margin: 0 0 8px; font-size: 32px; }
.inventory-heading p, .inventory-caveat { color: var(--muted); line-height: 1.6; }
.inventory-tabs, .inventory-filters { display: flex; gap: 12px; flex-wrap: wrap; margin: 22px 0; }
.inventory-notice { padding: 18px; border: 1px solid #365b88; border-radius: 12px; background: rgba(59,130,246,.08); line-height: 1.6; }
.inventory-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin: 24px 0; }
.inventory-summary > div, .inventory-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 22px; }
.inventory-summary strong { display: block; font-size: 28px; margin-bottom: 8px; }
.inventory-summary span, .inventory-task small { color: var(--muted); }
.inventory-panel { margin: 20px 0; }
.inventory-panel h2 { margin-top: 0; font-size: 23px; }
.inventory-task { padding: 16px 0; border-bottom: 1px solid var(--line); }
.inventory-task:last-child { border: 0; }
.inventory-task h3 { margin: 0 0 8px; font-size: 19px; }
.inventory-task p { margin: 8px 0; line-height: 1.5; color: var(--muted); }
.inventory-filters label { display: flex; flex-direction: column; gap: 8px; }
.inventory-filters select, .inventory-filters input { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; padding: 11px 14px; min-width: 260px; }
.inventory-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.inventory-table { width: 100%; border-collapse: collapse; font-size: 16px; }
.inventory-table td, .inventory-table th { padding: 17px; text-align: left; vertical-align: top; min-width: 175px; border-bottom: 1px solid var(--line); }
.inventory-table tbody th { min-width: 245px; font-weight: 600; }
.inventory-table small { display: block; font-size: 14px; color: var(--muted); line-height: 1.6; margin-top: 7px; }
.inventory-table strong { font-size: 23px; }
.inventory-table details[open] { min-width: 340px; }
.inventory-table summary, .inventory-panel summary { cursor: pointer; font-weight: 600; }
.inventory-position { padding: 14px 0; border-bottom: 1px solid var(--line); }
.inventory-position strong { font-size: 17px; }
.inventory-position p { line-height: 1.5; }
.inventory-unknown { color: var(--muted); }
@media (max-width: 700px) { .inventory-summary { grid-template-columns: 1fr; } .inventory-tabs .btn { width: 100%; } }

.skip-link { position: fixed; left: 12px; top: 12px; z-index: 1000; transform: translateY(-160%); border-radius: 8px; background: white; color: #111827; padding: 10px 14px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
:where(a, button, input, select, textarea, summary, [role="button"]):focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }
.period-picker select:focus-visible, .filter-select:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.boot { min-height: 100vh; display: flex; align-items: center; justify-content: center; gap: 13px; color: var(--muted); }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; background: var(--accent-action); color: white; display: grid; place-items: center; font: 700 18px Manrope; box-shadow: 0 8px 20px rgba(37, 99, 235, .24); }

.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(480px, 1fr) minmax(420px, 640px); background: var(--surface); }
.login-art { position: relative; overflow: hidden; padding: 50px; background: #132b49; color: white; display: flex; flex-direction: column; }
.login-art::before { content: ""; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; left: -170px; bottom: -160px; box-shadow: 0 0 0 95px rgba(255,255,255,.02), 0 0 0 190px rgba(255,255,255,.018); }
.login-art::after { content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #60a5fa, #2563eb 55%, transparent 56%); filter: blur(1px); right: -95px; top: -70px; opacity: .72; }
.login-brand { position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; font: 700 19px Manrope; }
.login-copy { position: relative; z-index: 1; max-width: 600px; margin: auto 0; padding-bottom: 30px; }
.login-copy .eyebrow { color: #93c5fd; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 700; }
.login-copy h1 { font: 700 clamp(38px, 5vw, 64px)/1.07 Manrope; letter-spacing: -.045em; margin: 18px 0 20px; }
.login-copy p { color: #c7cad6; font-size: 17px; line-height: 1.7; max-width: 520px; }
.trust-row { display: flex; gap: 24px; margin-top: 35px; color: #d5d7e2; font-size: 13px; }
.trust-row span { display: flex; gap: 8px; align-items: center; }
.login-panel { display: grid; place-items: center; padding: 42px; background: #0c0f16; }
.login-card { width: min(100%, 410px); }
.login-card h2 { font: 700 30px Manrope; letter-spacing: -.03em; margin: 0 0 9px; }
.login-card > p { color: var(--muted); margin: 0 0 34px; }
.field { display: grid; gap: 8px; margin-bottom: 18px; }
.field label { font-size: 13px; font-weight: 600; color: #c9cdda; }
.field input, .field select, .field textarea, .search-input { width: 100%; border: 1px solid #303644; border-radius: 10px; padding: 12px 13px; outline: none; background: #10131b; color: var(--ink); transition: .18s; }
.field textarea { min-height: 85px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus, .search-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(37, 99, 235, .11); }
.btn { border: 0; border-radius: 9px; padding: 10px 15px; font-weight: 600; display: inline-flex; gap: 8px; align-items: center; justify-content: center; transition: transform .15s, box-shadow .15s, background .15s; }
.btn svg { flex: 0 0 auto; height: 15px; width: 15px; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--accent-action); color: white; box-shadow: 0 6px 14px rgba(37, 99, 235, .19); }
.btn-primary:hover { background: #1d4ed8; box-shadow: 0 8px 20px rgba(37, 99, 235, .25); }
.btn-secondary { background: #181c26; color: #d9dce5; border: 1px solid #303644; }
.btn-danger { background: var(--red-soft); color: var(--red); }
.btn-block { width: 100%; min-height: 44px; }
.login-hint { padding: 13px 15px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 12px; line-height: 1.55; margin-top: 18px; }
.form-error { color: var(--red); font-size: 13px; margin: -4px 0 13px; min-height: 18px; }

.shell { min-height: 100vh; display: grid; grid-template-columns: 232px minmax(0, 1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; padding: 27px 16px 20px; background: var(--navy); color: #b8bbcb; display: flex; flex-direction: column; z-index: 40; }
.sidebar-brand { display: flex; align-items: center; gap: 11px; color: white; font: 700 17px Manrope; padding: 0 10px 29px; }
.sidebar-brand .brand-mark { width: 34px; height: 34px; border-radius: 10px; }
.nav-label { text-transform: uppercase; letter-spacing: .12em; font-size: 9px; font-weight: 700; color: #767b92; padding: 8px 12px; }
.nav { display: grid; gap: 5px; }
.nav :is(button,a) { width: 100%; border: 0; background: transparent; color: inherit; border-radius: 9px; padding: 10px 11px; display: flex; align-items: center; gap: 11px; font-size: 16px; text-align: left; text-decoration:none; }
.nav :is(button,a):hover { color: white; background: rgba(255,255,255,.05); }
.nav :is(button,a).active { background: var(--navy-2); color: white; box-shadow: inset 3px 0 var(--accent); }
.nav svg { width: 17px; height: 17px; opacity: .85; }
.sidebar-bottom { margin-top: auto; }
.support-card { border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.035); border-radius: 12px; padding: 14px; font-size: 11px; line-height: 1.5; margin: 10px 4px 18px; }
.support-card strong { display: block; color: white; font-size: 12px; margin-bottom: 4px; }
.user-chip { display: flex; gap: 10px; align-items: center; padding: 11px 8px 3px; border-top: 1px solid rgba(255,255,255,.08); }
.avatar { width: 33px; height: 33px; border-radius: 10px; display: grid; place-items: center; background: #294565; color: white; font-weight: 700; font-size: 12px; }
.user-meta { min-width: 0; flex: 1; }
.user-meta strong { color: white; display: block; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-meta span { font-size: 10px; }
.icon-button { border: 0; background: transparent; color: inherit; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; }
.icon-button:hover { background: rgba(255,255,255,.08); color: white; }

.main { grid-column: 2; min-width: 0; }
.topbar { height: 74px; padding: 0 30px; background: rgba(12,15,22,.88); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 30; backdrop-filter: blur(16px); }
.top-title { font: 700 16px Manrope; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.period-picker { display: flex; align-items: center; gap: 8px; border: 1px solid #303644; border-radius: 9px; padding: 8px 10px; background: #141821; }
.period-picker select { border: 0; outline: 0; color: #d7dae3; font-size: 12px; font-weight: 600; background: transparent; }
.mobile-menu { display: none; }
.content { padding: 29px 30px 50px; max-width: 1500px; margin: 0 auto; }
.page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.page-head h1 { font: 700 25px Manrope; letter-spacing: -.03em; margin: 0 0 6px; }
.page-head p { margin: 0; color: var(--muted); font-size: 13px; }
.page-actions { display: flex; align-items: center; gap: 9px; }

.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.stat-card { background: linear-gradient(145deg, #151923, #10131b); border: 1px solid var(--line); border-radius: 12px; padding: 18px 18px 16px; box-shadow: var(--shadow); }
.stat-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 11px; font-weight: 600; }
.stat-icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); }
.stat-icon.green { background: var(--green-soft); color: var(--green); }
.stat-icon.amber { background: var(--amber-soft); color: var(--amber); }
.stat-icon.navy { background: #252b3a; color: #b9c1db; }
.stat-icon svg { width: 15px; }
.stat-value { font: 700 23px Manrope; letter-spacing: -.025em; margin: 16px 0 4px; }
.stat-note { font-size: 10px; color: #9297a6; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 18px; }
.card { background: linear-gradient(155deg, #141821, #10131a); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; }
.card-header { min-height: 61px; padding: 16px 18px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.card-header h2 { font: 700 14px Manrope; margin: 0 0 3px; }
.card-header p { color: var(--muted); margin: 0; font-size: 10px; }
.card-link { color: var(--accent); border: 0; background: transparent; font-size: 11px; font-weight: 600; }
.filing-row { display: grid; grid-template-columns: minmax(150px, 1fr) 86px 110px 100px 28px; gap: 12px; align-items: center; padding: 14px 18px; border-bottom: 1px solid #eff0f4; font-size: 12px; }
.filing-row:last-child { border-bottom: 0; }
.filing-row:hover { background: rgba(255,255,255,.025); }
.country { display: flex; gap: 10px; align-items: center; min-width: 0; }
.flag { font-size: 19px; line-height: 1; filter: saturate(.9); }
.country strong { display: block; font-size: 12px; color: #eceef4; }
.country span { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
.amount { font-weight: 600; text-align: right; }
.amount span { display: block; color: var(--muted); font-size: 9px; font-weight: 400; margin-top: 2px; }
.due { font-size: 11px; color: #aeb4c4; }
.due.overdue { color: var(--red); }
.status { justify-self: start; border-radius: 999px; padding: 5px 8px; font-size: 9px; font-weight: 700; text-transform: capitalize; white-space: nowrap; }
.status-draft { background: #282d39; color: #aeb4c3; }
.status-review { background: var(--amber-soft); color: var(--amber); }
.status-ready { background: var(--accent-soft); color: #93c5fd; }
.status-submitted, .status-paid { background: var(--green-soft); color: var(--green); }
.row-chevron { color: #697083; }
.empty { padding: 40px 20px; text-align: center; color: var(--muted); font-size: 12px; }

.progress-card { padding-bottom: 18px; }
.ring-wrap { display: grid; place-items: center; padding: 25px 15px 18px; }
.ring { width: 144px; height: 144px; border-radius: 50%; display: grid; place-items: center; position: relative; background: conic-gradient(var(--accent) calc(var(--value) * 1%), #ececf3 0); }
.ring::after { content: ""; width: 108px; height: 108px; background: #12151d; border-radius: 50%; position: absolute; }
.ring-value { position: relative; z-index: 1; text-align: center; }
.ring-value strong { display: block; font: 700 27px Manrope; }
.ring-value span { color: var(--muted); font-size: 10px; }
.progress-legend { display: grid; gap: 11px; padding: 0 20px; }
.legend-row { display: grid; grid-template-columns: 8px 1fr auto; gap: 8px; align-items: center; font-size: 10px; color: var(--muted); }
.dot { width: 7px; height: 7px; border-radius: 50%; background: #434959; }
.dot.ready { background: var(--accent); }
.dot.done { background: var(--green); }
.dot.attention { background: var(--amber); }
.activity-list { padding: 6px 18px 14px; }
.activity-item { position: relative; padding: 10px 0 10px 24px; font-size: 10px; color: var(--muted); border-left: 1px solid var(--line); margin-left: 4px; }
.activity-item::before { content: ""; position: absolute; width: 8px; height: 8px; background: #12151d; border: 2px solid #93c5fd; border-radius: 50%; left: -5px; top: 14px; }
.activity-item strong { color: #e4e6ed; display: block; font-size: 11px; margin-bottom: 3px; }

.toolbar { padding: 13px 15px; display: flex; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); }
.search-wrap { position: relative; max-width: 300px; flex: 1; }
.search-wrap svg { position: absolute; width: 14px; left: 11px; top: 50%; transform: translateY(-50%); color: #979ba8; }
.search-input { padding: 9px 11px 9px 34px; font-size: 11px; }
.filter-select { border: 1px solid #303644; border-radius: 9px; background: #141821; padding: 9px 10px; color: #d0d4df; outline: 0; font-size: 11px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 11px; }
th { padding: 11px 15px; text-align: left; color: #848c9e; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; background: #0e1118; border-bottom: 1px solid var(--line); white-space: nowrap; }
td { padding: 13px 15px; border-bottom: 1px solid #eff0f4; white-space: nowrap; }
tbody tr:hover { background: rgba(255,255,255,.025); }
.text-right { text-align: right; }
.order-id { font-weight: 600; color: #d6d9e2; }
.type-pill { border-radius: 999px; padding: 4px 7px; background: #eff5f3; color: var(--green); text-transform: capitalize; font-size: 9px; font-weight: 600; }
.type-pill.refund { background: var(--red-soft); color: var(--red); }
.pagination { min-height: 55px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 10px; }

.filing-summary-strip { background: #10141c; border: 1px solid var(--line); border-radius: 12px; display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 16px; overflow: hidden; }
.filing-summary-strip div { border-right: 1px solid var(--line); display: grid; gap: 3px; padding: 15px 18px; }
.filing-summary-strip div:last-child { border-right: 0; }
.filing-summary-strip strong { font: 700 18px Manrope,sans-serif; }
.filing-summary-strip span { color: var(--muted); font-size: 12px; }
.filing-list { overflow: hidden; }
.filing-list-header, .filing-list-row { display: grid; gap: 16px; grid-template-columns: minmax(170px,.8fr) minmax(280px,1.55fr) 120px 145px 90px 145px; }
.filing-list-header { background: #0e1118; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; letter-spacing: .05em; padding: 11px 18px; text-transform: uppercase; }
.filing-list-row { align-items: center; border-bottom: 1px solid var(--line); padding: 17px 18px; }
.filing-list-row:last-child { border-bottom: 0; }
.filing-list-row:hover { background: rgba(255,255,255,.02); }
.filing-country { align-items: center; display: flex; gap: 11px; min-width: 0; }
.filing-country h3 { font: 700 16px Manrope,sans-serif; margin: 0 0 3px; }
.filing-country span, .filing-next span, .filing-payable span, .filing-deadline span { color: var(--muted); display: block; font-size: 12px; line-height: 1.4; }
.filing-next { min-width: 0; }
.filing-next strong { display: block; font-size: 14px; margin-bottom: 4px; }
.filing-next span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filing-payable strong, .filing-deadline strong { display: block; font-size: 14px; margin-bottom: 3px; }
.filing-deadline.overdue strong { color: var(--red); }
.filing-status-stack { align-items: flex-start; display: grid; gap: 5px; }
.filing-status-stack small { color: var(--muted); font-size: 10px; line-height: 1.3; }
.filing-row-actions { display: flex; gap: 7px; justify-content: flex-end; }
.filing-row-actions .btn { padding: 8px 10px; }
.mini-actions { display: flex; gap: 7px; }
.mini-actions .btn { padding: 7px 10px; font-size: 10px; }

.settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .65fr); gap: 18px; }
.settings-stack { display: grid; align-content: start; gap: 18px; }
.form-body { padding: 20px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-footer { border-top: 1px solid var(--line); padding: 14px 20px; display: flex; justify-content: flex-end; }
.registration-list { padding: 5px 18px; }
.registration-item { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.registration-item:last-child { border: 0; }
.registration-item .country { flex: 1; }
.registration-section-label { padding: 14px 18px 8px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.scope-badge { border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .04em; padding: 4px 7px; text-transform: uppercase; }
.scope-active { border-color: rgba(52,211,153,.35); color: #6ee7b7; }
.scope-monitor { border-color: rgba(251,191,36,.35); color: #fcd34d; }
.scope-hidden { border-color: rgba(148,163,184,.3); color: #cbd5e1; }
.scope-exit { border-color: rgba(248,113,113,.3); color: #fca5a5; }
.parked-registrations { border-top: 1px solid var(--border); }
.parked-registrations summary { color: var(--muted); cursor: pointer; font-size: 11px; padding: 14px 18px; }
.integration-hero { align-items: center; display: flex; justify-content: space-between; padding: 22px; }
.integration-title { align-items: center; display: flex; gap: 14px; }
.integration-title h2 { font-size: 16px; margin: 0 0 5px; }
.integration-title p, .integration-meta { color: var(--muted); font-size: 10px; }
.integration-mark { align-items: center; background: linear-gradient(145deg,#173b79,#2459a5); border-radius: 12px; color: white; display: flex; font-family: Manrope,sans-serif; font-weight: 700; height: 44px; justify-content: center; width: 44px; }
.integration-mark.mercury-mark { background: linear-gradient(145deg,#4a3d16,#735d1b); color: #ffe17a; font-size: 19px; }
.integration-meta { align-items: center; display: flex; gap: 10px; margin: 14px 0 0 58px; }
.readiness-card { margin: 18px 0; }
.readiness-list { display: grid; gap: 8px; padding: 0 18px; }
.readiness-list div { align-items: center; color: #d8dce7; display: flex; font-size: 11px; gap: 9px; }
.readiness-list span { color: #fbbf24; }
.automation-readiness-card { margin-bottom: 18px; overflow: hidden; }
.readiness-country-list { border-top: 1px solid var(--line); }
.readiness-country-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 14px; grid-template-columns: minmax(170px,.85fr) 135px minmax(300px,1.5fr) minmax(230px,1fr) auto; padding: 16px 18px; }
.readiness-country-row:last-child { border-bottom: 0; }
.readiness-country { align-items: center; display: flex; gap: 10px; min-width: 0; }
.readiness-country strong, .readiness-country span { display: block; }
.readiness-country strong { font: 700 14px Manrope,sans-serif; margin-bottom: 3px; }
.readiness-country div > span, .readiness-stage small, .readiness-blocker span { color: var(--muted); font-size: 11px; line-height: 1.4; }
.readiness-stage { align-items: flex-start; display: grid; gap: 6px; }
.capability-list { display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(125px,1fr)); }
.capability-chip { background: #11151e; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); display: grid; font-size: 10px; gap: 2px; padding: 7px 9px; }
.capability-chip b { color: #dfe3ec; font-size: 10px; }
.capability-chip.capability-ready { border-color: rgba(52,211,153,.28); color: #6ee7b7; }
.capability-chip.capability-progress { border-color: rgba(59,130,246,.3); color: #93c5fd; }
.capability-chip.capability-manual { color: #fcd34d; }
.readiness-blocker { display: grid; gap: 4px; min-width: 0; }
.readiness-blocker strong { font-size: 11px; }
.readiness-blocker details { color: var(--muted); font-size: 11px; margin-top: 4px; }
.readiness-blocker summary { color: #93c5fd; cursor: pointer; }
.requirement-line { padding-top: 5px; }
.requirement-line.done { color: #6ee7b7; }
.integration-alert { border: 1px solid rgba(248,113,113,.3); border-radius: 10px; color: #fca5a5; font-size: 11px; margin-top: 14px; padding: 12px 14px; }
.integration-alert strong { display: block; margin-bottom: 4px; }
.integration-grid { margin-top: 18px; }
.integration-disclosure { margin-top: 18px; overflow: hidden; }
.integration-disclosure > summary { align-items: center; cursor: pointer; display: flex; font: 700 14px Manrope,sans-serif; justify-content: space-between; list-style: none; padding: 16px 19px; }
.integration-disclosure > summary::-webkit-details-marker { display: none; }
.integration-disclosure > summary span { align-items: center; display: flex; gap: 10px; }
.integration-disclosure > summary span::before { color: var(--accent); content: '+'; font-size: 20px; font-weight: 500; line-height: 1; width: 13px; }
.integration-disclosure[open] > summary span::before { content: '−'; }
.integration-disclosure > summary small { color: var(--muted); font: 500 11px Inter,sans-serif; }
.disclosure-body { border-top: 1px solid var(--line); padding: 18px; }
.disclosure-body .integration-grid { margin-top: 0; }
.nested-card { box-shadow: none; }
.integration-records { display: grid; gap: 18px; }
.integration-summary { display: grid; gap: 0; }
.integration-summary div { align-items: center; border-top: 1px solid var(--border); display: flex; justify-content: space-between; padding: 15px 18px; }
.integration-summary div:first-child { border-top: 0; }
.integration-summary span { color: var(--muted); font-size: 10px; }
.integration-summary strong { font-size: 11px; }
.manual-payment-card .form-body { display: grid; gap: 18px; }
.payment-steps { background: rgba(59,130,246,.08); border: 1px solid rgba(59,130,246,.28); border-radius: 10px; color: #d8dce7; font-size: 13px; line-height: 1.65; padding: 15px 18px; }
.payment-steps > strong { color: var(--ink); display: block; font-size: 14px; margin-bottom: 5px; }
.payment-steps ol { margin: 0; padding-left: 20px; }
.payment-details-grid { border: 1px solid var(--line); border-radius: 12px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
.payment-detail { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 5px; grid-template-columns: 1fr auto; min-height: 76px; padding: 13px 15px; }
.payment-detail:nth-child(odd) { border-right: 1px solid var(--line); }
.payment-detail:nth-last-child(-n+2) { border-bottom: 0; }
.payment-detail span { color: var(--muted); font-size: 11px; grid-column: 1 / -1; text-transform: uppercase; }
.payment-detail strong { color: #f2f4f8; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.copy-button { background: #202532; border: 1px solid #343b4c; border-radius: 7px; color: #cdd2df; cursor: pointer; font: 600 11px Inter,sans-serif; padding: 6px 9px; }
.copy-button:hover { border-color: var(--accent); color: white; }
.hmrc-box-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 15px; margin-top: 15px; }
.hmrc-declaration { align-items: flex-start; background: #10141c; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; display: flex; font-size: 11px; gap: 10px; line-height: 1.5; margin: 8px 0 14px; padding: 13px; }
.hmrc-declaration input { flex: 0 0 auto; margin-top: 2px; width: auto; }
.hmrc-workflow-note { color: var(--muted); font-size: 10px; margin: 12px 0 0; }
.registration-item .icon-button { color: #74798a; }
.registration-item .icon-button:hover { background: #222735; color: var(--accent); }
.muted-box { background: #0e1118; border: 1px solid var(--line); padding: 14px; border-radius: 9px; color: var(--muted); font-size: 11px; line-height: 1.55; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,.68); display: grid; place-items: center; padding: 20px; backdrop-filter: blur(5px); }
.modal { width: min(100%, 500px); max-height: calc(100vh - 40px); overflow: auto; background: #141821; border: 1px solid #2b3040; border-radius: 14px; box-shadow: 0 25px 65px rgba(0,0,0,.5); }
.modal-header { padding: 19px 20px 15px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: flex-start; }
.modal-header h2 { margin: 0 0 4px; font: 700 17px Manrope; }
.modal-header p { color: var(--muted); font-size: 11px; margin: 0; }
.modal-header .icon-button:hover { background: #222735; color: var(--ink); }
.modal-body { padding: 20px; }
.modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--line); }
.dropzone { display: grid; place-items: center; text-align: center; padding: 35px 20px; border: 1.5px dashed #3b4150; border-radius: 12px; background: #0e1118; transition: .15s; }
.dropzone:hover, .dropzone.dragover { border-color: var(--accent); background: var(--accent-soft); }
.drop-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--accent); background: #191d28; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 12px; }
.dropzone strong { font-size: 12px; }
.dropzone p { color: var(--muted); font-size: 10px; margin: 5px 0 0; }
.file-chip { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 9px; padding: 11px 12px; margin-top: 13px; font-size: 11px; }
.file-chip span { flex: 1; overflow: hidden; text-overflow: ellipsis; }
.import-help { color: var(--muted); font-size: 10px; line-height: 1.6; margin-top: 14px; }
.import-result { padding: 14px; background: var(--green-soft); color: var(--green); border-radius: 9px; font-size: 11px; line-height: 1.6; }
.subtle-line { color: var(--muted); display: block; font-size: 9px; margin-top: 4px; max-width: 420px; overflow: hidden; text-overflow: ellipsis; }
.document-download { display: inline-grid; text-decoration: none; }
.reconciliation-strip { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; padding: 18px; font-size: 12px; }
.reconciliation-strip > span:not(.scope-badge) { color: var(--muted); }

.eyebrow-label { color: #93c5fd; font-size: 9px; font-weight: 800; letter-spacing: .13em; margin-bottom: 7px; text-transform: uppercase; }
.period-notice { background: var(--amber-soft); border: 1px solid rgba(231,166,76,.3); border-radius: 10px; color: #e8c58e; font-size: 11px; line-height: 1.55; margin-bottom: 16px; padding: 13px 16px; }
.period-notice strong { color: #ffd38c; margin-right: 5px; }
.close-hero { margin-bottom: 16px; padding: 20px; }
.close-progress { align-items: center; display: flex; gap: 14px; }
.progress-number { color: white; font: 700 30px Manrope; min-width: 64px; }
.close-progress span { color: var(--muted); display: block; font-size: 10px; margin-bottom: 3px; }
.close-progress strong { display: block; font-size: 13px; }
.progress-track { background: #252a36; border-radius: 999px; height: 7px; margin: 17px 0 9px; overflow: hidden; }
.progress-track span { background: linear-gradient(90deg,var(--accent),var(--green)); border-radius: inherit; display: block; height: 100%; min-width: 2px; }
.close-legend { color: var(--muted); display: flex; font-size: 9px; justify-content: space-between; }
.guided-step { align-items: flex-start; border-color: rgba(231,166,76,.3); display: grid; gap: 17px; grid-template-columns: 36px minmax(0,1fr) auto; margin-bottom: 24px; padding: 20px; }
.guided-step.step-complete { border-color: rgba(87,197,165,.3); }
.step-index { align-items: center; background: var(--amber-soft); border-radius: 10px; color: var(--amber); display: flex; font: 700 15px Manrope; height: 36px; justify-content: center; width: 36px; }
.step-complete .step-index { background: var(--green-soft); color: var(--green); }
.step-kicker { color: var(--amber); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.step-complete .step-kicker { color: var(--green); }
.step-copy h2 { font: 700 15px Manrope; margin: 5px 0 7px; }
.step-copy p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 0; }
.step-copy ol { color: #c8ccd7; font-size: 10px; line-height: 1.65; margin: 12px 0 0; padding-left: 18px; }
.source-file { background: #0e1118; border: 1px solid var(--line); border-radius: 8px; color: #cfd3df; display: inline-block; font-size: 10px; margin-top: 12px; padding: 8px 10px; }
.step-action { align-self: center; }
.action-section-head { align-items: end; display: flex; justify-content: space-between; margin: 0 0 12px; }
.action-section-head h2 { font: 700 16px Manrope; margin: 0 0 4px; }
.action-section-head p { color: var(--muted); font-size: 10px; margin: 0; }
.country-action-grid { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 16px; }
.country-action { padding: 18px; }
.country-action.country-complete { border-color: rgba(87,197,165,.22); }
.country-action-head { align-items: flex-start; display: flex; justify-content: space-between; }
.country-due { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); margin: 15px 0; padding: 10px 0; }
.country-due > span { color: #d8dbe4; display: block; font-size: 10px; font-weight: 700; }
.country-due small { color: var(--muted); display: block; font-size: 8px; margin-top: 4px; }
.country-next > span { color: #93c5fd; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.country-next h3 { font: 700 13px/1.35 Manrope; margin: 5px 0 6px; }
.country-next p { color: var(--muted); font-size: 10px; line-height: 1.55; margin: 0; min-height: 47px; }
.country-metrics { background: #0e1118; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 1fr 1fr; margin: 14px 0; }
.country-metrics div { padding: 10px 12px; }
.country-metrics div+div { border-left: 1px solid var(--line); }
.country-metrics span { color: var(--muted); display: block; font-size: 8px; margin-bottom: 3px; }
.country-metrics strong { font-size: 11px; }
.country-action-footer { align-items: center; display: flex; justify-content: space-between; gap: 10px; }
.country-action-footer a { color: #93c5fd; font-size: 9px; }
.country-action-footer .btn { font-size: 9px; padding: 8px 10px; }
.data-guardrail { background: #10141c; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 10px; line-height: 1.55; margin-bottom: 16px; padding: 13px 15px; }
.data-guardrail strong { color: #e1e4ec; display: block; font-size: 10px; margin-bottom: 3px; }
.compact-stats { margin-top: 0; }

/* Slightly larger readability scale without changing the dashboard density. */
body { font-size: 17px; }
.nav button { font-size: 14px; }
.nav-label { font-size: 10px; }
.support-card, .login-hint { font-size: 12px; }
.support-card strong, .user-meta strong { font-size: 13px; }
.user-meta span { font-size: 11px; }
.top-title { font-size: 17px; }
.period-picker select { font-size: 13px; }
.page-head h1 { font-size: 27px; }
.page-head p { font-size: 14px; }
.btn { font-size: 13px; }
.stat-top { font-size: 12px; }
.stat-value { font-size: 25px; }
.stat-note { font-size: 11px; }
.card-header h2 { font-size: 15px; }
.card-header p, .card-link { font-size: 11px; }
.filing-row { font-size: 13px; }
.country strong { font-size: 13px; }
.country span, .due { font-size: 11px; }
.amount span, .status { font-size: 10px; }
.legend-row, .activity-item, .hmrc-workflow-note { font-size: 11px; }
.activity-item strong { font-size: 12px; }
table { font-size: 12px; }
th { font-size: 10px; }
.search-input, .filter-select, .pagination { font-size: 12px; }
.type-pill { font-size: 10px; }
.scope-badge { font-size: 10px; }
.mini-actions .btn { font-size: 11px; }
.field label { font-size: 14px; }
.muted-box, .integration-alert, .readiness-list div { font-size: 12px; }
.integration-title p, .integration-meta, .integration-summary span { font-size: 11px; }
.integration-summary strong { font-size: 12px; }
.modal-header h2 { font-size: 18px; }
.modal-header p, .dropzone strong, .file-chip, .import-result { font-size: 12px; }
.dropzone p, .import-help, .subtle-line { font-size: 11px; }
.eyebrow-label, .step-kicker { font-size: 10px; }
.close-progress span, .action-section-head p { font-size: 11px; }
.close-progress strong { font-size: 14px; }
.close-legend, .country-due small, .country-next > span, .country-metrics span { font-size: 10px; }
.step-copy h2, .action-section-head h2 { font-size: 17px; }
.step-copy p { font-size: 12px; }
.step-copy ol, .source-file { font-size: 11px; }
.country-due > span { font-size: 11px; }
.country-next h3 { font-size: 14px; }
.country-next p, .data-guardrail { font-size: 11px; }
.country-metrics strong { font-size: 12px; }
.country-action-footer a, .country-action-footer .btn { font-size: 10px; }

/* Clearer, larger action-first overview. */
body { font-size: 19px; }
.nav button { font-size: 15px; }
.nav-label { font-size: 11px; }
.support-card, .login-hint { font-size: 13px; }
.support-card strong, .user-meta strong { font-size: 14px; }
.user-meta span { font-size: 12px; }
.period-picker select { font-size: 14px; }
.page-head h1 { font-size: 31px; }
.page-head p { font-size: 16px; line-height: 1.5; }
.btn { font-size: 14px; }
.card-header h2 { font-size: 18px; }
.card-header p { font-size: 13px; }
table { font-size: 14px; }
th { font-size: 11px; }
.field label { font-size: 15px; }
.simple-head { align-items: center; margin-bottom: 20px; }
.simple-status-row { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 18px; }
.simple-status-row > div { background: #131720; border: 1px solid var(--line); border-radius: 11px; display: flex; flex-direction: column; min-height: 86px; padding: 15px 17px; }
.simple-status-row strong { font: 700 16px Manrope; }
.simple-status-row small { color: var(--muted); font-size: 13px; margin-top: 6px; }
.simple-check { color: var(--green); font-size: 17px; font-weight: 800; position: absolute; }
.overview-status-row .status-now { border-color: rgba(96,165,250,.48); }
.overview-status-row .status-now strong { color: #93c5fd; }
.overview-status-row .status-filed strong { color: var(--green); }
.do-now-card { border: 2px solid rgba(96,165,250,.62); margin-bottom: 20px; padding: 24px; }
.do-now-label { align-items: center; color: #93c5fd; display: flex; font-size: 13px; font-weight: 800; gap: 9px; letter-spacing: .1em; text-transform: uppercase; }
.do-now-label span { align-items: center; background: var(--accent-action); border-radius: 9px; color: white; display: flex; font-size: 15px; height: 32px; justify-content: center; width: 32px; }
.do-now-country { color: var(--muted); font-size: 14px; margin: 20px 0 7px; }
.do-now-card h2 { font: 700 27px/1.25 Manrope; letter-spacing: -.025em; margin: 0 0 12px; }
.do-now-why { color: #c9cdd8; font-size: 16px; line-height: 1.65; margin: 0; max-width: 980px; }
.do-now-instructions { background: #0c0f16; border: 1px solid var(--line); border-radius: 11px; margin: 18px 0; }
.do-now-instructions summary { color: #d9dce7; cursor: pointer; font-size: 15px; font-weight: 700; list-style: none; padding: 14px 16px; }
.do-now-instructions summary::before { color: var(--accent); content: '+'; display: inline-block; font-size: 18px; margin-right: 10px; width: 12px; }
.do-now-instructions[open] summary::before { content: '−'; }
.do-now-instructions ol { border-top: 1px solid var(--line); color: #e0e3eb; font-size: 16px; line-height: 1.65; margin: 0; padding: 16px 22px 16px 42px; }
.do-now-instructions li { padding-left: 5px; }
.do-now-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.btn-large { font-size: 16px; min-height: 48px; padding: 12px 18px; }
.do-now-warning { background: var(--amber-soft); border: 1px solid rgba(231,166,76,.28); border-radius: 9px; color: #dfbd87; font-size: 14px; line-height: 1.55; margin-top: 18px; padding: 13px 15px; }
.do-now-warning strong { color: #ffd38c; }
.next-queue { margin-bottom: 18px; }
.queue-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 16px; grid-template-columns: minmax(0,1fr) auto; padding: 20px; }
.queue-row:last-child { border-bottom: 0; }
.queue-number { align-items: center; background: #252a37; border-radius: 9px; color: #d7dae3; display: flex; font: 700 15px Manrope; height: 34px; justify-content: center; width: 34px; }
.queue-country { align-items: center; color: var(--muted); display: flex; font-size: 14px; gap: 7px; }
.queue-country strong { color: #f0f1f5; }
.queue-state { border-radius: 999px; font-size: 11px; font-weight: 800; margin-left: 7px; padding: 4px 8px; text-transform: uppercase; }
.queue-urgent { background: var(--red-soft); color: var(--red); }
.queue-blocked { background: #272b35; color: #aeb4c3; }
.queue-followup { background: var(--green-soft); color: var(--green); }
.queue-attention { background: var(--amber-soft); color: var(--amber); }
.queue-done { background: var(--green-soft); color: var(--green); }
.queue-main h3 { font: 700 17px Manrope; margin: 8px 0 5px; }
.queue-main p { color: var(--muted); font-size: 14px; line-height: 1.5; margin: 0; max-width: 900px; }
.queue-action .btn { min-width: 130px; }
.waiting-section { margin-bottom: 18px; }
.waiting-row { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 14px; grid-template-columns: auto minmax(0,1fr) auto; padding: 17px 20px; }
.waiting-row strong { font-size: 15px; }
.waiting-row p { color: var(--muted); font-size: 14px; line-height: 1.5; margin: 4px 0 0; }
.current-status { margin-bottom: 18px; overflow: hidden; }
.current-status-list { border-top: 1px solid var(--line); }
.current-status-row { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 14px; grid-template-columns: auto minmax(0,1fr) auto; padding: 17px 20px; }
.current-status-row:last-child { border-bottom: 0; }
.current-status-flag { font-size: 21px; line-height: 1.1; }
.current-status-row strong { font-size: 16px; }
.current-status-row p { color: var(--muted); font-size: 15px; line-height: 1.5; margin: 4px 0 0; }
.current-status-row .status-complete { background: var(--green-soft); color: var(--green); }
.current-status-row .status-waiting { background: #272b35; color: #c2c7d2; }
.current-status-row .status-monitor { background: var(--amber-soft); color: var(--amber); }
.status-downloads { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 11px; }
.status-downloads .btn { font-size: 13px; min-height: 36px; padding: 7px 11px; }
.completed-disclosure { margin-bottom: 18px; overflow: hidden; }
.completed-disclosure > summary { cursor: pointer; font: 700 16px Manrope; list-style: none; padding: 16px 19px; }
.completed-disclosure > summary::before { color: var(--green); content: '+'; display: inline-block; margin-right: 10px; width: 12px; }
.completed-disclosure[open] > summary::before { content: '−'; }
.completed-list { border-top: 1px solid var(--line); display: grid; gap: 0; }
.completed-list > div { align-items: start; border-bottom: 1px solid var(--line); display: flex; gap: 11px; padding: 14px 19px; }
.completed-list > div:last-child { border-bottom: 0; }
.completed-list > div > span { color: var(--green); font-weight: 800; }
.completed-list p { display: grid; gap: 3px; margin: 0; }
.completed-list strong { font-size: 14px; }
.completed-list small { color: var(--muted); font-size: 13px; }
.all-done { padding: 30px; }
.all-done h2 { font-size: 24px; margin: 0 0 8px; }
.all-done p { color: var(--muted); font-size: 15px; }

.vat-simple-explainer { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 24px; overflow: hidden; }
.vat-simple-explainer > div { align-items: flex-start; border-right: 1px solid var(--line); display: flex; gap: 13px; padding: 20px; }
.vat-simple-explainer > div:last-child { border-right: 0; }
.vat-simple-explainer > div > span { align-items: center; background: var(--accent-action); border-radius: 9px; color: #fff; display: inline-flex; flex: 0 0 34px; font: 800 16px Manrope; height: 34px; justify-content: center; }
.vat-simple-explainer p { display: grid; gap: 5px; margin: 0; }
.vat-simple-explainer strong { font-size: 16px; }
.vat-simple-explainer small { color: var(--muted); font-size: 14px; line-height: 1.45; }
.vat-split-heading { align-items: end; display: flex; justify-content: space-between; margin: 0 0 12px; }
.vat-split-heading h2 { font: 700 22px Manrope; margin: 0 0 5px; }
.vat-split-heading p { color: var(--muted); font-size: 14px; margin: 0; }
.vat-split-grid { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 22px; }
.vat-split-card { overflow: hidden; }
.vat-split-card > header { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding: 17px 19px; }
.vat-split-card > header > div { align-items: center; display: flex; gap: 11px; }
.vat-split-flag { font-size: 26px; }
.vat-split-card h3 { font: 700 18px Manrope; margin: 0; }
.vat-split-card header p { color: var(--muted); font-size: 13px; margin: 3px 0 0; }
.vat-source-badge { background: var(--green-soft); border-radius: 999px; color: var(--green); font-size: 12px; font-weight: 800; padding: 7px 10px; }
.vat-split-numbers { display: grid; grid-template-columns: 1fr 1fr; }
.vat-split-numbers > div { display: grid; gap: 6px; padding: 18px 19px; }
.vat-split-numbers > div:first-child { border-right: 1px solid var(--line); }
.vat-split-numbers span { color: var(--muted); font-size: 13px; line-height: 1.35; }
.vat-split-numbers strong { font: 750 27px Manrope; }
.vat-split-numbers small { color: var(--muted); font-size: 12px; }
.vat-amazon strong { color: var(--green); }
.vat-rule { background: rgba(59,130,246,.08); border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); color: #bfdbfe; font-size: 14px; line-height: 1.55; margin: 0; padding: 14px 19px; }
.vat-split-card ul { color: #d2d5df; display: grid; font-size: 14px; gap: 8px; line-height: 1.45; margin: 0; padding: 16px 24px 18px 39px; }

/* Comfortable text scale: intended for a full-size desktop dashboard. */
body { font-size: 21px; }
.content { max-width: 1340px; }
.sidebar-brand, .top-title { font-size: 19px; }
.nav button { font-size: 16px; }
.nav-label { font-size: 12px; }
.support-card, .login-hint { font-size: 14px; }
.support-card strong, .user-meta strong { font-size: 15px; }
.user-meta span { font-size: 13px; }
.period-picker select { font-size: 15px; }
.page-head h1 { font-size: 35px; }
.page-head p { font-size: 18px; }
.btn { font-size: 16px; }
.card-header h2 { font-size: 21px; }
.card-header p, .card-link { font-size: 15px; }
.stat-top { font-size: 14px; }
.stat-value { font-size: 28px; }
.stat-note { font-size: 13px; }
.filing-row { font-size: 15px; }
.country strong { font-size: 15px; }
.country span, .due { font-size: 13px; }
.amount span, .status, .type-pill { font-size: 12px; }
table { font-size: 16px; }
th { font-size: 13px; }
.search-input, .filter-select, .pagination { font-size: 15px; }
.field label { font-size: 17px; }
.field input, .field select, .field textarea { font-size: 16px; }
.modal-header h2 { font-size: 22px; }
.modal-header p, .dropzone strong, .file-chip, .import-result { font-size: 15px; }
.dropzone p, .import-help, .subtle-line { font-size: 13px; }
.simple-status-row strong { font-size: 19px; }
.simple-status-row small { font-size: 15px; }
.eyebrow-label, .do-now-label { font-size: 14px; }
.do-now-country { font-size: 16px; }
.do-now-card h2 { font-size: 27px; }
.do-now-why { font-size: 17px; }
.do-now-instructions summary { font-size: 16px; }
.do-now-instructions ol { font-size: 17px; }
.btn-large { font-size: 18px; min-height: 52px; }
.do-now-warning { font-size: 16px; }
.queue-number { font-size: 17px; }
.queue-country { font-size: 16px; }
.queue-state { font-size: 12px; }
.queue-main h3 { font-size: 20px; }
.queue-main p { font-size: 16px; }
.waiting-row strong { font-size: 17px; }
.waiting-row p { font-size: 15px; }
.completed-list strong { font-size: 16px; }
.completed-list small { font-size: 14px; }

.history-caveat { background: var(--amber-soft); border: 1px solid rgba(231,166,76,.3); border-radius: 11px; color: #dfbd87; font-size: 15px; line-height: 1.55; margin-bottom: 18px; padding: 15px 18px; }
.history-caveat strong { color: #ffd38c; display: block; margin-bottom: 4px; }
.history-summary { display: grid; gap: 12px; grid-template-columns: repeat(5,minmax(0,1fr)); margin-bottom: 18px; }
.history-summary > div { background: #131720; border: 1px solid var(--line); border-radius: 11px; display: flex; flex-direction: column; padding: 17px 18px; }
.history-summary strong { font: 700 25px Manrope; }
.history-summary span { color: var(--muted); font-size: 14px; margin-top: 4px; }
.history-summary-good strong { color: var(--green); }
.history-summary-danger strong { color: var(--red); }
.german-upload-checklist { margin: 0 0 18px; }
.history-priority { margin-bottom: 18px; }
.history-queue-row { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 18px; grid-template-columns: 150px minmax(0,1fr) auto; padding: 16px 19px; }
.history-period { display: flex; flex-direction: column; gap: 5px; }
.history-period strong { font: 700 17px Manrope; }
.history-period span { color: var(--muted); font-size: 14px; }
.history-queue-row p { color: #d2d5df; font-size: 15px; line-height: 1.45; margin: 7px 0 0; }
.history-draft-amount { color: #e7c083; font-size: 13px; margin-left: 9px; }
.history-ledger .card-header { align-items: end; }
.history-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.history-pill { border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 800; line-height: 1; padding: 6px 9px; white-space: nowrap; }
.history-good { background: var(--green-soft); color: var(--green); }
.history-warn { background: var(--amber-soft); color: var(--amber); }
.history-danger { background: var(--red-soft); color: var(--red); }
.history-neutral { background: #272b35; color: #b9bfcc; }
.history-table td { min-width: 135px; vertical-align: top; }
.history-table td:nth-child(6) { min-width: 210px; }
.history-row-button { font-size: 13px; padding: 8px 10px; white-space: nowrap; }
.history-table .subtle-line { line-height: 1.4; margin-top: 7px; max-width: 240px; white-space: normal; }

.evidence-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.evidence-metrics .card { padding: 22px; display: flex; flex-direction: column; gap: 9px; }
.evidence-metrics small { font-size: 15px; color: var(--muted); }
.evidence-metrics strong { font-size: 27px; line-height: 1.25; }
.evidence-metrics span { font-size: 14px; color: var(--muted); }
.evidence-positive { color: #56d2b0; }
.evidence-actions, .evidence-source, .evidence-connections { margin-bottom: 26px; }
.evidence-action, .evidence-connection { padding: 21px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); }
.evidence-action > div, .evidence-connection > div { min-width: 0; }
.evidence-action h3, .evidence-connection h3 { font-size: 18px; margin: 0 0 7px; }
.evidence-action p, .evidence-connection p, .evidence-source-body > p { margin: 0; line-height: 1.6; font-size: 16px; color: var(--muted); }
.evidence-action .btn, .evidence-connection .btn { flex-shrink: 0; }
.evidence-action details { margin-top: 10px; font-size: 15px; line-height: 1.7; }
.evidence-action summary, .evidence-report-list summary { cursor: pointer; }
.evidence-empty { padding: 24px; line-height: 1.6; color: var(--muted); }
.evidence-source-body { padding: 22px 24px; }
.evidence-meta { color: var(--muted); font-size: 14px; margin-top: 10px; line-height: 1.6; }
.evidence-source-body .evidence-warning { margin-top: 12px; color: #f5c578; }
.evidence-report-list { margin-top: 16px; font-size: 15px; }
.evidence-report-list > div { padding: 14px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.evidence-report-list span { display: block; color: var(--muted); font-size: 14px; line-height: 1.7; }
.evidence-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.evidence-country-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 0 0 28px; }
.evidence-country { min-width: 0; }
.evidence-country header { padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-bottom: 1px solid var(--line); }
.evidence-country h3 { margin: 0; font-size: 20px; }
.evidence-badge { display: inline-block; border-radius: 6px; padding: 5px 9px; font-size: 13px; line-height: 1.5; background: #262c38; color: #c8d2e6; white-space: normal; }
.evidence-badge.good { background: #163b33; color: #79e1c4; }
.evidence-badge.manual { background: #172e4c; color: #93c5fd; }
.evidence-badge.unknown { background: #42331d; color: #f4ca87; }
.evidence-country-body { padding: 0 24px; }
.evidence-fact { padding: 18px 0; border-bottom: 1px solid var(--line); }
.evidence-fact:last-child { border-bottom: none; }
.evidence-fact-label { text-transform: uppercase; letter-spacing: .07em; font-size: 12px; font-weight: 700; color: var(--muted); }
.evidence-fact p { font-size: 16px; line-height: 1.6; margin: 5px 0; }
.evidence-fact small, .evidence-connection small { display: block; color: var(--muted); font-size: 14px; line-height: 1.7; }
.evidence-file { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; font-size: 14px; color: #93c5fd; overflow-wrap: anywhere; }
.evidence-file svg { width: 17px; height: 17px; flex-shrink: 0; margin-top: 2px; }
.evidence-country footer { padding: 16px 24px 22px; display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 1100px) {
  .evidence-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .evidence-country-grid { grid-template-columns: 1fr; }
  .evidence-action, .evidence-connection { flex-direction: column; align-items: flex-start; }
  .evidence-metrics .card { padding: 16px; }
  .evidence-metrics strong { font-size: 23px; }
}

#toast-region { position: fixed; z-index: 200; right: 20px; bottom: 20px; display: grid; gap: 8px; }
.toast { background: #25283b; color: white; min-width: 260px; max-width: 380px; border-radius: 10px; padding: 12px 14px; box-shadow: 0 12px 30px rgba(20,22,35,.22); font-size: 11px; animation: toast-in .2s ease-out; }
.toast.error { background: #8d3446; }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }
.skeleton { border-radius: 7px; background: linear-gradient(90deg, #171b24 25%, #222735 50%, #171b24 75%); background-size: 200% 100%; animation: shimmer 1.3s infinite; }
@keyframes shimmer { to { background-position: -200% 0; } }

@media (max-width: 1280px) {
  .stats { grid-template-columns: 1fr 1fr; }
  .dashboard-grid, .settings-grid { grid-template-columns: 1fr; }
  .side-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .filing-list-header { display: none; }
  .filing-list-row { grid-template-columns: minmax(180px,1fr) 120px 140px 90px 145px; }
  .filing-next { grid-column: 1 / -1; grid-row: 2; }
  .readiness-country-row { grid-template-columns: minmax(180px,.8fr) 130px minmax(280px,1.4fr) auto; }
  .readiness-blocker { grid-column: 1 / -1; }
}
@media (max-width: 780px) {
  .vat-simple-explainer, .vat-split-grid { grid-template-columns: 1fr; }
  .vat-simple-explainer > div { border-bottom: 1px solid var(--line); border-right: 0; }
  .vat-simple-explainer > div:last-child { border-bottom: 0; }
  .vat-split-numbers { grid-template-columns: 1fr; }
  .vat-split-numbers > div:first-child { border-bottom: 1px solid var(--line); border-right: 0; }
  .history-summary { grid-template-columns: 1fr 1fr; }
  .history-queue-row { align-items: start; grid-template-columns: 1fr; }
  .history-ledger .card-header { align-items: stretch; }
  .history-filters { width: 100%; }
  .history-filters .filter-select { flex: 1; }
  .simple-status-row { grid-template-columns: 1fr; }
  .queue-row { align-items: start; grid-template-columns: 1fr; }
  .queue-action { grid-column: 1 / -1; }
  .queue-action .btn { width: 100%; }
  .waiting-row { align-items: start; grid-template-columns: auto 1fr; }
  .waiting-row .queue-state { grid-column: 2; margin-left: 0; width: fit-content; }
  .do-now-card { padding: 21px; }
  .do-now-card h2 { font-size: 27px; }
  .country-action-grid { grid-template-columns: 1fr; }
  .guided-step { grid-template-columns: 36px 1fr; }
  .guided-step .step-action { grid-column: 1 / -1; width: 100%; }
  .guided-step .step-action .btn { width: 100%; }
  .login-shell { grid-template-columns: 1fr; }
  .login-art { display: none; }
  .login-panel { min-height: 100vh; padding: 28px; }
  .shell { display: block; }
  .sidebar { transform: translateX(-100%); transition: transform .2s; box-shadow: 15px 0 35px rgba(20,22,35,.18); }
  .shell.nav-open .sidebar { transform: translateX(0); }
  .main { width: 100%; }
  .mobile-menu { display: grid; }
  .topbar { padding: 0 17px; height: 65px; }
  .top-title { display: none; }
  .content { padding: 22px 16px 40px; }
  .page-head { align-items: stretch; flex-direction: column; }
  .page-actions .btn { flex: 1; }
  .stats, .filings-grid { grid-template-columns: 1fr; }
  .filing-row { grid-template-columns: minmax(130px,1fr) 80px 85px 23px; }
  .filing-row .due { display: none; }
  .side-stack { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .hmrc-box-grid { grid-template-columns: 1fr; }
  .filing-summary-strip { grid-template-columns: 1fr; }
  .filing-summary-strip div { border-bottom: 1px solid var(--line); border-right: 0; }
  .filing-summary-strip div:last-child { border-bottom: 0; }
  .filing-list-row { grid-template-columns: 1fr auto; }
  .filing-country { grid-column: 1; grid-row: 1; }
  .filing-status-stack { grid-column: 2; grid-row: 1; justify-items: end; }
  .filing-next { grid-column: 1 / -1; grid-row: 2; }
  .filing-payable { grid-column: 1; grid-row: 3; }
  .filing-deadline { grid-column: 2; grid-row: 3; text-align: right; }
  .filing-row-actions { grid-column: 1 / -1; grid-row: 4; }
  .filing-row-actions .btn { flex: 1; }
  .payment-details-grid { grid-template-columns: 1fr; }
  .payment-detail, .payment-detail:nth-child(odd), .payment-detail:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); border-right: 0; }
  .payment-detail:last-child { border-bottom: 0; }
  .integration-disclosure > summary { align-items: flex-start; gap: 8px; }
  .integration-disclosure > summary small { text-align: right; }
  .readiness-country-row { align-items: start; grid-template-columns: 1fr auto; }
  .readiness-stage { justify-items: end; }
  .capability-list, .readiness-blocker { grid-column: 1 / -1; }
  .readiness-country-row > div:last-child { grid-column: 1 / -1; }
  .readiness-country-row > div:last-child .btn { width: 100%; }
}
.period-picker[hidden] { display: none; }
.home-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.home-answer { padding: 28px; }
.home-answer h2 { font-size: 19px; color: var(--muted); margin: 0 0 18px; }
.home-answer > strong { display: block; font-size: 29px; line-height: 1.25; margin-bottom: 14px; }
.home-answer p, .home-guide p, .home-past-row p, .home-limits p { font-size: 17px; line-height: 1.6; }
.home-answer a, .home-guide a, .home-deadline a { color: #93c5fd; }
.home-window { border-color: #3b82f6; }
.home-next-date { display: grid; gap: 5px; border-top: 1px solid var(--line); margin-top: 18px; padding-top: 16px; }
.home-next-date span, .home-answer small { display: block; color: var(--muted); font-size: 15px; line-height: 1.6; }
.home-answer small { margin-top: 10px; }
.home-guide, .home-deadlines, .home-missing { margin-bottom: 24px; }
.home-step { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 18px; padding: 26px; border-top: 1px solid var(--line); }
.home-step-number { width: 36px; height: 36px; border-radius: 10px; background: #2563eb; display: grid; place-items: center; font-weight: 700; }
.home-step h3 { margin: 3px 0 10px; font-size: 21px; }
.home-muted { color: var(--muted); }
.home-report { padding: 20px 0; border-top: 1px solid var(--line); margin-top: 18px; }
.home-report > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.home-report h4 { font-size: 18px; margin: 0; }
.home-report .btn { margin-top: 14px; }
.home-guide details, .home-past-row details, .home-limits { font-size: 16px; line-height: 1.65; }
.home-guide summary, .home-past-row summary, .home-limits summary { cursor: pointer; color: #93c5fd; }
.home-checklist > summary { padding: 22px 26px; }
.home-guide li { margin: 9px 0; }
.home-deadline { display: grid; grid-template-columns: 150px 220px minmax(0,1fr); gap: 22px; padding: 23px 26px; border-top: 1px solid var(--line); }
.home-deadline h3 { font-size: 19px; margin: 0; }
.home-deadline p { margin: 5px 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.home-deadline strong { font-size: 20px; }
.home-deadline span { display: block; color: var(--muted); font-size: 15px; margin-top: 5px; }
.home-deadline-note { margin: 0; padding: 22px 26px; border-top: 1px solid var(--line); font-size: 16px; line-height: 1.6; color: var(--muted); }
.home-past-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 26px; border-top: 1px solid var(--line); }
.home-past-row > div { flex: 1; min-width: 0; }
.home-past-row h3 { margin: 0; font-size: 20px; }
.home-past-row p { margin: 7px 0; color: var(--muted); }
.home-past-item { padding: 12px 0; }
.home-limits { padding: 8px 0 25px; }
@media (max-width: 900px) {
  .home-summary { grid-template-columns: 1fr; }
  .home-deadline { grid-template-columns: 1fr 1fr; }
  .home-deadline > div:last-child { grid-column: 1 / -1; }
  .home-past-row { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 480px) {
  .home-step { padding: 18px; gap: 10px; grid-template-columns: 28px minmax(0,1fr); }
  .home-step-number { width: 28px; height: 28px; }
  .home-answer { padding: 22px; }
  .home-deadline { grid-template-columns: 1fr; }
  .period-picker { padding: 7px; }
  .period-picker select { font-size: 10px; }
  .top-actions .btn span { display: none; }
  .filing-row { grid-template-columns: minmax(125px,1fr) 76px 23px; }
  .filing-row .status { display: none; }
}

.inventory-table tbody th { font-size: 18px; text-transform: none; letter-spacing: normal; color: var(--ink); }
.inventory-table th, .inventory-table td { white-space: normal; }
.inventory-runway-table th, .inventory-runway-table td { min-width: 145px; }
.inventory-runway-table tbody th { min-width: 235px; }
.inventory-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:18px 0; }
.inventory-tools { display:flex; align-items:center; gap:10px; }
.inventory-more { position:relative; }
.inventory-more > div { position:absolute; z-index:10; right:0; min-width:245px; padding:12px; display:grid; gap:8px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:0 10px 30px #0006; }
.inventory-sync-status { display:flex; flex-wrap:wrap; gap:8px 24px; color:var(--muted); font-size:16px; }
.inventory-sync-status strong { color:var(--ink); font-weight:500; }
.inventory-compact { min-width:920px; width:100%; }
.inventory-compact th, .inventory-compact td { padding:16px 18px; min-width:120px; font-size:18px; vertical-align:top; }
.inventory-compact tbody th { width:25%; min-width:230px; font-size:18px; }
.inventory-compact small { font-size:14px; line-height:1.5; margin-top:5px; }
.inventory-decision { display:grid; grid-template-columns:1fr 1.4fr; gap:24px; padding:18px 0; border-top:1px solid var(--line); }
.inventory-decision p { margin:7px 0; }
.inventory-decision small { color:var(--muted); }
.inventory-decision small { display:block; margin-top:5px; font-size:15px; }
.inventory-table-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; color:var(--muted); }
.inventory-column-table { width:100%; min-width:1100px; }
.inventory-column-table th,.inventory-column-table td { padding:14px; vertical-align:top; }
.inventory-column-table small { display:block; font-size:13px; margin-top:5px; font-weight:400; }
.column-sort { border:0; padding:0; background:none; color:inherit; font:inherit; text-transform:inherit; letter-spacing:inherit; text-align:left; width:100%; display:flex; justify-content:space-between; gap:12px; }
.column-sort:hover,.column-sort:focus-visible { color:var(--accent); }
.inventory-column-table .column-filters td { padding-top:0; }
.column-filters input,.column-filters select { width:100%; min-width:0; font-size:13px; padding:8px; }
.column-filters [data-column-filter="product"] { min-width:200px; }
.column-range { display:flex; gap:6px; margin-bottom:6px; }
.column-range input { width:72px; }
.stock-evidence { font-size:13px; color:var(--muted); margin-top:6px; max-width:220px; }
.inventory-table-meta > span { margin-right:auto; }
.inventory-tool-item { display:block; width:100%; text-align:left; white-space:normal; }
.inventory-tool-item strong,.inventory-tool-item small { display:block; }
.inventory-tool-item small { margin-top:5px; font-size:12px; color:var(--muted); line-height:1.45; font-weight:400; }
.inventory-more > div { min-width:310px; }
.inventory-support-header { border:1px solid var(--line); border-radius:12px; padding:20px; margin:18px 0; display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.inventory-support-header > div { flex:1; min-width:240px; }
.inventory-support-header h2 { margin:0 0 8px; }
.inventory-support-header p { margin:0; color:var(--muted); }
.planning-modal { width:min(1000px,calc(100vw - 32px)); max-width:1000px; }
.planning-table-wrap { max-height:55vh; overflow:auto; border:1px solid var(--line); border-radius:10px; }
.planning-table { width:100%; min-width:680px; border-collapse:collapse; }
.planning-table th,.planning-table td { padding:12px 16px; text-align:left; border-bottom:1px solid var(--line); }
.planning-table thead { position:sticky; top:0; background:var(--surface); z-index:1; }
.planning-table label { display:flex; align-items:center; gap:8px; font-size:14px; }
.planning-table input[type=number] { width:90px; }
.planning-table input:disabled { opacity:.45; }
.planning-dirty { background:rgba(59,130,246,.08); }
.planning-dirty [data-planning-change] { color:var(--accent); }
.planning-modal .modal-footer { flex-wrap:wrap; }
#planning-change-count { margin-right:auto; color:var(--muted); font-size:14px; }
.column-filters input,.column-filters select,.planning-table input[type=number] { background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:6px; padding:8px; }
@media(max-width:700px) { .inventory-decision { grid-template-columns:1fr; gap:6px; } .inventory-tools { flex-wrap:wrap; } }
.inventory-sync-progress {display:flex;align-items:center;gap:14px;padding:14px 18px;margin:12px 0;background:#102442;border:1px solid #28528b;border-radius:12px;color:#daeaff}
.inventory-sync-progress small {display:block;margin-top:4px;color:#a7bad6}
.sync-spinner {width:19px;height:19px;flex-shrink:0;border:3px solid #37567c;border-top-color:#67a8ff;border-radius:50%;animation:inventory-spin 1s linear infinite}
@keyframes inventory-spin {to {transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {.sync-spinner {animation:none}}
/* Inventory decision workspace: compact freshness, clear primary results. */
.inventory-heading h1 {font-size:32px;margin-bottom:8px}
.inventory-heading p {margin:0;color:var(--muted,#9aa8bd)}
.inventory-sync-status {display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:14px 0;margin-bottom:16px;font-size:13px}
.inventory-sync-status .btn {margin-left:auto;font-size:13px;padding:9px 14px}
.inventory-text-button {background:none;border:0;color:#7eb0ff;text-decoration:underline;cursor:pointer;font:inherit}
.inventory-update-note {flex-basis:100%;margin:0;padding:10px 12px;border-left:3px solid #e0ab55;background:rgba(224,171,85,.07);color:#e5c78e;line-height:1.5}
.inventory-toolbar {margin:12px 0 24px}
.inventory-section-title {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.inventory-section-title h2 {margin:0;font-size:21px}
.inventory-section-title span {color:#9aa8bd;font-size:13px}
.inventory-decisions>p {font-size:14px;line-height:1.6;max-width:900px;color:#9aa8bd}
.order-shortlist {min-width:780px}
.order-shortlist th,.order-shortlist td {font-size:14px;padding:16px;vertical-align:top}
.order-shortlist td:nth-child(3) {max-width:350px}
.order-shortlist small {font-size:12px;line-height:1.6;margin-top:6px}
.inventory-missing {padding:15px 18px;border:1px solid #384352;border-radius:12px;margin:16px 0;color:#d9b876}
.inventory-missing summary {cursor:pointer;font-size:14px}
.inventory-missing small {display:block;font-size:13px;margin-top:6px}
.inventory-results>h2 {font-size:21px;margin:28px 0 12px}
.inventory-results>.inventory-caveat {font-size:13px;line-height:1.6;color:#9aa8bd}
.modal .inventory-panel {padding:16px}
.modal [data-visibility-kind] {margin:10px 8px 10px 0}
.modal-footer {gap:12px}
@media(max-width:700px){.inventory-sync-status .btn{margin-left:0}.inventory-section-title{align-items:flex-start}.inventory-heading h1{font-size:27px}}