/* Shared presentation layer for registries, dashboards, dialogs and mobile views. */
:root {
  --ui-page-gap: clamp(12px, 1.5vw, 24px);
  --ui-section-gap: 16px;
  --ui-radius: 8px;
  --ui-control-height: 42px;
  --ui-panel: color-mix(in srgb, var(--paper) 94%, transparent);
  --ui-panel-muted: color-mix(in srgb, var(--paper-2) 94%, transparent);
  --ui-hover: color-mix(in srgb, var(--blue) 7%, var(--paper));
}

.documentation-dialog{width:min(1500px,96vw);height:min(920px,94vh);max-width:none;padding:22px;overflow:hidden}
.documentation-dialog[open]{display:flex;flex-direction:column}
.documentation-dialog .dialog-head{flex:0 0 auto}
.documentation-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:0;flex:1}
.documentation-layout>aside{overflow:auto;border-right:1px solid var(--line,#38515b);padding:4px 16px 16px 0}
.documentation-tabs{display:grid;gap:8px;margin-bottom:20px}
.documentation-tabs button{text-align:left;min-height:42px}
.documentation-tabs button.active{background:var(--accent,#2183b5);color:#fff;border-color:transparent}
#documentation-toc{display:grid;gap:2px}
#documentation-toc a{color:inherit;text-decoration:none;padding:7px 8px;border-radius:4px;font-size:13px;line-height:1.3}
#documentation-toc a:hover{background:rgba(71,167,210,.12)}
#documentation-toc a.level-3{padding-left:20px;color:var(--muted,#8ea5ad)}
.documentation-content{overflow:auto;padding:2px clamp(12px,3vw,44px) 40px;scroll-behavior:smooth}
.documentation-content h1{font-size:30px;margin:8px 0 22px;letter-spacing:0}
.documentation-content h2{font-size:22px;margin:34px 0 14px;letter-spacing:0;scroll-margin-top:16px}
.documentation-content h3{font-size:17px;margin:24px 0 10px;letter-spacing:0;scroll-margin-top:16px}
.documentation-content p,.documentation-content li{font-size:15px;line-height:1.65}
.documentation-content p{margin:8px 0}.documentation-content li+li{margin-top:5px}
.documentation-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(127,127,127,.15);padding:2px 5px;border-radius:3px}
.documentation-content pre{overflow:auto;background:#111b20;color:#d9edf5;padding:16px;border-radius:6px;line-height:1.5}
.documentation-content pre code{background:none;padding:0}
@media(max-width:760px){.documentation-dialog{width:98vw;height:96vh;padding:14px}.documentation-layout{grid-template-columns:1fr}.documentation-layout>aside{border-right:0;border-bottom:1px solid var(--line,#38515b);padding:0 0 10px;max-height:190px}.documentation-content{padding:0 6px 28px}.documentation-content h1{font-size:24px}.documentation-content h2{font-size:19px}}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
main { width: auto; padding-inline: var(--ui-page-gap); }
.ambient { display: none; }

button,
.button-link,
input,
select,
textarea {
  max-width: 100%;
  font: inherit;
}
button,
.button-link {
  min-height: var(--ui-control-height);
  border-radius: 7px;
  line-height: 1.25;
  white-space: normal;
}
input,
select,
textarea {
  min-width: 0;
  border-radius: 7px !important;
}
textarea { line-height: 1.45; }
a { overflow-wrap: anywhere; }

.content-section {
  min-width: 0;
  padding: clamp(16px, 2vw, 24px);
  border-radius: var(--ui-radius);
  background: var(--ui-panel);
}
.content-section + .content-section { margin-top: var(--ui-section-gap); }
.section-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.section-head > div:first-child { min-width: 0; }
.section-head h2 {
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}
.section-head p {
  max-width: 780px;
  margin: 7px 0 0;
  color: var(--ink-soft);
}
.eyebrow { letter-spacing: .12em; }

.app-tabs,
.document-sheets,
.accounting-sheets {
  gap: 4px;
  scrollbar-width: thin;
}
.app-tabs button,
.document-sheets button,
.accounting-sheets button {
  min-width: max-content;
  padding-inline: 16px;
}

.stats,
.review-center-summary,
.data-quality-grid,
.case-registry-summary,
.executive-metrics {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}
.stats article,
.review-center-summary article,
.data-quality-grid article,
.case-registry-summary article,
.executive-metrics article {
  min-width: 0;
  border-radius: var(--ui-radius);
}
.data-quality-grid button,
.learning-quality-grid button {
  display: block;
  width: 100%;
}
.data-quality-grid button span,
.data-quality-grid button strong,
.data-quality-grid button small,
.learning-quality-grid button span,
.learning-quality-grid button strong,
.learning-quality-grid button small {
  width: 100%;
  overflow-wrap: anywhere;
}

.searchbar,
.registry-filters,
.review-center-filters,
.case-registry-filters,
.calendar-filters,
.civil-registry-search {
  border-radius: var(--ui-radius);
}
.registry-filters,
.review-center-filters,
.case-registry-filters {
  align-items: end;
}
.registry-filters label,
.review-center-filters label,
.case-registry-filters label {
  min-width: 0;
}
.registry-filters input,
.registry-filters select,
.review-center-filters input,
.review-center-filters select,
.case-registry-filters input,
.case-registry-filters select {
  width: 100%;
}

.registry-table-wrap,
.table-wrap,
.demand-list-scroll {
  max-width: 100%;
  scrollbar-width: thin;
}
table {
  border-spacing: 0;
}
th {
  color: var(--blue);
  font-size: 11px;
  line-height: 1.25;
  letter-spacing: .04em;
}
td { line-height: 1.4; }

.result,
.doc-row,
.civil-registry-card,
.unified-case-row,
.review-center-item,
.notification-item,
.monitoring-row {
  min-width: 0;
  border-radius: var(--ui-radius);
}
.result > *,
.doc-row > *,
.civil-registry-card > *,
.unified-case-row > *,
.review-center-item > * {
  min-width: 0;
}
.doc-actions,
.section-actions,
.dialog-actions,
.case-file-actions,
.review-center-item nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recent-bulk,
.court-recent-bulk,
.appeal-actions,
.recent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recent-bulk > *,
.court-recent-bulk > *,
.appeal-actions > *,
.recent-actions > * {
  flex: 0 1 auto;
  max-width: 100%;
}

.recognizer-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}
.recognizer-grid article {
  min-width: 0;
  border-radius: var(--ui-radius);
}
.recognizer-grid article button { width: 100%; }

.calendar-grid { min-width: 0; }
.calendar-day { min-width: 0; }
.calendar-agenda-item { min-width: 0; }

dialog {
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px);
  border-radius: var(--ui-radius);
  overflow: auto;
}
dialog[open] {
  overscroll-behavior: contain;
}
dialog > form,
dialog > .case-card-content {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.dialog-head {
  gap: 16px;
  padding: 17px 20px !important;
}
.dialog-head > div { min-width: 0; }
.dialog-head h2 {
  font-size: clamp(22px, 2.5vw, 30px);
  overflow-wrap: anywhere;
}
.dialog-head > button {
  flex: 0 0 42px;
  width: 42px;
  min-height: 42px;
  border-radius: 7px;
}
.form-grid,
.edit-fields,
.registry-entry-form {
  min-width: 0;
}
.form-grid label,
.edit-fields label,
.registry-entry-form label {
  min-width: 0;
}
.form-grid input,
.form-grid select,
.form-grid textarea,
.edit-fields input,
.edit-fields select,
.edit-fields textarea,
.registry-entry-form input,
.registry-entry-form select,
.registry-entry-form textarea {
  width: 100%;
  min-height: var(--ui-control-height);
}
.dialog-actions {
  margin-top: 12px;
  padding: 12px 20px !important;
  border-top: 1px solid var(--line);
}
.access-dialog,
.audit-dialog,
.system-health-dialog,
.filing-card-dialog,
.duplicate-compare-dialog,
.delivery-date-dialog,
.complaint-dialog {
  box-sizing: border-box;
}
.access-layout,
.health-overview,
.health-details,
.duplicate-previews,
.duplicate-differences,
.filing-card-grid,
.task-card-grid,
.permission-grid,
.task-recipient-picker {
  min-width: 0;
}
.access-layout > *,
.health-overview > *,
.health-details > *,
.duplicate-previews > *,
.duplicate-differences > *,
.filing-card-grid > *,
.task-card-grid > *,
.permission-grid > *,
.task-recipient-picker > * {
  min-width: 0;
}

.case-card-section,
.civil-direction-group,
.demand-list-block,
.review-panel,
.duplicate-panel,
.progress-panel,
.upload {
  border-radius: var(--ui-radius);
}

@media (max-width: 1050px) {
  .section-head { grid-template-columns: 1fr; align-items: start; }
  .section-actions { justify-content: flex-start; width: 100%; }
  .edit-layout,
  .reconcile-layout,
  .summons-review-layout,
  .complaint-workspace,
  .unified-case-layout {
    grid-template-columns: 1fr !important;
  }
  .edit-preview iframe,
  .pdf-preview iframe,
  .summons-review-layout iframe,
  .complaint-source iframe {
    min-height: 48vh;
  }
  .calendar-grid {
    grid-template-columns: repeat(7, minmax(118px, 1fr));
    overflow-x: auto;
  }
}

@media (max-width: 760px) {
  :root { --ui-section-gap: 10px; }
  body { font-size: 14px; }
  main { padding: 8px 10px 84px; }
  .content-section { padding: 14px; }
  .section-head { gap: 10px; padding-bottom: 12px; }
  .section-head h2 { font-size: 22px; }
  .section-head p { font-size: 13px; }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }
  button,
  .button-link { min-height: 44px; }

  .stats,
  .review-center-summary,
  .data-quality-grid,
  .case-registry-summary,
  .executive-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .app-tabs:not(.legal-categories),
  .document-sheets,
  .accounting-sheets {
    display: flex !important;
    width: calc(100% + 20px);
    margin-inline: -10px;
    padding-inline: 10px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .app-tabs:not(.legal-categories) button,
  .document-sheets button,
  .accounting-sheets button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .app-tabs:not(.legal-categories)::-webkit-scrollbar,
  .document-sheets::-webkit-scrollbar,
  .accounting-sheets::-webkit-scrollbar {
    display: none;
  }
  .department-tabs,
  .legal-categories {
    display: none !important;
  }

  .searchbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .searchbar > button {
    grid-column: 1 / -1;
    width: 100%;
  }
  .global-search .searchbar > button { display: none; }

  .registry-filters,
  .review-center-filters,
  .case-registry-filters,
  .calendar-filters,
  .civil-registry-search {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
  .registry-filters > *,
  .review-center-filters > *,
  .case-registry-filters > *,
  .calendar-filters > *,
  .civil-registry-search > * {
    grid-column: auto !important;
    width: 100%;
  }

  .section-actions,
  .doc-actions,
  .case-file-actions,
  .review-center-item nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .section-actions > *,
  .doc-actions > *,
  .case-file-actions > *,
  .review-center-item nav > * {
    width: 100%;
    min-width: 0;
  }

  .result,
  .doc-row,
  .review-center-item,
  .civil-registry-card,
  .unified-case-row,
  .calendar-agenda-item,
  .case-hearing {
    grid-template-columns: 1fr !important;
    gap: 9px;
    padding: 13px;
  }
  .doc-row,
  .recent-panel .doc-row,
  .appeal-panel .doc-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .result > *,
  .doc-row > *,
  .review-center-item > *,
  .civil-registry-card > *,
  .unified-case-row > * {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .doc-row > .select-document,
  .doc-row > .doc-seq,
  .doc-row > div:nth-of-type(1),
  .doc-row > div:not(.doc-actions),
  .doc-row > .doc-actions,
  .doc-row .open {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100%;
    min-width: 0;
  }
  .doc-row > .select-document {
    display: flex;
    width: auto;
    align-items: center;
  }
  .doc-row > .doc-seq {
    width: auto;
  }
  .doc-row > .doc-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .doc-row > .doc-actions > * {
    width: 100%;
    min-width: 0;
  }
  .doc-title,
  .doc-meta {
    width: 100%;
    min-width: 0;
    word-break: normal;
    overflow-wrap: anywhere;
  }
  .recent-bulk,
  .court-recent-bulk,
  .appeal-actions,
  .recent-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .recent-bulk > *,
  .court-recent-bulk > *,
  .appeal-actions > *,
  .recent-actions > * {
    width: 100%;
    min-width: 0;
  }

  .demand-registry-section {
    width: auto;
    margin-left: 0;
  }
  .demand-list-scroll { max-height: none; overflow: visible; }
  .demand-registry-table .demand-row {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .demand-registry-table td {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .returns-table,
  .registry-table {
    min-width: 980px;
  }
  .registry-table-wrap,
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  dialog,
  dialog.document-edit-dialog,
  dialog.reconcile-dialog,
  dialog.complaint-dialog,
  dialog.audit-dialog,
  dialog.hearing-dialog,
  dialog.recognition-quality-dialog {
    inset: 0;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  .dialog-head { padding: 13px 14px !important; }
  .dialog-head h2 { font-size: 22px; }
  .form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
    margin: 14px 0;
  }
  .form-grid > *,
  .form-grid .wide {
    grid-column: 1 !important;
  }
  .dialog-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 11px 14px !important;
  }
  .dialog-actions > * {
    width: 100%;
    margin: 0 !important;
  }
  .edit-layout { padding-top: 8px; }
  .edit-preview iframe,
  .pdf-preview iframe,
  .summons-review-layout iframe,
  .complaint-source iframe {
    min-height: 42vh;
  }

  .calendar-grid {
    grid-template-columns: repeat(7, minmax(112px, 1fr));
  }
  .calendar-day { min-height: 98px; }
  .civil-lifecycle-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
  .civil-lifecycle-track article,
  .civil-stage-button {
    flex: 0 0 180px;
    scroll-snap-align: start;
  }
  .access-layout,
  .health-overview,
  .health-details,
  .duplicate-previews,
  .duplicate-differences,
  .filing-card-grid,
  .task-card-grid,
  .permission-grid,
  .task-recipient-picker {
    grid-template-columns: 1fr !important;
  }
  .access-user,
  .access-user.new-user {
    grid-template-columns: 1fr !important;
  }
  .access-user > *,
  .access-user.new-user > *,
  .access-user.new-user button {
    grid-column: 1 !important;
    width: 100%;
  }
  .complaint-dialog,
  .filing-card-dialog,
  .audit-dialog,
  .system-health-dialog,
  .access-dialog,
  .duplicate-compare-dialog,
  .delivery-date-dialog {
    padding: 14px !important;
  }
  .complaint-workspace,
  .employment-editor-layout {
    overflow: visible;
  }
}

/* Full-width application canvas. Dialogs keep their task-specific limits. */
html,body{width:100%;max-width:none}
main{width:auto;max-width:none!important;box-sizing:border-box;padding-right:clamp(14px,1.5vw,32px);padding-left:clamp(14px,1.5vw,32px)}
main>div:not(.global-search-panel):not(.quick-create-menu),main>section,main>nav{max-width:none;box-sizing:border-box}
#executive-tab,#cases-tab,#review-center-tab,#recognizers-tab,#link-registry-tab,#documents-tab,#appeals-tab,#calendar-tab,#civil-tab,#accounting-tab,#monitoring-tab{width:100%;max-width:none}
#executive-content,#cases-content,#review-center-content,#recognizers-content,#link-registry-content{width:100%;max-width:none;box-sizing:border-box}
.content-section,.stats-panel,.review-center-section,.executive-section,.unified-cases-section,.registry-content,.demand-registry-section,.calendar-section,.civil-section,.accounting-section,.monitoring-section{width:100%;max-width:none!important;box-sizing:border-box}
.registry-table-wrap,.table-wrap{width:100%;max-width:none}
@media(min-width:1800px){.content-section{padding:clamp(22px,1.4vw,32px)}.executive-summary,.executive-scale-grid,.monitoring-summary,.case-registry-summary,.review-center-summary{gap:clamp(8px,.7vw,16px)}}
@media(max-width:1050px){main{width:100%;padding-right:clamp(12px,2vw,22px);padding-left:clamp(12px,2vw,22px)}}
@media(max-width:760px){main{padding-right:10px;padding-left:10px}.content-section,.stats-panel{width:100%;max-width:100%}}

.administrative-workspace{margin:2px 0 18px;border-bottom:1px solid var(--line)}
.administrative-workspace[hidden]{display:none}
.administrative-workspace-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:5px 2px 13px}
.administrative-workspace-head>div{display:grid;gap:3px}
.administrative-workspace-head span{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}
.administrative-workspace-head h1{margin:0;font:700 clamp(22px,2.2vw,32px) Georgia,serif;letter-spacing:0}
.administrative-workspace-head>a{padding:8px 0;color:var(--blue);font-weight:750;text-decoration:none}
.administrative-workspace>nav{position:sticky;z-index:21;top:77px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(12px)}
.administrative-workspace>nav button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 8px;min-height:62px;padding:10px 12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left}
.administrative-workspace>nav button+button{border-left:1px solid var(--line)}
.administrative-workspace>nav button span{font-weight:800}
.administrative-workspace>nav button small{grid-column:1;color:var(--ink-soft)}
.administrative-workspace>nav button b{grid-column:2;grid-row:1/3;align-self:center;min-width:28px;padding:3px 6px;border-radius:12px;background:var(--paper-2);text-align:center;font-size:11px}
.administrative-workspace>nav button.active{background:color-mix(in srgb,var(--blue) 11%,var(--paper));color:var(--blue)}
.administrative-workspace>nav button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--blue)}
body[data-administrative-section] #administrative-section-tabs{display:none!important}
body[data-administrative-section="appeals"] #appeals-company-tabs [data-appeals-section="demands"],body[data-administrative-section="appeals"] #appeals-company-tabs [data-appeals-section="returns"]{display:none}
#appeals-tab.administrative-mode-returns #appeal-stats-panel,#appeals-tab.administrative-mode-returns #appeals-company-tabs,#appeals-tab.administrative-mode-returns .registry-upload,#appeals-tab.administrative-mode-returns #appeals-import-result,#appeals-tab.administrative-mode-returns #appeals-court-sync,#appeals-tab.administrative-mode-returns #appeals-court-sync-status{display:none!important}
#appeals-tab.administrative-mode-demands #appeal-stats-panel,#appeals-tab.administrative-mode-demands #appeals-company-tabs,#appeals-tab.administrative-mode-demands .registry-upload,#appeals-tab.administrative-mode-demands #appeals-import-result,#appeals-tab.administrative-mode-demands .registry-filters,#appeals-tab.administrative-mode-demands .registry-actions{display:none!important}
#appeals-tab.administrative-mode-returns .registry-actions{margin-top:0;padding-top:0;border-top:0}
@media(max-width:760px){.administrative-workspace-head{align-items:flex-start;flex-direction:column}.administrative-workspace-head h1{font-size:24px}.administrative-workspace>nav{top:65px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.administrative-workspace>nav::-webkit-scrollbar{display:none}.administrative-workspace>nav button{flex:0 0 175px;scroll-snap-align:start}.administrative-workspace>nav button small{display:none}.administrative-workspace>nav button b{grid-row:1}.administrative-workspace>nav button.active:after{left:8px;right:8px}}

@media (max-width: 430px) {
  .stats,
  .review-center-summary,
  .data-quality-grid,
  .case-registry-summary,
  .executive-metrics {
    grid-template-columns: 1fr !important;
  }
  .section-actions,
  .doc-actions,
  .case-file-actions,
  .review-center-item nav,
  .dialog-actions {
    grid-template-columns: 1fr;
  }
  .doc-row > .doc-actions,
  .recent-bulk,
  .court-recent-bulk,
  .appeal-actions,
  .recent-actions {
    grid-template-columns: 1fr !important;
  }
  .mobile-bottom-nav {
    left: 5px;
    right: 5px;
    bottom: 5px;
  }
}

/* Keep the duplicate comparison stable while the job status is polled. */
.duplicate-compare-dialog {
  overflow: hidden;
}
.duplicate-compare-dialog > .dialog-head,
.duplicate-differences,
.duplicate-warning,
.duplicate-compare-dialog > .dialog-actions {
  flex: 0 0 auto;
}
.duplicate-differences {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  align-items: stretch;
  max-height: 220px;
  overflow-y: auto;
}
.duplicate-difference {
  min-width: 0;
  overflow-wrap: anywhere;
}
.duplicate-previews {
  overflow: hidden;
}
.duplicate-previews section {
  min-height: 0;
}
.duplicate-previews iframe {
  display: block;
  min-height: 0;
  height: 100%;
}

@media (max-width: 850px) {
  .duplicate-compare-dialog {
    overflow-y: auto;
  }
  .duplicate-differences {
    max-height: none;
  }
  .duplicate-previews {
    overflow: visible;
  }
  .duplicate-previews iframe {
    min-height: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Recent document cards must respond to their panel, not only to the viewport. */
.recent-item {
  container-type: inline-size;
}

.recent-panel .doc-row > div:not(.doc-actions) {
  min-width: 0;
}

.recent-panel .doc-title,
.recent-panel .doc-meta {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

@container (max-width: 900px) {
  .recent-panel .doc-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
  }

  .recent-panel .doc-row > *,
  .recent-panel .doc-row > .select-document,
  .recent-panel .doc-row > .doc-seq,
  .recent-panel .doc-row > div:not(.doc-actions),
  .recent-panel .doc-row > .doc-actions,
  .recent-panel .doc-row .open {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0;
    width: 100%;
  }

  .recent-panel .doc-row > .select-document,
  .recent-panel .doc-row > .doc-seq {
    width: auto;
  }

  .recent-panel .doc-row > .doc-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.executive-user-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.executive-user-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--ui-radius);
  background: var(--paper-2);
}
.executive-user-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.executive-user-card header strong,
.executive-user-card header span,
.executive-user-card footer span,
.executive-user-card footer b,
.executive-user-card footer small,
.executive-user-metrics span,
.executive-user-metrics b {
  display: block;
}
.executive-user-card header span,
.executive-user-card footer span,
.executive-user-card footer small,
.executive-user-metrics span {
  color: var(--ink-soft);
  font-size: 11px;
}
.executive-user-card header i {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--ink-soft);
  font-size: 11px;
  font-style: normal;
}
.executive-user-card header i.online {
  border-color: var(--green);
  color: var(--green);
}
.executive-user-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 12px 0;
  border: 1px solid var(--line);
  background: var(--line);
}
.executive-user-metrics > div {
  min-width: 0;
  padding: 9px;
  background: var(--paper);
}
.executive-user-metrics b {
  margin-top: 3px;
}
.executive-user-card .bad {
  color: #c64b3c;
}
.executive-user-card footer {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(0, 1.3fr);
  gap: 12px;
}
.executive-user-card footer b,
.executive-user-card footer small {
  min-width: 0;
  margin-top: 3px;
  overflow-wrap: anywhere;
}
.executive-user-card footer b {
  font-size: 12px;
}

@media (max-width: 1000px) {
  .executive-user-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .executive-user-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .executive-user-card footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .unified-case-row {
    grid-template-columns: 28px minmax(0, 1fr) !important;
  }
  .unified-case-row > .case-select {
    grid-column: 1 !important;
    grid-row: 1 / 8 !important;
    width: auto !important;
    align-items: start;
  }
  .unified-case-row > :not(.case-select) {
    grid-column: 2 !important;
  }
}
/* Manual payment-order details stay editable independently of 1C/PDF imports. */
.app-sidebar{overflow:hidden}.sidebar-nav{max-height:calc(100dvh - 92px);overflow-y:auto;overflow-x:hidden;padding-bottom:24px;scrollbar-width:thin}.profile-menu>button[hidden]{display:none!important}.admin-panel-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.admin-panel-nav button.active{background:var(--accent,#2f8bc0);color:#fff}.admin-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px}.admin-overview article{display:flex;flex-direction:column;gap:8px;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.admin-overview article>span{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.08em}.admin-overview article h3,.admin-overview article p{margin:0}.admin-overview article p{flex:1;color:var(--muted)}.admin-overview article button{align-self:flex-start}.case-list-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 4px}.case-list-heading h3{margin:0}.case-list-heading span,.unified-case-archive summary b{border-radius:999px;padding:3px 9px;background:var(--panel-soft)}.unified-case-archive{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.unified-case-archive>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-weight:800;cursor:pointer;background:var(--panel-soft)}.unified-case-archive>div{padding:8px 12px}.admin-panel-section .integrity-center-panel,.admin-panel-section .link-registry-section,.admin-panel-section .learning-panel{margin-top:16px}
.manual-payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line,#ccd9e0);border-radius:12px;padding:14px;margin:4px 0}.manual-payment-fields legend{font-weight:700;padding:0 6px}.manual-payment-fields label,.payment-item-editor label{display:grid;gap:5px}.manual-payment-fields .wide,.payment-item-editor .wide{grid-column:1/-1}.payment-item-editor{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin-top:10px}.payment-item-editor input,.payment-item-editor select,.manual-payment-fields input,.manual-payment-fields select,.manual-payment-fields textarea{width:100%}.payment-order-request-card{width:min(1100px,96vw)}.payment-order-request-card-items>article{align-items:start}.payment-order-request-card-items>article>div{min-width:0;flex:1}@media(max-width:700px){.manual-payment-fields,.payment-item-editor{grid-template-columns:1fr}}
