/* ============================================================
   NEXORA UI KIT — מערכת עיצוב משותפת אחת לכל המסכים
   מחולץ מה-DNA המאושר (CRM Xmc5 + דשבורד F7i6). שימוש:
   <link rel="stylesheet" href="nexora-ui.css"> + <div class="nx" id="nx">…</div>
   + <script src="nexora-shell.js"></script> (מזריק את שורת-הנושא)
   אסור אימוג'ים — אייקוני-קו SVG בלבד. כל מסך = 4 תצוגות תפקיד.
   ============================================================ */

#v-standingorders[data-so-design="reference-v1"]{
 --bg:#FAFBFC;--surface:#fff;--raised:#F4F6F8;--text:#0E1316;--muted:#5A6B74;--border:#E5E7EB;
 --brand:var(--primary,#009391);--accent:var(--secondary,#00D1C9);--on-brand:#fff;--ok:#1f9d63;--warn:#d9931f;--bad:#dd4b52;--info:#2563eb;
 --radius:14px;--gap:16px;--ease:cubic-bezier(.22,1,.36,1);--focus:var(--primary-dark,#006E6C);
 --shadow:0 1px 2px rgba(14,19,22,.04),0 10px 28px rgba(14,19,22,.06);
 font-family:"Heebo","Inter",system-ui,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;
}
#v-standingorders[data-so-design="reference-v1"][data-theme="dark"]{--bg:#0E1316;--surface:#161D22;--raised:#1F2933;--text:#EAF2F3;--muted:#ADBDC4;--border:#35424A;--brand:#2AD8D0;--accent:#2AD8D0;--on-brand:#0E1316;--focus:#2AD8D0;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.4);color-scheme:dark}
#v-standingorders[data-so-design="reference-v1"] :where(button,a,input,select,textarea){font-family:inherit}
#v-standingorders[data-so-design="reference-v1"] :where(button,a,input,select):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#v-standingorders[data-so-design="reference-v1"] button{cursor:pointer;border:none;background:none;color:inherit}
#v-standingorders[data-so-design="reference-v1"] .money{font-variant-numeric:tabular-nums;font-family:"Inter","Heebo",sans-serif}
#v-standingorders[data-so-design="reference-v1"] svg{display:block}
#v-standingorders[data-so-design="reference-v1"] a{color:inherit}

/* ===== page header / toolbar ===== */
#v-standingorders[data-so-design="reference-v1"] .wrap{padding:0 clamp(12px,2vw,22px) 30px}
#v-standingorders[data-so-design="reference-v1"] .bar1{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px clamp(12px,2vw,22px) 0}
#v-standingorders[data-so-design="reference-v1"] .bar1 h1{margin:0;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:10px}
#v-standingorders[data-so-design="reference-v1"] .bar1 h1 .ic{display:grid;place-items:center;color:var(--brand)}#v-standingorders[data-so-design="reference-v1"] .bar1 h1 .ic svg{width:24px;height:24px}
#v-standingorders[data-so-design="reference-v1"] .bar1 .sub{font-size:.84rem;color:var(--muted);font-weight:500;margin-top:2px}
#v-standingorders[data-so-design="reference-v1"] .acts{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
#v-standingorders[data-so-design="reference-v1"] .bar2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px clamp(12px,2vw,22px)}

/* buttons */
#v-standingorders[data-so-design="reference-v1"] .btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:12px;font-weight:700;font-size:.86rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .18s var(--ease),border-color .18s}
#v-standingorders[data-so-design="reference-v1"] .btn:hover{transform:translateY(-1px)}#v-standingorders[data-so-design="reference-v1"] .btn svg{width:16px;height:16px}
#v-standingorders[data-so-design="reference-v1"] .btn.pri{background:linear-gradient(135deg,var(--accent),var(--brand));color:var(--on-brand);border-color:transparent;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 32%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .btn.sm{padding:8px 12px;font-size:.8rem}#v-standingorders[data-so-design="reference-v1"] .btn.ghost{background:transparent;box-shadow:none}
#v-standingorders[data-so-design="reference-v1"] .btn.danger{color:var(--bad)}#v-standingorders[data-so-design="reference-v1"] .btn.danger:hover{background:var(--bad);color:#fff;border-color:transparent}

/* segmented control */
#v-standingorders[data-so-design="reference-v1"] .segm{display:inline-flex;background:var(--raised);border:1px solid var(--border);border-radius:11px;padding:3px}
#v-standingorders[data-so-design="reference-v1"] .segm button{padding:8px 13px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.15s}
#v-standingorders[data-so-design="reference-v1"] .segm button svg{width:15px;height:15px}
#v-standingorders[data-so-design="reference-v1"] .segm button:hover:not(.on){color:var(--text)}
#v-standingorders[data-so-design="reference-v1"] .segm button.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}

/* role selector (4 views) */
#v-standingorders[data-so-design="reference-v1"] .rolesel{margin-inline-start:auto;display:inline-flex;background:var(--raised);border:1px solid var(--border);border-radius:11px;padding:3px}
#v-standingorders[data-so-design="reference-v1"] .rolesel button{padding:7px 12px;border-radius:8px;font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .rolesel button.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}

/* search + filters */
#v-standingorders[data-so-design="reference-v1"] .search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:9px 13px;color:var(--muted);font-size:.84rem;flex:1;min-width:170px;max-width:360px}
#v-standingorders[data-so-design="reference-v1"] .search svg{width:15px;height:15px;flex:none}#v-standingorders[data-so-design="reference-v1"] .search input{border:none;background:none;outline:none;color:var(--text);width:100%;font-size:.86rem}
#v-standingorders[data-so-design="reference-v1"] .fil{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:.8rem;font-weight:600;color:var(--muted)}
#v-standingorders[data-so-design="reference-v1"] .fil svg{width:13px;height:13px}#v-standingorders[data-so-design="reference-v1"] .fil b{color:var(--text)}
#v-standingorders[data-so-design="reference-v1"] .fil select{border:none;background:none;outline:none;color:var(--text);font:inherit;font-weight:700;font-size:.8rem}

/* ===== KPI stat cards ===== */
#v-standingorders[data-so-design="reference-v1"] .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;padding:4px clamp(12px,2vw,22px)}
#v-standingorders[data-so-design="reference-v1"] .kpi{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s}
#v-standingorders[data-so-design="reference-v1"] .kpi:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,19,22,.09)}
#v-standingorders[data-so-design="reference-v1"] .kpi .kl{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);font-weight:600}
#v-standingorders[data-so-design="reference-v1"] .kpi .kl .ki{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,var(--brand)) 13%,transparent);color:var(--c,var(--brand))}
#v-standingorders[data-so-design="reference-v1"] .kpi .kl .ki svg{width:16px;height:16px}
#v-standingorders[data-so-design="reference-v1"] .kpi .kv{font-size:1.85rem;font-weight:800;margin-top:10px;letter-spacing:-.02em}
#v-standingorders[data-so-design="reference-v1"] .kpi .kt{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;margin-top:6px;padding:2px 8px;border-radius:20px}
#v-standingorders[data-so-design="reference-v1"] .kpi .kt.up{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .kpi .kt.down{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .kpi .kt svg{width:12px;height:12px}
#v-standingorders[data-so-design="reference-v1"] .kpi .wm{position:absolute;inset-inline-end:-12px;bottom:-16px;opacity:.05;color:var(--c,var(--brand));pointer-events:none}
#v-standingorders[data-so-design="reference-v1"] .kpi .wm svg{width:92px;height:92px}
#v-standingorders[data-so-design="reference-v1"] .kpi>*{position:relative;z-index:1}#v-standingorders[data-so-design="reference-v1"] .kpi .wm{z-index:0}

/* ===== cards / panels ===== */
#v-standingorders[data-so-design="reference-v1"] .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
#v-standingorders[data-so-design="reference-v1"] .card .ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border)}
#v-standingorders[data-so-design="reference-v1"] .card .ch h3{margin:0;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:9px}
#v-standingorders[data-so-design="reference-v1"] .card .ch h3 svg{width:18px;height:18px;color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .card .cb{padding:16px 18px}
#v-standingorders[data-so-design="reference-v1"] .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 clamp(12px,2vw,22px)}
#v-standingorders[data-so-design="reference-v1"] .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 clamp(12px,2vw,22px)}
@media(max-width:900px){#v-standingorders[data-so-design="reference-v1"] .grid2,#v-standingorders[data-so-design="reference-v1"] .grid3{grid-template-columns:1fr}}

/* ===== data table ===== */
#v-standingorders[data-so-design="reference-v1"] .tbl{width:100%;border-collapse:collapse;font-size:.86rem}
#v-standingorders[data-so-design="reference-v1"] .tbl thead th{text-align:start;padding:12px 16px;font-size:.76rem;font-weight:700;color:var(--muted);background:var(--raised);border-bottom:1px solid var(--border);white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}
#v-standingorders[data-so-design="reference-v1"] .tbl tbody tr{transition:background .14s}#v-standingorders[data-so-design="reference-v1"] .tbl tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,transparent);cursor:pointer}
#v-standingorders[data-so-design="reference-v1"] .tbl tbody tr:last-child td{border-bottom:none}
#v-standingorders[data-so-design="reference-v1"] .tblwrap{overflow-x:auto}

/* pills / badges / avatars */
#v-standingorders[data-so-design="reference-v1"] .pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 11px;border-radius:30px;background:color-mix(in srgb,var(--c,var(--muted)) 13%,transparent);color:color-mix(in srgb,var(--c,var(--muted)) 80%,var(--text));white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--c,var(--muted))}
#v-standingorders[data-so-design="reference-v1"] .av{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;display:grid;place-items:center;font-size:.76rem;font-weight:800;flex:none}
#v-standingorders[data-so-design="reference-v1"] .av.sm{width:26px;height:26px;font-size:.66rem;border-radius:8px}
#v-standingorders[data-so-design="reference-v1"] .who{display:inline-flex;align-items:center;gap:8px}

/* progress / meter */
#v-standingorders[data-so-design="reference-v1"] .meter{height:8px;border-radius:30px;background:var(--raised);overflow:hidden}
#v-standingorders[data-so-design="reference-v1"] .meter i{display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,var(--accent),var(--brand))}

/* empty / loading states */
#v-standingorders[data-so-design="reference-v1"] .empty{text-align:center;color:var(--muted);padding:44px 20px}
#v-standingorders[data-so-design="reference-v1"] .empty svg{width:42px;height:42px;color:var(--brand);margin:0 auto 10px;opacity:.8}
#v-standingorders[data-so-design="reference-v1"] .empty b{display:block;font-size:.95rem;color:var(--text);margin-bottom:4px}
#v-standingorders[data-so-design="reference-v1"] .empty span{font-size:.84rem}

/* toggle switch */
#v-standingorders[data-so-design="reference-v1"] .sw2{position:relative;display:inline-block;width:42px;height:24px;flex:none}
#v-standingorders[data-so-design="reference-v1"] .sw2 input{position:absolute;opacity:0;width:0;height:0}
#v-standingorders[data-so-design="reference-v1"] .sw2 i{position:absolute;inset:0;background:var(--border);border-radius:30px;transition:.2s;cursor:pointer}
#v-standingorders[data-so-design="reference-v1"] .sw2 i::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;inset-inline-start:3px;transition:.2s}
#v-standingorders[data-so-design="reference-v1"] .sw2 input:checked + i{background:var(--brand)}#v-standingorders[data-so-design="reference-v1"] .sw2 input:checked + i::before{inset-inline-start:21px}

/* form fields */
#v-standingorders[data-so-design="reference-v1"] .field{display:grid;gap:6px}
#v-standingorders[data-so-design="reference-v1"] .field label{font-size:.78rem;font-weight:600;color:var(--muted)}
#v-standingorders[data-so-design="reference-v1"] .field input,#v-standingorders[data-so-design="reference-v1"] .field select,#v-standingorders[data-so-design="reference-v1"] .field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:.88rem}
#v-standingorders[data-so-design="reference-v1"] .field input:focus,#v-standingorders[data-so-design="reference-v1"] .field select:focus,#v-standingorders[data-so-design="reference-v1"] .field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}

/* detail drawer (reused pattern) */
#v-standingorders[data-so-design="reference-v1"] dialog.drawer{inline-size:min(560px,calc(100vw - 24px));max-block-size:calc(100dvh - 24px);padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 30px 90px rgba(14,19,22,.3);overflow:hidden}
#v-standingorders[data-so-design="reference-v1"] dialog.drawer::backdrop{background:rgba(14,19,22,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#v-standingorders[data-so-design="reference-v1"] .drawer .dh{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;color:#fff;background:linear-gradient(120deg,var(--c,var(--brand)),color-mix(in srgb,var(--c,var(--brand)) 66%,#000))}
#v-standingorders[data-so-design="reference-v1"] .drawer .dh .pic{width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:none}#v-standingorders[data-so-design="reference-v1"] .drawer .dh .pic svg{width:22px;height:22px}
#v-standingorders[data-so-design="reference-v1"] .drawer .dh h2{margin:0;font-size:1.16rem}#v-standingorders[data-so-design="reference-v1"] .drawer .dh .cx{margin-inline-start:auto;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;flex:none}
#v-standingorders[data-so-design="reference-v1"] .drawer .db{padding:16px 22px;max-block-size:calc(100dvh - 220px);overflow:auto}

/* role visibility helper — NOTE: do NOT hide by default (JS toggles per active role).
   hiding-by-default permanently hid controls on screens without toggle-JS. */

/* toast */
#v-standingorders[data-so-design="reference-v1"] .toast{position:fixed;inset-block-end:24px;inset-inline-start:50%;transform:translateX(50%) translateY(20px);background:var(--text);color:var(--surface);padding:13px 22px;border-radius:14px;font-weight:700;font-size:.9rem;box-shadow:0 14px 44px rgba(0,0,0,.3);opacity:0;transition:.3s var(--ease);z-index:70}
#v-standingorders[data-so-design="reference-v1"] .toast.show{opacity:1;transform:translateX(50%) translateY(0)}


/* ===================== SO — הוראות קבע ===================== */
#v-standingorders[data-so-design="reference-v1"] .so-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;padding:6px clamp(12px,2vw,22px) 4px}
@media(max-width:980px){#v-standingorders[data-so-design="reference-v1"] .so-top{grid-template-columns:1fr}}
#v-standingorders[data-so-design="reference-v1"] .so-track{display:flex;gap:14px;align-items:flex-start;padding:15px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface) 70%);box-shadow:var(--shadow)}
#v-standingorders[data-so-design="reference-v1"] .so-track .ti{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;flex:none}
#v-standingorders[data-so-design="reference-v1"] .so-track .ti svg{width:21px;height:21px}
#v-standingorders[data-so-design="reference-v1"] .so-track b{display:block;font-size:.94rem;font-weight:800;margin-bottom:3px}
#v-standingorders[data-so-design="reference-v1"] .so-track p{margin:0;font-size:.82rem;color:var(--muted);line-height:1.6}
#v-standingorders[data-so-design="reference-v1"] .so-track p em{font-style:normal;color:var(--text);font-weight:700}
#v-standingorders[data-so-design="reference-v1"] .so-soon{position:relative;display:grid;gap:11px;padding:14px 18px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--muted) 45%,var(--border));background:repeating-linear-gradient(135deg,transparent 0 11px,color-mix(in srgb,var(--muted) 4%,transparent) 11px 22px),var(--surface)}
#v-standingorders[data-so-design="reference-v1"] .so-soon .hd{display:flex;align-items:center;gap:10px}
#v-standingorders[data-so-design="reference-v1"] .so-soon .hd b{font-size:.9rem;font-weight:800;display:flex;align-items:center;gap:8px}
#v-standingorders[data-so-design="reference-v1"] .so-soon .hd b svg{width:17px;height:17px;color:var(--muted)}
#v-standingorders[data-so-design="reference-v1"] .so-soonb{font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:30px;color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 25%,transparent);letter-spacing:.02em}
#v-standingorders[data-so-design="reference-v1"] .so-soon .hd .sw2{margin-inline-start:auto;opacity:.55}#v-standingorders[data-so-design="reference-v1"] .so-soon .hd .sw2 i{cursor:not-allowed}
#v-standingorders[data-so-design="reference-v1"] .so-flow{display:flex;align-items:center;gap:8px}
#v-standingorders[data-so-design="reference-v1"] .so-node{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;font-size:.76rem;font-weight:700;border:1px solid var(--border);background:var(--bg);color:var(--muted);min-width:0}
#v-standingorders[data-so-design="reference-v1"] .so-node svg{width:15px;height:15px;flex:none}
#v-standingorders[data-so-design="reference-v1"] .so-node span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-standingorders[data-so-design="reference-v1"] .so-node.on{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,var(--border));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
#v-standingorders[data-so-design="reference-v1"] .so-node.off{border-style:dashed;opacity:.72}
#v-standingorders[data-so-design="reference-v1"] .so-flow .ar{color:var(--muted);opacity:.6;flex:none}#v-standingorders[data-so-design="reference-v1"] .so-flow .ar svg{width:14px;height:14px;transform:scaleX(-1)}
#v-standingorders[data-so-design="reference-v1"] .so-soon small{font-size:.74rem;color:var(--muted);line-height:1.5}

#v-standingorders[data-so-design="reference-v1"] .so-ks{font-size:.74rem;color:var(--muted);font-weight:600;margin-top:5px}
#v-standingorders[data-so-design="reference-v1"] .so-viewonly{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--info);background:color-mix(in srgb,var(--info) 11%,transparent);padding:6px 12px;border-radius:30px}
#v-standingorders[data-so-design="reference-v1"] .so-viewonly svg{width:14px;height:14px}
#v-standingorders[data-so-design="reference-v1"] .so-count{font-size:.78rem;color:var(--muted);font-weight:600}
#v-standingorders[data-so-design="reference-v1"] .so-card-h{display:flex;align-items:center;gap:10px}
#v-standingorders[data-so-design="reference-v1"] .so-card-h .so-count{margin-inline-start:2px}

/* table */
#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody tr{cursor:pointer}#v-standingorders[data-so-design="reference-v1"] .so-tbl thead th,#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody td{padding-inline:10px}#v-standingorders[data-so-design="reference-v1"] .so-tbl thead th:first-child,#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody td:first-child{padding-inline-start:16px}
#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody tr.sel{background:color-mix(in srgb,var(--brand) 7%,transparent);box-shadow:inset 3px 0 0 var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody tr.dim td{opacity:.62}#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody tr.dim td:last-child{opacity:1}
#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody tr.nope{cursor:default}
#v-standingorders[data-so-design="reference-v1"] .so-cl{display:flex;align-items:center;gap:11px;min-width:172px}
#v-standingorders[data-so-design="reference-v1"] .so-cl .so-av{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:800;flex:none;position:relative}
#v-standingorders[data-so-design="reference-v1"] .so-cl.pz .so-av{background:linear-gradient(135deg,#d9a24a,var(--warn))}#v-standingorders[data-so-design="reference-v1"] .so-cl.en .so-av{background:linear-gradient(135deg,#9aa9b1,var(--muted))}
#v-standingorders[data-so-design="reference-v1"] .so-nm{display:grid;line-height:1.3;min-width:0}#v-standingorders[data-so-design="reference-v1"] .so-nm b{font-size:.9rem;font-weight:700;white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-nm small{font-size:.74rem;color:var(--muted);direction:ltr;text-align:start;font-family:"Inter",sans-serif}
#v-standingorders[data-so-design="reference-v1"] .so-amt{font-family:"Inter",sans-serif;font-weight:800;font-size:.95rem;white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-amt small{font-weight:600;color:var(--muted);font-size:.7rem;margin-inline-start:3px;font-family:"Heebo",sans-serif}
#v-standingorders[data-so-design="reference-v1"] .so-pay{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-pay i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--raised);border:1px solid var(--border);color:var(--muted);font-style:normal}
#v-standingorders[data-so-design="reference-v1"] .so-pay i svg{width:14px;height:14px}
#v-standingorders[data-so-design="reference-v1"] .so-nx{display:grid;gap:3px;line-height:1.3;min-width:104px}
#v-standingorders[data-so-design="reference-v1"] .so-nx b{font-size:.83rem;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-nx b svg{width:13px;height:13px;color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-nx small{font-size:.72rem;color:var(--muted);white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-dchip{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:30px;background:color-mix(in srgb,var(--warn) 15%,transparent);color:color-mix(in srgb,var(--warn) 78%,var(--text));width:max-content}
#v-standingorders[data-so-design="reference-v1"] .so-dchip.hot{background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-rn{display:grid;gap:5px;min-width:96px}
#v-standingorders[data-so-design="reference-v1"] .so-rn .t{font-size:.8rem;font-weight:800;font-family:"Inter",sans-serif;direction:ltr;text-align:start}#v-standingorders[data-so-design="reference-v1"] .so-rn .t span{color:var(--muted);font-weight:600}
#v-standingorders[data-so-design="reference-v1"] .so-rn .meter{height:5px}
#v-standingorders[data-so-design="reference-v1"] .so-dt{font-size:.8rem;color:var(--muted);font-weight:500;white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-ag{display:flex;align-items:center;gap:8px;min-width:112px}
#v-standingorders[data-so-design="reference-v1"] .so-ag .a{width:26px;height:26px;border-radius:8px;background:var(--raised);border:1px solid var(--border);display:grid;place-items:center;font-size:.64rem;font-weight:800;color:var(--brand);flex:none}
#v-standingorders[data-so-design="reference-v1"] .so-ag div{display:grid;line-height:1.3}#v-standingorders[data-so-design="reference-v1"] .so-ag b{font-size:.8rem;font-weight:600;white-space:nowrap}#v-standingorders[data-so-design="reference-v1"] .so-ag small{font-size:.7rem;color:var(--muted)}
#v-standingorders[data-so-design="reference-v1"] .so-tmpl{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:800;color:var(--info);background:color-mix(in srgb,var(--info) 11%,transparent);padding:1px 8px;border-radius:30px;width:max-content}
#v-standingorders[data-so-design="reference-v1"] .so-tmpl svg{width:10px;height:10px}
#v-standingorders[data-so-design="reference-v1"] .so-acts{display:flex;gap:2px;justify-content:flex-end}
#v-standingorders[data-so-design="reference-v1"] .so-ib{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:.15s;position:relative}
#v-standingorders[data-so-design="reference-v1"] .so-ib svg{width:16px;height:16px}
#v-standingorders[data-so-design="reference-v1"] .so-ib:hover{background:color-mix(in srgb,var(--brand) 11%,transparent);color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-ib.warn:hover{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}
#v-standingorders[data-so-design="reference-v1"] .so-ib.ok:hover{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
#v-standingorders[data-so-design="reference-v1"] .so-ib.bad:hover{background:color-mix(in srgb,var(--bad) 13%,transparent);color:var(--bad)}
#v-standingorders[data-so-design="reference-v1"] .so-ib[data-tip]:hover::after{content:attr(data-tip);position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:50%;transform:translateX(50%);background:var(--text);color:var(--surface);font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:7px;white-space:nowrap;z-index:9;pointer-events:none}

/* history */
#v-standingorders[data-so-design="reference-v1"] .so-hist .ch .sel{font-size:.78rem;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);padding:3px 11px;border-radius:30px;display:inline-flex;align-items:center;gap:6px}
#v-standingorders[data-so-design="reference-v1"] .so-hist .ch .sel button{display:grid;place-items:center;color:var(--brand)}#v-standingorders[data-so-design="reference-v1"] .so-hist .ch .sel svg{width:12px;height:12px}
#v-standingorders[data-so-design="reference-v1"] .so-hsum{display:flex;gap:10px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg)}
#v-standingorders[data-so-design="reference-v1"] .so-hsum div{font-size:.78rem;color:var(--muted);font-weight:600}#v-standingorders[data-so-design="reference-v1"] .so-hsum b{color:var(--text);font-family:"Inter",sans-serif;font-weight:800;margin-inline-start:4px}
#v-standingorders[data-so-design="reference-v1"] .so-hscroll{max-height:340px;overflow:auto}
#v-standingorders[data-so-design="reference-v1"] .so-hist .tbl tbody tr{cursor:default}
#v-standingorders[data-so-design="reference-v1"] .so-deal{font-family:"Inter",sans-serif;font-size:.76rem;font-weight:700;color:var(--brand);direction:ltr;display:inline-block}
#v-standingorders[data-so-design="reference-v1"] .so-hint{font-size:.76rem;color:var(--muted);padding:12px 18px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--border)}
#v-standingorders[data-so-design="reference-v1"] .so-hint svg{width:14px;height:14px;color:var(--brand);flex:none}

/* ===================== DIALOG ===================== */
#v-standingorders[data-so-design="reference-v1"] dialog.so-dlg{padding:0;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 34px 100px rgba(14,19,22,.36);overflow:hidden;inline-size:min(980px,calc(100vw - 24px));block-size:min(780px,calc(100dvh - 24px));max-inline-size:none;max-block-size:none;margin:auto;font-family:"Heebo","Inter",system-ui,sans-serif}
#v-standingorders[data-so-design="reference-v1"] dialog.so-dlg[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:fixed}
#v-standingorders[data-so-design="reference-v1"] dialog.so-dlg::backdrop{background:rgba(14,19,22,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#v-standingorders[data-so-design="reference-v1"] .so-dh{display:flex;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid var(--border);position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface) 62%)}
#v-standingorders[data-so-design="reference-v1"] .so-dh::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--brand))}
#v-standingorders[data-so-design="reference-v1"] .so-dh .pic{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;display:grid;place-items:center;flex:none}#v-standingorders[data-so-design="reference-v1"] .so-dh .pic svg{width:23px;height:23px}
#v-standingorders[data-so-design="reference-v1"] .so-dh h2{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.01em}
#v-standingorders[data-so-design="reference-v1"] .so-dh .sub{font-size:.82rem;color:var(--muted);font-weight:500;margin-top:3px}
#v-standingorders[data-so-design="reference-v1"] .so-dh .cx{margin-inline-start:auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--muted);background:var(--raised);border:1px solid var(--border);transition:.15s}
#v-standingorders[data-so-design="reference-v1"] .so-dh .cx:hover{color:var(--bad);border-color:var(--bad)}#v-standingorders[data-so-design="reference-v1"] .so-dh .cx svg{width:18px;height:18px}
#v-standingorders[data-so-design="reference-v1"] .so-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0}
#v-standingorders[data-so-design="reference-v1"] .so-form{overflow:auto;padding:22px 26px 28px;min-width:0}
#v-standingorders[data-so-design="reference-v1"] .so-side{background:var(--bg);border-inline-start:1px solid var(--border);padding:20px 18px;overflow:auto;display:grid;gap:14px;align-content:start}
@media(max-width:820px){#v-standingorders[data-so-design="reference-v1"] .so-body{grid-template-columns:minmax(0,1fr)}#v-standingorders[data-so-design="reference-v1"] .so-side{border-inline-start:none;border-top:1px solid var(--border)}#v-standingorders[data-so-design="reference-v1"] dialog.so-dlg{inline-size:calc(100vw - 12px);block-size:calc(100dvh - 12px);border-radius:16px}#v-standingorders[data-so-design="reference-v1"] dialog.so-dlg[open]{max-inline-size:calc(100vw - 12px)}#v-standingorders[data-so-design="reference-v1"] .so-body{overflow:auto}#v-standingorders[data-so-design="reference-v1"] .so-form{overflow:visible}}
#v-standingorders[data-so-design="reference-v1"] .so-sec{border:1px solid var(--border);border-radius:16px;padding:17px 19px;margin-bottom:15px;background:var(--surface)}
#v-standingorders[data-so-design="reference-v1"] .so-sec>h4{margin:0 0 14px;font-size:.84rem;font-weight:800;color:var(--muted);letter-spacing:.02em;display:flex;align-items:center;gap:8px}
#v-standingorders[data-so-design="reference-v1"] .so-sec>h4 svg{width:15px;height:15px;color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:start}#v-standingorders[data-so-design="reference-v1"] .so-g2 .full{grid-column:1/-1}
@media(max-width:560px){#v-standingorders[data-so-design="reference-v1"] .so-g2{grid-template-columns:1fr}}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field label{display:flex;align-items:center;gap:6px}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field label.req::after{content:"*";color:var(--bad);font-weight:800}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field label .op{font-weight:500;font-size:.7rem;opacity:.8}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field .help{font-size:.72rem;color:var(--muted);line-height:1.45}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field.bad input,#v-standingorders[data-so-design="reference-v1"] .so-dlg .field.bad select{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 13%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field .err{display:none;font-size:.72rem;color:var(--bad);font-weight:700}#v-standingorders[data-so-design="reference-v1"] .so-dlg .field.bad .err{display:block}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field input:disabled,#v-standingorders[data-so-design="reference-v1"] .so-dlg .field select:disabled,#v-standingorders[data-so-design="reference-v1"] .so-dlg .field textarea:disabled{background:var(--raised);color:var(--text);opacity:.85;cursor:default}
#v-standingorders[data-so-design="reference-v1"] .so-dlg .field textarea{resize:vertical;min-height:74px;line-height:1.6}
#v-standingorders[data-so-design="reference-v1"] .so-ltr{direction:ltr;text-align:start;font-family:"Inter","Heebo",sans-serif}
#v-standingorders[data-so-design="reference-v1"] .so-money{position:relative}#v-standingorders[data-so-design="reference-v1"] .so-money input{padding-inline-start:34px;font-family:"Inter",sans-serif;font-weight:800}
#v-standingorders[data-so-design="reference-v1"] .so-money .cur{position:absolute;inset-inline-start:12px;inset-block-start:50%;transform:translateY(-50%);color:var(--muted);font-weight:700;font-size:.9rem;pointer-events:none}

/* mode chooser */
#v-standingorders[data-so-design="reference-v1"] .so-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:620px){#v-standingorders[data-so-design="reference-v1"] .so-modes{grid-template-columns:1fr}}
#v-standingorders[data-so-design="reference-v1"] .so-mode{position:relative;display:grid;gap:8px;padding:16px 16px 15px;border:1.5px solid var(--border);border-radius:16px;background:var(--surface);text-align:start;transition:.18s var(--ease);cursor:pointer}
#v-standingorders[data-so-design="reference-v1"] .so-mode:hover:not(.on){border-color:color-mix(in srgb,var(--brand) 45%,var(--border));transform:translateY(-1px)}
#v-standingorders[data-so-design="reference-v1"] .so-mode.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .so-mode .mh{display:flex;align-items:center;gap:11px}
#v-standingorders[data-so-design="reference-v1"] .so-mode .mi{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--raised);color:var(--muted);flex:none;transition:.18s}#v-standingorders[data-so-design="reference-v1"] .so-mode .mi svg{width:19px;height:19px}
#v-standingorders[data-so-design="reference-v1"] .so-mode.on .mi{background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff}
#v-standingorders[data-so-design="reference-v1"] .so-mode b{font-size:.93rem;font-weight:800;display:block;line-height:1.25}
#v-standingorders[data-so-design="reference-v1"] .so-mode .tg{font-size:.72rem;font-weight:700;color:var(--brand);display:block;margin-top:1px}
#v-standingorders[data-so-design="reference-v1"] .so-mode p{margin:0;font-size:.8rem;line-height:1.6;color:var(--muted)}
#v-standingorders[data-so-design="reference-v1"] .so-mode p em{font-style:normal;font-weight:700;color:var(--text)}
#v-standingorders[data-so-design="reference-v1"] .so-mode .rd{position:absolute;inset-block-start:14px;inset-inline-end:14px;width:20px;height:20px;border-radius:50%;border:2px solid var(--border);background:var(--surface);transition:.15s}
#v-standingorders[data-so-design="reference-v1"] .so-mode.on .rd{border-color:var(--brand);background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
#v-standingorders[data-so-design="reference-v1"] .so-mode .mh{padding-inline-end:28px}
#v-standingorders[data-so-design="reference-v1"] .so-modeline{margin-top:13px}
#v-standingorders[data-so-design="reference-v1"] .so-note{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:.8rem;line-height:1.55;background:color-mix(in srgb,var(--info) 8%,transparent);border:1px solid color-mix(in srgb,var(--info) 22%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .so-note svg{width:17px;height:17px;color:var(--info);flex:none;margin-top:2px}#v-standingorders[data-so-design="reference-v1"] .so-note b{font-weight:800}
#v-standingorders[data-so-design="reference-v1"] .so-note.warn{background:color-mix(in srgb,var(--warn) 9%,transparent);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}#v-standingorders[data-so-design="reference-v1"] .so-note.warn svg{color:var(--warn)}
#v-standingorders[data-so-design="reference-v1"] .so-note.brand{background:color-mix(in srgb,var(--brand) 8%,transparent);border-color:color-mix(in srgb,var(--brand) 25%,transparent)}#v-standingorders[data-so-design="reference-v1"] .so-note.brand svg{color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-chip{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--brand);background:color-mix(in srgb,var(--brand) 11%,transparent);padding:6px 13px;border-radius:30px}#v-standingorders[data-so-design="reference-v1"] .so-chip svg{width:14px;height:14px}

/* option cards + stepper */
#v-standingorders[data-so-design="reference-v1"] .so-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:560px){#v-standingorders[data-so-design="reference-v1"] .so-opts{grid-template-columns:1fr}}
#v-standingorders[data-so-design="reference-v1"] .so-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--border);border-radius:13px;background:var(--surface);cursor:pointer;transition:.16s;font-size:.85rem;font-weight:700;text-align:start}
#v-standingorders[data-so-design="reference-v1"] .so-opt svg{width:18px;height:18px;color:var(--muted);flex:none;transition:.16s}
#v-standingorders[data-so-design="reference-v1"] .so-opt small{display:block;font-weight:500;font-size:.72rem;color:var(--muted);margin-top:1px}
#v-standingorders[data-so-design="reference-v1"] .so-opt:hover:not(.on){border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}
#v-standingorders[data-so-design="reference-v1"] .so-opt.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}#v-standingorders[data-so-design="reference-v1"] .so-opt.on svg{color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-opt:disabled{opacity:.6;cursor:default}
#v-standingorders[data-so-design="reference-v1"] .so-step{display:flex;align-items:center;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:var(--surface);width:max-content}
#v-standingorders[data-so-design="reference-v1"] .so-step button{width:38px;height:40px;display:grid;place-items:center;color:var(--brand);font-size:1.1rem;font-weight:800;background:var(--raised)}
#v-standingorders[data-so-design="reference-v1"] .so-step button:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 12%,var(--raised))}#v-standingorders[data-so-design="reference-v1"] .so-step button:disabled{opacity:.45;cursor:default}
#v-standingorders[data-so-design="reference-v1"] .so-step input{width:62px;text-align:center;border:none!important;box-shadow:none!important;border-radius:0!important;font-weight:800;font-family:"Inter",sans-serif;padding:8px 0!important}
#v-standingorders[data-so-design="reference-v1"] .so-segf{width:100%}#v-standingorders[data-so-design="reference-v1"] .so-segf button{flex:1;justify-content:center}

/* side preview */
#v-standingorders[data-so-design="reference-v1"] .so-prev{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
#v-standingorders[data-so-design="reference-v1"] .so-prev .ph{padding:14px 16px 12px;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff}
#v-standingorders[data-so-design="reference-v1"] .so-prev .ph span{font-size:.74rem;font-weight:700;opacity:.9;display:flex;align-items:center;gap:6px}#v-standingorders[data-so-design="reference-v1"] .so-prev .ph span svg{width:14px;height:14px}
#v-standingorders[data-so-design="reference-v1"] .so-prev .ph b{display:block;font-size:1.55rem;font-weight:800;margin-top:6px;letter-spacing:-.01em;font-family:"Inter",sans-serif;direction:ltr;text-align:start}
#v-standingorders[data-so-design="reference-v1"] .so-prev .ph small{font-size:.76rem;opacity:.92;font-weight:600}
#v-standingorders[data-so-design="reference-v1"] .so-prev .pb{padding:13px 16px;display:grid;gap:10px}
#v-standingorders[data-so-design="reference-v1"] .so-nl{display:grid;gap:0;position:relative}
#v-standingorders[data-so-design="reference-v1"] .so-nl div{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.82rem;font-weight:600;position:relative}
#v-standingorders[data-so-design="reference-v1"] .so-nl div::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--brand);flex:none;position:relative;z-index:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .so-nl div:not(:last-child)::after{content:"";position:absolute;inset-inline-start:4px;inset-block-start:21px;width:1px;height:calc(100% - 4px);background:var(--border)}
#v-standingorders[data-so-design="reference-v1"] .so-nl div span{font-family:"Inter",sans-serif;direction:ltr}#v-standingorders[data-so-design="reference-v1"] .so-nl div em{margin-inline-start:auto;font-style:normal;font-size:.72rem;color:var(--muted);font-weight:600}
#v-standingorders[data-so-design="reference-v1"] .so-sumrow{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;padding-top:10px;border-top:1px dashed var(--border);color:var(--muted);font-weight:600}#v-standingorders[data-so-design="reference-v1"] .so-sumrow b{color:var(--text);font-family:"Inter",sans-serif;font-weight:800}
#v-standingorders[data-so-design="reference-v1"] .so-df{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface)}
#v-standingorders[data-so-design="reference-v1"] .so-df .sp{flex:1}#v-standingorders[data-so-design="reference-v1"] .so-df .pg{font-size:.76rem;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:7px}#v-standingorders[data-so-design="reference-v1"] .so-df .pg svg{width:14px;height:14px;color:var(--brand)}
@media(max-width:640px){#v-standingorders[data-so-design="reference-v1"] .so-df .pg{display:none}}

/* confirm */
#v-standingorders[data-so-design="reference-v1"] .so-cf{position:fixed;inset:0;background:rgba(14,19,22,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:90;animation:nxso-enter .2s}
#v-standingorders[data-so-design="reference-v1"] .so-cfb{width:min(450px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);display:grid;gap:14px}
#v-standingorders[data-so-design="reference-v1"] .so-cfb .ci{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,var(--brand)) 13%,transparent);color:var(--c,var(--brand))}#v-standingorders[data-so-design="reference-v1"] .so-cfb .ci svg{width:23px;height:23px}
#v-standingorders[data-so-design="reference-v1"] .so-cfb h3{margin:0;font-size:1.1rem}#v-standingorders[data-so-design="reference-v1"] .so-cfb p{margin:0;font-size:.86rem;color:var(--muted);line-height:1.6}
#v-standingorders[data-so-design="reference-v1"] .so-cfb .row{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}
/* warn button */
#v-standingorders[data-so-design="reference-v1"] .btn.warnb{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}#v-standingorders[data-so-design="reference-v1"] .btn.warnb:hover{background:var(--warn);color:#fff;border-color:transparent}
@keyframes nxso-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#v-standingorders[data-so-design="reference-v1"] .so-form>*{animation:nxso-enter .28s var(--ease)}

#v-standingorders[data-so-design="reference-v1"]{--brand:var(--primary,#009391);--accent:var(--secondary,#00D1C9);min-height:0}
#v-standingorders[data-so-design="reference-v1"] *{box-sizing:border-box}
@media(prefers-reduced-motion:reduce){#v-standingorders[data-so-design="reference-v1"] .so-form>*{animation:none}}

/* ---- sortable headers ---- */
#v-standingorders[data-so-design="reference-v1"] .so-tbl thead th.so-sortable{cursor:pointer;user-select:none;transition:color .13s;white-space:nowrap}
#v-standingorders[data-so-design="reference-v1"] .so-tbl thead th.so-sortable:hover,#v-standingorders[data-so-design="reference-v1"] .so-tbl thead th.so-sortable.on{color:var(--brand)}
#v-standingorders[data-so-design="reference-v1"] .so-sortar{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-inline-start:3px;transition:transform .15s}
#v-standingorders[data-so-design="reference-v1"] .so-sortar.dn{transform:rotate(180deg)}
/* ---- symmetry: center the numeric/short middle columns (2..9) ---- */
#v-standingorders[data-so-design="reference-v1"] .so-tbl thead th:nth-child(n+2):nth-child(-n+9),
#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody td:nth-child(n+2):nth-child(-n+9){text-align:center}
#v-standingorders[data-so-design="reference-v1"] .so-tbl tbody td:nth-child(n+2):nth-child(-n+9)>*{margin-inline:auto}
#v-standingorders[data-so-design="reference-v1"] .so-tbl .so-nx,#v-standingorders[data-so-design="reference-v1"] .so-tbl .so-rn{justify-items:center}
#v-standingorders[data-so-design="reference-v1"] .so-tbl .so-ag{justify-content:center}
#v-standingorders[data-so-design="reference-v1"] .so-tbl td:last-child .so-acts{justify-content:center}
/* client cell → opens the card */
#v-standingorders[data-so-design="reference-v1"] .so-clcell{cursor:pointer}
#v-standingorders[data-so-design="reference-v1"] .so-clcell:hover .so-nm b{color:var(--brand)}
/* paused orders — separate table below (amber accent) */
#v-standingorders[data-so-design="reference-v1"] .so-paused{border-color:color-mix(in srgb,var(--warn) 32%,var(--border))}
#v-standingorders[data-so-design="reference-v1"] .so-paused .ch{background:color-mix(in srgb,var(--warn) 7%,transparent)}
#v-standingorders[data-so-design="reference-v1"] .so-paused .ch h3 svg{color:var(--warn)}

/* per-agent summary table */
#v-standingorders[data-so-design="reference-v1"] .so-agtbl thead th:not(:first-child),
#v-standingorders[data-so-design="reference-v1"] .so-agtbl tbody td:not(:first-child){text-align:center}
#v-standingorders[data-so-design="reference-v1"] .so-agtbl tbody td:not(:first-child)>*{margin-inline:auto;display:inline-flex}
#v-standingorders[data-so-design="reference-v1"] .so-agtbl .so-ag{justify-content:flex-start}