/* AFS 777 client portal (/portal/, /portal/admin/). Builds on site.css. */
.portal .card + .card{margin-top:22px}
.portal .card p{margin-bottom:.8em}
.portal-loading{color:var(--muted)}
.portal-signin{max-width:560px}
.portal-signin h2,.portal .card h2{font-size:1.45rem}
.portal-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.portal-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.portal-bar p{margin:0;color:var(--muted)}
.btn-sm{padding:8px 16px;font-size:.92rem}
.btn[disabled],.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.form-status.is-error{color:#B3261E}
.form-status.is-ok{color:#1E6B36}
.form-status:empty{display:none}
.opt{font-weight:400;color:var(--muted)}
.portal-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.portal-side{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.portal-side .card + .card{margin-top:0}
.portal-admin-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.portal-admin-grid #a-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.portal-admin-grid #a-panel[hidden]{display:none}
.portal-admin-grid #a-panel .card + .card{margin-top:0}
#a-client-form{max-width:820px}
#a-upload{max-width:820px}
@media (max-width:860px){.portal-side{grid-template-columns:1fr}}
.portal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.portal-head h2{margin:0}
.portal-dl{margin:0}
.portal-dl div{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.portal-dl dt{color:var(--muted);font-size:.92rem}
.portal-dl dd{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
table.portal-table{width:100%;border-collapse:collapse;font-size:.95rem}
.portal-table th,.portal-table td{padding:10px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.portal-table thead th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.portal-table tbody tr[aria-current="true"]{background:var(--sky-xl)}
.portal-table .pill{margin:0;white-space:nowrap}
.portal-sub{display:block;color:var(--muted);font-size:.86rem;font-weight:400;overflow-wrap:anywhere}
.portal-state,.portal-ok{color:#1E6B36;font-weight:600;font-size:.9rem}
.portal-actions{white-space:nowrap;text-align:right}
.linkish{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--sky);cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
.linkish:hover{color:var(--navy-2)}
.portal-admin h3{margin-top:26px}
@media (max-width:640px){
  .portal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .portal-table tr{display:block;border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:12px;background:#fff}
  .portal-table td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;border:0;padding:6px 0}
  .portal-table td::before{content:attr(data-label);color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .portal-table td.portal-actions{display:flex;gap:8px;justify-content:flex-start;text-align:left}
  .portal-table td.portal-actions::before{content:none}
  .portal-dl div{grid-template-columns:1fr;gap:2px}
}
#a-panel{scroll-margin-top:90px}
.phone-row{display:flex;align-items:center;gap:8px}
.phone-code{flex:0 0 auto;min-width:2.6em;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.phone-code:empty{display:none}
.phone-row input{flex:1;min-width:0}