/*
 * E-HAMKOR — yakuniy 'professional' qatlam (app-platform.css)
 * 
 * Ilgari platform-professional.css deb atalgan. Bu fayl poydevordan keyin,
 * yagona tema va sahifaga xos qoidalardan oldin yuklanadigan komponent qatlamidir.
 */


/* ===== platform-professional.css ===== */
/* E-HAMKOR application design authority. Scoped to .shell so public/login pages remain independent. */
:root {
  --ph-blue-700: #1c5f8c;
  --ph-blue-600: #1c5f8c;
  --ph-green-700: #1f7a5c;
  --ph-green-600: #1f7a5c;
  --ph-gold-600: #a9863f;
  --ph-red-600: #9c3b3b;
  --ph-amber-600: #a15d12;
  --ph-ink: #16232f;
  --ph-text: #3c4956;
  --ph-muted: #69747f;
  --ph-soft: #8493a3;
  --ph-bg: #f5f5f2;
  --ph-surface: #fff;
  --ph-subtle: #f7f7f4;
  --ph-line: #e1e5ea;
  --ph-line-soft: #edf0f3;
  --ph-radius-sm: 7px;
  --ph-radius: 10px;
  --ph-radius-lg: 14px;
  --ph-shadow-sm: 0 3px 12px rgba(13, 39, 67, .045);
  --ph-shadow: 0 12px 34px rgba(13, 39, 67, .075);
  --ph-font: Inter, "Segoe UI", system-ui, Arial, sans-serif;
  --ph-motion-fast: 140ms;
  --ph-motion: 210ms;
  --ph-motion-slow: 280ms;
  --ph-ease: cubic-bezier(.2, .75, .25, 1)
}

.shell,
.shell button,
.shell input,
.shell select,
.shell textarea {
  font-family: var(--ph-font)
}

.shell {
  color: var(--ph-text);
  background: var(--ph-bg)
}

.main-area {
  min-height: 100vh;
  background: var(--ph-bg)
}

.content {
  width: 100%;
  max-width: 1780px;
  margin: 0 auto;
  padding: 26px 30px 48px
}

.content>*.document-workspace {
  max-width: 1760px
}

.content>*.secondary-page,
.content>*.management-page,
.content>*.trash-page {
  max-width: 1520px
}

/* Shell and navigation */
.sidebar {
  width: 250px;
  padding: 0 18px;
  background: linear-gradient(180deg, #071b32 0%, #081f38 100%);
  box-shadow: 8px 0 30px rgba(5, 22, 39, .05)
}

.main-area {
  width: calc(100% - 250px);
  margin-left: 250px
}

.brand {
  height: 86px;
  margin: 0;
  padding: 0 8px;
  border-bottom: 1px solid rgba(178, 202, 221, .13)
}

.brand-logo {
  width: 47px;
  height: 47px;
  flex-basis: 47px
}

.brand strong {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .035em
}

.workspace-label {
  margin: 21px 12px 8px;
  color: #6686a3;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .17em
}

.side-nav {
  gap: 3px
}

.side-nav a {
  min-height: 48px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #c2d0dc;
  font-size: 13px;
  font-weight: 650
}

.side-nav a>.nav-symbol {
  width: 28px;
  height: 28px;
  color: #74b7e2
}

.side-nav a:hover {
  border-color: rgba(122, 173, 207, .14);
  background: rgba(31, 71, 105, .38);
  color: #fff
}

.side-nav a.active {
  border-color: rgba(134, 179, 211, .2);
  background: #173b5c;
  color: #fff;
  box-shadow: inset 3px 0 0 #d2a03b
}

.side-nav a.active>.nav-symbol {
  color: #e1b34f
}

.nav-badge {
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  font-size: 9px
}

.sidebar-footer {
  padding: 17px 8px;
  border-top-color: rgba(182, 204, 220, .13);
  background: transparent
}

.sidebar-footer strong {
  font-size: 11px
}

.sidebar-footer small {
  font-size: 9px
}

.topbar {
  height: 72px;
  padding: 0 28px;
  border-bottom: 1px solid var(--ph-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 3px 15px rgba(10, 34, 57, .045);
  backdrop-filter: blur(10px)
}

.top-search {
  width: min(520px, 42vw);
  height: 44px;
  border-color: #d5dfe6;
  border-radius: 8px;
  background: #f7f9fa
}

.top-search input {
  font-size: 13px
}

.top-create {
  min-height: 44px;
  padding: 0 17px;
  border-radius: 7px;
  background: var(--ph-green-600);
  font-size: 13px;
  box-shadow: 0 7px 16px rgba(22, 134, 95, .16);
  white-space: nowrap;
  flex-shrink: 0
}

.language-menu>summary,
.notification {
  height: 42px;
  border-radius: 7px
}

.account-button {
  height: 56px
}

.account-copy strong {
  font-size: 12px
}

.account-copy small {
  font-size: 10px
}

/* Typography and reusable surfaces */
.page-title,
.page-heading,
.module-heading,
.secondary-heading {
  margin-bottom: 24px
}

.page-title h1,
.page-heading h1,
.module-heading h1,
.secondary-heading h1 {
  color: var(--ph-ink);
  font-family: var(--ph-font);
  font-size: 32px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -.025em
}

.page-title p,
.page-heading p,
.module-heading span,
.secondary-heading>div>span {
  color: var(--ph-muted);
  font-size: 14px;
  line-height: 1.55
}

.breadcrumb,
.page-heading .eyebrow,
.module-heading p,
.secondary-heading p {
  color: #936918 ;
  font-size: 10px ;
  font-weight: 800;
  letter-spacing: .14em
}

.content-card,
.panel,
.simple-card,
.secondary-card,
.registry-pro,
.file-browser,
.register-module,
.official-calendar {
  border: 1px solid var(--ph-line);
  border-radius: var(--ph-radius);
  background: var(--ph-surface);
  box-shadow: var(--ph-shadow-sm)
}

.card-header,
.secondary-card-head {
  min-height: 70px;
  padding: 18px 21px;
  border-bottom: 1px solid var(--ph-line-soft)
}

.card-header h2,
.secondary-card-head h2 {
  color: var(--ph-ink);
  font-size: 18px
}

.card-header p,
.secondary-card-head p {
  color: var(--ph-muted);
  font-size: 12px
}

/* Buttons and form controls */
.button-primary,
.button-secondary,
.button-danger,
.primary-button,
.secondary-button,
.primary-btn {
  min-height: 42px;
  padding: 0 15px;
  border-radius: var(--ph-radius-sm);
  font-size: 12px;
  font-weight: 750;
  transition: background .15s, border-color .15s, box-shadow .15s
}

.button-primary,
.primary-button,
.primary-btn {
  border-color: var(--ph-green-600);
  background: var(--ph-green-600);
  color: #fff
}

.button-primary:hover,
.primary-button:hover,
.primary-btn:hover {
  background: #0f7552;
  box-shadow: 0 6px 15px rgba(17, 117, 83, .16)
}

.button-secondary,
.secondary-button {
  border-color: #c8d5de;
  background: #fff;
  color: #245a7d
}

.button-secondary:hover,
.secondary-button:hover {
  border-color: #8fabbc;
  background: #f6fafc
}

.button-danger {
  border-color: #e2bcc0;
  background: #fff7f7;
  color: var(--ph-red-600)
}

.shell input,
.shell select,
.shell textarea {
  border-color: #cbd7df;
  border-radius: 6px;
  color: #253f55
}

.shell input:focus,
.shell select:focus,
.shell textarea:focus {
  border-color: #5b8cab;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(34, 116, 159, .1)
}

.settings-form label,
.form-panel label {
  color: #344e63;
  font-size: 13px
}

.settings-form input,
.settings-form select,
.form-panel input,
.form-panel select {
  min-height: 44px
}

/* Dashboard hierarchy */
.cabinet-hero {
  min-height: 198px;
  padding: 28px 32px 31px;
  border-radius: var(--ph-radius-lg);
  background: linear-gradient(112deg, #071c35 0%, #0c2d50 64%, #13496d 100%);
  box-shadow: 0 16px 38px rgba(7, 28, 53, .16)
}

.cabinet-hero h1 {
  font-size: 34px
}

.cabinet-hero-copy>p:not(.breadcrumb) {
  font-size: 14px
}

.cabinet-brief {
  border-color: rgba(196, 216, 231, .18);
  background: rgba(2, 16, 32, .22)
}

.executive-metrics {
  gap: 12px;
  margin-top: -17px;
  margin-bottom: 20px;
  padding: 0 14px
}

.executive-metrics .metric-card {
  min-height: 112px;
  padding: 17px 18px;
  border: 1px solid var(--ph-line);
  border-top: 3px solid #7891a4;
  border-left-width: 1px;
  border-radius: 9px;
  box-shadow: 0 9px 25px rgba(10, 34, 57, .075)
}

.executive-metrics .metric-card.metric-primary {
  border-top-color: var(--ph-blue-600)
}

.executive-metrics .metric-card.metric-success {
  border-top-color: var(--ph-green-600)
}

.executive-metrics .metric-card.metric-danger {
  border-top-color: var(--ph-red-600)
}

.executive-metrics .metric-card span {
  font-size: 11px;
  letter-spacing: .02em
}

.executive-metrics .metric-card strong {
  font-size: 29px
}

.executive-metrics .metric-card small {
  font-size: 10px
}

.cabinet-control-grid {
  gap: 16px
}

.flow-monitor,
.control-summary-panel,
.priority-work {
  border-radius: var(--ph-radius);
  box-shadow: var(--ph-shadow-sm)
}

.flow-monitor-list>a {
  min-height: 70px
}

.registry-pro {
  box-shadow: var(--ph-shadow-sm)
}

.registry-boxes {
  min-height: 52px;
  padding: 0 12px;
  background: #f7f9fa
}

.registry-boxes a {
  height: 52px;
  gap: 8px;
  font-size: 12px
}

.registry-boxes a>b {
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border-radius: 12px;
  background: #e8eef3;
  color: #4c6172;
  font-size: 11px;
  font-variant-numeric: tabular-nums
}

.registry-boxes a.active>b {
  background: #dcecf5;
  color: #155d87
}

/* High-volume document workspace: queue first, analytics second. */
.cabinet-hero.cabinet-hero-compact {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(520px, .9fr);
  align-items: center;
  gap: 30px;
  padding: 24px 30px;
  margin-bottom: 16px
}

.cabinet-hero-compact .cabinet-hero-copy h1 {
  margin: 7px 0 4px;
  font-size: clamp(27px, 2.2vw, 36px)
}

.cabinet-hero-compact .cabinet-hero-copy>p:not(.breadcrumb) {
  margin: 0 0 9px
}

.cabinet-hero-compact .workload-strip {
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 9px;
  background: rgba(4,25,47,.28);
  box-shadow: none
}

.cabinet-hero-compact .workload-strip>header {
  min-height: 34px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255,255,255,.12)
}

.cabinet-hero-compact .workload-strip>div {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.cabinet-hero-compact .workload-strip>div>a {
  min-height: 70px;
  padding: 12px 14px;
  border-right: 1px solid rgba(255,255,255,.12)
}

.cabinet-hero-compact .workload-strip>div>a:last-child {
  border-right: 0
}

.cabinet-hero-compact .workload-strip strong {
  font-size: 25px;
  font-variant-numeric: tabular-nums
}

.registry-command-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e0e7ec
}

.registry-command-head span {
  color: #956b15;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em
}

.registry-command-head h2 {
  margin: 4px 0 2px;
  color: #0b2945;
  font-size: 22px
}

.registry-command-head p {
  margin: 0;
  color: #687d8f;
  font-size: 13px
}

.registry-command-head .latest-document-link {
  display: inline-block;
  margin-top: 8px;
  color: #29698f;
  font-size: 12px;
  text-decoration: none
}

.registry-command-head .latest-document-link:hover {
  text-decoration: underline
}

.registry-command-head>a {
  padding: 10px 13px;
  border: 1px solid #ccd9e2;
  border-radius: 7px;
  color: #155d87;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap
}

.regional-dispatch {
  padding: 14px 18px 16px;
  border-bottom: 1px solid #dfe7ec;
  background: #f7f9fb
}

.regional-dispatch>header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 10px
}

.regional-dispatch>header div {
  display: flex;
  align-items: baseline;
  gap: 10px
}

.regional-dispatch>header span {
  color: #906715;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em
}

.regional-dispatch>header strong {
  color: #173852;
  font-size: 14px
}

.regional-dispatch>header>a,
.regional-dispatch>div>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  border: 1px solid #d5e0e7;
  border-radius: 7px;
  background: #fff;
  color: #3f5668;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none
}

