/* Shared account navigation and contextual indicators for admin/author screens. */
.fa-icon { width: 1em; height: 1em; fill: currentColor; display: inline-block; flex-shrink: 0; vertical-align: -.125em; }
.account-header .header-inner { gap: 22px; }
nav.account-nav { position: static; display: flex; flex-wrap: wrap; gap: 18px; padding: 0; border: 0; background: transparent; box-shadow: none; margin-left: auto; width: auto; }
.account-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; color: var(--muted); font-size: 12px; }
.account-nav a[aria-current="page"] { color: var(--ink); border-bottom: 2px solid var(--olive, #899247); }
.account-menu { position: relative; flex-shrink: 0; }
.account-menu summary { list-style: none; display: flex; gap: 9px; align-items: center; cursor: pointer; border: 1px solid var(--line); border-radius: 5px; background: #eeefe3; padding: 12px 16px; font-size: 12px; font-weight: 600; min-height: 44px; }
.account-menu summary::-webkit-details-marker { display: none; }
.account-menu-panel { position: absolute; right: 0; top: calc(100% + 10px); width: min(290px, calc(100vw - 32px)); padding: 18px; border: 1px solid var(--line); border-radius: 7px; background: #fffdf8; box-shadow: 0 12px 35px #202a1926; z-index: 20; }
.account-email { overflow-wrap: anywhere; font-size: 12px; margin: 8px 0 15px; color: var(--muted); }
.account-menu-panel a, .account-menu-panel button { display: flex; align-items: center; gap: 10px; font-size: 13px; padding: 12px 10px; border-radius: 4px; width: 100%; text-align: left; }
.account-menu-panel a:hover, .account-menu-panel button:hover { background: #eeefe3; }
.account-menu-panel form { border-top: 1px solid var(--line); margin: 10px 0 0; padding-top: 8px; }
.account-menu-panel button { border: 0; background: transparent; color: #953f37; cursor: pointer; }
.status-indicator { display: inline-flex; position: relative; flex-shrink: 0; }
.status-indicator[hidden], .indicator-tooltip[hidden], .capacity-label[hidden] { display: none; }
.status-indicator button { display: inline-flex; justify-content: center; align-items: center; min-width: 34px; min-height: 40px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); cursor: help; }
.status-indicator.is-warning button { color: #9c352e; }
.status-indicator button:hover, .status-indicator button[aria-expanded="true"] { background: #0000000a; }
.indicator-tooltip { position: fixed; z-index: 100; width: max-content; max-width: min(300px, calc(100vw - 24px)); background: #292f23; color: #fffdf8; font-size: 12px; line-height: 1.5; padding: 12px 14px; border-radius: 6px; box-shadow: 0 4px 18px #0003; font-weight: 400; text-align: left; }
.admin-tier li.is-over-capacity, .admin-tier li.is-over-capacity a, .admin-tier li.is-over-capacity a[aria-current="true"] { background: #fae7e3; }
.admin-tier li.is-over-capacity { border-left: 3px solid #b24b42; }
.capacity-label { color: #953f37; font-size: 10px; max-width: 42px; line-height: 1.3; }
:is(.account-menu summary, .account-nav a, .status-indicator button, .drag-handle, .sort-controls button):focus-visible { outline: 2px solid #626e36; outline-offset: 3px; }
@media (max-width: 800px) {
  .account-header nav.account-nav { display: none; }
  .account-header .header-inner { gap: 12px; }
  .account-header:not(:has(.account-menu)) nav.account-nav { display: flex; }
}
@media (max-width: 400px) { .account-menu summary { padding: 10px; } }

.account-nav a.has-pending-reviews, .account-menu-panel a.has-pending-reviews { color: #9c352e; font-weight: 700; }
.account-nav a.has-pending-reviews[aria-current="page"] { border-bottom-color: #9c352e; }
.review-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 20px; color: #fff; background: #9c352e; font-size: 11px; }
.account-display-name { font-weight: 700; overflow-wrap: anywhere; margin-top: 12px; }

.auth-methods { display: flex; flex-wrap: wrap; gap: 16px; margin: 20px 0; }
.auth-secondary { display: grid; justify-items: start; gap: 0; margin: 0; padding-top: 12px; border-top: 1px solid var(--line); }
.auth-methods [aria-pressed="true"] { background: #465d38; color: #fff; }
.auth-main form[hidden] { display: none; }
.auth-main input { font-size: 16px; }
.auth-main form label { margin-bottom: 0; }
.auth-main #password-help { margin: 0; }
.auth-secondary .text-link { border: 0; background: transparent; cursor: pointer; margin: 0; padding: 10px 0; min-height: 44px; line-height: 1.5; justify-content: flex-start; text-align: left; font-size: 13px; }
.auth-main .admin-help:empty, .auth-main #auth-status:empty { display: none; }
.auth-security { margin-top: 20px; }
.auth-security .admin-help { margin: 8px 0 0; }

.mobile-review-count { display: none; }
@media (max-width: 800px) { .mobile-review-count { display: inline-flex; } }

.account-menu-panel { max-height: min(78vh, 680px); overflow-y: auto; z-index: 100; }
.account-menu-panel hr { border: 0; border-top: 1px solid var(--line); margin: 10px 0; }
.reader-tabs { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 18px 0 28px; padding: 0; position: static; background: transparent; border: 0; box-shadow: none; }
.reader-tabs a { padding: 8px 0; }
.reader-tabs a[aria-current="page"] { border-bottom: 2px solid var(--ink); font-weight: 700; }
.guest-signin { white-space: nowrap; }
@media(max-width:800px) { .guest-signin { display: none; } }

.author-toggle { display:flex !important; align-items:center; gap:10px; margin:20px 0 !important; cursor:pointer; }
.author-toggle input[type=checkbox] { width:20px; height:20px; margin:0; accent-color:#253e32; }
.account-disabled { display:flex; align-items:center; gap:6px; padding:12px 0; color:#777b74; cursor:default; font-size:13px; }
.account-disabled small { font-size:11px; }
.author-only-control { color:#777b74; border-color:#d5d8ce; background:#f1f2ec; cursor:default; gap:8px; }
.author-only-control small { font:normal 11px/1.4 Arial,sans-serif; }

/* Keep author recruitment visible outside the collapsed mobile navigation. */
.author-recruit-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-size: 12px; font-weight: 600; white-space: nowrap; }
.author-recruit-link:focus-visible { outline: 2px solid #626e36; outline-offset: 3px; }
@media (min-width: 801px) and (max-width: 1100px) {
  .account-header:has(.author-recruit-link) nav.account-nav { display: none; }
  .author-recruit-link { margin-left: auto; }
}
@media (max-width: 600px) {
  .account-header:has(.author-recruit-link) .header-inner { height: auto; min-height: 100px; flex-wrap: wrap; padding-block: 14px; }
  .author-recruit-link { order: 5; width: 100%; }
}