/* Directory: one navigation list, then one employee register or branch tree. */
#content[data-a-route="org"] .cc-personnel-layout {
  grid-template-columns: minmax(190px, 22%) minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 34px);
}
#content[data-a-route="org"] :is(.cc-personnel-departments, .cc-personnel-panel, .cc-personnel-empty-panel) {
  border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0;
}
#content[data-a-route="org"] .cc-personnel-departments {
  display: flex; flex-direction: column; gap: 0;
}
#content[data-a-route="org"] .cc-personnel-choice {
  min-height: 49px; padding: 8px 10px; gap: 10px; text-align: start;
  background: transparent; border: 0; border-block-end: 1px solid var(--ga-line);
  border-inline-start: 3px solid transparent; border-radius: 0; color: var(--ga-ink); box-shadow: none;
}
#content[data-a-route="org"] .cc-personnel-choice:hover { background: var(--ga-soft); }
#content[data-a-route="org"] .cc-personnel-choice.active {
  color: var(--ga-green); border-inline-start-color: var(--ga-green); background: var(--ga-tint);
}
#content[data-a-route="org"] .cc-personnel-department-copy strong { font-size: 14px; color: inherit; }
#content[data-a-route="org"] .cc-personnel-count { color: var(--ga-sub); font-size: 17px; }
#content[data-a-route="org"] .cc-personnel-choice.active .cc-personnel-count { color: var(--ga-green); }
#content[data-a-route="org"] .cc-personnel-department-icon {
  color: var(--ga-sub); background: transparent; border: 0; width: 21px; height: 24px;
}
#content[data-a-route="org"] .cc-personnel-choice.active .cc-personnel-department-icon { color: var(--ga-green); }
#content[data-a-route="org"] .cc-personnel-department-icon svg { width: 18px; height: 18px; }
#content[data-a-route="org"] .cc-personnel-detail-head {
  background: transparent; padding: 5px 0 14px; border-block-end: 1px solid var(--ga-line); gap: 10px;
}
#content[data-a-route="org"] .cc-personnel-detail-head > .cc-personnel-department-icon { display: none; }
#content[data-a-route="org"] .cc-personnel-detail-head h3 { font-size: 20px; }
#content[data-a-route="org"] .cc-personnel-detail-body { padding: 15px 0; }
#content[data-a-route="org"] .cc-personnel-list-heading {
  background: var(--ga-soft); color: var(--ga-sub); padding: 6px 8px; margin: 0; font-size: 12px;
}
#content[data-a-route="org"] .cc-person-row {
  min-height: 52px; margin: 0; gap: 10px; padding: 10px 7px; border: 0; border-radius: 0;
  border-block-end: 1px solid var(--ga-line); background: transparent; box-shadow: none;
}
#content[data-a-route="org"] .cc-person-row:hover { background: var(--ga-soft); }
#content[data-a-route="org"] .cc-personnel-avatar {
  width: 32px; height: 32px; background: var(--ga-soft); color: var(--ga-green); font-size: 12px;
}
#content[data-a-route="org"] .cc-personnel-person-copy { flex: 1 1 150px; }
#content[data-a-route="org"] .cc-personnel-status { margin: 0; }
#content[data-a-route="org"] .cc-personnel-edit { color: var(--ga-green); margin-inline-start: auto; }
#content[data-a-route="org"] .cc-personnel-empty { background: transparent; border: 0; padding: 14px 0; }
#content[data-a-route="org"] .cc-personnel-search {
  padding: 0; gap: 0; border: 0; border-radius: 0; background: transparent;
}
#content[data-a-route="org"] .cc-personnel-search svg { display: none; }
#content[data-a-route="org"] .cc-personnel-search input { padding-inline: 11px; }
#content[data-a-route="org"] .cc-store-tree {
  padding: 15px 8px 15px 0; background: transparent; border-color: var(--ga-line);
}
#content[data-a-route="org"] .cc-store-tree-row { border-radius: 0; border-inline-start: 2px solid transparent; }
#content[data-a-route="org"] .cc-store-tree-row:hover { background: var(--ga-soft); }
#content[data-a-route="org"] .cc-store-tree-row.is-selected {
  background: var(--ga-tint); color: var(--ga-green); border-inline-start-color: var(--ga-green);
}
#content[data-a-route="org"] .cc-store-content { padding: 17px 0 17px 17px; }
#content[data-a-route="org"] .cc-store-title h4 { font-size: 18px; }
#content[data-a-route="org"] .cc-store-child { border-radius: 3px; background: transparent; }
#content[data-a-route="org"] .cc-store-member-path { color: var(--ga-sub); }

