/* Accounts Manager mobile Role workspace v207
 * Presentation only. All values are supplied by the existing ledger and
 * Dues Recovery endpoints; no placeholder values are defined in CSS/JS. */
@media (max-width:1024px){
  .qam-role{--qam-blue:#1458e8;--qam-deep:#1739ad;--qam-ink:#14213a;--qam-muted:#64748b;--qam-line:#e2e8f0;--qam-soft:#f4f7fd;display:grid;gap:18px;padding-bottom:120px;color:var(--qam-ink)}
  .qam-role button,.qam-posting-lock button,.qam-sheet-layer button,.qam-sheet-layer input,.qam-sheet-layer select{font:inherit}
  .qam-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px}
  .qam-heading small{display:block;color:var(--qam-blue);font-size:13px;font-weight:800;letter-spacing:.04em}
  .qam-heading h2{margin:4px 0 2px;font-size:clamp(24px,4vw,36px);letter-spacing:-.035em}
  .qam-heading p{margin:0;color:var(--qam-muted);font-size:13px}
  .qam-heading>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #ccebd7;border-radius:999px;background:#effcf4;color:#168447;padding:8px 12px;font-size:12px;font-weight:800}
  .qam-heading>span i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}

  .qam-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.44fr);gap:24px;align-items:center;min-height:245px;padding:30px 34px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#1733af 0%,#1258e8 55%,#2484f6 100%);box-shadow:0 18px 42px rgba(27,78,190,.24)}
  .qam-hero:before,.qam-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:30px solid rgba(255,255,255,.08)}
  .qam-hero:before{width:280px;height:280px;right:-95px;top:-110px}.qam-hero:after{width:180px;height:180px;left:-90px;bottom:-120px}
  .qam-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
  .qam-hero-copy small{font-size:13px;font-weight:650;color:#dbeafe}
  .qam-hero-copy b{margin-top:4px;font-size:22px}.qam-hero-copy i{display:block;width:min(100%,410px);margin:13px 0 16px;border-top:1px dashed rgba(255,255,255,.55)}
  .qam-hero-copy strong{margin:2px 0 3px;font-size:clamp(38px,7vw,62px);line-height:1;letter-spacing:-.055em}.qam-hero-copy em{font-style:normal;color:#e8f1ff;font-size:15px;font-weight:650}
  .qam-rate{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
  .qam-rate>span{display:grid;place-items:center;width:138px;height:138px;border-radius:50%;background:conic-gradient(#7cda3d var(--qam-rate),rgba(255,255,255,.26) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
  .qam-rate>span:before{content:"";grid-area:1/1;width:108px;height:108px;border-radius:50%;background:#1761d9;box-shadow:inset 0 5px 18px rgba(15,44,143,.25)}
  .qam-rate strong{grid-area:1/1;z-index:1;font-size:35px;letter-spacing:-.04em}.qam-rate small{max-width:150px;color:#eaf2ff;font-weight:650}

  .qam-lock-alert{display:flex;align-items:flex-start;gap:12px;border:1px solid #fed7aa;border-radius:16px;background:#fff8ed;color:#9a3412;padding:15px 17px}
  .qam-lock-alert.pending{border-color:#ddd6fe;background:#f7f5ff;color:#5b21b6}.qam-lock-alert>i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:rgba(255,255,255,.8)}
  .qam-lock-alert strong,.qam-lock-alert span{display:block}.qam-lock-alert strong{font-size:14px}.qam-lock-alert span{margin-top:3px;font-size:12px;line-height:1.5}

  .qam-focus-grid,.qam-chart-grid,.qam-lower-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}
  .qam-focus,.qam-chart-grid>article,.qam-recovery{min-width:0;border:1px solid var(--qam-line);border-radius:20px;background:#fff;padding:21px;box-shadow:0 7px 22px rgba(15,23,42,.055)}
  .qam-focus header,.qam-chart-grid>article>header,.qam-recovery>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .qam-focus header{justify-content:flex-start}.qam-focus header span{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#eef4ff;color:var(--qam-blue)}
  .qam-focus header strong{font-size:14px}.qam-focus>b{display:block;margin:19px 0 0;color:#184ee0;font-size:34px;letter-spacing:-.04em}.qam-focus>b small{color:#64748b;font-size:20px}.qam-focus p{margin:2px 0 14px;color:var(--qam-muted);font-size:13px}
  .qam-progress{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.qam-progress:before{content:"";grid-column:1;grid-row:1;height:10px;border-radius:99px;background:#e6ebf3}.qam-progress i{grid-column:1;grid-row:1;height:10px;max-width:100%;border-radius:99px;background:linear-gradient(90deg,#1d5af0,#2486f7)}.qam-progress span{grid-column:2;grid-row:1;color:#1858e8;font-weight:800}.qam-focus>em{display:block;margin:16px 0 18px;color:#64748b;font-size:11px;font-style:normal}
  .qam-focus>button{width:100%;border:1px solid #1760ef;border-radius:12px;background:#fff;color:#174fcf;padding:12px;font-weight:800}.qam-focus>button i{float:right;margin-top:2px}
  .qam-focus.collection>b{color:#5b21b6}.qam-collection-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:15px}.qam-collection-actions button{border-radius:11px;padding:11px 13px;font-size:12px;font-weight:800}.qam-collection-actions .view{border:0;background:linear-gradient(135deg,#1963f3,#154bd0);color:#fff}.qam-collection-actions .handover{border:1px solid #6d28d9;background:#fff;color:#5b21b6}.qam-collection-actions button:disabled{border-color:#d6dae3;background:#f1f3f7;color:#8993a5;cursor:not-allowed}.qam-handover-note{display:block;margin-top:7px;color:#dc2626;font-size:10px;text-align:right}.qam-handover-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;padding:10px;border-radius:11px;background:#f4f7fd;color:#667085;font-size:10px;text-align:center}.qam-handover-flow span{padding:6px;border-radius:8px;background:#fff}.qam-handover-flow span.active{border:1px solid #ddd6fe;color:#5b21b6;font-weight:800}.qam-handover-states{display:flex;gap:7px;margin-top:7px}.qam-handover-states b{flex:1;border-radius:7px;background:#f0f2f6;color:#8a94a6;padding:6px 4px;text-align:center;font-size:9px}.qam-handover-states b.active{background:#ede9fe;color:#6d28d9}.qam-handover-states b.accepted{background:#dcfce7;color:#15803d}.qam-handover-states b.rejected{background:#fee2e2;color:#b91c1c}

  .qam-action-stack{display:grid;gap:12px}.qam-action-stack.compact{align-content:start}.qam-wide-action{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;border:1px solid var(--qam-line);border-radius:17px;background:#fff;color:var(--qam-ink);padding:15px 17px;text-align:left;box-shadow:0 6px 18px rgba(15,23,42,.045)}
  .qam-wide-action>span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#eef4ff;color:#155aeb;font-size:19px}.qam-wide-action div strong,.qam-wide-action div small{display:block}.qam-wide-action div strong{color:#153fb8;font-size:15px}.qam-wide-action div small{margin-top:4px;color:#64748b;font-size:11px}.qam-wide-action>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef4ff;color:#1f67ee}.qam-wide-action.is-locked{background:#f8fafc;color:#94a3b8}.qam-wide-action.is-locked div strong{color:#64748b}.qam-wide-action.is-locked>span,.qam-wide-action.is-locked>i{background:#f1f5f9;color:#94a3b8}

  .qam-chart-grid>article,.qam-recovery{padding:18px}.qam-chart-grid>article>header>div,.qam-recovery>header>div{display:flex;align-items:center;gap:8px}.qam-chart-grid header i,.qam-recovery header i{color:#155aec}.qam-chart-grid header strong,.qam-recovery header strong{font-size:13px}.qam-chart-grid header small,.qam-recovery header small{color:#64748b;font-size:10px}.qam-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:180px;margin-top:18px;padding-top:25px;border-bottom:1px solid #e5eaf2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#edf1f7 45px)}
  .qam-bar-chart>div{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.qam-bar-chart>div>span{position:relative;display:flex;align-items:flex-end;height:135px}.qam-bar-chart>div i{display:block;width:18px;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(#2f7cf4,#1349d1)}.qam-bar-chart>div b{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);color:#21305a;font-size:8px;white-space:nowrap}.qam-bar-chart>div small{margin-top:7px;color:#667085;font-size:9px}
  .qam-line-chart{margin-top:17px}.qam-line-legend{display:flex;gap:14px;margin-bottom:7px;color:#64748b;font-size:9px}.qam-line-legend span{display:flex;align-items:center;gap:5px}.qam-line-legend i{width:15px;border-top:2px solid #1762ef}.qam-line-legend .done i{border-color:#20ad51}.qam-line-chart svg{display:block;width:100%;height:145px;overflow:visible}.qam-line-chart svg>line{stroke:#e8edf5;stroke-width:1}.qam-line-chart svg path.target,.qam-line-chart svg path.done{fill:none;stroke:#1762ef;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.qam-line-chart svg path.done{stroke:#20ad51}.qam-line-chart svg circle{fill:#fff;stroke:#1762ef;stroke-width:2}.qam-line-chart svg circle.done{stroke:#20ad51}.qam-line-labels{display:grid;grid-template-columns:repeat(7,1fr);margin-top:5px;color:#667085;font-size:8px;text-align:center}
  .qam-recovery-list{display:grid;gap:10px;margin-top:16px}.qam-recovery-list>div{display:grid;grid-template-columns:minmax(60px,.34fr) 1fr auto;gap:9px;align-items:center;font-size:10px}.qam-recovery-list>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qam-recovery-list>div>i{height:8px;border-radius:99px;background:#eef2f8;overflow:hidden}.qam-recovery-list>div>i b{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#1d5af0,#3787fa)}.qam-recovery-list>div>strong{color:#1e3a8a}
  .qam-insights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qam-insights article{display:flex;align-items:center;gap:12px;border-radius:15px;padding:13px 17px;font-size:12px}.qam-insights article>i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff}.qam-insights span strong{display:block;margin-top:2px;font-size:15px}.qam-insights .best{border:1px solid #d4f2df;background:#f0fcf4;color:#15803d}.qam-insights .promise{border:1px solid #fedec7;background:#fff6ef;color:#ea580c}

  .qam-posting-lock{display:grid;place-items:center;min-height:calc(100vh - 210px);padding-bottom:100px}.qam-posting-lock>section{width:min(100%,590px);border:1px solid #e2e8f0;border-radius:24px;background:#fff;padding:34px;text-align:center;box-shadow:0 20px 50px rgba(15,23,42,.1)}.qam-posting-lock>section>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:22px;background:#fff1f2;color:#dc2626;font-size:28px}.qam-posting-lock small{display:block;margin-top:17px;color:#dc2626;font-weight:800;letter-spacing:.08em}.qam-posting-lock h2{margin:5px 0 8px}.qam-posting-lock p{margin:0 auto;color:#64748b;line-height:1.55}.qam-posting-lock dl{display:grid;gap:1px;margin:22px 0;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;text-align:left}.qam-posting-lock dl div{display:flex;justify-content:space-between;gap:15px;background:#f8fafc;padding:11px 14px}.qam-posting-lock dt{color:#64748b}.qam-posting-lock dd{margin:0;font-weight:800}.qam-posting-lock footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qam-posting-lock footer button{border:1px solid #2563eb;border-radius:12px;background:#fff;color:#1d4ed8;padding:12px;font-weight:800}.qam-posting-lock footer .primary{background:#1558e8;color:#fff}

  .qam-sheet-loading,.qam-sheet-error{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#64748b;text-align:center}.qam-sheet-loading i{color:#2563eb;font-size:26px}.qam-sheet-error i{color:#dc2626;font-size:25px}.qam-sheet-error button{border:0;border-radius:10px;background:#1558e8;color:#fff;padding:10px 22px;font-weight:800}
  .qam-collection-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.qam-collection-summary article{border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;padding:12px}.qam-collection-summary small,.qam-collection-summary strong{display:block}.qam-collection-summary small{color:#64748b;font-size:10px}.qam-collection-summary strong{margin-top:4px;font-size:14px}.qam-collection-list{display:grid;gap:8px;margin-top:14px}.qam-collection-list>article{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid #e2e8f0;border-radius:13px;padding:11px}.qam-collection-list>article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px}.qam-collection-list>article>span.income{background:#dcfce7;color:#15803d}.qam-collection-list>article>span.expense{background:#fee2e2;color:#b91c1c}.qam-collection-list small,.qam-collection-list strong,.qam-collection-list em{display:block}.qam-collection-list small{color:#64748b;font-size:9px}.qam-collection-list strong{font-size:12px}.qam-collection-list em{margin-top:2px;color:#64748b;font-size:9px;font-style:normal}.qam-collection-list>article>b{font-size:12px}.qam-collection-list>article>b.income{color:#15803d}.qam-collection-list>article>b.expense{color:#b91c1c}.qam-sheet-pages{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.qam-sheet-pages button{border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#334155;padding:8px 11px}.qam-sheet-pages button:disabled{opacity:.45}
  .qam-reminder-filters{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:9px}.qam-reminder-filters label span{display:block;margin:0 0 4px;color:#64748b;font-size:10px;font-weight:700}.qam-reminder-filters input,.qam-reminder-filters select{width:100%;min-width:0;border:1px solid #dbe3ef;border-radius:10px;background:#fff;padding:10px;color:#172033}.qam-reminder-toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;color:#64748b;font-size:11px}.qam-reminder-toolbar button{border:0;background:transparent;color:#1558e8;font-weight:800}.qam-reminder-list{display:grid;gap:7px;max-height:43vh;overflow:auto}.qam-reminder-list>label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:10px;cursor:pointer}.qam-reminder-list>label input{width:17px;height:17px;accent-color:#1558e8}.qam-reminder-list strong,.qam-reminder-list small{display:block}.qam-reminder-list strong{font-size:12px}.qam-reminder-list small{margin-top:2px;color:#64748b;font-size:9px}.qam-reminder-list b{color:#b91c1c;font-size:11px}.qam-reminder-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.qam-reminder-footer>div{display:flex;align-items:center;gap:8px}.qam-reminder-footer button{border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:8px 11px}.qam-reminder-footer .generate{border-color:#1558e8;background:#1558e8;color:#fff;font-weight:800}.qam-reminder-footer button:disabled{opacity:.5}

  .qam-principal-handovers{margin:18px 0;border:1px solid #ded7fb;border-radius:20px;background:#fff;padding:18px;box-shadow:0 7px 22px rgba(15,23,42,.05)}.qam-principal-handovers>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.qam-principal-handovers>header>div{display:flex;align-items:center;gap:11px}.qam-principal-handovers>header span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#ede9fe;color:#6d28d9}.qam-principal-handovers h3{margin:2px 0 0;font-size:16px}.qam-principal-handovers small{color:#64748b;font-size:9px}.qam-principal-handovers>header>b{border-radius:99px;background:#fff7ed;color:#c2410c;padding:7px 10px;font-size:10px}.qam-principal-handovers>div{display:grid;gap:9px}.qam-principal-handovers article{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid #e8e4f7;border-radius:13px;padding:11px}.qam-principal-handovers article>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f5f3ff;color:#6d28d9}.qam-principal-handovers article strong,.qam-principal-handovers article small{display:block}.qam-principal-handovers article>b{color:#4c1d95;font-size:13px}.qam-principal-handovers article footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.qam-principal-handovers article button{border-radius:9px;padding:8px 14px;font-size:10px;font-weight:800}.qam-principal-handovers .reject{border:1px solid #fecaca;background:#fff;color:#b91c1c}.qam-principal-handovers .accept{border:0;background:#16a34a;color:#fff}.qam-principal-clear{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;color:#15803d}.qam-principal-clear i{font-size:25px}.qam-principal-clear strong,.qam-principal-clear small{display:block}
}

@media (max-width:599px){
  .qam-role{gap:13px}.qam-heading{align-items:flex-start}.qam-heading p{font-size:11px}.qam-heading>span{padding:6px 9px;font-size:9px}.qam-hero{grid-template-columns:1fr auto;min-height:205px;padding:23px 20px;border-radius:20px}.qam-hero-copy strong{font-size:38px}.qam-hero-copy b{font-size:17px}.qam-hero-copy em{font-size:12px}.qam-rate>span{width:104px;height:104px}.qam-rate>span:before{width:80px;height:80px}.qam-rate strong{font-size:26px}.qam-rate small{font-size:10px}.qam-focus-grid,.qam-chart-grid,.qam-lower-grid,.qam-insights{grid-template-columns:1fr}.qam-focus,.qam-chart-grid>article,.qam-recovery{border-radius:17px;padding:17px}.qam-collection-actions{grid-template-columns:1fr 1fr}.qam-insights article{padding:11px 14px}.qam-reminder-filters{grid-template-columns:1fr 1fr}.qam-reminder-filters .search{grid-column:1/-1}.qam-collection-summary{grid-template-columns:1fr}.qam-collection-list>article{grid-template-columns:auto minmax(0,1fr)}.qam-collection-list>article>b{grid-column:2}.qam-reminder-footer{align-items:stretch;flex-direction:column}.qam-reminder-footer .generate{width:100%}.qam-posting-lock>section{padding:25px 17px}.qam-posting-lock footer{grid-template-columns:1fr}.qam-principal-handovers article{grid-template-columns:auto 1fr}.qam-principal-handovers article>b{grid-column:2}.qam-principal-handovers article footer{grid-column:1/-1}.qam-principal-handovers article footer button{flex:1}
}

@media (prefers-reduced-motion:reduce){.qam-role *{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}