/* POA Portal Phase 1 consolidation: settings, navigation, status policy, accounting nav. */
:root{
  --poa-info-bg:#eaf2ff;
  --poa-info-fg:#1d4f91;
  --poa-warn-bg:#fff4cc;
  --poa-warn-fg:#7a4a00;
  --poa-bad-bg:#ffe0e0;
  --poa-bad-fg:#9f1d1d;
  --poa-good-bg:#dcf8e5;
  --poa-good-fg:#176b36;
  --poa-neutral-bg:#e9edf3;
  --poa-neutral-fg:#455268;
}

.badge.info,.status-badge.info,.attention-badge.info{background:var(--poa-info-bg);color:var(--poa-info-fg)}
.badge.warn,.status-badge.warn,.attention-badge.warn{background:var(--poa-warn-bg);color:var(--poa-warn-fg)}
.badge.bad,.status-badge.bad,.attention-badge.bad{background:var(--poa-bad-bg);color:var(--poa-bad-fg)}
.badge.good,.status-badge.good,.attention-badge.good{background:var(--poa-good-bg);color:var(--poa-good-fg)}
.badge.neutral,.status-badge.neutral,.attention-badge.neutral{background:var(--poa-neutral-bg);color:var(--poa-neutral-fg)}
.status-badge,.attention-badge{white-space:nowrap;display:inline-flex;align-items:center;line-height:1.15}

