/* A quieter shared surface. Keep readable text, explicit states and 44px targets. */
:root { --bg: #faf9f7; --line: #e6e1e5; }
.system-shell { --console-line: var(--line); background: var(--bg); }
.system-sidebar { background: #403448; }
.console-nav>a[aria-current=page] { background: #5c4667; box-shadow: inset -3px 0 #ddb9cf; }
.console-nav>a:hover, .sidebar-bottom>a:hover { background: #51405c; }
.console-nav>a { padding-block: 7px; }
.console-nav>a>.ui-icon { width: 1.6rem; height: 1.6rem; padding: 0; background: transparent; border-radius: 0; }
.console-symbol { background: #5c4667; border-color: #796580; }
.console-panel, .panel, .card, .login { border-color: var(--line); border-radius: 16px; box-shadow: 0 3px 14px #40344805; }
.console-metrics>a { border-color: var(--line); border-radius: 14px; padding: 14px 18px; }
.console-metrics strong { font-size: 1.8rem; }
.console-heading { margin-bottom: 22px; }
.console-heading h1 { font-weight: 600; }
.console-heading .overline { font-weight: 500; }
button, .button, .row-action { min-height: 44px; border-radius: 10px; padding: 7px 14px; gap: 7px; font-weight: 500; }
button>.ui-icon, .button>.ui-icon, .row-action>.ui-icon { width: 20px; height: 20px; padding: 0; background: transparent; border-radius: 0; }
.directory-table thead { background: #faf8fa; }
.directory-table th { padding-block: 11px; font-weight: 500; }
.directory-table td { padding-block: 12px; border-color: #eee9ed; }
.directory-table tbody tr:hover { background: #faf7fa; }
.account-avatar { border-radius: 50%; background: #f1eaf1; }
.account-name { font-weight: 500; }
.account-identity>div { min-width: 0; overflow-wrap: anywhere; }
.role-pill { background: #f5f3f5; border-radius: 8px; }
.role-admin { background: #eee6f1; }
.account-row-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 272px; max-width: 100%; }
.account-row-actions form { margin: 0; min-width: 0; }
.account-row-actions .row-action, .account-row-actions button { width: 100%; min-height: 44px; height: 100%; padding: 7px 9px; border: 1px solid #d8cbdc; background: #fff; color: #653078; font-size: 1rem; line-height: 1.5; text-decoration: none; white-space: nowrap; }
.account-row-actions .row-action:hover, .account-row-actions button:hover { background: #f3edf5; border-color: #a68aae; filter: none; }
.profile-progress, .welcome-panel { background: #f8f3f6; border-color: #e6dae5; }
.shortcut-grid>a { border-radius: 12px; }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea { border-color: #928497; border-radius: 10px; }
@media (min-width: 701px) and (max-width: 1250px) {
  .account-row-actions { grid-template-columns: minmax(0,1fr); width: 144px; }
}
@media (max-width: 700px) {
  .account-row-actions { width: 100%; }
  .directory-table td { padding-block: 0; }
  .directory-table tr { padding-block: 16px; }
}
@media (forced-colors: active) {
  .system-sidebar { background: Canvas; color: CanvasText; }
  .account-row-actions .row-action, .account-row-actions button { border-color: ButtonText; color: ButtonText; background: ButtonFace; }
  .console-nav>a[aria-current=page] { border: 2px solid Highlight; }
}
/* Icons on filled controls and the dark navigation inherit readable foregrounds. */
button>.ui-icon, .button>.ui-icon, .console-nav>a>.ui-icon, .sidebar-bottom>a>.ui-icon { color: currentColor; }
.section-heading>a>.ui-icon, .profile-progress a>.ui-icon, .form-actions>a>.ui-icon { width: 22px; height: 22px; padding: 0; background: transparent; color: currentColor; }
.profile-progress h2, .welcome-panel h1 { margin-top: 0; }
.profile-progress { padding: 20px 24px; border-radius: 16px; }
.profile-progress p:last-child { margin-bottom: 0; }
.workspace-metrics>a, .matchmaker-start-card { border-color: var(--line); border-radius: 14px; }
.journal-table th { background: #faf8fa; font-weight: 500; }
.journal-table th, .journal-table td { border-color: var(--line); }
.soldier-section-link { padding-block: 14px; font-weight: 500; }
.login { border-top: 3px solid #bc6c96; }
@media (max-width: 700px) { .profile-progress { padding: 18px; } }
.sidebar-bottom>a>.ui-icon { width: 1.6rem; height: 1.6rem; padding: 0; background: transparent; border-radius: 0; }
/* Previous-page and contextual return links share a single aligned row. */
.return-links { display: flex; align-items: stretch; gap: 8px 20px; margin-bottom: 16px; }
.return-links:empty { display: none; }
.return-links>a { display: inline-flex; align-items: center; justify-content: flex-start; gap: 6px; min-width: 0; min-height: 44px; max-width: 100%; margin: 0; font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.return-links>a>.ui-icon { width: 20px; height: 20px; flex-shrink: 0; padding: 0; margin: 0; background: none; color: currentColor; }
@media (max-width: 700px) { .return-links { gap: 12px; } .return-links>a { flex: 1 1 0; } }

.inquiry-panel { max-width: 720px; margin: 2rem auto; }
.inquiry-wrap, .inquiry-message { overflow-wrap: anywhere; }
.inquiry-message { white-space: pre-wrap; }