.regional-dispatch>header>a {padding:7px 10px}

.regional-dispatch>div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  gap: 7px
}

.regional-dispatch>div>a {min-height:38px;padding:7px 10px}

.regional-dispatch a>b {
  min-width: 24px;
  height: 21px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border-radius: 11px;
  background: #edf2f5;
  color: #34566e;
  font-variant-numeric: tabular-nums
}

.regional-dispatch a.active {
  border-color: #4181a9;
  background: #eef7fc;
  color: #105d89;
  box-shadow: inset 3px 0 0 #236f9d
}

.registry-table-wrap {
  max-height: min(62vh, 720px);
  overflow: auto
}

.registry-table thead {
  position: sticky;
  top: 0;
  z-index: 2
}

@media(max-width:1100px) {
  .cabinet-hero.cabinet-hero-compact {grid-template-columns:1fr}
}

@media(max-width:700px) {
  .cabinet-hero.cabinet-hero-compact {padding:22px 18px}
  .cabinet-hero-compact .workload-strip>div {grid-template-columns:repeat(2,1fr)}
  .cabinet-hero-compact .workload-strip>div>a:nth-child(2) {border-right:0}
  .cabinet-hero-compact .workload-strip>div>a:nth-child(-n+2) {border-bottom:1px solid rgba(255,255,255,.12)}
  .registry-command-head {align-items:flex-start;padding:17px 16px}
  .registry-command-head p {display:none}
}

/* Unified role workbench */
.registry-workbench {
  display: grid;
  grid-template-columns: 232px minmax(620px, 1fr);
  min-height: 560px
}
.registry-workbench.has-inspector {grid-template-columns:232px minmax(620px,1fr) 340px}

.queue-rail {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-right: 1px solid #dfe6eb;
  background: #f6f8fa
}

.queue-rail>header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 17px 17px 12px
}

.queue-rail>header span {
  color: #966c18;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .13em
}

.queue-rail>header strong {
  color: #16364f;
  font-size: 15px
}

.queue-rail .registry-boxes {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0 9px 13px;
  border: 0;
  background: transparent;
  overflow: visible
}

.queue-rail .registry-boxes a {
  width: 100%;
  min-width: 0;
  height: 41px;
  justify-content: space-between;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  color: #50677a;
  font-size: 12px
}

.queue-rail .registry-boxes a:after {display:none}

.queue-rail .registry-boxes a:hover {
  background: #edf2f5;
  color: #173e5c
}

.queue-rail .registry-boxes a.active {
  background: #e6f0f6;
  color: #0c5d8b;
  box-shadow: inset 3px 0 0 #2076a8
}

.queue-rail .regional-dispatch {
  min-height: 0;
  padding: 13px 9px;
  border-top: 1px solid #dfe6eb;
  border-bottom: 0;
  background: transparent
}

.queue-rail .regional-dispatch>header {
  display: block;
  padding: 0 7px;
  margin-bottom: 7px
}

.queue-rail .regional-dispatch>header div {
  display: flex;
  flex-direction: column;
  gap: 3px
}

.queue-rail .regional-dispatch>header>a {
  margin-top: 8px
}

.queue-rail .regional-dispatch>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-height: 330px;
  overflow: auto;
  scrollbar-width: thin
}

.queue-rail .regional-dispatch>div>a {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 5px 8px
}

.queue-rail>footer {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: auto;
  padding: 13px 16px;
  border-top: 1px solid #dfe6eb
}

.queue-rail>footer a {
  display: flex;
  justify-content: space-between;
  color: #185f89;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none
}