/* Announcements use a reading column with metadata and a single rule between entries. */
#content[data-a-route="announcements"] .announcement-reading { display: block; }
#content[data-a-route="announcements"] .announcement-reading-card {
  border: 0 !important; border-block-end: 1px solid var(--ga-line) !important;
  padding: 15px 0 20px !important; background: transparent !important;
}
#content[data-a-route="announcements"] .announcement-reading-title {
  border: 0; padding: 0; margin: 0 0 9px; font-size: clamp(18px, 1.75vw, 24px); line-height: 1.4;
}
#content[data-a-route="announcements"] .announcement-reading-body {
  max-width: 83ch; margin: 14px 0 0; line-height: 1.8; color: var(--ga-ink);
}
#content[data-a-route="announcements"] .announcement-reading-image { border-radius: 2px; }
#content[data-a-route="announcements"] .announcement-reading-empty {
  border: 0; border-block-end: 1px solid var(--ga-line); border-radius: 0; padding: 16px 0; background: transparent;
}

/* Show one review route per line, with its scope and assigned people alongside. */
#content[data-a-route="governance"] .nss-gov-head + .cc-list { display: block; }
#content[data-a-route="governance"] .nss-gov-head + .cc-list > article {
  display: grid; grid-template-columns: minmax(95px,.65fr) minmax(165px,1fr) minmax(190px,1.65fr);
  gap: 12px; align-items: center; padding: 11px 0 !important;
}
#content[data-a-route="governance"] .nss-gov-head + .cc-list > article > * { margin: 0; }
#content[data-a-route="governance"] .nss-gov-head + .cc-list h4 { font-size: 14px; }
#content[data-a-route="governance"] .nss-gov-head + .cc-list p { font-size: 12px; color: var(--ga-sub); }
#content[data-a-route="governance"] .nss-gov-head + .cc-list + label { margin-block-start: 20px; }
#content[data-a-route="governance"] .gd-workspace,
#content[data-a-route="governance"] .gd-workspace .gd-route {
  border: 0; border-radius: 0; box-shadow: none; background: transparent;
}
#content[data-a-route="governance"] :is(.gd-routes, .cc-simple-routes) { display: block; }
#content[data-a-route="governance"] .gd-workspace #ccSimpleDefinitionForm { padding: 10px 0; }
#content[data-a-route="governance"] .gd-workspace .gd-heading { padding-inline: 0; background: transparent; }
#content[data-a-route="governance"] .gd-workspace .gd-route {
  padding: 15px 0 18px; border-block-start: 1px solid var(--ga-line); gap: 4px;
}
#content[data-a-route="governance"] .gd-workspace .gd-route-heading {
  background: transparent; margin: 0 0 5px; padding: 0; color: var(--ga-ink);
}
#content[data-a-route="governance"] .gd-workspace .gd-route .approval-person-row { max-width: 700px; }
#content[data-a-route="governance"] .gd-workspace :is(.approval-step-number, .gd-count) {
  color: var(--ga-green); background: transparent; font-variant-numeric: tabular-nums;
}
#content[data-a-route="governance"] .gd-workspace .receipt-route-path {
  align-items: flex-start; padding: 0 0 0 14px; border-inline-start: 2px solid var(--ga-line);
  border-radius: 0; background: transparent; color: var(--ga-sub);
}
#content[data-a-route="governance"] .gd-workspace .gd-note {
  padding: 12px 0; background: transparent; border-block-start: 1px solid var(--ga-line); border-radius: 0;
}

