/* v5.59.212 — Payments mobile cards + history filters. */
#g206PaymentsPage{display:block}
.g206HeroActions{display:flex;gap:10px;flex-wrap:wrap}
.g206Section{border:1px solid var(--line,#e2e8f0);border-radius:14px;background:var(--card,#fff);margin:0 0 16px;overflow:hidden}
.g206SectionHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line,#e5e7eb)}
.g206SectionHead h2,.g206SectionHead h3{margin:0}
.g206SectionHead p{margin:4px 0 0;color:var(--muted,#64748b);font-size:13px}
.g206MethodGroup{margin:12px 16px 16px;border:1px solid var(--line,#e5e7eb);border-radius:12px;overflow:hidden;background:#fff}
.g206MethodHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:linear-gradient(90deg,rgba(37,99,235,.08),rgba(37,99,235,.025))}
.g206MethodHead strong{font-size:17px}.g206MethodHead span{font-weight:700}
.g206AmbCard{border-top:1px solid var(--line,#e5e7eb)}
.g206AmbCard:first-of-type{border-top:0}
.g206AmbHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:rgba(248,250,252,.78)}
.g206AmbIdentity{display:flex;align-items:center;gap:12px;min-width:0}
.g206AmbName{font-weight:800;font-size:15px}
.g206Contact{font-size:12px;color:var(--muted,#64748b);overflow-wrap:anywhere}
.g206Preferred{display:inline-flex;align-items:center;margin-top:5px;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:13px;font-weight:800}
.g206AmbTotal{display:flex;align-items:center;gap:10px;white-space:nowrap}
.g206AmbTotal strong{font-size:18px}
.g206PayRow{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(245px,1.15fr) minmax(230px,1fr) minmax(150px,auto);gap:16px;align-items:center;padding:12px 15px;border-top:1px solid var(--line,#eef2f7)}
.g206PayRow:first-child{border-top:0}
.g206PayWho b,.g206PayEvent b{display:block}
.g206PayWho small,.g206PayEvent small{display:block;margin-top:3px;color:var(--muted,#64748b)}
.g206Amount{font-size:17px;font-weight:800;margin-top:5px}
.g206Note{width:100%;min-height:42px;resize:vertical}
.g206Actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}
.g206Empty{padding:26px;text-align:center;color:var(--muted,#64748b)}
.g206MethodOther .g206MethodHead{background:linear-gradient(90deg,rgba(100,116,139,.10),rgba(100,116,139,.025))}
.g206EmployeeGrid{padding:0 16px 16px}
.g206EmployeeRow{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(245px,1.15fr) minmax(230px,1fr) minmax(150px,auto);gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line,#e5e7eb)}
.g206EmployeeRow:first-child{border-top:0}
.g206RatePill{display:inline-block;margin-top:5px;padding:5px 9px;border-radius:999px;background:#eefbf3;color:#16794a;font-weight:800;font-size:13px}
.g206EmployeeMetrics{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px;color:var(--muted,#64748b);font-size:12px}
.g206EmployeeTotal{font-size:17px;font-weight:800;margin-top:4px}
.g206HistoryGrid{display:grid;gap:10px}
.g206HistoryRow{display:grid;grid-template-columns:1.1fr 1fr .7fr .7fr 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:#fff}
.g206HistoryRow span{font-size:13px}.g206HistoryRow b{font-size:14px}
.g206Private{padding:16px 18px;color:var(--muted,#64748b)}
@media(max-width:980px){
 .g206PayRow,.g206EmployeeRow{grid-template-columns:1fr 1fr}
 .g206Actions{justify-content:flex-start}
 .g206HistoryRow{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .g206SectionHead,.g206MethodHead,.g206AmbHead{align-items:flex-start;flex-direction:column}
 .g206PayRow,.g206EmployeeRow,.g206HistoryRow{grid-template-columns:1fr}
 .g206Actions{width:100%}.g206Actions .btn{width:auto}
 .g206AmbTotal{width:100%;justify-content:space-between}
}

/* v5.59.207: collapsible payment methods + full-row events + weekly employee drill-down. */
details.g206MethodGroup{display:block}
details.g206MethodGroup>summary{list-style:none;cursor:pointer;user-select:none}
details.g206MethodGroup>summary::-webkit-details-marker{display:none}
details.g206MethodGroup>summary:after{content:'⌄';font-size:17px;line-height:1;margin-left:8px;transition:transform .15s ease}
details.g206MethodGroup[open]>summary:after{transform:rotate(180deg)}
.g206MethodHead{display:grid;grid-template-columns:1fr auto auto;align-items:center}
.g207MethodRows>.g206PayRow:first-child{border-top:1px solid var(--line,#eef2f7)}
.g207MethodRows .g206PayWho .g206Preferred{display:table;margin:6px 0 5px}
.g207MethodRows .g206PayWho small{line-height:1.35}
.g207EmployeeWeek{border-top:1px solid var(--line,#e5e7eb)}
.g207EmployeeWeek:first-child{border-top:0}
.g207EmployeeWeek>.g206EmployeeRow{border-top:0}
.g207HourPanel{padding:0 15px 15px}
.g207HourEntries{border:1px solid var(--line,#e5e7eb);border-radius:10px;overflow:hidden;background:#fbfcfe}
.g207HourEntry{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(80px,.55fr) minmax(90px,.6fr) minmax(90px,.6fr) minmax(180px,1.2fr);gap:12px;align-items:center;padding:10px 12px;border-top:1px solid var(--line,#edf1f6);font-size:13px}
.g207HourEntry:first-child{border-top:0}
.g207HourEntry span{min-width:0}
.g207HourEntry small{display:block;margin-top:2px;color:var(--muted,#64748b)}
.g207HistoryPeople{display:grid;gap:12px}
.g207HistoryPerson{border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;overflow:hidden}
.g207HistoryPerson>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 16px;background:#f8fafc}
.g207HistoryPerson>summary::-webkit-details-marker{display:none}
.g207HistoryPerson>summary:after{content:'⌄';font-size:17px;transition:transform .15s ease}
.g207HistoryPerson[open]>summary:after{transform:rotate(180deg)}
.g207HistoryPerson>summary span small{display:block;color:var(--muted,#64748b);margin-top:3px}
.g207HistoryWeeks{padding:0 14px 14px}
.g207HistoryNote{min-height:42px;border:1px solid var(--line,#e5e7eb);border-radius:9px;padding:9px 10px;color:var(--muted,#64748b);font-size:13px;background:#fafbfc}
@media(max-width:980px){
 .g207HourEntry{grid-template-columns:1fr 1fr 1fr}
 .g207HourEntry span:last-child{grid-column:1/-1}
}
@media(max-width:700px){
 .g206MethodHead,.g207HistoryPerson>summary{grid-template-columns:1fr auto}
 .g206MethodHead>span{grid-column:1/2}
 .g206MethodHead:after{grid-column:2;grid-row:1/3}
 .g207HourEntry{grid-template-columns:1fr 1fr}
 .g207HourEntry span:last-child{grid-column:1/-1}
}

/* v5.59.208 — dense desktop payment rows. */
.g206PayRow{grid-template-columns:minmax(225px,.95fr) minmax(245px,1fr) minmax(260px,1.15fr) minmax(275px,auto);gap:12px;padding:8px 14px}
.g206PayWho b,.g206PayEvent b{font-size:14px}
.g206PayWho small,.g206PayEvent small{margin-top:1px;font-size:11px;line-height:1.25}
.g206PayWho .g206Preferred{margin:4px 0 0;padding:3px 7px;font-size:11px}
.g206PayEvent{line-height:1.2}
.g206Note{min-height:34px;height:34px;padding:7px 9px;line-height:1.2;resize:vertical;font-size:12px}
.g206Actions{justify-content:flex-end;gap:6px;flex-wrap:nowrap}
.g206Actions .btn{padding:7px 9px;white-space:nowrap}
.g208ActionAmount{font-size:16px;min-width:72px;text-align:right;margin-right:2px}
.g206Amount{display:none}
.g206EmployeeRow{padding:10px 0}
@media(max-width:1180px){
 .g206PayRow{grid-template-columns:minmax(200px,.9fr) minmax(220px,.9fr) minmax(220px,1fr) minmax(235px,auto)}
 .g206Actions{flex-wrap:wrap}
}

/* v5.59.209 */
.g209PaymentTabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-2px 0 14px}
.g209PaymentTabs .chip{cursor:pointer}
.g209PaymentTabs .chip.active{background:#e8efff;border-color:#9ab7ff;color:#174ebc;font-weight:800}
.g209ArchiveNote{min-height:34px;border:1px solid var(--line,#e5e7eb);border-radius:9px;padding:8px 10px;background:#fafbfc;color:var(--muted,#64748b);font-size:12px;line-height:1.3}
.g209Status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.g209Status.paid{background:#e8f7ee;color:#18794e}
.g209Status.hold{background:#fff4dc;color:#8a5a00}
.g209ArchiveRow .g206Actions{min-width:180px}
.g207HourEntry{grid-template-columns:minmax(180px,1.15fr) minmax(150px,.9fr) minmax(80px,.45fr) minmax(90px,.55fr) minmax(180px,1.2fr)}
@media(max-width:980px){.g207HourEntry{grid-template-columns:1fr 1fr 1fr}.g207HourEntry span:last-child{grid-column:1/-1}}

/* v5.59.210 — Payment History filters. */
.g210HistoryFilters{display:grid;grid-template-columns:minmax(280px,1.4fr) auto minmax(150px,.55fr) minmax(150px,.55fr) auto;gap:10px;align-items:end;padding:14px 16px;border-bottom:1px solid var(--line,#e5e7eb);background:#fbfcfe}
.g210HistoryFilters label{display:grid;gap:4px;font-size:11px;font-weight:800;color:var(--muted,#64748b)}
.g210HistorySearch{min-width:0}
.g210HistoryFilters .control{min-width:0}
@media(max-width:850px){.g210HistoryFilters{grid-template-columns:1fr 1fr}.g210HistorySearch{grid-column:1/-1}.g210HistoryFilters [data-history-search-button]{grid-column:auto}}
@media(max-width:560px){.g210HistoryFilters{grid-template-columns:1fr}.g210HistorySearch,.g210HistoryFilters [data-history-search-button]{grid-column:auto}}


/* v5.59.212 — phone payment rows become compact expandable cards. */
.g212MobileSummary{display:none}
@media(max-width:700px){
 #payments .g206MethodGroup{margin:10px 10px 14px}
 #payments .g207MethodRows{display:grid;gap:10px;padding:10px}
 #payments .g206PayRow{display:block;border:1px solid var(--line,#d8e0ea);border-radius:12px;padding:0;background:#fff;overflow:hidden}
 #payments .g206PayRow:first-child{border-top:1px solid var(--line,#d8e0ea)}
 #payments .g212MobileSummary{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;width:100%;border:0;background:#fff;text-align:left;padding:13px 14px;cursor:pointer;color:inherit}
 #payments .g212MobileSummary span:first-child{min-width:0}
 #payments .g212MobileSummary b{display:block;font-size:14px}
 #payments .g212MobileSummary small{display:block;margin-top:3px;color:var(--muted,#64748b);font-size:11px;white-space:normal;overflow-wrap:anywhere}
 #payments .g212MobileSummary strong{font-size:16px;white-space:nowrap}
 #payments .g212MobileChevron{font-size:18px;line-height:1;transition:transform .15s ease}
 #payments .g206PayRow.g212MobileOpen .g212MobileChevron{transform:rotate(180deg)}
 #payments .g206PayRow> :not(.g212MobileSummary){display:none}
 #payments .g206PayRow.g212MobileOpen> :not(.g212MobileSummary){display:block}
 #payments .g206PayRow.g212MobileOpen>.g206PayWho,
 #payments .g206PayRow.g212MobileOpen>.g206PayEvent,
 #payments .g206PayRow.g212MobileOpen>div:not(.g206Actions){padding:11px 14px;border-top:1px solid var(--line,#edf1f5)}
 #payments .g206PayRow.g212MobileOpen>.g206Actions{display:flex;padding:12px 14px;border-top:1px solid var(--line,#edf1f5);justify-content:flex-start;flex-wrap:wrap}
 #payments .g206PayRow.g212MobileOpen .g206Note{height:auto;min-height:72px}
 #payments .g208ActionAmount{display:none}
 #payments .g210HistoryFilters{padding:12px 10px}
}

/* Payments review: retain the existing rows and expose ambassador totals. */
#payments .g240Copy{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
#payments .g240Copy:hover{text-decoration:underline}
#payments .g240Copy:focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:2px}
#payments .g240GroupAction{display:inline-flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}
#payments .g240GroupAction strong{font-size:12px}
#payments .g240AdditionalPayment{margin-left:18px;border-left:2px solid var(--line,#d8e0ea)}
@media(max-width:700px){#payments .g240AdditionalPayment{margin-left:12px}#payments .g240GroupAction{align-items:flex-start}}

/* v5.59.253: size rows against the payment panel, including an expanded sidebar. */
#payments .g206Section{container-type:inline-size}
#payments .g206PayRow>*{min-width:0}
@media(min-width:701px){
 #payments .g206PayRow{grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.15fr) minmax(240px,auto)}
 #payments .g206Actions{flex-wrap:wrap;min-width:0}
 #payments .g206Note{width:100%;box-sizing:border-box}
 #payments .g206PayWho,#payments .g206PayEvent{overflow-wrap:anywhere}
 @container(max-width:1100px){
  #payments .g206PayRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #payments .g206PayRow>.g206Actions{justify-content:flex-start}
 }
 @container(max-width:650px){
  #payments .g206PayRow{grid-template-columns:minmax(0,1fr)}
 }
}

/* Keep event details discoverable without expanding payment controls. */
#payments .g352EventRow{cursor:pointer}
#payments .g352EventRow:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
#payments .g352EventRow .g206Note,#payments .g352EventRow small,#payments .g352EventRow .g209ArchiveNote{cursor:text}
@media(max-width:700px){#payments .g206PayRow>.g206PayEvent{display:block;padding:8px 14px;border-top:1px solid var(--line,#edf1f5)}}

/* Explicit access to the existing event/recap drawer; payment controls unchanged. */
#payments .g379OpenRecap{display:block;margin-top:6px;white-space:normal}
@media(max-width:700px){#payments .g379OpenRecap{min-height:44px}}

/* G408: Payments Due presentation only; reuse current total and recap action. */
#payments .g206PayRow .g206PayWho .g408ScanAmount{color:#1672d4;font-size:11px;line-height:1.25;margin-top:4px}
#payments .g206PayRow>.g206Actions .g379OpenRecap{margin-top:0;max-width:100%;white-space:normal}