/*
 * E-HAMKOR 2026 visual authority.
 * Shared visual decisions live here once; legacy files provide layout only.
 */

:root {
  --ui-navy-950: #061522;
  --ui-navy-900: #09283a;
  --ui-navy-800: #0d3b50;
  --ui-cyan-600: #079abd;
  --ui-cyan-500: #18b8d2;
  --ui-green-600: #16865f;
  --ui-green-500: #25b983;
  --ui-amber-500: #e0a03a;
  --ui-red-600: #ad3e50;
  --ui-canvas: #eef3f6;
  --ui-surface: rgba(255, 255, 255, .9);
  --ui-surface-solid: #fff;
  --ui-surface-muted: #f4f8fa;
  --ui-ink: #102c40;
  --ui-text: #355064;
  --ui-muted: #718594;
  --ui-line: #d2dfe5;
  --ui-line-strong: #b7ccd6;
  --ui-radius: 8px;
  --ui-shadow: 0 8px 24px rgba(7, 35, 52, .08);
  --ui-shadow-raised: 0 18px 44px rgba(5, 29, 44, .14);
  --ph-blue-700: var(--ui-cyan-600);
  --ph-blue-600: var(--ui-cyan-600);
  --ph-green-700: var(--ui-green-600);
  --ph-green-600: var(--ui-green-500);
  --ph-gold-600: var(--ui-amber-500);
  --ph-red-600: var(--ui-red-600);
  --ph-amber-600: var(--ui-amber-500);
  --ph-ink: var(--ui-ink);
  --ph-text: var(--ui-text);
  --ph-muted: var(--ui-muted);
  --ph-bg: var(--ui-canvas);
  --ph-surface: var(--ui-surface-solid);
  --ph-subtle: var(--ui-surface-muted);
  --ph-line: var(--ui-line);
  --ph-radius-sm: 6px;
  --ph-radius: var(--ui-radius);
  --ph-radius-lg: 10px;
  --ph-shadow-sm: var(--ui-shadow);
  --ph-shadow: var(--ui-shadow-raised);
  --green: var(--ui-green-600);
  --gold: var(--ui-amber-500);
  --ink: var(--ui-ink);
  --text: var(--ui-text);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
}

html { scroll-behavior: smooth; }
body { position: relative; }
.shell {
  background-color: var(--ui-canvas);
  background-image: linear-gradient(rgba(9, 107, 132, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(9, 107, 132, .025) 1px, transparent 1px);
  background-size: 32px 32px;
}
.shell::before {
  content: "";
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ui-green-500), var(--ui-cyan-500) 58%, #4a8de0);
}
.content { padding: 22px 26px 46px; }

