/* underwriter: page styles
   Spacing scale: 4 / 8 / 12 / 16 / 24 / 32. */

/* ---------- master–detail: referral queue + decision panel ---------- */
.uwgrid{display:grid;grid-template-columns:minmax(0,1fr);}
.queue{padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;}
.qhdr{font-size:11px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 4px 4px;}
.qitem{display:block;width:100%;box-sizing:border-box;margin:0;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--card-bg);
  border-radius:12px;padding:12px;font-family:inherit;color:var(--body-ink);transition:border-color .12s,box-shadow .12s;}
.qitem:hover{border-color:var(--accent2);box-shadow:0 4px 14px rgba(15,118,110,.12);}
.qitem:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;}
.qitem.sel{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(14,165,164,.3);}
.qitem .addr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:bold;color:var(--ink);font-size:14px;line-height:1.35;}
.qitem .meta{font-size:12px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums;}
.qitem .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;}
.qitem .mine{display:inline-block;font-size:10px;font-weight:bold;letter-spacing:.06em;color:#fff;background:var(--accent2);border-radius:10px;padding:2px 8px;margin:0;}
.score{font-weight:bold;font-size:12px;line-height:1.5;padding:2px 10px;border-radius:10px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;}
.detail{padding:24px;min-width:0;}
.detail h2{line-height:1.25;}

@media(min-width:900px){
  .uwgrid{grid-template-columns:320px minmax(0,1fr);align-items:start;}
  .queue{position:sticky;top:16px;border-right:1px solid var(--line);}
}
/* tablet + phone: the queue becomes a swipeable strip (next card peeks = scroll affordance) */
@media(max-width:899px){
  .queue{position:relative;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
    padding:44px 16px 16px;border-bottom:1px solid var(--line);scroll-padding-inline:16px;}
  .qhdr{position:absolute;top:16px;left:16px;padding:0;white-space:nowrap;}
  .qhdr::after{content:"  ·  swipe \2192";font-weight:normal;letter-spacing:.04em;}
  .qitem{flex:0 0 min(300px,82%);scroll-snap-align:start;}
  .detail{padding:24px 16px;}
}

/* ---------- decision panel ---------- */
.kvs{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0 16px;font-size:13px;}
.kvs b{color:var(--ink);}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;}
.chips .chip{font-variant-numeric:tabular-nums;}
.gauge{display:flex;align-items:center;gap:16px;margin:0 0 12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);}
.gauge .small{font-size:12px;line-height:1.5;}
.gnum{flex:none;white-space:nowrap;font-size:32px;font-weight:bold;line-height:1;font-variant-numeric:tabular-nums;min-width:2ch;text-align:center;}
.reco{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-size:13px;line-height:1.55;border:1px solid var(--line);}
.reco.ai{background:rgba(14,165,164,.07);border-color:rgba(14,165,164,.35);}
/* "Flagged rules" label rendered as a plain <b>: match the section-head style */
.detail > div:has(> .flags) > b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin:0 0 8px;}
.flags{list-style:none;padding:0;margin:0;}
.flags li{margin:0 0 4px;font-size:13px;line-height:1.5;padding-left:24px;text-indent:-24px;}
.flags .c{color:var(--comp);} .flags .r{color:var(--risk);}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.actions .btn,.agentbar .btn{min-height:44px;}
.agentbar{margin:16px 0 0;padding:16px;border-radius:12px;border:1px dashed rgba(14,165,164,.55);background:rgba(14,165,164,.06);}
.agentbar h3{margin:0 0 8px;font-size:14px;line-height:1.35;color:var(--teal);display:flex;align-items:center;justify-content:space-between;gap:8px;}
.agentbar p{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.55;}
.qmark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;
  background:var(--info);color:#fff;font-size:12px;font-weight:bold;cursor:pointer;}
.simrow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;}
.simrow .badge{white-space:nowrap;}
.btn.danger{background:var(--card-bg);color:var(--bad);border:1px solid rgba(185,28,28,.5);}
.btn.warn{background:var(--card-bg);color:var(--warn);border:1px solid rgba(180,83,9,.5);}
.resolved{font-weight:bold;font-size:13px;margin-top:16px;}

@media(max-width:640px){
  /* Approve / Refer / Decline share one row evenly; the follow-on CTA takes its own row */
  .actions .btn{flex:1 1 0;padding-inline:12px;}
  .actions a.btn{flex-basis:100%;}
  .agentbar .btn{width:100%;}
  .gauge{gap:12px;}
}

/* ---------- modals (colors come from the theme tokens) ---------- */
.modal{display:none;position:fixed;inset:0;background:rgba(6,12,24,.55);align-items:center;justify-content:center;z-index:1000;padding:16px;}
.modal .box{width:520px;max-width:100%;max-height:85vh;overflow:auto;border:1px solid var(--accent);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.4);}
.modal .hdr{background:var(--chrome);color:#fff;padding:12px 16px;font-weight:bold;}
.modal .bodyy{padding:16px;line-height:1.6;font-size:13px;}
.modal .ftr{padding:8px 16px 16px;text-align:right;}
.modal .ftr button{background:var(--accent);color:#fff;border:0;min-height:40px;padding:8px 24px;border-radius:8px;cursor:pointer;font-weight:bold;font-family:inherit;}

/* converted from inline style attributes (CSP: style-src 'self') */
.sx-9e3c4cc{margin-top:8px !important}
.sx-2bd9fd6{max-width:720px !important}
.sx-553a645{margin-top:16px !important}
.sx-0998cfa{margin:0 0 12px !important}
.sx-a735816{margin:0 0 12px !important;padding-left:20px !important}
.sx-4fa5028{margin:0 !important;font-size:12px !important;color:var(--muted) !important}