/* Agent console preserves legacy DOM order and layout IDs; only visual order changes. */
#page-agent.active { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
#page-agent > * { min-width:0; max-width:100%; }
#page-agent > .back-button { align-self:flex-start; margin:0; order:0; }
#page-agent > h1 { order:1; margin:0; font-size:clamp(26px,6vw,36px); line-height:1.35; outline-offset:5px; }
#agentStatus { order:2; margin:0; font-weight:700; border-inline-start:3px solid #d4a759; }
#agentStatus[data-state=active] { border-inline-start-color:#80c999; }
#agentStatus:is([data-state=error],[data-state=frozen],[data-state=rejected]) { border-inline-start-color:#da997e; }
#agentDetails { order:3; padding:0 3px; }
#agentHint { margin:0; color:#c9c3b8; font-size:14px; }
#agentDates { display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 16px; margin:12px 0 0; font-size:13px; }
#agentDates:empty { display:none; }
#agentDates dt { color:#afaba4; }
#agentDates dd { margin:0; overflow-wrap:anywhere; }
#agentActions { order:4; display:flex; flex-wrap:wrap; gap:10px; }
#agentActions button,#agentApply { margin:0; min-height:44px; padding:10px 16px; line-height:1.5; }
#agentApply { order:5; align-self:flex-start; }
#page-agent > p[data-m=inviteNotice] { order:6; margin:0; color:#aaa69d; font-size:13px; }
#page-agent > .page-footer { order:1000; }
#agentApproved { order:7; display:flex; flex-direction:column; min-width:0; padding:18px; border:1px solid #695336; border-radius:14px; background:#151b24; }
#agentApproved[hidden],#page-agent [hidden] { display:none; }
#agentApproved > label { order:10; font-weight:700; color:#f4d19a; }
#agentApproved > .member-ref { order:20; margin:12px 0; flex-wrap:wrap; }
#agentLink { flex:1 1 220px; width:100%; min-width:0; height:46px; }
#agentCopy { min-height:44px; }
#agentInviteTools { order:30; display:grid; justify-items:start; gap:12px; min-width:0; }
#agentQr { width:min(196px,100%); background:#fff; border-radius:10px; color:#25282f; overflow:hidden; }
#agentQr svg { display:block; width:100%; height:auto; }
#agentQr:not(:has(svg)) { padding:12px; background:#242a34; color:#d8c79f; font-size:13px; }
#agentShareInvite { min-height:44px; padding:10px 14px; }
#agentInviteTools p { margin:0; color:#acaeb1; font-size:13px; overflow-wrap:anywhere; }
#agentInviteFeedback:not(:empty) { color:#efd3a0; min-height:22px; }
#agentInviteFeedback:empty { display:none; }
#agentApproved > .agent-team-heading { order:40; margin:24px 0 12px; }
#agentTeamSummary { order:50; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; padding:14px; border:1px solid #554b3d; border-radius:10px; }
#agentTeamSummary > span { color:#c4b9a5; font-size:14px; }
#agentTeamTotal { font-size:24px; font-variant-numeric:tabular-nums; }
#agentTeamNote { flex-basis:100%; margin:0; color:#b9b6b0; font-size:13px; }
#agentTeamNote:empty { display:none; }
#agentReferrals { order:60; margin:12px 0; }
.agent-referral-row { display:flex; flex-direction:column; gap:6px; padding:12px 14px; background:#202630; border-radius:8px; min-width:0; overflow-wrap:anywhere; }
.agent-referral-row > span { color:#b4b2ac; font-size:13px; }
#agentTeamPagination { order:70; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; }
#agentTeamPagination button { min-height:44px; padding:8px 12px; }
#agentTeamPage { color:#beb7ab; font-size:13px; }
#agentTeamRetry { width:100%; }
#agentApproved > .agent-commission-heading { order:80; margin:24px 0 10px; }
#agentLedger { order:90; margin:0; color:#ddc190; }
#agentCommissionHint { order:100; margin:10px 0 0; font-size:13px; color:#aaaeb5; }
#page-agent button:disabled { opacity:.5; cursor:default; }
@media(max-width:360px) {
 #agentApproved { padding:14px; }
 #agentDates { grid-template-columns:1fr; gap:4px; }
 #agentDates dd { margin-bottom:5px; }
 #agentTeamPagination { gap:6px; }
 #agentTeamPagination button { padding-inline:10px; }
}