.queue-rail>footer small {color:#82909c;font-size:10px}

.registry-list-pane {min-width:0;background:#fff}
.registry-list-pane .saved-filter-bar {margin-top:12px}

.document-inspector {position:relative;min-width:0;border-left:1px solid #dfe6eb;background:#fbfcfd}
.registry-workbench:not(.has-inspector) .document-inspector {display:none}
.inspector-empty {display:grid;place-items:center;align-content:start;gap:9px;min-height:100%;padding:24px 6px;text-align:center;color:#7a8c9a}
.inspector-empty>span {display:grid;place-items:center;width:38px;height:44px;border:1px solid #bed0db;border-bottom:3px solid #b98a2e;border-radius:6px;background:#fff;color:#244b68;font-size:11px;font-weight:850}
.inspector-empty strong {font-size:15px;color:#29475e}
.inspector-empty p {max-width:220px;margin:0;font-size:12px;line-height:1.55}
.registry-workbench:not(.has-inspector) .inspector-empty strong,.registry-workbench:not(.has-inspector) .inspector-empty p {display:none}
.inspector-body {position:sticky;top:74px;max-height:calc(100vh - 94px);overflow:auto}
.inspector-body>header {display:flex;justify-content:space-between;gap:12px;padding:20px 18px 16px;border-bottom:1px solid #e2e8ec;background:#fff}
.inspector-body>header span,.inspector-body>section>span,.inspector-status>span {display:block;margin-bottom:5px;color:#8b6720;font-size:9px;font-weight:850;letter-spacing:.11em}
.inspector-body>header h2 {margin:0;color:#102f48;font-size:17px;line-height:1.35}
.inspector-body>header button {align-self:flex-start;width:30px;height:30px;border:1px solid #d8e1e7;border-radius:5px;background:#fff;color:#587083;font-size:18px;cursor:pointer}
.inspector-status {padding:15px 18px;background:#eef5f8;border-bottom:1px solid #dae5eb}
.inspector-status strong {display:block;color:#153e5b;font-size:13px;line-height:1.4}
.inspector-body dl {margin:0;padding:4px 18px}
.inspector-body dl>div {display:grid;grid-template-columns:95px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #e7ecef}
.inspector-body dt {color:#7b8c98;font-size:10px}
.inspector-body dd {margin:0;color:#16364f;font-size:12px;font-weight:750;line-height:1.4}
.inspector-body>section {padding:16px 18px}
.inspector-body>section p {margin:0;color:#425b6d;font-size:12px;line-height:1.6}
.inspector-body>footer {display:grid;grid-template-columns:52px 58px 1fr;gap:6px;padding:14px 18px;border-top:1px solid #e1e7eb;background:#fff}
.inspector-body>footer a {display:grid;place-items:center;min-height:38px;border:1px solid #ccd9e1;border-radius:5px;color:#175d87;font-size:11px;font-weight:800;text-decoration:none}
.inspector-body>footer .drawer-primary {border-color:#0c5c84;background:#0c5c84;color:#fff}
.registry-table tbody tr.is-selected {background:#eef6fa;box-shadow:inset 3px 0 0 #2376a6}
.claim-task-button {min-width:54px;height:32px;padding:0 10px;border:1px solid #0f6d70;border-radius:5px;background:#e9f6f2;color:#08605f;font-size:11px;font-weight:850;cursor:pointer}
.claim-task-button:hover {background:#0f6d70;color:#fff}

.cabinet-hero.cabinet-hero-compact {min-height:148px;padding:16px 26px;border-radius:8px}
.cabinet-hero-compact .cabinet-hero-copy h1 {font-size:25px}
.cabinet-hero-compact .cabinet-hero-copy>p:not(.breadcrumb) {margin-top:5px;font-size:12px}
.cabinet-hero-compact .cabinet-hero-meta,.cabinet-hero-compact .cabinet-identity {display:none}
.cabinet-hero-compact .workload-strip {max-width:430px}

.role-regional .cabinet-role-chip {border-color:#cda13d}
.role-leader .cabinet-role-chip {border-color:#71a0bc}
.role-prosecutor .cabinet-role-chip {border-color:#d0aa51}
.role-foreign .cabinet-role-chip {border-color:#55a489}
.role-admin .cabinet-role-chip {border-color:#9d8bc5}

@media(max-width:1380px) {
  .registry-workbench {grid-template-columns:220px minmax(0,1fr)}
  .registry-workbench.has-inspector {grid-template-columns:220px minmax(0,1fr)}
  .registry-pro-head {align-items:flex-start;flex-wrap:wrap}
  .document-inspector {position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(390px,92vw);transform:translateX(105%);box-shadow:-18px 0 48px rgba(10,37,57,.2);transition:transform .2s ease}
  .document-inspector.is-open {transform:translateX(0)}
  .inspector-body {position:static;max-height:100vh}
}

@media(max-width:860px) {
  .registry-workbench {display:block}
  .queue-rail {border-right:0;border-bottom:1px solid #dfe6eb}
  .queue-rail>header {padding-bottom:8px}
  .queue-rail .registry-boxes {flex-direction:row;overflow:auto;padding-bottom:10px}
  .queue-rail .registry-boxes a {width:auto;min-width:max-content}
  .queue-rail .regional-dispatch>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:190px}
  .queue-rail>footer {display:none}
}

.registry-pro-head {
  padding: 18px 20px
}

.registry-pro-head h2 {
  font-size: 19px
}

.registry-pro-head p {
  font-size: 11px
}

.registry-filters input,
.registry-filters select {
  height: 41px;
  border-radius: 6px
}

.registry-table th {
  height: 48px;
  background: #f3f6f8;
  color: #5e7283;
  font-size: 10px;
  letter-spacing: .045em
}

.registry-table td {
  padding: 15px 16px;
  font-size: 13px
}

.document-cell strong {
  font-size: 11px
}

.document-cell span {
  font-size: 13px
}

.status-pill {
  padding: 7px 9px;
  border-radius: 5px;
  font-size: 10px
}

.professional-empty {
  min-height: 210px 
}

/* Secondary modules and management */
.management-page {
  padding-bottom: 38px
}

.management-grid {
  gap: 20px
}

.panel {
  padding: 24px
}

.account-list article {
  min-height: 72px
}

.account-list strong {
  font-size: 14px
}

.account-list small {
  font-size: 12px
}

.guide-grid {
  gap: 16px
}

.guide-grid article {
  min-height: 205px;
  padding: 25px;
  border-radius: var(--ph-radius);
  box-shadow: var(--ph-shadow-sm)
}

.guide-grid h2 {
  font-size: 18px
}

.guide-grid p {
  font-size: 14px
}

.notification-list article {
  min-height: 82px
}

.trash-card {
  border-radius: var(--ph-radius);
  box-shadow: var(--ph-shadow-sm)
}

/* Dossier and official document */
.document-heading {
  border-radius: var(--ph-radius) ;
  box-shadow: var(--ph-shadow-sm) 
}

.document-heading h1 {
  font-size: 31px 
}

.dossier-tabs {
  border-radius: 9px;
  box-shadow: var(--ph-shadow-sm)
}

.dossier-tabs button {
  font-size: 13px
}

.dossier-summary,
.process-map {
  border-radius: 9px;
  background: #f8fafb
}

.document-layout {
  gap: 22px 
}

.paper-card {
  border: 1px solid #d9e1e6 ;
  box-shadow: 0 14px 38px rgba(13, 37, 59, .11) 
}

.side-card {
  border-radius: 9px ;
  box-shadow: var(--ph-shadow-sm) 
}

.side-card h3 {
  color: var(--ph-ink);
  font-size: 16px 
}

.action-card .button-primary.full,
.action-card .button-secondary.full,
.action-card .button-danger.full {
  min-height: 44px;
  font-size: 12px
}

.info-card dt {
  color: #7b8c9b;
  font-size: 11px 
}

.info-card dd {
  color: #203c52;
  font-size: 13px 
}

.document-journal,
.files-panel,
.comments-card {
  border-radius: var(--ph-radius) 
}

/* Editor command surface */
.onlyoffice-head {
  min-height: 68px ;
  border-bottom-color: var(--ph-line) ;
  box-shadow: var(--ph-shadow-sm)
}

.office-action {
  min-height: 40px ;
  border-radius: 6px ;
  font-size: 12px 
}

.focused-create {
  max-width: 1160px
}

.focused-create>header h1 {
  font-size: 35px
}

.focused-create-card {
  border-radius: var(--ph-radius);
  box-shadow: var(--ph-shadow)
}

.focused-create-card label>span {
  font-size: 13px
}

.focused-create-card input,
.focused-create-card select {
  min-height: 50px;
  font-size: 14px
}

.system-assigned-note {
  border-radius: 8px
}

@media(max-width:1100px) {
  .sidebar {
    transform: translateX(-100%)
  }

  .sidebar.mobile-open {
    transform: none
  }

  .main-area {
    width: 100%;
    margin-left: 0
  }

  .content {
    padding: 24px 20px 42px
  }

  .cabinet-hero-copy {
    max-width: 56%
  }
}

@media(max-width:760px) {
  .content {
    padding: 18px 12px 34px
  }

  .topbar {
    height: 64px;
    padding: 0 12px
  }

  .cabinet-hero {
    min-height: 220px;
    padding: 24px 21px
  }

  .cabinet-hero-copy {
    max-width: 100%
  }

  .cabinet-hero h1 {
    font-size: 29px
  }

  .executive-metrics {
    margin-inline: 0;
    padding: 0
  }

  .page-title h1,
  .page-heading h1,
  .module-heading h1,
  .secondary-heading h1 {
    font-size: 27px
  }

  .registry-pro-head {
    padding: 16px
  }

  .document-heading h1 {
    font-size: 24px 
  }

  .focused-create>header h1 {
    font-size: 29px
  }
}

/* Real document-exchange surfaces: delivery evidence and case relations. */
.monitoring-page {
  max-width: 1520px;
  margin: 0 auto
}

.monitoring-title {
  align-items: flex-end
}

.monitoring-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px
}

.monitoring-metrics article {
  position: relative;
  min-height: 126px;
  padding: 18px 19px;
  overflow: hidden;
  border: 1px solid var(--ph-line);
  border-top: 3px solid #8298a8;
  border-radius: 9px;
  background: #fff;
  box-shadow: var(--ph-shadow-sm)
}

.monitoring-metrics article.primary {
  border-top-color: var(--ph-blue-600)
}

.monitoring-metrics article.danger {
  border-top-color: var(--ph-red-600)
}

.monitoring-metrics article.warning {
  border-top-color: var(--ph-amber-600)
}

.monitoring-metrics article.success {
  border-top-color: var(--ph-green-600)
}

.monitoring-metrics span,
.monitoring-metrics strong,
.monitoring-metrics small {
  display: block
}

.monitoring-metrics span {
  color: #536a7d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase
}

.monitoring-metrics strong {
  margin: 8px 0 5px;
  color: var(--ph-ink);
  font-size: 30px;
  line-height: 1
}

.monitoring-metrics strong em {
  color: var(--ph-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 650
}

.monitoring-metrics small {
  color: var(--ph-muted);
  font-size: 10px
}

.monitoring-analytics {
  gap: 16px
}

.monitoring-analytics .content-card {
  overflow: hidden
}

.monitoring-analytics .card-header p {
  margin-top: 4px
}

.monitor-bars {
  padding: 12px 20px 18px
}

.monitor-bars>div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 7px 12px;
  padding: 13px 0;
  border-bottom: 1px solid var(--ph-line-soft)
}

.monitor-bars>div:last-child {
  border-bottom: 0
}

.monitor-bars header {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px
}

.monitor-bars header>span {
  min-width: 0;
  color: #29455b;
  font-size: 12px;
  font-weight: 650
}

.monitor-bars header>span>small {
  display: block;
  margin-top: 3px;
  color: var(--ph-muted);
  font-size: 9px;
  font-weight: 500
}

.monitor-bars header>b {
  flex: 0 0 auto;
  color: var(--ph-ink);
  font-size: 11px
}

.monitor-bars>div>i {
  height: 7px;
  overflow: hidden;
  border-radius: 9px;
  background: #e8edf1
}

.monitor-bars>div>i>u {
  display: block;
  height: 100%;
  min-width: 3px;
  border-radius: inherit;
  background: var(--ph-blue-600);
  text-decoration: none
}

.company-bars>div>i>u {
  background: var(--ph-green-600)
}

.monitor-bars>div>small {
  color: var(--ph-muted);
  font-size: 10px;
  text-align: right
}

.monitor-empty {
  padding: 20px 0;
  color: var(--ph-muted);
  font-size: 12px
}

@media(max-width:1100px) {
  .monitoring-metrics {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(max-width:700px) {
  .monitoring-title {
    align-items: flex-start
  }

  .monitoring-metrics {
    grid-template-columns: 1fr 1fr
  }

  .monitoring-metrics article {
    min-height: 112px
  }

  .monitoring-analytics {
    grid-template-columns: 1fr
  }
}

.delivery-ledger {
  margin-top: 16px;
  border: 1px solid var(--ph-line);
  border-radius: 9px;
  background: #fff;
  box-shadow: var(--ph-shadow-sm)
}

.delivery-ledger>header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--ph-line-soft)
}

.delivery-ledger>header span,
.relations-head span {
  display: block;
  margin-bottom: 5px;
  color: #936918;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em
}

.delivery-ledger h2,
.relations-head h2 {
  margin: 0;
  color: var(--ph-ink);
  font-size: 18px
}

.delivery-ledger>header>small {
  max-width: 430px;
  color: var(--ph-muted);
  font-size: 11px;
  text-align: right
}

.delivery-list {
  padding: 0 20px
}

.delivery-list>a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 38px;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  border-bottom: 1px solid var(--ph-line-soft);
  color: inherit;
  text-decoration: none
}

.delivery-list>a:last-child {
  border-bottom: 0
}

.delivery-list>a>i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e8f5ef;
  color: var(--ph-green-700);
  font-style: normal;
  font-weight: 800
}

.delivery-list a b,
.delivery-list a span {
  display: block
}

.delivery-list a b {
  color: var(--ph-ink);
  font-size: 13px
}

.delivery-list a span {
  margin-top: 3px;
  color: var(--ph-muted);
  font-size: 10px
}

.delivery-list a strong {
  color: #34546b;
  font-size: 11px
}

.delivery-list a em {
  padding: 5px;
  border: 1px solid #cbd8e0;
  border-radius: 4px;
  color: #28678d;
  font-size: 9px;
  font-style: normal;
  font-weight: 800
}

.delivery-list>a:hover {
  background: #f8fafb
}

.delivery-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 65px;
  color: var(--ph-muted);
  font-size: 12px
}

.delivery-empty i {
  font-style: normal;
  color: #8aa0af
}

.relations-card {
  overflow: hidden;
  border-radius: var(--ph-radius) 
}

.relations-head {
  padding: 20px 22px;
  border-bottom: 1px solid var(--ph-line-soft)
}

.relations-head p {
  margin: 5px 0 0;
  color: var(--ph-muted);
  font-size: 12px
}

.relations-list {
  padding: 8px 22px
}

.relations-list>a {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 13px;
  min-height: 78px;
  padding: 10px 0;
  border-bottom: 1px solid var(--ph-line-soft);
  color: inherit;
  text-decoration: none
}

.relations-list>a>span {
  width: 38px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #cbd9e1;
  border-radius: 6px;
  background: #f1f6f8;
  color: #2c6e92;
  font-size: 10px;
  font-weight: 800
}

.relations-list a b,
.relations-list a strong,
.relations-list a small {
  display: block
}

.relations-list a b {
  color: #23678f;
  font-size: 10px
}

.relations-list a strong {
  margin-top: 3px;
  color: var(--ph-ink);
  font-size: 13px
}

.relations-list a small {
  margin-top: 4px;
  color: var(--ph-muted);
  font-size: 10px
}

.relations-list>a>i {
  color: #47728e;
  font-style: normal
}

.relations-list>a:hover {
  background: #f9fbfc
}

.relations-empty {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  color: var(--ph-muted)
}

.relations-empty>span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eef4f7;
  color: #47728e
}

.relations-empty b,
.relations-empty small {
  display: block
}

.relations-empty b {
  color: var(--ph-ink);
  font-size: 13px
}

.relations-empty small {
  margin-top: 4px;
  font-size: 11px
}

.relation-form {
  padding: 18px 22px 21px;
  border-top: 1px solid var(--ph-line-soft);
  background: #f8fafb
}

.relation-form>label {
  display: block;
  margin-bottom: 8px;
  color: #344e63;
  font-size: 12px;
  font-weight: 750
}

.relation-form>div {
  display: flex;
  gap: 8px
}

.relation-form select {
  min-width: 0;
  min-height: 42px;
  flex: 1;
  background: #fff
}

.relation-form>small {
  display: block;
  margin-top: 7px;
  color: var(--ph-muted);
  font-size: 10px
}

@media(max-width:760px) {
  .delivery-ledger>header {
    align-items: flex-start;
    flex-direction: column
  }

  .delivery-ledger>header>small {
    text-align: left
  }

  .delivery-list>a {
    grid-template-columns: 30px minmax(0, 1fr) 35px
  }

  .delivery-list>a>strong {
    display: none
  }

  .relation-form>div {
    align-items: stretch;
    flex-direction: column
  }
}

/* Restrained institutional motion: short, purposeful and never decorative. */
@keyframes ph-page-enter {
  from {
    opacity: 0;
    transform: translateY(7px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes ph-panel-enter {
  from {
    opacity: 0;
    transform: translateY(5px) scale(.998)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes ph-drawer-enter {
  from {
    opacity: .7;
    transform: translateX(28px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.content> :first-child {
  animation: ph-page-enter var(--ph-motion-slow) var(--ph-ease) both
}

.cabinet-hero,
.document-heading,
.secondary-heading,
.module-heading {
  animation: ph-page-enter var(--ph-motion-slow) var(--ph-ease) both
}

.executive-metrics .metric-card {
  animation: ph-panel-enter var(--ph-motion-slow) var(--ph-ease) both
}

.executive-metrics .metric-card:nth-child(2) {
  animation-delay: 35ms
}

.executive-metrics .metric-card:nth-child(3) {
  animation-delay: 70ms
}

.executive-metrics .metric-card:nth-child(4) {
  animation-delay: 105ms
}

.executive-metrics .metric-card:nth-child(5) {
  animation-delay: 140ms
}

.content-card,
.panel,
.simple-card,
.secondary-card,
.registry-pro,
.flow-monitor,
.control-summary-panel,
.priority-work,
.side-card,
.guide-grid article {
  transition: border-color var(--ph-motion-fast) ease, box-shadow var(--ph-motion) var(--ph-ease), transform var(--ph-motion) var(--ph-ease)
}

.metric-card,
.priority-work-item,
.guide-grid article,
.company-card {
  transition: border-color var(--ph-motion-fast) ease, box-shadow var(--ph-motion) var(--ph-ease), transform var(--ph-motion) var(--ph-ease), background var(--ph-motion-fast) ease
}

.metric-card:hover,
.guide-grid article:hover,
.company-card:hover {
  border-color: #b4c6d2;
  box-shadow: 0 12px 28px rgba(10, 34, 57, .09);
  transform: translateY(-2px)
}

.priority-work-item:hover {
  transform: translateY(-1px)
}

.side-nav a,
.top-create,
.button-primary,
.button-secondary,
.button-danger,
.primary-button,
.secondary-button,
.primary-btn,
.office-action,
.row-open,
.watch-button,
.notification-open {
  transition: color var(--ph-motion-fast) ease, background var(--ph-motion-fast) ease, border-color var(--ph-motion-fast) ease, box-shadow var(--ph-motion) var(--ph-ease), transform var(--ph-motion-fast) ease
}

.side-nav a:hover {
  transform: translateX(2px)
}

.side-nav a.active {
  transform: none
}

.top-create:hover,
.button-primary:hover,
.primary-button:hover,
.primary-btn:hover,
.office-action.primary:hover {
  transform: translateY(-1px)
}

.top-create:active,
.button-primary:active,
.button-secondary:active,
.button-danger:active,
.primary-button:active,
.secondary-button:active,
.primary-btn:active,
.office-action:active {
  transform: translateY(0) scale(.985)
}

.registry-table tbody tr,
.office-register tbody tr,
.trash-table tbody tr {
  transition: background var(--ph-motion-fast) ease, box-shadow var(--ph-motion-fast) ease
}

.registry-table tbody tr:hover,
.office-register tbody tr:hover,
.trash-table tbody tr:hover {
  background: #f7fafc;
  box-shadow: inset 3px 0 0 #5b8cab
}

.dossier-tabs button,
.registry-boxes a {
  position: relative;
  transition: color var(--ph-motion-fast) ease, background var(--ph-motion-fast) ease
}

.dossier-tabs button:after,
.registry-boxes a:after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -1px;
  left: 50%;
  height: 2px;
  background: var(--ph-blue-600);
  transition: right var(--ph-motion) var(--ph-ease), left var(--ph-motion) var(--ph-ease)
}

.dossier-tabs button.active:after,
.dossier-tabs button:hover:after,
.registry-boxes a.active:after,
.registry-boxes a:hover:after {
  right: 10px;
  left: 10px
}

.dossier-tabs button,
.registry-boxes a {
  border-bottom-color: transparent 
}

[data-detail-panel]:not([hidden]) {
  animation: ph-panel-enter var(--ph-motion) var(--ph-ease) both
}

.document-drawer[open]>section {
  animation: ph-drawer-enter var(--ph-motion-slow) var(--ph-ease) both
}

.create-document-dialog[open],
.exit-dialog[open] {
  animation: ph-panel-enter var(--ph-motion) var(--ph-ease) both
}

.account-dropdown,
.language-menu nav {
  transform-origin: top right;
  animation: ph-panel-enter var(--ph-motion-fast) var(--ph-ease) both
}

.shell a:focus-visible,
.shell button:focus-visible,
.shell input:focus-visible,
.shell select:focus-visible,
.shell textarea:focus-visible {
  outline: 2px solid #2f7ca8;
  outline-offset: 2px
}

.security-dot {
  box-shadow: 0 0 0 4px rgba(42, 173, 123, .11)
}

@media(prefers-reduced-motion:reduce) {

  .shell *,
  .shell *:before,
  .shell *:after {
    scroll-behavior: auto ;
    animation-duration: .01ms ;
    animation-delay: 0ms ;
    animation-iteration-count: 1 ;
    transition-duration: .01ms 
  }

  .metric-card:hover,
  .guide-grid article:hover,
  .company-card:hover,
  .side-nav a:hover,
  .top-create:hover,
  .button-primary:hover,
  .primary-button:hover,
  .primary-btn:hover {
    transform: none 
  }
}

/* 2026-09 operational information architecture: home, queue, registry, exchange. */
.command-home,
.registry-center,
.exchange-page {
  max-width: 1740px;
  margin: 0 auto;
  animation: ph-panel-enter .24s var(--ph-ease) both
}

.command-hero {
  position: relative;
  min-height: 206px;
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(530px, .86fr);
  align-items: center;
  gap: 44px;
  overflow: hidden;
  padding: 30px 38px;
  border: 1px solid #1c496a;
  border-radius: 14px;
  background: linear-gradient(112deg, #071c34 0%, #0b2d50 63%, #174d70 100%);
  box-shadow: 0 18px 42px rgba(7, 28, 52, .17)
}

.command-hero:before,
.command-hero:after {
  content: "";
  position: absolute;
  border: 1px solid rgba(197, 216, 230, .09);
  border-radius: 50%;
  pointer-events: none
}

.command-hero:before {width:420px;height:420px;left:-205px;top:-260px}
.command-hero:after {width:360px;height:360px;right:-115px;bottom:-260px;box-shadow:0 0 0 70px rgba(202,218,229,.025)}
.command-hero-copy,.command-day {position:relative;z-index:1}
.command-hero-copy>span,.operation-page-head>div>span,.command-panel>header span,.exchange-toolbar>div>span,.registry-eyebrow {color:#bd9135;font-size:10px;font-weight:850;letter-spacing:.15em}
.command-hero-copy h1 {margin:7px 0 5px;color:#fff;font-size:35px;font-weight:760;letter-spacing:-.035em}
.command-hero-copy p {max-width:680px;margin:0;color:#b8c9d6;font-size:14px;line-height:1.6}
.command-hero-copy small {display:flex;align-items:center;gap:9px;margin-top:14px;color:#87a8bf;font-size:11px}
.command-hero-copy small i {width:3px;height:3px;border-radius:50%;background:#d2a03b}

.command-day {overflow:hidden;border:1px solid rgba(187,210,226,.2);border-radius:10px;background:rgba(3,19,36,.24)}
.command-day>header {height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgba(191,211,225,.16)}
.command-day>header span {color:#e0b555;font-size:9px;font-weight:850;letter-spacing:.14em}
.command-day>header time {color:#8ca8ba;font-size:10px}
.command-day>div {display:grid;grid-template-columns:repeat(4,1fr)}
.command-day a {min-height:88px;display:flex;flex-direction:column;justify-content:center;padding:13px 17px;border-right:1px solid rgba(191,211,225,.14);color:#fff;text-decoration:none}
.command-day a:last-child {border-right:0}
.command-day a:hover {background:rgba(255,255,255,.045)}
.command-day strong {font-size:29px;font-weight:760;font-variant-numeric:tabular-nums}
.command-day span {margin-top:4px;color:#8faabd;font-size:10px;line-height:1.35}

.command-shortcuts {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}
.command-shortcuts>a {min-height:94px;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;padding:16px 17px;border:1px solid #dce4e9;border-radius:10px;background:#fff;color:#16364f;text-decoration:none;box-shadow:0 5px 18px rgba(13,39,67,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.command-shortcuts>a:hover {transform:translateY(-2px);border-color:#8db0c5;box-shadow:0 10px 25px rgba(13,39,67,.08)}
.command-shortcuts>a.primary {border-color:#b4cfdf;background:#f7fbfd;box-shadow:inset 0 3px 0 #2475a5,0 5px 18px rgba(13,39,67,.05)}
.command-shortcuts i {width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#edf3f6;color:#55758c;font-size:10px;font-style:normal;font-weight:850}
.command-shortcuts div {min-width:0}
.command-shortcuts strong,.command-shortcuts span {display:block}
.command-shortcuts strong {font-size:14px;line-height:1.35}
.command-shortcuts span {margin-top:4px;color:#748796;font-size:11px;line-height:1.4}
.command-shortcuts>a>b {color:#27729e;font-size:17px}

.command-grid {display:grid;grid-template-columns:minmax(620px,1.55fr) minmax(350px,.75fr);gap:16px;margin-bottom:16px}
.command-panel {overflow:hidden;border:1px solid #dce4e9;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(13,39,67,.045)}
.command-panel>header {min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;border-bottom:1px solid #e5eaee}
.command-panel>header h2 {margin:4px 0 0;color:#102f48;font-size:19px;letter-spacing:-.015em}
.command-panel>header>a {color:#17638e;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}
.action-queue>div>a {min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr) 112px 20px;align-items:center;gap:13px;padding:11px 18px;border-bottom:1px solid #e9edf0;color:#15334a;text-decoration:none}
.action-queue>div>a:last-child {border-bottom:0}
.action-queue>div>a:hover,.recent-stream>div>a:hover {background:#f7fafc}
.task-index {width:29px;height:29px;display:grid;place-items:center;border:1px solid #cbd9e1;border-radius:50%;color:#547287;font-size:9px;font-weight:850}
.action-queue div div {min-width:0}
.action-queue small,.action-queue strong,.action-queue em {display:block}
.action-queue small {color:#967020;font-size:9px;font-weight:800;letter-spacing:.04em}
.action-queue strong {overflow:hidden;margin-top:3px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.action-queue em {overflow:hidden;margin-top:4px;color:#7b8c99;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.task-deadline {color:#697f90;font-size:10px;text-align:right}.task-deadline.danger{color:#b13d47;font-weight:800}
.action-queue>div>a>b,.recent-stream>div>a>b {color:#2c779f}
.command-empty {min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;color:#80909c;text-align:center}
.command-empty i {width:38px;height:38px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;background:#e8f5ef;color:#167653;font-style:normal;font-weight:850}
.command-empty strong {color:#304e64;font-size:14px}.command-empty span{margin-top:5px;font-size:11px}

.exchange-snapshot>a {min-height:76px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #e9edf0;color:#17364d;text-decoration:none}
.exchange-snapshot>a:hover {background:#f8fafb}
.exchange-snapshot .metric-icon {width:9px;height:9px;border-radius:50%;background:#5286a5;box-shadow:0 0 0 5px #e9f1f5}
.exchange-snapshot .metric-icon.success {background:#1e8b65;box-shadow:0 0 0 5px #e6f4ee}
.exchange-snapshot .metric-icon.danger {background:#bd414b;box-shadow:0 0 0 5px #faeaec}
.exchange-snapshot strong,.exchange-snapshot small {display:block}.exchange-snapshot strong{font-size:12px}.exchange-snapshot small{margin-top:3px;color:#81919d;font-size:9px}
.exchange-snapshot>a>b {font-size:22px;font-variant-numeric:tabular-nums}
.exchange-snapshot>footer {padding:13px 18px;background:#f8fafb;color:#6f8291;font-size:9px}.exchange-snapshot>footer i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#2bad78;box-shadow:0 0 0 4px #e5f5ee}

.recent-stream>div>a {min-height:58px;display:grid;grid-template-columns:135px minmax(260px,1fr) 150px 190px 75px 20px;align-items:center;gap:13px;padding:9px 18px;border-bottom:1px solid #e9edf0;color:#17364d;text-decoration:none}
.recent-stream>div>a:last-child {border-bottom:0}
.recent-stream>div>a>strong {color:#17638e;font-size:10px}.recent-stream>div>a>span {overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.recent-stream>div>a>em {overflow:hidden;color:#6f8392;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.recent-stream time{color:#738694;font-size:10px;text-align:right}

.operation-page-head {display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:5px 0 20px}
.operation-page-head h1 {margin:5px 0 3px;color:#0d2942;font-size:31px;font-weight:760;letter-spacing:-.03em}
.operation-page-head p {margin:0;color:#6d8191;font-size:13px;line-height:1.55}
.operation-head-actions {display:flex;gap:8px}
.modern-registry {overflow:hidden}
.modern-registry .registry-workbench {grid-template-columns:220px minmax(720px,1fr);min-height:680px}
.modern-registry .registry-workbench.has-inspector {grid-template-columns:220px minmax(680px,1fr) 345px}
.queue-help {margin:4px 11px;padding:12px;border:1px solid #d9e3e9;border-radius:7px;background:#fff}
.queue-help strong,.queue-help span {display:block}.queue-help strong{color:#31536a;font-size:10px}.queue-help span{margin-top:5px;color:#80909c;font-size:9px;line-height:1.5}
.registry-eyebrow {display:block;margin-bottom:3px}
.modern-registry .registry-pro-head {display:grid;grid-template-columns:1fr auto;align-items:end;gap:11px 14px;padding:16px 17px;border-bottom:1px solid #dfe6eb}
.modern-registry .registry-pro-head>div {min-width:130px}
.modern-registry .registry-pro-head h2 {margin:0;font-size:17px}
.modern-registry .registry-filters {grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(135px,1fr)) auto auto;align-items:end;gap:7px}
.registry-center.role-regional .modern-registry .registry-filters,.registry-center.role-leader .modern-registry .registry-filters,.registry-center.role-foreign .modern-registry .registry-filters {grid-template-columns:minmax(230px,1.6fr) repeat(2,minmax(145px,1fr)) auto auto}
.modern-registry .registry-filters label>span {display:block;margin:0 0 4px;color:#718492;font-size:9px;font-weight:700}
.modern-registry .registry-filters label {min-width:0}
.modern-registry .registry-filters input,.modern-registry .registry-filters select {width:100%;height:38px;min-width:0;padding:0 10px;font-size:11px}
.modern-registry .registry-filters .filter-search input {width:100%}
.modern-registry .registry-filters .button-primary {height:38px;min-height:38px}
.modern-registry .advanced-search>summary {height:38px;display:grid;place-items:center;padding:0 11px;border:1px solid #cbd8e0;border-radius:6px;background:#fff;color:#2b6588;font-size:11px;font-weight:750;cursor:pointer}
.modern-registry .registry-export {height:38px;display:grid;place-items:center;padding:0 11px;border:1px solid #cbd8e0;border-radius:6px;color:#23668e;font-size:10px;font-weight:800;text-decoration:none}
.modern-registry .registry-table {min-width:1140px}
.modern-registry .registry-table th {height:45px;padding:0 13px;font-size:9px}
.modern-registry .registry-table td {padding:12px 13px;font-size:11px}
.modern-registry .registry-table-wrap {max-height:calc(100vh - 300px);min-height:470px}

.exchange-page {padding-bottom:30px}
.exchange-summary {display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}
.exchange-summary>a {position:relative;min-height:104px;padding:15px 17px;overflow:hidden;border:1px solid #dce4e9;border-radius:9px;background:#fff;color:#19384f;text-decoration:none;box-shadow:0 4px 15px rgba(13,39,67,.04)}
.exchange-summary>a:before {content:"";position:absolute;top:0;right:0;left:0;height:3px;background:#7893a5}
.exchange-summary>a.stage-dispatched:before {background:#3379a2}.exchange-summary>a.stage-accepted:before{background:#b6892d}.exchange-summary>a.stage-responded:before,.exchange-summary>a.stage-completed:before{background:#258461}
.exchange-summary>a.active {border-color:#6c9bb8;background:#f7fbfd;box-shadow:0 8px 22px rgba(17,71,105,.08)}
.exchange-summary span,.exchange-summary strong,.exchange-summary small {display:block}.exchange-summary span{color:#536b7d;font-size:10px;font-weight:800;text-transform:uppercase}.exchange-summary strong{margin-top:7px;font-size:27px;font-variant-numeric:tabular-nums}.exchange-summary small{margin-top:3px;color:#8a98a3;font-size:9px}
.exchange-registry {overflow:hidden;border:1px solid #dce4e9;border-radius:11px;background:#fff;box-shadow:0 6px 20px rgba(13,39,67,.05)}
.exchange-toolbar {display:flex;align-items:flex-end;gap:20px;padding:17px 19px;border-bottom:1px solid #e2e8ec}
.exchange-toolbar>div {min-width:150px;margin-right:auto}.exchange-toolbar h2{margin:3px 0 0;color:#17364e;font-size:18px}
.exchange-toolbar form {display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.exchange-toolbar label>span {display:block;margin-bottom:4px;color:#718492;font-size:9px;font-weight:700}
.exchange-toolbar input,.exchange-toolbar select {height:39px;width:150px;padding:0 9px;font-size:10px}.exchange-toolbar .wide input{width:225px}.exchange-toolbar form>.button-primary{height:39px;min-height:39px}.exchange-toolbar form>a{height:39px;display:grid;place-items:center;padding:0 9px;color:#286b91;font-size:10px;text-decoration:none}
.exchange-alerts {min-height:42px;display:flex;align-items:center;gap:22px;padding:0 19px;border-bottom:1px solid #e5eaed;background:#f8fafb;color:#526a7c;font-size:10px}.exchange-alerts span{display:flex;align-items:center;gap:7px}.exchange-alerts i{width:7px;height:7px;border-radius:50%;background:#bc8b2d}.exchange-alerts .danger i{background:#bf414b}.exchange-alerts b{font-size:12px}.exchange-alerts small{margin-left:auto;color:#8896a1;font-size:9px}
.exchange-table-wrap {max-height:calc(100vh - 330px);min-height:500px;overflow:auto}
.exchange-table {width:100%;min-width:1320px;border-collapse:collapse}
.exchange-table thead {position:sticky;top:0;z-index:2}
.exchange-table th {height:46px;padding:0 13px;background:#f1f5f7;color:#536c7d;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.04em}
.exchange-table td {padding:12px 13px;border-bottom:1px solid #e7ecef;color:#2f4c61;font-size:11px;vertical-align:middle}
.exchange-table tbody tr:hover {background:#f8fafb;box-shadow:inset 3px 0 0 #4f8caf}
.exchange-table td>a {display:block;max-width:360px;color:#17364e;text-decoration:none}.exchange-table td>a strong,.exchange-table td>a span,.exchange-table td>strong,.exchange-table td>span,.exchange-table time,.exchange-table time small{display:block}.exchange-table td>a strong{color:#17638e;font-size:10px}.exchange-table td>a span{overflow:hidden;margin-top:4px;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.exchange-table td>span,.exchange-table time small{margin-top:3px;color:#7d8e9b;font-size:9px}.awaiting{color:#a5751f;font-weight:750}.complete-label{color:#197052;font-weight:750}

@media(max-width:1450px) {
  .command-hero {grid-template-columns:1fr;gap:18px}
  .command-day {max-width:none}
  .command-shortcuts {grid-template-columns:repeat(2,1fr)}
  .modern-registry .registry-workbench,.modern-registry .registry-workbench.has-inspector {grid-template-columns:210px minmax(0,1fr)}
  .exchange-summary {grid-template-columns:repeat(3,1fr)}
  .exchange-toolbar {align-items:flex-start;flex-direction:column}
  .exchange-toolbar form {justify-content:flex-start}
}

@media(max-width:960px) {
  .command-hero {padding:24px}.command-day>div{grid-template-columns:repeat(2,1fr)}.command-day a:nth-child(2){border-right:0}.command-day a:nth-child(-n+2){border-bottom:1px solid rgba(191,211,225,.14)}
  .command-grid {grid-template-columns:1fr}.recent-stream>div>a{grid-template-columns:115px minmax(220px,1fr) 130px 70px}.recent-stream em,.recent-stream .status-pill{display:none}
  .operation-page-head {align-items:flex-start;flex-direction:column}.modern-registry .registry-workbench{display:block}.modern-registry .queue-rail{border-right:0;border-bottom:1px solid #dfe6eb}.modern-registry .queue-rail .registry-boxes{flex-direction:row;overflow:auto}.queue-help,.modern-registry .queue-rail>footer{display:none}
  .exchange-summary{grid-template-columns:repeat(2,1fr)}
  .modern-registry .registry-filters,.registry-center.role-regional .modern-registry .registry-filters,.registry-center.role-leader .modern-registry .registry-filters,.registry-center.role-foreign .modern-registry .registry-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px) {
  .command-hero-copy h1,.operation-page-head h1{font-size:27px}.command-shortcuts{grid-template-columns:1fr}.action-queue>div>a{grid-template-columns:30px minmax(0,1fr) 18px}.task-deadline{display:none}.recent-stream>div>a{grid-template-columns:100px minmax(170px,1fr) 18px}.recent-stream em,.recent-stream time,.recent-stream .status-pill{display:none}
  .exchange-summary{grid-template-columns:1fr}.exchange-alerts{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 15px}.exchange-alerts small{margin-left:0}
}
.version-diff-lines{padding:12px 18px;font:13px/1.55 Consolas,"Courier New",monospace;background:#f8fafc}
.version-diff-lines>div{display:grid;grid-template-columns:24px 1fr;padding:3px 8px;border-radius:4px}
.version-diff-lines code{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}
.version-diff-lines .diff-added{background:#eaf8f0;color:#17643d}
.version-diff-lines .diff-removed{background:#fff0f0;color:#9f2d35}
.version-diff-lines .diff-hint{color:#738394}

/* Executive monitoring: interactive KPI drill-down and regional analytics. */
.monitoring-filter-panel {
  display: grid;
  grid-template-columns: minmax(260px, 1.6fr) minmax(210px, 1fr) minmax(150px, .72fr) minmax(150px, .72fr) auto;
  align-items: end;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid var(--ph-line);
  border-radius: 9px;
  background: #fff;
  box-shadow: var(--ph-shadow-sm);
}
.monitoring-filter-panel label>span {
  display: block;
  margin-bottom: 6px;
  color: #536a7d;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.monitoring-filter-panel input,
.monitoring-filter-panel select {
  width: 100%;
  height: 42px;
  border: 1px solid #cad6de;
  border-radius: 6px;
  padding: 0 11px;
  background: #fff;
  color: var(--ph-ink);
  font-size: 12px;
}
.monitoring-filter-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.monitoring-filter-actions>a {
  display: grid;
  min-height: 42px;
  place-items: center;
  padding: 0 8px;
  color: #567083;
  font-size: 11px;
  text-decoration: none;
}
.monitoring-metrics>a,
.monitoring-metrics>article {
  position: relative;
  display: block;
  min-height: 132px;
  padding: 18px 19px;
  overflow: hidden;
  border: 1px solid var(--ph-line);
  border-top: 3px solid #8298a8;
  border-radius: 9px;
  background: #fff;
  box-shadow: var(--ph-shadow-sm);
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.monitoring-metrics>a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(10,34,57,.10);
}
.monitoring-metrics>a.active {
  border-color: #8fb0c5;
  background: #f7fbfd;
  box-shadow: 0 0 0 2px rgba(38,107,145,.10), var(--ph-shadow-sm);
}
.monitoring-metrics>a.primary {border-top-color:var(--ph-blue-600)}
.monitoring-metrics>a.danger {border-top-color:var(--ph-red-600)}
.monitoring-metrics>a.warning {border-top-color:var(--ph-amber-600)}
.monitoring-metrics>a.success {border-top-color:var(--ph-green-600)}
.monitoring-metrics>a span,
.monitoring-metrics>a strong,
.monitoring-metrics>a small,
.monitoring-metrics>a i,
.monitoring-metrics>article i {display:block}
.monitoring-metrics>a span {color:#536a7d;font-size:11px;font-weight:800;text-transform:uppercase}
.monitoring-metrics>a strong {margin:8px 0 5px;color:var(--ph-ink);font-size:30px;line-height:1}
.monitoring-metrics>a small {color:var(--ph-muted);font-size:10px}
.monitoring-metrics>a i,
.monitoring-metrics>article i {
  position:absolute;
  right:16px;
  bottom:13px;
  color:#51748a;
  font-size:9px;
  font-style:normal;
  font-weight:750;
}
.monitoring-metrics>article.average {background:#fbfcfd}
.regional-monitoring {margin-bottom:16px;overflow:hidden}
.monitoring-scope {
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:#edf5f1;
  color:#1f7a5c;
  font-size:10px;
  font-weight:800;
}
.region-performance-table {width:100%;min-width:1050px;border-collapse:collapse}
.region-performance-table th {
  height:42px;
  padding:0 13px;
  border-bottom:1px solid #d8e1e6;
  background:#f2f5f7;
  color:#607482;
  font-size:9px;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.region-performance-table td {padding:13px;border-bottom:1px solid #e4e9ed;color:#344a59;font-size:12px;vertical-align:middle}
.region-performance-table tbody tr:hover {background:#f8fafb}
.region-performance-table tbody tr.risk {box-shadow:inset 3px 0 0 #bd5b5b}
.region-rank {display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#edf2f5;color:#526b7d;font-size:10px;font-weight:800}
.region-name {display:block;color:var(--ph-ink);text-decoration:none}
.region-name strong,.region-name small {display:block}
.region-name small {margin-top:4px;color:var(--ph-muted);font-size:9px;font-weight:500}
.region-count {display:inline-grid;min-width:30px;height:28px;place-items:center;border-radius:6px;background:#edf3f6;color:#245a7d;font-weight:800;text-decoration:none}
.region-count.warning {background:#fff4dd;color:#8c6518}
.region-count.danger {background:#fdebec;color:#9c3b3b}
.region-count.success {background:#e8f5ef;color:#1f7a5c}
.region-progress {display:flex;align-items:center;gap:8px;min-width:115px}
.region-progress>span {width:72px;height:7px;overflow:hidden;border-radius:9px;background:#e5ebef}
.region-progress i {display:block;height:100%;border-radius:inherit;background:var(--ph-green-600)}
.region-progress b {font-size:10px;color:#355165}
.region-open {display:grid;width:30px;height:30px;place-items:center;border:1px solid #ced9e0;border-radius:6px;color:#27688f;text-decoration:none}
.monitoring-analytics {grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);margin-bottom:16px}
.monitoring-register {overflow:hidden;margin-bottom:16px;scroll-margin-top:78px}
.monitoring-register-head {display:flex;align-items:center;justify-content:space-between;gap:18px}
.monitoring-register-head>div:last-child {display:flex;gap:8px;flex-wrap:wrap}
.register-eyebrow {display:block;margin-bottom:5px;color:#936918;font-size:9px;font-weight:800;letter-spacing:.14em}
.monitoring-table td:nth-child(1) {min-width:260px}
.monitoring-table td:nth-child(2) {min-width:170px}
.monitoring-table td:nth-child(3) {min-width:170px}
.monitoring-table td:nth-child(4) {min-width:170px}
.monitoring-table td:nth-child(5) {min-width:150px}
.monitoring-table td:nth-child(6) {min-width:130px}
.partner-analysis {overflow:hidden}
@media(max-width:1180px) {
  .monitoring-filter-panel {grid-template-columns:1.4fr 1fr 1fr 1fr}
  .monitoring-filter-actions {grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:800px) {
  .monitoring-filter-panel {grid-template-columns:1fr 1fr}
  .monitoring-search,.monitoring-filter-panel label:nth-of-type(2) {grid-column:1/-1}
  .monitoring-analytics {grid-template-columns:1fr}
  .monitoring-register-head {align-items:flex-start;flex-direction:column}
}
@media(max-width:560px) {
  .monitoring-filter-panel {grid-template-columns:1fr}
  .monitoring-filter-panel label {grid-column:1}
  .monitoring-filter-actions {grid-column:1}
  .monitoring-metrics {grid-template-columns:1fr}
}
/* Monitoring dashboard stays analytical; drill-down lives on its own registry page. */
.executive-insights {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.executive-insights article {
  min-height:96px;
  padding:17px 19px;
  border:1px solid var(--ph-line);
  border-left:3px solid var(--ph-green-600);
  border-radius:9px;
  background:#fff;
  box-shadow:var(--ph-shadow-sm);
}
.executive-insights article.attention {border-left-color:var(--ph-red-600)}
.executive-insights span,.executive-insights strong,.executive-insights small {display:block}
.executive-insights span {color:#607482;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.executive-insights strong {margin:7px 0 4px;color:var(--ph-ink);font-size:23px;line-height:1.05}
.executive-insights strong em {color:#61788a;font-size:11px;font-style:normal}
.executive-insights small {overflow:hidden;color:var(--ph-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.monitoring-list-page {max-width:1520px;margin:0 auto}
.monitoring-list-title {align-items:flex-end}
.monitoring-back {display:inline-flex;margin-bottom:15px;color:#286b91;font-size:11px;font-weight:750;text-decoration:none}
.monitoring-list-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid var(--ph-line);
  border-radius:9px;
  background:var(--ph-line);
  box-shadow:var(--ph-shadow-sm);
}
.monitoring-list-tabs a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:64px;
  padding:13px 17px;
  border-top:3px solid #8298a8;
  background:#fff;
  color:#536a7d;
  text-decoration:none;
}
.monitoring-list-tabs a.primary {border-top-color:var(--ph-blue-600)}
.monitoring-list-tabs a.danger {border-top-color:var(--ph-red-600)}
.monitoring-list-tabs a.warning {border-top-color:var(--ph-amber-600)}
.monitoring-list-tabs a.success {border-top-color:var(--ph-green-600)}
.monitoring-list-tabs a.active {background:#f0f6f9;box-shadow:inset 0 -3px 0 #3d789a}
.monitoring-list-tabs span {font-size:10px;font-weight:800;text-transform:uppercase}
.monitoring-list-tabs strong {color:var(--ph-ink);font-size:24px}
.monitoring-list-filters {margin-bottom:14px}
.selected-region-chip {display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf5f1;color:#1f7a5c;font-size:10px;font-weight:800}
@media(max-width:800px) {
  .executive-insights {grid-template-columns:1fr}
  .monitoring-list-tabs {grid-template-columns:1fr 1fr}
  .monitoring-list-title {align-items:flex-start}
}