/* Breadcrumbs make the current role and application context explicit on authenticated pages. */
.portal-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem;
  margin:.15rem 0 .75rem;
  color:#64748b;
  font-size:.82rem;
  line-height:1.35;
}
.portal-breadcrumb a{color:#435b78;text-decoration:none;font-weight:600}
.portal-breadcrumb a:hover{text-decoration:underline}
.portal-breadcrumb span[aria-current="page"]{color:#1f2937;font-weight:700}
.portal-breadcrumb>span[aria-hidden="true"]{color:#94a3b8}

/* Settings navigation wraps into a clean grid instead of creating a scroll bar. */
.settings-section-nav{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:.45rem;
  padding:.15rem 0 .9rem;
  margin:0 0 1rem;
  overflow:visible;
  white-space:normal;
}
.settings-section-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.65rem;
  padding:.55rem .7rem;
  border:1px solid var(--border,#d8dee8);
  border-radius:.65rem;
  background:#fff;
  color:inherit;
  text-align:center;
  text-decoration:none;
  font-size:.86rem;
  font-weight:650;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.settings-section-nav a:hover{background:#f3f6fa;border-color:#afbed0}
.settings-section-nav a[aria-current="page"]{background:#1f5597;color:#fff;border-color:#1f5597}
.settings-landing-intro{margin-bottom:1rem}
.settings-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem;margin:0 0 1rem}
.compact-settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.settings-landing-card{
  display:flex;align-items:flex-start;gap:.85rem;padding:1rem;border:1px solid var(--border,#d8dee8);
  border-radius:.85rem;background:#fff;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(15,23,42,.045);
}
.settings-landing-card:hover{border-color:#9fb5d2;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.settings-landing-card strong{display:block;font-size:1rem;margin-bottom:.28rem}
.settings-landing-card small{display:block;color:#64748b;line-height:1.4;font-weight:400}
.settings-card-icon{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.55rem;background:#edf3fb;color:#1f5597;font-weight:800;flex:0 0 auto}
.settings-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem;margin:1rem 0}
.settings-option-list.compact-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.settings-option-row{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--border,#d8dee8);border-radius:.7rem;background:#fff;min-width:0}
.settings-option-row input{width:18px;height:18px;min-width:18px;margin:.1rem 0 0}
.settings-option-row span{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.settings-option-row strong{font-size:.94rem;line-height:1.25}
.settings-option-row small{font-size:.8rem;color:#64748b;line-height:1.35;font-weight:400}
.settings-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:1.25rem;align-items:start}
.definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin:.75rem 0}
.definition-grid>div{padding:.8rem;border:1px solid var(--border,#d8dee8);border-radius:.65rem;background:#f8fafc;min-width:0}
.definition-grid span{display:block;color:#64748b;font-size:.78rem;margin-bottom:.25rem}
.definition-grid strong{display:block;overflow-wrap:anywhere}

.global-admin-nav .manager-nav-primary,.consolidated-manager-nav .manager-nav-primary{display:flex;gap:.4rem;flex-wrap:wrap}
.global-nav-group .manager-nav-dropdown{min-width:220px}
.manager-nav a.is-current,.manager-nav a[aria-current="page"]{background:#1f5597;color:#fff;border-color:#1f5597}

.accounting-nav{margin:.75rem 0 .55rem;border:1px solid var(--border,#d8dee8);border-radius:.75rem;background:#fff;padding:.35rem}
.accounting-nav-scroll{display:flex;gap:.25rem;flex-wrap:wrap;overflow:visible}
.accounting-nav a{display:inline-flex;align-items:center;padding:.5rem .7rem;border-radius:.5rem;text-decoration:none;color:#334155;font-size:.86rem;font-weight:650;white-space:nowrap}
.accounting-nav a:hover{background:#eef3f9}
.accounting-nav a[aria-current="page"],.accounting-nav a.is-current{background:#1f5597;color:#fff}
.accounting-nav-note{margin:0 0 1rem;padding:.7rem .85rem;border:1px solid #f0d89c;border-radius:.65rem;background:#fff8df;color:#6b4b00;font-size:.82rem;line-height:1.4}
.accounting-nav-note a{color:inherit;font-weight:700}

@media (max-width:900px){
  .settings-split{grid-template-columns:1fr}
  .consolidated-manager-nav .manager-nav-secondary,.global-admin-nav .manager-nav-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .settings-card-grid,.settings-option-list,.settings-option-list.compact-options{grid-template-columns:1fr}
  .settings-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .settings-section-nav a{font-size:.8rem;padding:.48rem .5rem;min-height:2.5rem}
  .consolidated-manager-nav .manager-nav-secondary,.global-admin-nav .manager-nav-secondary{grid-template-columns:1fr}
  .accounting-nav-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}
  .accounting-nav a{justify-content:center;text-align:center;white-space:normal;line-height:1.2}
}
@media (max-width:420px){
  .settings-section-nav,.accounting-nav-scroll{grid-template-columns:1fr}
}

/* Consolidated request center and exact-record deep-link focus. */
.request-details,.pro-record-row,.request-focus-card,.tools-section{scroll-margin-top:6.5rem}
.request-details:target,.request-details.is-focused,.request-focus-card:target{
  border-color:#d5a000;
  box-shadow:0 0 0 3px rgba(245,158,11,.2);
}
.pro-record-row:target td,.pro-record-row.is-focused td{background:var(--poa-warn-bg)}
.request-center-summary{margin:.85rem 0 1rem}
.request-summary-link{display:block;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.request-summary-link span,.request-summary-link small{display:block}
.request-summary-link small{margin-top:.2rem;color:#64748b;font-size:.75rem;line-height:1.3}
.request-summary-link:hover{border-color:#9fb5d2;box-shadow:0 4px 12px rgba(15,23,42,.08);transform:translateY(-1px)}
.request-summary-link.is-current{border-color:#1f5597;box-shadow:0 0 0 2px rgba(31,85,151,.12)}
.request-center-filters .inline-form{display:flex;align-items:end;gap:.55rem;flex-wrap:wrap}
.request-center-filters label{min-width:220px;margin:0}
.request-center-table td{vertical-align:top}
.request-center-table .request-attention-row td{background:#fffdf3}
.request-center-table a:not(.button){color:#1f5597;text-decoration:none}
.request-center-table a:not(.button):hover{text-decoration:underline}
.request-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.request-view-links{margin-top:.75rem}

@media (max-width:700px){
  .request-center-filters .inline-form{display:grid;grid-template-columns:1fr}
  .request-center-filters label,.request-center-filters select,.request-center-filters button,.request-center-filters .button{width:100%;max-width:none}
}