/* Rights editors: a compact feature register with controls in consistent columns. */
:is(#modalRoot,#content) [data-feature-version="3"] { container-type: inline-size; }
:is(#modalRoot,#content) [data-feature-version="3"] :is(.fa-fixed,.wa-grid) { display: block; margin: 8px 0 15px; }
:is(#modalRoot,#content) [data-feature-version="3"] .fa-fixed article {
  display: grid; grid-template-columns: minmax(125px, 1fr) minmax(70px,.6fr) minmax(0,3fr);
  align-items: baseline; column-gap: 14px; padding: 8px 0 !important;
}
:is(#modalRoot,#content) [data-feature-version="3"] .fa-fixed p { margin: 0; color: var(--ga-sub); }
:is(#modalRoot,#content) [data-feature-version="3"] .fa-fixed span { float: none; color: var(--ga-green); }
:is(#modalRoot,#content) [data-feature-version="3"] .wa-item {
  display: grid; grid-template-columns: minmax(130px, .95fr) minmax(140px, 1fr) minmax(0, 2fr);
  grid-template-areas: "name mode duty" "name mode scope"; gap: 3px 16px; align-items: center;
  padding: 10px 0 !important; border: 0 !important; border-block-start: 1px solid var(--ga-line) !important;
}
:is(#modalRoot,#content) [data-feature-version="3"] .wa-feature { grid-area: name; font-size: 14px; }
:is(#modalRoot,#content) [data-feature-version="3"] .wa-side { grid-area: mode; margin: 0; gap: 4px; }
:is(#modalRoot,#content) [data-feature-version="3"] .wa-duty { grid-area: duty; min-height: 0; margin: 0; }
:is(#modalRoot,#content) [data-feature-version="3"] .wa-scope {
  grid-area: scope; border: 0; margin: 0; padding: 0; color: var(--ga-sub);
}
:is(#modalRoot,#content) .wa-advanced { margin-block-start: 12px; }
:is(#modalRoot,#content) .wa-migration { border: 0; border-inline-start: 3px solid #ae7832; border-radius: 0; }
:is(#modalRoot,#content) .wa-effective-grid { gap: 0 18px; }
:is(#modalRoot,#content) :is(.cc-access-policy-list,.cash-config-section,.cash-config-grid > fieldset,.cash-access-entry) {
  min-width: 0; border: 0; border-block-start: 1px solid var(--ga-line);
  padding: 14px 0; border-radius: 0; background: transparent; box-shadow: none;
}
:is(#modalRoot,#content) :is(.cash-config-section,.cash-config-grid > fieldset) legend { padding: 0 8px 0 0; }
:is(#modalRoot,#content) .cash-config-grid { gap: 14px 25px; }
:is(#modalRoot,#content) .cash-table-wrap th { background: var(--ga-soft); }
@container (max-width: 640px) {
  :is(#modalRoot,#content) [data-feature-version="3"] .wa-item {
    grid-template-columns: minmax(0,1fr) minmax(120px,1fr);
    grid-template-areas: "name mode" "duty duty" "scope scope"; gap: 6px 10px;
  }
  :is(#modalRoot,#content) [data-feature-version="3"] .fa-fixed article {
    grid-template-columns: minmax(0,1fr) auto; gap: 2px 10px;
  }
  :is(#modalRoot,#content) [data-feature-version="3"] .fa-fixed p { grid-column: 1/-1; }
}

/* Record screens: put the action at the end of the same record, with a shared header/rule rhythm. */
#content[data-a-route="db"] #waDataSearch { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
#content[data-a-route="db"] #waDataSearch input { flex: 1 1 160px; max-width: 34em; }
#content[data-a-route="db"] .wa-data .cc-list { display: block; }
#content[data-a-route="db"] .wa-data .cc-list article {
  display: grid; grid-template-columns: minmax(0,1.5fr) minmax(120px,.9fr) auto;
  align-items: center; gap: 6px 16px; padding: 11px 0 !important;
}
#content[data-a-route="db"] .wa-data .cc-list article > * { margin: 0; min-width: 0; overflow-wrap: anywhere; }
#content[data-a-route="db"] .wa-data .cc-card-top { justify-content: flex-start; }
#content[data-a-route="db"] .db-tabs { gap: 0 12px; border-block-end: 1px solid var(--ga-line); }
#content[data-a-route="db"] .db-tab { border: 0; border-block-end: 2px solid transparent; border-radius: 0; background: transparent; }
#content[data-a-route="db"] .db-tab.active { color: var(--ga-green); border-block-end-color: currentColor; }
#content[data-a-route="db"] .db-tab .cnt { color: var(--ga-sub); background: transparent; padding-inline: 2px; }
#content[data-a-route="audit"] .audit-help { margin: 0; padding: 4px 0 11px; background: transparent; border-radius: 0; }
#content[data-a-route="audit"] .audit-table { border: 0; border-radius: 0; background: transparent; }
#content[data-a-route="audit"] :is(.audit-head,.audit-entry) { padding: 10px 8px; }
#content[data-a-route="audit"] .audit-head { background: var(--ga-soft); color: var(--ga-sub); }
#content[data-a-route="audit"] .audit-original pre { border-radius: 0; background: var(--ga-soft); }
#content[data-a-route="accounts"] .row-2-eq { gap: 16px 28px; }
#content[data-a-route="accounts"] .row-2-eq .card { padding: 9px 0 !important; }
#content[data-a-route="accounts"] .row-2-eq .section { gap: 0; }
#content[data-a-route="accounts"] .kv-row { display: grid; grid-template-columns: minmax(85px, 30%) 1fr; gap: 8px; }
#content[data-a-route="accounts"] .kv-row .v { text-align: start; margin: 0; overflow-wrap: anywhere; }

:is(.responsibility-dialog,#submissionReceiptsDialog) article.card {
  margin: 0 !important; padding: 13px 0 !important; border: 0;
  border-block-end: 1px solid var(--ga-line); border-radius: 0; background: transparent; box-shadow: none;
}
.responsibility-dialog { background: var(--ga-paper); }
.responsibility-list { gap: 0; }
.responsibility-dialog form { margin: 15px 0; padding: 15px 0; border: 0; border-block: 1px solid var(--ga-line); background: transparent; border-radius: 0; }
.responsibility-dialog .responsibility-warning { padding: 6px 10px; border-inline-start: 3px solid #ae7832; border-radius: 0; }
.responsibility-dialog .responsibility-tabs { gap: 2px 12px; border-block-end: 1px solid var(--ga-line); }
.responsibility-dialog .responsibility-tabs .btn {
  background: transparent !important; color: var(--ga-sub) !important; padding-inline: 2px;
  border: 0 !important; border-block-end: 2px solid transparent !important; border-radius: 0 !important;
}
.responsibility-dialog .responsibility-tabs .btn-primary {
  color: var(--ga-green) !important; border-block-end-color: currentColor !important; background: transparent !important;
}
#submissionReceiptsDialog #submissionReceiptList {margin: 12px 0 16px;}
@media (max-width:760px) {
  #content[data-a-route="org"] .cc-personnel-layout { grid-template-columns: minmax(0,1fr); gap: 15px; }
  #content[data-a-route="org"] .cc-personnel-choice { min-height: 43px; }
  #content[data-a-route="org"] .cc-personnel-detail-head > .btn { margin-left: 0; }
  #content[data-a-route="org"] .cc-personnel-detail-head > div { flex-basis: auto; }
  #content[data-a-route="org"] .cc-store-content { padding-inline: 0; }
  #content[data-a-route="governance"] .nss-gov-head + .cc-list > article,
  #content[data-a-route="db"] .wa-data .cc-list article {
    grid-template-columns: minmax(0,1fr) auto;
  }
  #content[data-a-route="governance"] .nss-gov-head + .cc-list > article p,
  #content[data-a-route="governance"] .nss-gov-head + .cc-list > article .cc-actions { grid-column: 1/-1; }
  #content[data-a-route="db"] .wa-data .cc-list article .cc-meta { grid-row: 2; }
  #content[data-a-route="db"] .wa-data .cc-list article [data-wa-data-record] { grid-area: 1 / 2 / 3 / 3; }
}