/* Icons */
.nav-icon { display: inline-flex; width: 18px; height: 18px; flex: none; align-items: center; justify-content: center; color: #6fb8ca; }
.icon-16 { display: inline-flex; width: 16px; height: 16px; flex: none; align-items: center; justify-content: center; }
.nav-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.icon-16 svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Sidebar */
.sidebar {
  background: linear-gradient(rgba(50, 176, 201, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(50, 176, 201, .035) 1px, transparent 1px), linear-gradient(180deg, var(--ui-navy-950), #071d2c);
  background-size: 30px 30px, 30px 30px, auto;
  border-right: 1px solid rgba(73, 176, 197, .18);
  box-shadow: 10px 0 34px rgba(5, 25, 39, .14);
}
.brand { height: 78px; margin: 0; padding: 0 8px; border-bottom: 1px solid rgba(115, 196, 211, .16); }
.brand-logo { width: 44px; height: 44px; flex-basis: 44px; }
.brand strong { color: #f5fcfe; font-weight: 760; letter-spacing: .06em; }
.brand small { color: #7199aa; font-size: 10px; }
.workspace-label { margin: 19px 11px 8px; padding: 0; color: #668c9d; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.side-nav { gap: 3px; }
.side-nav a {
  min-height: 43px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #aec4ce;
  font-size: 13px;
  font-weight: 650;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}
.side-nav a { gap: 10px; }
.side-nav a:hover,
.nav-document-group > summary:hover { color: #fff; border-color: rgba(63, 185, 208, .18); background: rgba(15, 65, 84, .62); }
.side-nav a.active,
.nav-document-group[open] > summary { color: #fff; border-color: rgba(42, 191, 214, .26); background: linear-gradient(90deg, rgba(7, 154, 189, .22), rgba(37, 185, 131, .08)); box-shadow: inset 3px 0 var(--ui-cyan-500); }
.side-nav a.active .nav-icon,
.side-nav a.active > .nav-symbol,
.nav-document-group[open] > summary .nav-icon { color: #55d6e9; }
.nav-document-group { margin: 2px 0; }
.nav-document-group > summary { display: grid; min-height: 43px; grid-template-columns: 28px minmax(0, 1fr) auto 14px; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid transparent; border-radius: 6px; color: #aec4ce; font-size: 13px; font-weight: 650; cursor: pointer; list-style: none; transition: color .16s ease, background .16s ease, border-color .16s ease; }
.nav-document-group > summary::-webkit-details-marker { display: none; }
.nav-document-group > summary > i { font-style: normal; transition: transform .16s ease; }
.nav-document-group:not([open]) > summary > i { transform: rotate(-90deg); }
.nav-document-group > div { display: grid; gap: 2px; margin: 3px 0 5px 17px; padding-left: 12px; border-left: 1px solid rgba(100, 181, 198, .22); }
.side-nav .nav-document-group > div > a { min-height: 36px; padding: 5px 8px; font-size: 12px; }
.nav-sub-symbol { display: grid; width: 22px; height: 22px; place-items: center; color: #70b9c9; font-size: 13px; font-weight: 800; }
.side-nav .nav-document-group .nav-create-link { margin-bottom: 3px; color: #eafff8; background: rgba(37, 185, 131, .12); }
.nav-badge { display: inline-grid; min-width: 21px; height: 21px; padding: 0 6px; place-items: center; border: 1px solid rgba(81, 195, 216, .25); border-radius: 999px; color: #bfe7ee; background: rgba(21, 86, 105, .7); font-size: 10px; font-style: normal; font-weight: 800; line-height: 1; }

/* Top command bar */
.topbar { height: 66px; padding: 0 24px; border-bottom: 1px solid #143d50; background: rgba(6, 25, 38, .94); box-shadow: 0 7px 24px rgba(4, 25, 39, .16); backdrop-filter: blur(18px); }
.top-search { height: 40px; border-color: #235265; border-radius: 6px; background: rgba(12, 48, 64, .76); }
.top-search:focus-within { border-color: var(--ui-cyan-500); box-shadow: 0 0 0 3px rgba(24, 184, 210, .1); }
.top-search .icon-16 { color: #6ec6d8; }
.shell .top-search input { color: #e8f7fa; border: 0; background: transparent; box-shadow: none; }
.shell .top-search input::placeholder { color: #7fa4b2; opacity: 1; }
.top-search kbd { color: #8cb0bd; border-color: #315c6d; background: #12394b; }
.top-create,
.button-primary,
.primary-button,
.primary-btn { border-color: #16845f; border-radius: 6px; color: #fff; background: var(--ui-green-600); box-shadow: 0 7px 18px rgba(22, 134, 95, .17); }
.top-create:hover,
.button-primary:hover,
.primary-button:hover,
.primary-btn:hover { background: #117450; transform: translateY(-1px); }
.top-actions { min-width: 0; flex-wrap: nowrap; white-space: nowrap; }
.top-create,
.top-utility-group,
.account-menu { flex: 0 0 auto; }
.top-utility-group { display: inline-flex; height: 44px; align-items: center; flex-wrap: nowrap; overflow: visible; border: 1px solid #244d60; border-radius: 7px; background: rgba(12, 45, 61, .74); box-shadow: none; }
.top-utility-group .language-menu { height: 100%; flex: 0 0 auto; }
.top-utility-group .language-menu summary,
.top-utility-group .notification { height: 100%; flex: 0 0 auto; border: 0; }
.top-utility-group .language-menu summary { border-radius: 6px 0 0 6px; }
.top-utility-group .notification { border-left: 1px solid #315769; border-radius: 0 6px 6px 0; }
.top-utility-group .language-menu summary,
.top-utility-group .notification { color: #b4d0d9; background: transparent; }
.top-utility-group .language-menu summary:hover,
.top-utility-group .notification:hover { color: #fff; background: #143e51; }
.account-button { height: 50px; border: 1px solid #244e61; border-radius: 7px; color: #edf8fb; background: rgba(12, 45, 61, .78); }
.account-button:hover,
.account-button[aria-expanded="true"] { border-color: #399eb5; background: #103a4d; }
.account-copy strong { color: #f1fafc; font-size: 13px; }
.account-copy small { color: #82a7b4; font-size: 11px; }
.account-chevron { color: #7bb1c0; border-left-color: #315769; }
.avatar,
.account-dropdown-avatar { color: #05202d; border-color: #70d8c0; background: linear-gradient(135deg, #50d7b1, #39bdd1); }
.account-button .avatar::after { border-color: var(--ui-navy-900); background: #38d29b; }
.language-menu nav { border: 1px solid rgba(78, 181, 202, .4); border-radius: 8px; background: rgba(7, 34, 50, .94); box-shadow: 0 20px 45px rgba(3, 18, 29, .35); backdrop-filter: blur(20px) saturate(125%); }
.account-dropdown { top: 58px; width: 276px; padding: 7px; overflow: visible; border: 1px solid rgba(78, 181, 202, .4); border-radius: 8px; background: rgba(7, 34, 50, .94); box-shadow: 0 20px 45px rgba(3, 18, 29, .35); backdrop-filter: blur(20px) saturate(125%); }
.account-dropdown::before { content: ""; position: absolute; top: -5px; right: 24px; width: 9px; height: 9px; border-top: 1px solid rgba(78, 181, 202, .4); border-left: 1px solid rgba(78, 181, 202, .4); background: #0a2a3c; transform: rotate(45deg); }
.account-dropdown > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 11px; padding: 11px 10px 14px; border-bottom-color: rgba(119, 194, 208, .17); }
.account-dropdown strong { color: #f2fbfd; font-size: 13px; }
.account-dropdown small { color: #82a5b2; font-size: 11px; }
.language-menu nav a,
.account-dropdown a,
.account-dropdown button { min-height: 39px; border-radius: 5px; color: #c1d9e1; background: transparent; font-size: 13px; font-weight: 650; }
.language-menu nav a:hover,
.account-dropdown a:hover,
.account-dropdown button:hover { color: #fff; background: #124155; }
.account-dropdown form { border-top-color: rgba(119, 194, 208, .17); }
.account-dropdown form button { color: #ff9cab; }

/* Shared surfaces */
.operation-page-head { margin: 2px 0 16px; }
.operation-page-head > div > span,
.command-hero-copy > span,
.command-panel > header span,
.exchange-toolbar > div > span,
.registry-eyebrow,
.register-eyebrow { color: var(--ui-green-600); font-size: 11px; font-weight: 800; letter-spacing: .09em; }
.operation-page-head h1 { margin-top: 4px; color: var(--ui-ink); font-size: 29px; font-weight: 740; }
.operation-page-head p { color: var(--ui-muted); font-size: 13px; }
.metric-card,
.panel,
.content-card,
.registry-pro,
.priority-work,
.flow-monitor,
.control-summary-panel,
.command-panel,
.exchange-registry,
.focused-create-card { border-color: var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-surface); box-shadow: var(--ui-shadow); backdrop-filter: blur(14px) saturate(112%); }
.paper-card { border-radius: 3px; background: #fff; backdrop-filter: none; }
.button-secondary { border-color: var(--ui-line-strong); border-radius: 6px; color: #25617d; background: rgba(255, 255, 255, .84); }
.button-secondary:hover { border-color: #69adbd; color: #087998; background: #eff9fb; }

/* Dashboard */
.command-hero { min-height: 184px; padding: 27px 30px; overflow: hidden; border: 1px solid #174a5f; border-radius: 9px; background: linear-gradient(rgba(63, 193, 219, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 193, 219, .055) 1px, transparent 1px), radial-gradient(circle at 92% 0, rgba(24, 184, 210, .22), transparent 35%), linear-gradient(125deg, #061522, #09293c 66%, #0a4054); background-size: 28px 28px, 28px 28px, auto, auto; box-shadow: var(--ui-shadow-raised); }
.command-hero::before,
.command-hero::after { display: none; }
.command-hero-copy h1 { color: #f3fbfd; font-size: 34px; font-weight: 750; }
.command-hero-copy p { color: #acc5ce; font-size: 14px; }
.command-hero-copy small { color: #7ea9b8; }
.command-hero-copy small i { background: #37cf99; }
.command-day { border-color: rgba(101, 190, 208, .24); border-radius: 6px; background: rgba(6, 31, 46, .44); }
.command-day > header { border-bottom-color: rgba(101, 190, 208, .18); }
.command-day > header span { color: #53d1e5; }
.command-day > header time,
.command-day span { color: #9bb8c2; }
.command-day a { color: #edf9fb; border-right-color: rgba(101, 190, 208, .18); }
.command-day a:hover { background: rgba(25, 91, 112, .2); }
.command-shortcuts { gap: 10px; margin: 14px 0; }
.command-shortcuts > a { min-height: 88px; border-color: var(--ui-line); border-radius: 7px; background: rgba(255, 255, 255, .84); box-shadow: var(--ui-shadow); backdrop-filter: blur(12px); }
.command-shortcuts > a.primary { border-color: #9acbd4; background: rgba(239, 250, 251, .9); box-shadow: inset 0 3px var(--ui-cyan-500), var(--ui-shadow); }
.command-shortcuts i { color: #087b99; background: #def3f6; }
.command-shortcuts > a > b,
.command-panel > header > a,
.action-queue > div > a > b,
.recent-stream > div > a > b { color: #087b99; }

/* Registry navigation and filters */
.registry-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-bottom: 12px; }
.registry-tabs a { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border: 1px solid var(--ui-line); border-radius: 7px; color: #486275; background: rgba(255, 255, 255, .78); box-shadow: 0 3px 12px rgba(8, 37, 53, .045); text-decoration: none; }
.registry-tabs a:hover { border-color: #8abfc9; color: #0a718b; background: #f3fbfc; }
.registry-tabs a.active { border-color: #3baec2; color: #075f77; background: #eaf8fa; box-shadow: inset 0 -3px var(--ui-cyan-500); }
.registry-tabs span { font-size: 12px; font-weight: 700; }
.registry-tabs b { display: grid; min-width: 25px; height: 25px; padding: 0 7px; place-items: center; border-radius: 999px; color: #fff; background: #56798a; font-size: 11px; }
.registry-tabs a.active b { background: var(--ui-cyan-600); }
.modern-registry .registry-pro-head { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "registry-title registry-export" "registry-filters registry-filters"; padding: 15px 17px; background: rgba(255, 255, 255, .9); }
.modern-registry .registry-pro-head > div { grid-area: registry-title; }
.modern-registry .registry-pro-head > .registry-filters { grid-area: registry-filters; }
.modern-registry .registry-pro-head > .registry-export { grid-area: registry-export; align-self: center; }
.modern-registry .registry-pro-head h2 { color: var(--ui-ink); font-size: 17px; }
.modern-registry .registry-workbench.registry-section-view { grid-template-columns: minmax(0, 1fr); }
.modern-registry .registry-section-view > .registry-list-pane { width: 100%; min-width: 0; grid-column: 1 / -1; }
.modern-registry .registry-filters.registry-filters-simple { grid-template-columns: minmax(280px, 1fr) minmax(170px, 220px) auto auto; align-items: end; gap: 8px; }
.modern-registry .registry-filters-simple .filter-search { grid-column: auto; }
.modern-registry .registry-filters input,
.modern-registry .registry-filters select,
.modern-registry .advanced-search > summary,
.modern-registry .registry-export { height: 38px; border-color: var(--ui-line); border-radius: 5px; background-color: #fff; }
.modern-registry .registry-filters .button-primary { height: 38px; min-height: 38px; }
.registry-more-filters > summary { display: flex; min-width: 176px; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.registry-more-filters > summary::after { content: "+"; color: var(--ui-green-600); font-size: 16px; line-height: 1; }
.registry-more-filters[open] > summary { border-color: #8cc7b2; color: var(--ui-green-600); background: #f0faf6; }
.registry-more-filters[open] > summary::after { content: "−"; }
.registry-more-filters > div { top: 43px; right: 0; width: min(640px, calc(100vw - 320px)); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 18px; border-color: var(--ui-line); border-radius: 7px; box-shadow: var(--ui-shadow-raised); }
.registry-more-filters .filter-date-range { grid-column: 1 / -1; min-width: 0; }

/* Compact, horizontal date ranges in both registries */
fieldset.filter-date-range { display: grid; min-width: 0; margin: 0; padding: 0; grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr); align-items: end; gap: 7px; border: 0; }
fieldset.filter-date-range legend { width: 100%; margin: 0 0 4px; padding: 0; color: var(--ui-muted); font-size: 9px; font-weight: 700; }
fieldset.filter-date-range > label { min-width: 0; }
fieldset.filter-date-range > i { padding-bottom: 11px; color: #718997; font-style: normal; text-align: center; }
fieldset.filter-date-range input { width: 100%; min-width: 0; }

/* Exchange filters use their own full-width row instead of squeezing beside the title. */
.exchange-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 14px; }
.exchange-toolbar > div { margin-right: 0; }
.exchange-toolbar form { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); align-items: end; gap: 8px; width: 100%; }
.exchange-toolbar form > label { min-width: 0; }
.exchange-toolbar form > label.wide { grid-column: span 2; }
.exchange-toolbar form > fieldset.filter-date-range { grid-column: span 2; }
.exchange-toolbar input,
.exchange-toolbar select,
.exchange-toolbar .wide input { width: 100%; min-width: 0; }
.exchange-toolbar form > .button-primary { min-width: 104px; }
.exchange-toolbar form > a { align-self: end; white-space: nowrap; }

/* One status component for document and exchange states */
.status-pill { display: inline-flex; width: fit-content; max-width: 100%; min-height: 26px; align-items: center; gap: 7px; padding: 5px 10px; border: 1px solid #b9ccd5; border-radius: 999px; color: #365c70; background: #e8f0f3; font-size: 10px; font-weight: 760; line-height: 1.2; }
.status-pill i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: currentColor; }
.status-pill.s-draft,
.status-pill.s-response_draft,
.status-pill.stage-accepted { color: #8a6218; border-color: #ecd39f; background: #fff6df; }
.status-pill.s-returned_leader,
.status-pill.s-returned_prosecutor,
.status-pill.s-response_returned,
.status-pill.s-rejected { color: #a2384a; border-color: #efbdc6; background: #fff0f2; }
.status-pill.s-closed,
.status-pill.s-response_delivered,
.status-pill.stage-responded,
.status-pill.stage-completed { color: #11704f; border-color: #a5d9c5; background: #eaf8f2; }
.status-pill.s-sent_to_foreign,
.status-pill.s-received_by_foreign,
.status-pill.stage-dispatched { color: #176b8c; border-color: #afd5e3; background: #eaf6fa; }

/* Tables */
.registry-table thead,
.exchange-table thead,
.office-register thead,
.region-performance-table thead,
.document-table thead,
.trash-table thead { background: #eaf1f4; }
.registry-table th,
.exchange-table th,
.office-register th,
.region-performance-table th,
.document-table th,
.trash-table th { color: #476275; background: transparent; font-size: 10px; font-weight: 780; letter-spacing: .05em; }
.registry-table td,
.exchange-table td,
.office-register td,
.region-performance-table td,
.document-table td,
.trash-table td { border-bottom-color: #e1e9ed; }
.registry-table tbody tr:hover,
.exchange-table tbody tr:hover,
.office-register tbody tr:hover,
.document-table tbody tr:hover,
.trash-table tbody tr:hover { background: #f0f9fa; box-shadow: inset 3px 0 var(--ui-cyan-500); }

/* Pagination */
.pagination.pagination-complete { display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr); align-items: center; gap: 14px; padding: 14px 16px; border-top: 1px solid var(--ui-line); }
.pagination-summary { color: var(--ui-muted); font-size: 11px; }
.pagination-controls { display: flex; align-items: center; justify-content: center; gap: 5px; }
.pagination-controls a,
.pagination-controls span.page-number { display: grid; min-width: 34px; height: 34px; padding: 0 8px; place-items: center; border: 1px solid var(--ui-line); border-radius: 6px; color: #48677a; background: #fff; text-decoration: none; }
.pagination-controls a:hover { border-color: #72b4c1; color: #087895; background: #eef9fb; }
.pagination-controls .page-number.current { color: #fff; border-color: var(--ui-cyan-600); background: var(--ui-cyan-600); }
.pagination-controls .disabled { color: #b0bec6; background: #f6f8f9; }
.pagination-jump { display: flex; align-items: end; justify-content: flex-end; gap: 6px; }
.pagination-jump label { display: grid; gap: 3px; }
.pagination-jump label span { color: var(--ui-muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.pagination-jump input { width: 68px; height: 34px; padding: 0 9px; border: 1px solid var(--ui-line); border-radius: 6px; }
.pagination-jump button { width: 34px; height: 34px; border: 1px solid var(--ui-cyan-600); border-radius: 6px; color: #fff; background: var(--ui-cyan-600); cursor: pointer; }

/* Create flow */
.focused-create.focused-create-doc { width: min(100%, 1380px); max-width: 1380px; padding: 0 0 42px; }
.create-page-head { min-height: 76px; padding: 3px 2px 0; }
.focused-create-doc .focused-create-card { overflow: hidden; padding: 0; }
.create-card-heading { display: flex; align-items: center; gap: 13px; padding: 18px 22px; border-bottom: 1px solid var(--ui-line); background: #f5fafb; }
.create-card-heading > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; color: #fff; background: var(--ui-cyan-600); font-size: 13px; font-weight: 800; }
.create-card-heading h2 { margin: 0; color: var(--ui-ink); font-size: 17px; }
.create-card-heading p { margin: 3px 0 0; color: var(--ui-muted); font-size: 12px; }
.focused-create-doc .essential-fields-compact { grid-template-columns: minmax(190px, .7fr) minmax(190px, .7fr) minmax(320px, 1.6fr); gap: 16px; padding: 24px 22px 28px; }
.focused-create-doc label.wide { grid-column: auto; }
.focused-create-doc label { gap: 6px; color: #40566a; font-size: 12px; }
.focused-create-doc input,
.focused-create-doc select { min-height: 44px; padding: 10px 12px; border-color: var(--ui-line); border-radius: 5px; background: #fff; font-size: 13px; }
.focused-create-doc input:focus,
.focused-create-doc select:focus { border-color: var(--ui-cyan-500); outline: 0; box-shadow: 0 0 0 3px rgba(24, 184, 210, .1); }
.focused-create-doc .focused-create-card > .message { margin: 18px 22px 0; }
.focused-create-doc .focused-create-card footer { margin: 0; padding: 15px 22px; border-top-color: var(--ui-line); background: #f5f8fa; }

/* Workflow, charts and transient UI */
.process-map { padding: 22px 20px; border-color: var(--ui-line); border-radius: 9px; box-shadow: var(--ui-shadow); }
.process-map article.done i { border-color: var(--ui-green-600); color: #fff; background: var(--ui-green-600); }
.process-map article.done b { background: var(--ui-green-600); }
.process-map article.current i { border-color: var(--ui-cyan-600); color: #fff; background: var(--ui-cyan-600); box-shadow: 0 0 0 4px #dff3f6; }
.trend-legend { display: flex; align-items: center; gap: 16px; color: var(--ui-muted); font-size: 11px; font-weight: 700; }
.trend-legend .dot { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; }
.dot-created,
.bar-created { background: var(--ui-cyan-600); }
.dot-closed,
.bar-closed { background: var(--ui-green-500); }
.trend-chart { display: flex; min-height: 176px; align-items: flex-end; gap: clamp(8px, 2vw, 20px); padding: 22px 18px 8px; }
.trend-col { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: center; gap: 8px; }
.trend-bars { display: flex; width: 100%; height: 120px; align-items: flex-end; justify-content: center; gap: 4px; }
.trend-bars i { display: block; width: 11px; min-height: 3px; border-radius: 3px 3px 0 0; }
.trend-col b { color: var(--ui-text); font-size: 10px; }
.trend-col span { color: var(--ui-muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.rt-toast-stack { position: fixed; z-index: 2000; top: 82px; right: 18px; display: flex; width: min(350px, calc(100vw - 36px)); flex-direction: column; gap: 10px; pointer-events: none; }
.rt-toast { display: flex; align-items: flex-start; gap: 11px; padding: 14px 15px; border: 1px solid var(--ui-line); border-left: 4px solid var(--ui-cyan-500); border-radius: 8px; color: inherit; background: #fff; box-shadow: var(--ui-shadow-raised); text-decoration: none; opacity: 0; transform: translateX(24px); transition: opacity .2s ease, transform .2s ease; pointer-events: auto; }
.rt-toast.rt-toast-in { opacity: 1; transform: translateX(0); }
.rt-toast.rt-toast-out { opacity: 0; transform: translateX(24px); }
.rt-toast-icon { display: grid; width: 30px; height: 30px; flex: none; place-items: center; border-radius: 50%; color: var(--ui-cyan-600); background: #e8f6f8; }
.rt-toast-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.rt-toast-body { min-width: 0; flex: 1; }
.rt-toast-body b { display: block; color: var(--ui-ink); font-size: 13px; }
.rt-toast-body small { display: block; margin-top: 3px; color: var(--ui-muted); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.rt-toast-close { padding: 2px; border: 0; color: #8ca0aa; background: none; cursor: pointer; }
.diff-scroll { overflow: auto; border-radius: 0 0 8px 8px; }
.diff_add { background: #e5f5ed; }
.diff_sub { background: #fbe9eb; }
.diff_chg { background: #fff5df; }
#registry-view { scroll-margin-top: 82px; }
#registry-view:target { animation: registry-highlight 1s ease; }
@keyframes registry-highlight {
  0% { box-shadow: 0 0 0 3px rgba(24, 184, 210, .45); border-radius: 9px; }
  100% { box-shadow: 0 0 0 0 transparent; border-radius: 9px; }
}
form[data-submit-once] [aria-busy="true"] { opacity: .72; cursor: wait; }

@media (max-width: 1100px) {
  .content { padding: 18px 16px 38px; }
  .topbar { padding-inline: 16px; }
  .exchange-toolbar form { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .account-button { min-width: 52px; width: 52px; padding: 6px; }
  .account-button .account-copy,
  .account-button .account-chevron { display: none; }
}
@media (max-width: 900px) {
  .modern-registry .registry-filters.registry-filters-simple { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .modern-registry .registry-filters-simple .filter-search { grid-column: 1 / -1; }
  .registry-more-filters > div { width: min(620px, calc(100vw - 44px)); }
  .focused-create-doc .essential-fields-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .focused-create-doc label.wide { grid-column: 1 / -1; }
  .pagination.pagination-complete { grid-template-columns: 1fr auto; }
  .pagination-summary { grid-column: 1 / -1; text-align: center; }
}
@media (max-width: 640px) {
  .content { padding: 14px 11px 32px; }
  .topbar { height: 60px; padding-inline: 11px; }
  .command-hero { padding: 22px 19px; }
  .registry-tabs { display: flex; margin-inline: -11px; padding: 0 11px 5px; overflow-x: auto; }
  .registry-tabs a { min-width: 152px; }
  .modern-registry .registry-filters.registry-filters-simple { grid-template-columns: 1fr; }
  .modern-registry .registry-filters-simple .filter-search { grid-column: auto; }
  .registry-more-filters > div { position: static; width: 100%; margin-top: 7px; grid-template-columns: 1fr; }
  .registry-more-filters .filter-date-range { grid-column: auto; }
  .exchange-toolbar form { grid-template-columns: 1fr; }
  .exchange-toolbar form > label.wide,
  .exchange-toolbar form > fieldset.filter-date-range { grid-column: auto; }
  fieldset.filter-date-range { grid-template-columns: 1fr; }
  fieldset.filter-date-range > i { display: none; }
  .focused-create-doc .essential-fields-compact { grid-template-columns: 1fr; padding: 19px 16px 23px; }
  .focused-create-doc label.wide { grid-column: auto; }
  .create-card-heading,
  .focused-create-doc .focused-create-card footer { padding-inline: 16px; }
  .pagination.pagination-complete { grid-template-columns: 1fr; }
  .pagination-controls { flex-wrap: wrap; }
  .pagination-jump { justify-content: center; }
  .rt-toast-stack { top: auto; right: 12px; bottom: 14px; left: 12px; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #registry-view:target { animation: none; }
  .rt-toast { transition: none; }
}