:root{--accent:#2563eb;--bg:#f5f7fb;--surface:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--radius:16px;--danger:#dc2626;--good:#059669;--warn:#d97706;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted);font-weight:400}.auth-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef4ff,#f8fafc 45%,#eef2ff)}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.12)}.auth-brand{padding:64px;display:flex;align-items:center;gap:20px;background:linear-gradient(145deg,#0f172a,#172554);color:#fff}.auth-brand h1{font-size:44px;margin:0}.auth-brand p{max-width:380px;opacity:.78;font-size:18px;line-height:1.6}.brand-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:grid;place-items:center;color:#fff;font-weight:900;font-size:28px;box-shadow:0 12px 30px rgba(37,99,235,.35)}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:18px}.auth-card{padding:48px}.auth-tabs{display:flex;gap:8px;background:#f1f5f9;padding:5px;border-radius:12px;margin-bottom:28px}.tab-btn{flex:1;border:0;background:transparent;padding:11px;border-radius:9px;font-weight:700;cursor:pointer}.tab-btn.active{background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.08)}.auth-form{display:grid;gap:16px}.auth-form label,.form-grid label,.field{display:grid;gap:7px;font-size:13px;font-weight:700;color:#334155}.auth-form input,.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;border:1px solid #cbd5e1;background:#fff;color:var(--text);border-radius:11px;padding:11px 12px;outline:none}.auth-form input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}button{border:0;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.primary{background:var(--accent);color:white}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{background:#eef2f7;color:#334155}.ghost:hover{background:#e2e8f0}.danger{color:var(--danger)}.link-btn{background:transparent;color:var(--accent);padding:6px}.auth-status{min-height:24px;margin-top:16px;color:var(--muted);font-size:13px}.app-view{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0f172a;color:#e2e8f0;padding:18px 14px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 6px 22px}.sidebar-brand strong{display:block;font-size:18px}.sidebar-brand small{display:block;color:#94a3b8;margin-top:3px}.nav-list{display:grid;gap:5px}.nav-btn{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;color:#cbd5e1;border-radius:10px;padding:11px 12px}.nav-btn:hover,.nav-btn.active{background:#1e293b;color:#fff}.nav-icon{width:24px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid #1e293b;padding:16px 6px 4px;display:grid;gap:12px}.user-mini{display:flex;justify-content:space-between;gap:12px;font-size:13px}.sidebar .ghost{background:#1e293b;color:#cbd5e1}.main{margin-left:245px;padding:24px 28px 60px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.topbar h2{margin:0;font-size:26px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.balance-pill{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 14px;display:grid;gap:2px;min-width:120px}.balance-pill span{font-size:11px;color:var(--muted)}.announcement{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:12px 15px;border-radius:12px;margin-bottom:18px}.page{display:grid;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 2px 10px rgba(15,23,42,.03)}.card h3{margin:0 0 14px;font-size:17px}.order-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.service-search{grid-column:1/-1}.service-detail{position:sticky;top:18px;align-self:start}.service-id{font-size:36px;font-weight:900;color:var(--accent);margin:8px 0}.service-name{font-size:18px;font-weight:850;line-height:1.35}.meta-line{color:var(--muted);font-size:13px;margin-top:8px}.badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.badge{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8}.badge.popular{background:#fff7ed;color:#c2410c}.badge.good{background:#ecfdf5;color:#047857}.description{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;white-space:pre-wrap;line-height:1.55;color:#475569;font-size:13px;user-select:text}.description a{color:var(--accent);word-break:break-all}.detail-actions{display:flex;gap:8px;margin-top:10px}.quote-box{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px 14px}.quote-box strong{font-size:19px}.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.toolbar input{max-width:360px}.toolbar select{width:auto;min-width:160px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid #eef2f7;text-align:left;font-size:12px;vertical-align:top}th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.03em}tr:hover td{background:#fafcff}.status{font-weight:800}.status.completed,.status.paid{color:var(--good)}.status.processing,.status.pending,.status.verifying{color:#2563eb}.status.cancelled,.status.failed,.status.error,.status.expired{color:var(--danger)}.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat-card small{color:var(--muted)}.stat-card strong{display:block;font-size:22px;margin-top:6px}.empty{padding:34px;text-align:center;color:var(--muted)}.modal{border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(15,23,42,.3);width:min(480px,calc(100vw - 32px))}.modal::backdrop{background:rgba(15,23,42,.45)}.modal form{padding:22px;display:grid;gap:14px}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}#toast-root{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:8px}.toast{max-width:380px;background:#0f172a;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.25);font-size:13px}.toast.error{background:#991b1b}.toast.good{background:#065f46}.dynamic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dynamic-grid .wide{grid-column:1/-1}.small-note{font-size:12px;color:var(--muted);line-height:1.45}.actions{display:flex;flex-wrap:wrap;gap:7px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f1f5f9;font-size:11px}.qr-image{max-width:260px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:960px){.sidebar{width:74px}.sidebar-brand>div:last-child,.nav-label,.sidebar-footer{display:none}.nav-btn{justify-content:center}.nav-icon{font-size:20px}.main{margin-left:74px}.order-grid{grid-template-columns:1fr}.service-detail{position:static}.cards-3{grid-template-columns:1fr 1fr}}@media(max-width:680px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:30px}.auth-card{padding:28px}.auth-brand h1{font-size:32px}.sidebar{position:fixed;inset:auto 0 0 0;width:auto;height:66px;display:block;padding:7px;background:#0f172a}.sidebar-brand,.sidebar-footer{display:none}.nav-list{display:flex;overflow:auto;gap:4px}.nav-btn{min-width:64px;display:grid;justify-items:center;gap:2px;padding:5px 7px;font-size:10px}.nav-label{display:block}.nav-icon{font-size:17px}.main{margin-left:0;padding:18px 14px 86px}.topbar{align-items:flex-start}.topbar p{display:none}.top-actions .ghost{display:none}.balance-pill{min-width:auto}.order-grid,.account-grid{grid-template-columns:1fr}.form-grid,.dynamic-grid{grid-template-columns:1fr}.cards-3{grid-template-columns:1fr}.form-grid .wide,.dynamic-grid .wide{grid-column:auto}.toolbar input{max-width:none;flex:1;min-width:160px}.service-id{font-size:30px}}

/* 1DG Web Client V2.2 — desktop parity search/detail */
.quick-service-wrap{position:relative}.quick-service-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:120;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.18);max-height:455px;overflow:auto;padding:5px}.quick-result{display:block;width:100%;text-align:left;background:#fff;color:var(--text);border-radius:9px;padding:9px 11px;border-bottom:1px solid #eef2f7}.quick-result:last-child{border-bottom:0}.quick-result:hover,.quick-result.active{background:#eef6ff;color:#1d4ed8}.quick-result-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.quick-result-top strong{font-size:13px;line-height:1.35}.quick-result-top span{white-space:nowrap;font-size:12px;font-weight:850;color:#0f766e}.quick-result-meta{font-size:11px;color:#64748b;margin-top:4px;line-height:1.35}.quick-result.active .quick-result-meta,.quick-result:hover .quick-result-meta{color:#43658f}.quick-empty{padding:18px;color:#64748b;text-align:center;font-size:13px}.service-description-box{background:#f8fbff;border:1px solid #dbe9ff;border-radius:10px;padding:11px 12px;margin-top:14px}.service-description-box .description{border-top:0;padding-top:8px;margin-top:0}.service-facts{display:grid;gap:0;margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.service-facts>div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:8px 10px;border-bottom:1px solid #eef2f7;font-size:12px}.service-facts>div:last-child{border-bottom:0}.service-facts strong{color:#334155}.service-facts span{color:#52647b;line-height:1.4}.service-form-note{margin-top:11px;color:#7c8aa0;font-size:12px;line-height:1.45}.service-list-toolbar input{min-width:260px;max-width:420px}.service-list-toolbar #svc-list-count{margin-left:auto;color:var(--accent);font-size:13px}.service-catalog-table{min-width:1120px}.service-catalog-table td:nth-child(2){min-width:320px;max-width:520px}.compact-btn{padding:6px 10px;font-size:11px}.catalog-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px;color:var(--muted);font-size:12px}.catalog-pager button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:680px){.quick-service-results{position:fixed;left:12px;right:12px;top:110px;max-height:55vh}.quick-result-top{display:grid;gap:4px}.service-facts>div{grid-template-columns:1fr;gap:3px}.service-list-toolbar #svc-list-count{width:100%;margin-left:0}}

/* 1DG Web Client V2.3 — Desktop parity complete */
:root{--desktop-bg:#f4f6fb;--desktop-sidebar:#0b203f;--desktop-blue:#1976ff;--desktop-line:#dce5f2}
body{background:var(--desktop-bg)}
.sidebar{width:245px;background:var(--desktop-sidebar);padding:18px 12px 12px}.sidebar-brand{padding:4px 8px 18px}.sidebar-brand small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#83a0c6}.nav-list{gap:2px}.nav-section-title{font-size:11px;font-weight:850;letter-spacing:.06em;color:#8fb0d7;padding:14px 10px 7px}.nav-btn{font-size:13px;font-weight:750;padding:10px 11px;color:#eef5ff;border-radius:9px}.nav-btn:hover{background:#12335e}.nav-btn.active{background:linear-gradient(135deg,#1477ff,#2c68fa);box-shadow:0 5px 16px rgba(20,119,255,.22)}.nav-icon{width:22px;font-size:13px}.sidebar-footer{padding:14px 0 0;border-top:0;gap:6px}.system-online{border:1px solid #174c76;border-radius:10px;padding:9px 10px;color:#25e39a;font-size:10px;display:flex;align-items:center;gap:8px}.online-dot{width:8px;height:8px;background:#2fe49c;border-radius:50%;box-shadow:0 0 0 3px rgba(47,228,156,.08)}.sidebar-logout{border:1px solid #25486f;background:#102c51;color:white;border-radius:9px;padding:10px;font-weight:800;cursor:pointer}.main{margin-left:245px;padding:22px 26px 54px}.topbar{min-height:54px;margin-bottom:14px}.topbar h2{font-size:22px;color:#15233a}.topbar p{font-size:12px}.top-actions{gap:9px}.desktop-balance{background:#1976ff;color:#fff;border:0;display:flex;align-items:center;gap:5px;border-radius:13px;padding:11px 16px;min-width:0}.desktop-balance span,.desktop-balance strong{color:#fff;font-size:12px}.icon-refresh{width:38px;height:38px;border-radius:50%;border:1px solid #d8e3f1;background:white;color:#5f7898;font-size:18px;padding:0}.top-user{display:grid;text-align:right;line-height:1.1;min-width:76px}.top-user strong{font-size:12px;color:#1f2e47}.top-user span{font-size:11px;color:#6b7f9c;margin-top:3px}.card{border:1px solid #e3eaf5;border-radius:13px;box-shadow:none}.desktop-order-selector{padding:18px 20px;display:grid;gap:11px}.desktop-order-selector label,.order-form-card label,.soft-panel label,.deposit-main label,.recovery-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#253753}.selector-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#253753}.desktop-order-selector input,.desktop-order-selector select,.order-form-card input,.order-form-card select,.order-form-card textarea,.soft-panel input,.soft-panel select,.deposit-main input,.recovery-card input{border:1px solid #d6e1ef;background:white;border-radius:9px;padding:11px 12px;color:#17233a;outline:none}.desktop-order-selector input:focus,.desktop-order-selector select:focus,.order-form-card input:focus,.order-form-card textarea:focus,.soft-panel input:focus,.soft-panel select:focus{border-color:#78aef8;box-shadow:0 0 0 2px rgba(25,118,255,.08)}.desktop-order-grid{grid-template-columns:minmax(0,2.25fr) minmax(370px,.82fr);gap:14px}.order-form-card{padding:18px 20px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title-row h3{font-size:18px;margin:0}.price-badge{background:#eaf2ff;color:#1670ef;border:1px solid #d8e7ff;border-radius:10px;padding:7px 10px;font-size:14px;font-weight:900}.price-badge.small{min-width:84px;text-align:center}.mode-row{display:flex;gap:20px;margin:12px 0 10px}.radio-choice{display:flex!important;grid-template-columns:auto auto!important;align-items:center;gap:6px!important;font-size:12px!important}.radio-choice input{width:19px;height:19px;accent-color:#1976ff}.qty-line{display:flex;gap:10px;align-items:center}.qty-line input{flex:1}.dynamic-grid{margin-top:12px}.switch-block{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:flex-start;margin-top:13px}.switch-block strong{font-size:13px;color:#20334e}.switch-block p{margin:3px 0 0;font-size:11px;color:#7a8ca4;line-height:1.4}.switch-control{position:relative;display:block!important}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-ui{display:block;width:42px;height:22px;border-radius:99px;background:#dce4ef;position:relative;transition:.18s}.switch-ui:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:.18s}.switch-control input:checked+.switch-ui{background:#1976ff}.switch-control input:checked+.switch-ui:after{transform:translateX(20px)}.switch-control input:disabled+.switch-ui{opacity:.45}.soft-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 2px;background:#f8fbff;border:1px solid #e1e9f5;border-radius:10px;padding:12px}.soft-panel .wide{grid-column:1/-1}.subtle-info{background:#f9fbfe;border:1px solid #e3eaf4;border-radius:9px;padding:10px 12px;margin-top:12px;font-size:11px;color:#6d7f97;line-height:1.45}.full-action{width:100%;margin-top:10px;text-transform:uppercase;letter-spacing:.01em;padding:11px}.desktop-detail{min-width:0;position:sticky;top:12px}.detail-kicker{font-size:11px;color:#7f90a8;margin-bottom:8px}.desktop-detail .service-id{text-align:center;font-size:30px}.desktop-detail .service-name{text-align:center;font-size:15px}.desktop-detail .meta-line{text-align:center;font-size:11px}.desktop-detail .badges{justify-content:center}.desktop-detail .service-description-box{font-size:12px}.desktop-detail .service-facts>div{grid-template-columns:120px 1fr}.compact-card{padding:12px 14px}.status-tabs{display:flex;gap:8px;flex-wrap:wrap}.status-tab{background:white;border:1px solid #dfe6f1;color:#435673;padding:9px 13px;border-radius:8px;font-size:12px}.status-tab.active{background:#eef1ff;border-color:#8b8fe8;color:#3f45b5}.search-square{width:48px;background:#8584dc;color:white;font-size:16px}.desktop-table{min-width:920px}.desktop-table th{background:#e4e6f7;color:#1c2946;text-transform:none;font-size:11px}.desktop-table td{font-size:11px;color:#273852}.orders-desktop-table{min-width:1320px}.orders-desktop-table .link-cell{min-width:260px;max-width:380px;word-break:break-all;color:#3166c7}.order-actions{min-width:120px}.text-good{color:#16a34a!important}.text-warn{color:#d97706!important}.text-danger{color:#dc2626!important}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.loop-intro{display:flex;justify-content:space-between;align-items:center;gap:18px}.loop-intro h3{margin:0 0 5px}.loops-desktop-table{min-width:1500px}.loop-selected-summary{background:#fff;border:1px solid #e3eaf5;border-radius:10px;padding:12px;color:#52627a;font-size:12px;line-height:1.5;user-select:text}.success-btn{background:#14a46e;color:white}.danger-btn{background:#ff2f68;color:white}.runs-modal{width:min(980px,calc(100vw - 40px))}.deposit-main{display:grid;gap:12px}.deposit-warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:650}.deposit-amount{max-width:420px}.deposit-step{border:1px solid #dce5f1;border-radius:10px;padding:14px}.deposit-step legend{font-size:12px;font-weight:850;color:#273a58;padding:0 8px}.deposit-current{font-size:12px;color:#354964;line-height:1.55;user-select:text}.deposit-table{min-width:1250px}.selected-row td{background:#f1f6ff!important}.money-positive{color:#1678ff!important;font-weight:850}.money-negative{color:#ff3b5c!important;font-weight:850}.account-page{display:grid;gap:14px}.account-page>h3{margin:0;font-size:18px}.account-intro{margin:0;color:#64748b;font-size:12px;max-width:920px}.recovery-card{display:grid;gap:13px;max-width:920px}.recovery-status{font-size:12px;color:#d97706;font-weight:700}.recovery-status.good{color:#16a34a}.recovery-warning{color:#d97706;font-weight:650;font-size:12px}.service-page-title h3{margin:0}.service-page-title p{margin:4px 0 12px}.toolbar input,.toolbar select{border-color:#d6e1ef;border-radius:8px}.quick-service-results{font-family:inherit}
@media(max-width:1100px){.desktop-order-grid{grid-template-columns:1fr}.desktop-detail{position:static}.cards-4{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.sidebar{width:74px}.nav-section-title,.sidebar-brand>div:last-child,.sidebar-footer{display:none}.main{margin-left:74px}.nav-btn{justify-content:center}.nav-icon{font-size:18px}.desktop-order-grid{grid-template-columns:1fr}}
@media(max-width:680px){.top-user{display:none}.desktop-balance{padding:9px 11px}.selector-row,.soft-panel{grid-template-columns:1fr}.soft-panel .wide{grid-column:auto}.cards-4{grid-template-columns:1fr 1fr}.loop-intro{display:grid}.desktop-detail .service-facts>div{grid-template-columns:1fr}.sidebar{width:auto}.nav-section-title{display:none}}

/* V2.4 Loop desktop parity */
.loop-table-shell{min-height:0}.loop-table-wrap{max-height:430px;overflow:auto;background:#fff}.loop-table-wrap thead th{top:0;z-index:3}.loops-desktop-table td{white-space:pre-line;vertical-align:middle}.loops-desktop-table .center-cell{text-align:center}.loop-link{color:#5457d9;text-decoration:underline;word-break:break-all}.loop-control-panel{position:sticky;bottom:0;z-index:8;background:rgba(245,247,251,.96);backdrop-filter:blur(8px);padding-top:10px}.loop-control-panel .loop-selected-summary{box-shadow:0 -8px 24px rgba(15,23,42,.04)}.loop-selected-summary a{color:#5457d9;text-decoration:underline;word-break:break-all}.loop-actions{padding:10px 0 4px}.loop-actions button:disabled{opacity:.45;cursor:not-allowed}.loop-toolbar input{flex:1;max-width:none}.service-description-box:has(.description:empty){display:none}
@media(max-width:960px){.loop-control-panel{position:static}.loop-table-wrap{max-height:none}}


/* V2.5 quick search, paged orders and loop UX */
.quick-service-wrap{display:block;width:100%}
.quick-service-wrap>input,#order-search{display:block;width:100%!important;max-width:none!important;min-width:0}
.desktop-order-selector .field-label{min-width:0}
.orders-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) auto auto auto;gap:9px}
.orders-toolbar input{max-width:none}
.orders-table-wrap{background:#fff}
.order-link{color:#4f46e5;text-decoration:underline;word-break:break-all}
.order-loading{min-height:190px;display:grid;place-items:center}
.number-pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.pager-btn{min-width:36px;height:34px;padding:0 9px;background:#fff;border:1px solid #d7e1ee;color:#40536d;border-radius:8px}
.pager-btn:hover:not(:disabled){background:#eef5ff;border-color:#9fc3f8}
.pager-btn.active{background:#1976ff;border-color:#1976ff;color:#fff}
.pager-btn:disabled{opacity:.38;cursor:not-allowed}
.pager-meta{margin-left:8px;color:#64748b;font-size:11px;font-weight:700}

.loop-stats .loop-stat{display:block;width:100%;text-align:center;color:inherit;cursor:pointer}
.loop-stats .loop-stat:hover{border-color:#9fc3f8;background:#f8fbff}
.loop-stats .loop-stat em{display:block;margin-top:4px;font-size:10px;font-style:normal;color:#8a99ad}
.loop-list-card{padding:14px}
.loop-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 180px 130px auto auto;gap:9px}
.loop-toolbar input{max-width:none}
.loop-count{font-size:12px;color:#2563eb;white-space:nowrap;text-align:right}
.loop-table-wrap{max-height:520px;overflow:auto;background:#fff}
.loops-desktop-table{min-width:1450px}
.loops-desktop-table td{vertical-align:middle;white-space:normal}
.loops-desktop-table td:nth-child(1){width:58px;text-align:center;font-weight:850}
.loops-desktop-table td:nth-child(2){min-width:270px;max-width:380px}
.loops-desktop-table td:nth-child(3){min-width:300px;max-width:390px}
.loops-desktop-table td:nth-child(4){width:82px}
.loops-desktop-table td:nth-child(5){min-width:160px}
.loops-desktop-table td:nth-child(6){min-width:125px}
.loops-desktop-table td:nth-child(7){min-width:115px}
.loops-desktop-table td:nth-child(8){min-width:180px}
.loops-desktop-table td:nth-child(9){min-width:150px}
.loops-desktop-table td:nth-child(10){width:105px}
.loop-progress-text{font-size:11px;color:#53657d;margin-bottom:5px}
.mini-progress{height:6px;background:#e8eef7;border-radius:999px;overflow:hidden}
.mini-progress i{display:block;height:100%;background:#1976ff;border-radius:999px}
.mini-progress.large{height:8px;margin-top:7px}
.loop-detail-card{padding:16px 18px;display:grid;gap:12px}
.loop-detail-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid #e8edf5;padding-bottom:11px}
.loop-detail-title small{font-size:10px;font-weight:850;letter-spacing:.05em;color:#7d8da3}
.loop-detail-title h3{margin:3px 0 0;font-size:15px}
.loop-selected-summary{padding:0;border:0;box-shadow:none;background:transparent}
.loop-detail-link{padding:9px 11px;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:9px;word-break:break-all}
.loop-detail-link a{color:#4f46e5;text-decoration:underline}
.loop-detail-progress{padding:10px 0;color:#45566e;font-size:12px}
.loop-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.loop-fact-grid>div{padding:10px 11px;border:1px solid #e3eaf4;border-radius:9px;background:#fbfcfe;min-width:0}
.loop-fact-grid>div.wide{grid-column:span 2}
.loop-fact-grid span,.loop-detail-note span{display:block;color:#7b8ca3;font-size:10px;font-weight:750;margin-bottom:4px}
.loop-fact-grid b,.loop-detail-note b{display:block;color:#26374f;font-size:11px;line-height:1.4;word-break:break-word}
.loop-detail-note{padding:10px 11px;background:#fffaf1;border:1px solid #f7dfb5;border-radius:9px}
.loop-actions{padding-top:2px;border-top:1px solid #edf1f6}
.loop-actions button{min-width:128px}
.loop-status-pill{font-weight:850}
.loop-status-pill.running{background:#ecfdf5;color:#047857}
.loop-status-pill.paused{background:#fff7ed;color:#c2410c}
.loop-status-pill.completed{background:#eff6ff;color:#1d4ed8}
.loop-status-pill.cancelled{background:#fef2f2;color:#b91c1c}

@media(max-width:1100px){
  .orders-toolbar{grid-template-columns:1fr 150px auto}
  .orders-toolbar #refresh-active{grid-column:1/-1}
  .loop-toolbar{grid-template-columns:1fr 170px 130px auto}
  .loop-count{grid-column:1/-1;text-align:left}
  .loop-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .orders-toolbar,.loop-toolbar{display:flex;flex-wrap:wrap}
  .orders-toolbar input,.loop-toolbar input{flex:1 1 100%}
  .loop-fact-grid{grid-template-columns:1fr}
  .loop-fact-grid>div.wide{grid-column:auto}
  .loop-actions button{flex:1 1 46%;min-width:0}
}

/* V2.6 premium password recovery flow */
.recovery-modal{width:min(560px,calc(100vw - 28px));border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 34px 110px rgba(15,23,42,.32)}
.recovery-modal::backdrop{background:rgba(9,18,34,.58);backdrop-filter:blur(4px)}
.recovery-flow{position:relative;padding:28px 32px 30px!important;gap:0!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.recovery-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border-radius:50%;padding:0;background:#f1f5f9;color:#64748b;font-size:24px;line-height:1;display:grid;place-items:center;z-index:3}
.recovery-close:hover{background:#e7edf5;color:#0f172a}
.recovery-brand-row{display:flex;align-items:center;gap:11px;padding-right:42px;margin-bottom:22px}
.recovery-brand-mark{width:38px;height:38px;border-radius:11px;font-size:17px;box-shadow:0 8px 20px rgba(37,99,235,.23)}
.recovery-brand-row strong{display:block;font-size:16px;letter-spacing:.01em;color:#10213a}
.recovery-brand-row span{display:block;margin-top:2px;color:#8190a5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.recovery-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;gap:10px;margin:0 0 28px}
.recovery-steps>i{height:2px;background:#e3eaf4;margin-top:15px;border-radius:999px}
.recovery-step-indicator{display:grid;justify-items:center;gap:5px;color:#94a3b8;min-width:66px}
.recovery-step-indicator b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;border:1px solid #dce4ef;color:#708197;font-size:12px;transition:.2s}
.recovery-step-indicator span{font-size:9px;font-weight:850;white-space:nowrap}
.recovery-step-indicator.active b{background:#1976ff;border-color:#1976ff;color:#fff;box-shadow:0 0 0 5px rgba(25,118,255,.09)}
.recovery-step-indicator.active span{color:#1976ff}
.recovery-step-indicator.done b{background:#eaf8f1;border-color:#b8e8d0;color:#069866}
.recovery-step-indicator.done b::before{content:'✓';font-size:13px}.recovery-step-indicator.done b{font-size:0}
.recovery-step-indicator.done span{color:#45806a}
.recovery-step-pane{display:grid;gap:15px;animation:recoveryFade .18s ease-out}
@keyframes recoveryFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.recovery-step-pane h3{margin:0!important;text-align:center;font-size:23px;color:#10213a;letter-spacing:-.015em}
.recovery-lead{margin:0 auto;text-align:center;max-width:440px;color:#6f8097;font-size:12px;line-height:1.65}
.recovery-hero-icon{width:58px;height:58px;margin:0 auto 1px;border-radius:18px;background:#eef6ff;display:grid;place-items:center;color:#1976ff}
.recovery-hero-icon.shield{background:#effaf6;color:#0f9f6e}.recovery-hero-icon.key{background:#f4f2ff;color:#6659dd}
.recovery-hero-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.recovery-field{display:grid;gap:7px;font-size:12px;font-weight:850;color:#273952;text-align:left}
.recovery-field input{width:100%;height:46px;border:1px solid #d4deeb;border-radius:11px;padding:0 13px;background:#fff;color:#17233a;outline:none;transition:.16s}
.recovery-field input:focus{border-color:#71aaf8;box-shadow:0 0 0 3px rgba(25,118,255,.09)}
.recovery-primary{width:100%;height:46px;border-radius:11px;font-size:13px;box-shadow:0 8px 22px rgba(25,118,255,.18)}
.recovery-back-login,.backup-code-toggle{justify-self:center;background:transparent;color:#63758f;padding:5px 8px;font-size:11px;font-weight:800}
.recovery-back-login:hover,.backup-code-toggle:hover{color:#1976ff;background:#f3f7fd}
.recovery-privacy-note{display:flex;align-items:flex-start;gap:7px;padding:10px 11px;border:1px solid #e3eaf3;background:#f8fafc;border-radius:10px;color:#75869d;font-size:10px;line-height:1.45}
.recovery-privacy-note span{color:#10a36d;font-weight:950}
.otp-label-row{display:flex;justify-content:space-between;gap:10px;color:#7d8da2;font-size:10px;font-weight:750;margin-bottom:-4px}
.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
.otp-boxes input{width:100%;min-width:0;height:54px;text-align:center;border:1px solid #d5deea;border-radius:11px;background:#fff;color:#14233a;font-size:21px;font-weight:900;outline:none;caret-color:#1976ff}
.otp-boxes input:focus{border-color:#1976ff;box-shadow:0 0 0 3px rgba(25,118,255,.09)}
.recovery-resend-row{display:flex;align-items:center;justify-content:center;gap:5px;color:#7c8ca2;font-size:11px}
.recovery-resend-row .link-btn{font-size:11px;font-weight:850;padding:4px 6px}
.recovery-resend-row .link-btn:disabled{color:#a8b3c2;cursor:default}
.recovery-actions-split{display:grid;grid-template-columns:120px 1fr;gap:10px;margin-top:2px}
.recovery-actions-split button{height:44px;border-radius:10px}
.password-input-wrap{position:relative;display:block}
.password-input-wrap input{padding-right:48px}
.password-eye{position:absolute;right:5px;top:5px;width:36px;height:36px;padding:0;background:transparent;color:#8392a7;font-size:15px;display:grid;place-items:center;border-radius:8px;filter:grayscale(1)}
.password-eye:hover,.password-eye.active{background:#f0f5fb;color:#1976ff;filter:none}
.password-strength{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;margin-top:-5px}
.password-strength-track{height:5px;background:#e8edf4;border-radius:999px;overflow:hidden}
.password-strength-track i{display:block;width:0;height:100%;border-radius:999px;background:#ef4444;transition:.2s}
.password-strength-track i[data-score="2"]{background:#f59e0b}.password-strength-track i[data-score="3"]{background:#3b82f6}.password-strength-track i[data-score="4"]{background:#10b981}
.password-strength span{font-size:10px;color:#7c8da3;font-weight:800;min-width:70px;text-align:right}
.recovery-inline-error{margin-top:14px;padding:10px 12px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:11px;font-weight:750;line-height:1.45}
.recovery-success{justify-items:center;text-align:center;padding-top:10px}
.recovery-success-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#eafaf2;color:#0b9d6b;font-size:30px;font-weight:900;box-shadow:0 0 0 8px #f4fcf8}
.recovery-new-backup{width:100%;text-align:left;padding:12px 13px;border:1px solid #dbe6f2;background:#f8fbff;border-radius:11px}
.recovery-new-backup>span{display:block;color:#52647b;font-size:10px;font-weight:850;margin-bottom:7px}
.recovery-new-backup>div{display:flex;gap:7px;align-items:center}
.recovery-new-backup code{flex:1;min-width:0;padding:9px 10px;background:#fff;border:1px solid #dce5ef;border-radius:8px;color:#1e3a5f;font-weight:850;word-break:break-all;user-select:text}
.recovery-new-backup button{background:#e8f1ff;color:#1c64cf;padding:8px 11px;border-radius:8px;font-size:11px}
.recovery-new-backup small{display:block;margin-top:7px;color:#7c8da2;font-size:9px;line-height:1.45}
@media(max-width:600px){
  .recovery-flow{padding:22px 18px 24px!important}.recovery-modal{width:calc(100vw - 18px);border-radius:20px}.recovery-brand-row{margin-bottom:18px}.recovery-steps{gap:5px;margin-bottom:22px}.recovery-step-indicator{min-width:54px}.recovery-step-indicator span{font-size:8px}.otp-boxes{gap:6px}.otp-boxes input{height:48px;font-size:18px}.recovery-actions-split{grid-template-columns:105px 1fr}.recovery-step-pane h3{font-size:21px}
}


/* 1DG Web Client V2.7 — mobile responsive + safe remembered session */
.remember-login-row{display:flex!important;align-items:center;gap:9px!important;font-size:12px!important;font-weight:750!important;color:#465a74!important;cursor:pointer}
.remember-login-row input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--accent);flex:0 0 auto}
.remember-login-note{margin-top:-9px;color:#8796aa;font-size:10px;line-height:1.45}
.mobile-menu-btn,.mobile-nav-overlay{display:none}

@media(max-width:820px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body.mobile-nav-open{overflow:hidden}
  .app-view{width:100%;min-width:0}
  .mobile-menu-btn{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:0;border:1px solid #d7e1ee;background:#fff;color:#1e3a5f;border-radius:10px;font-size:20px;line-height:1}
  .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(8,20,39,.46);backdrop-filter:blur(2px);z-index:890;opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.mobile-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto}
  .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,300px)!important;height:100dvh!important;max-height:100dvh!important;padding:14px 12px!important;transform:translateX(-105%);transition:transform .22s ease;z-index:900!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:16px 0 40px rgba(7,19,39,.22)}
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .sidebar-brand{display:flex!important;padding:4px 8px 16px!important}
  .sidebar-brand>div:last-child{display:block!important}
  .sidebar-footer{display:grid!important;margin-top:auto!important;padding-top:14px!important}
  .nav-list{display:grid!important;overflow:visible!important;gap:2px!important}
  .nav-section-title{display:block!important;padding:13px 10px 6px!important;font-size:10px!important}
  .nav-btn{display:flex!important;min-width:0!important;width:100%!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;padding:10px 11px!important;font-size:13px!important}
  .nav-label{display:block!important;font-size:13px!important}
  .nav-icon{width:22px!important;font-size:14px!important}

  .main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:10px 10px calc(24px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  .topbar{position:sticky;top:0;z-index:70;display:flex!important;align-items:center!important;gap:9px!important;min-height:56px!important;margin:0 -2px 10px!important;padding:7px 2px!important;background:rgba(244,246,251,.96);backdrop-filter:blur(10px)}
  .topbar-title{min-width:0;flex:1}
  .topbar h2{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar p{display:none!important}
  .top-actions{margin-left:auto;gap:6px!important;flex:0 0 auto}
  .desktop-balance{padding:8px 10px!important;border-radius:10px!important}
  .desktop-balance span{display:none}
  .desktop-balance strong{font-size:11px!important}
  .icon-refresh{width:36px!important;height:36px!important}
  .top-user{display:none!important}

  .card,.desktop-order-selector,.order-form-card,.loop-detail-card{border-radius:11px!important}
  .desktop-order-selector,.order-form-card{padding:13px!important}
  .selector-row,.desktop-order-grid,.account-grid,.form-grid,.dynamic-grid,.soft-panel{grid-template-columns:minmax(0,1fr)!important}
  .soft-panel .wide,.form-grid .wide,.dynamic-grid .wide{grid-column:auto!important}
  .desktop-detail{position:static!important;top:auto!important}
  .desktop-detail .service-id{font-size:26px!important}
  .desktop-detail .service-facts>div{grid-template-columns:1fr!important;gap:3px!important}
  .mode-row{gap:12px!important;flex-wrap:wrap}
  .switch-block{grid-template-columns:42px 1fr!important}

  .quick-service-results{position:fixed!important;left:8px!important;right:8px!important;top:66px!important;max-height:68dvh!important;border-radius:12px!important;z-index:1200!important}
  .quick-result-top{display:grid!important;gap:4px!important}
  .quick-result-top span{white-space:normal!important}

  .table-wrap,.loop-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain}
  .desktop-table,.orders-desktop-table,.service-catalog-table,.deposit-table{min-width:900px!important}
  .loops-desktop-table{min-width:1180px!important}
  .loop-table-wrap{max-height:58dvh!important}
  .loop-control-panel{position:static!important;padding-top:10px!important;background:transparent!important;backdrop-filter:none!important}
  .orders-toolbar,.loop-toolbar,.toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .orders-toolbar input,.orders-toolbar select,.loop-toolbar input,.loop-toolbar select,.toolbar input,.toolbar select{width:100%!important;max-width:none!important;min-width:0!important}
  .orders-toolbar #refresh-active,.loop-count{grid-column:auto!important}
  .loop-intro{display:grid!important;gap:10px!important}
  .loop-intro>button{width:100%!important}
  .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stat-card{padding:12px!important;min-width:0}
  .stat-card strong{font-size:18px!important}
  .loop-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loop-fact-grid>div.wide{grid-column:span 2!important}
  .loop-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .loop-actions button{flex:1 1 46%!important;min-width:0!important}
  .loop-detail-title{display:grid!important;gap:6px!important}

  .modal,.recovery-modal,.runs-modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;margin:auto!important;border-radius:18px!important}
  .modal form{padding:18px!important}
  #toast-root{left:10px!important;right:10px!important;bottom:10px!important}
  .toast{max-width:none!important;width:100%!important}
  .recovery-flow{padding:20px 15px 22px!important}
  .recovery-steps{gap:4px!important}
  .recovery-step-indicator{min-width:50px!important}
  .recovery-step-indicator span{font-size:8px!important}
  .otp-boxes{gap:5px!important}
  .otp-boxes input{height:46px!important;font-size:18px!important;padding:0!important}
  .recovery-actions-split{grid-template-columns:100px 1fr!important}
}

@media(max-width:480px){
  .auth-view{padding:0!important;place-items:stretch!important;background:#fff!important}
  .auth-shell{width:100%!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:1fr!important}
  .auth-brand{padding:24px 18px!important;gap:14px!important;min-height:150px!important}
  .auth-brand h1{font-size:30px!important}
  .auth-brand p{font-size:13px!important;line-height:1.5!important;margin:5px 0 0!important}
  .brand-mark{width:48px!important;height:48px!important;border-radius:14px!important;font-size:22px!important}
  .auth-card{padding:22px 18px 28px!important}
  .auth-tabs{margin-bottom:20px!important}
  .main{padding-left:8px!important;padding-right:8px!important}
  .desktop-balance{max-width:112px!important}
  .cards-4,.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .loop-fact-grid{grid-template-columns:1fr!important}
  .loop-fact-grid>div.wide{grid-column:auto!important}
  .recovery-actions-split{grid-template-columns:1fr!important}
  .otp-boxes{gap:4px!important}
  .otp-boxes input{height:43px!important;font-size:17px!important}
}


/* 1DG V2.8 - customer notice and support */
.notice-board{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:15px 16px;margin-bottom:18px;color:#1e3a8a;box-shadow:0 2px 10px rgba(15,23,42,.03)}
.notice-board.notice-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.notice-board.notice-important{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.notice-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900;font-size:17px}.notice-warning .notice-icon{background:#fef3c7;color:#b45309}.notice-important .notice-icon{background:#ffe4e6;color:#be123c}.notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-head h3{margin:0;font-size:15px}.notice-updated{font-size:11px;opacity:.68;white-space:nowrap}.notice-text{margin-top:6px;white-space:pre-wrap;line-height:1.55;font-size:13px;overflow-wrap:anywhere}.notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.notice-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:800;text-decoration:none}.notice-primary{background:var(--accent);color:#fff}.notice-contact{background:#fff;border:1px solid currentColor;color:inherit}.sidebar-support{display:flex;align-items:center;justify-content:center;min-height:39px;border:1px solid #334155;border-radius:10px;color:#dbeafe;text-decoration:none;font-size:12px;font-weight:800;background:#111c2e}.sidebar-support:hover{background:#1e293b;color:#fff}
@media(max-width:760px){.notice-board{grid-template-columns:34px minmax(0,1fr);padding:13px 12px;gap:10px}.notice-icon{width:32px;height:32px}.notice-head{align-items:flex-start;flex-direction:column;gap:3px}.notice-updated{white-space:normal}.notice-actions{display:grid;grid-template-columns:1fr}.notice-btn{width:100%}}


/* V2.9 compact Loop control: actions stay visible above the table */
.loop-compact-head{padding:12px 14px;display:grid;gap:9px}
.loop-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.loop-head-copy{min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.loop-head-copy h3{margin:0;font-size:16px}
.loop-head-copy span{font-size:11px;color:#74849a}
.loop-head-row #new-loop{padding:8px 12px;white-space:nowrap;font-size:11px}
.loop-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.loop-stat-chip{min-height:42px;padding:7px 10px;border:1px solid #dfe7f1;background:#fbfcfe;color:#26374f;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px}
.loop-stat-chip:hover{background:#f3f8ff;border-color:#9fc3f8}
.loop-stat-chip span{font-size:10px;font-weight:750;color:#6f8097}
.loop-stat-chip strong{font-size:16px;color:#10213a}
.loop-stat-chip em{font-size:9px;color:#9a6b51;font-style:normal}
.loop-list-card-compact{padding:12px 14px}
.loop-list-card-compact .loop-toolbar{margin-bottom:8px}
.loop-quickbar{position:sticky;top:8px;z-index:9;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 10px;margin:0 0 9px;border:1px solid #dbe5f1;border-radius:11px;background:rgba(255,255,255,.97);box-shadow:0 5px 18px rgba(15,23,42,.06);backdrop-filter:blur(8px)}
.loop-quickbar.has-selection{border-color:#b8d3ff;background:rgba(247,251,255,.98)}
.loop-quick-summary{min-width:0;display:grid;gap:2px}
.loop-quick-kicker{font-size:9px;font-weight:900;letter-spacing:.06em;color:#7b8ca3}
.loop-quick-summary strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#172b46}
.loop-quick-summary small{font-size:10px;color:#6f8097;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loop-quick-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.loop-quick-actions button{padding:7px 10px;font-size:10px;white-space:nowrap;min-width:0}
.warning-btn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.warning-btn:hover:not(:disabled){background:#ffedd5}
.loop-quick-actions button:disabled{opacity:.42;cursor:not-allowed}
.loop-list-card-compact .loop-table-wrap{max-height:44vh;min-height:230px}
.loop-detail-collapsible{padding:0;overflow:hidden}
.loop-detail-collapsible>summary{list-style:none;cursor:pointer;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfcfe}
.loop-detail-collapsible>summary::-webkit-details-marker{display:none}
.loop-detail-collapsible>summary span:first-child{min-width:0;display:flex;align-items:center;gap:8px}
.loop-detail-collapsible>summary small{font-size:9px;letter-spacing:.06em;color:#7d8da3;font-weight:850}
.loop-detail-collapsible>summary strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loop-detail-collapsible[open]>summary{border-bottom:1px solid #e8edf5}
.loop-detail-collapsible .loop-selected-summary{padding:12px 14px}
@media(max-width:1100px){
  .loop-quickbar{grid-template-columns:minmax(0,1fr) auto}.loop-quick-actions{grid-column:1/-1}.loop-quick-actions button{flex:1}
}
@media(max-width:680px){
  .loop-compact-head{padding:10px}.loop-head-copy span{display:none}.loop-head-row #new-loop{padding:7px 9px}
  .loop-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.loop-stat-chip{min-height:38px;padding:6px}.loop-stat-chip strong{font-size:14px}
  .loop-list-card-compact{padding:9px}.loop-quickbar{top:58px;grid-template-columns:1fr;gap:7px;padding:8px;z-index:12}
  .loop-quick-status{position:absolute;right:8px;top:8px}.loop-quick-summary{padding-right:76px}.loop-quick-summary small{white-space:normal;line-height:1.35}
  .loop-quick-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}.loop-quick-actions button{width:100%;padding:8px 7px}
  .loop-list-card-compact .loop-table-wrap{max-height:52dvh;min-height:220px}
  .loop-detail-collapsible>summary span:first-child{display:grid;gap:2px}
}


/* 1DG_V2_10_UI_CONSOLIDATED
   Consolidated desktop/mobile UI fixes. Scoped overrides only; no backend/IIS changes.
*/
:root{
  --ui-control-h:42px;
  --ui-field-gap:6px;
  --ui-section-gap:14px;
  font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
body{font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.card{overflow:visible}
.desktop-order-selector,.order-form-card{padding:18px 20px}
.desktop-order-selector{gap:12px}
.desktop-order-selector label,.order-form-card label,.field-label{line-height:1.35}
.desktop-order-selector input,.desktop-order-selector select,.order-form-card input,.order-form-card select,.order-form-card textarea{
  min-height:var(--ui-control-h);margin:0;line-height:1.35
}
.order-form-card .section-title-row{min-height:28px;margin-bottom:8px;align-items:center}
.order-form-card .section-title-row h3{margin:0;font-size:18px;line-height:1.35}
.order-form-card .mode-row{margin:4px 0 12px;min-height:26px;align-items:center}
#order-link-wrap{margin-bottom:12px}
#order-link-wrap .field-label{display:block;margin:0 0 0}
#order-link-wrap .field-label>textarea{display:block;margin-top:6px;width:100%;min-height:50px;resize:vertical}
#order-link-hint{margin-top:5px}
#order-qty-wrap.order-qty-wrap{display:block!important;margin:0 0 8px!important;position:relative!important}
#order-qty-wrap .order-qty-label{display:block!important;margin:0 0 6px!important;padding:0!important;position:static!important;line-height:1.35!important}
#order-qty-wrap .order-qty-line{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:10px!important;align-items:center!important;width:100%!important}
#order-qty-wrap #order-quantity{height:var(--ui-control-h)!important;min-height:var(--ui-control-h)!important;margin:0!important;width:100%!important;min-width:0!important}
#order-qty-wrap #quote-inline{height:var(--ui-control-h)!important;min-height:var(--ui-control-h)!important;min-width:92px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
#order-qty-wrap #order-limits{margin-top:5px!important;line-height:1.35!important;min-height:16px}
.order-form-card #quote-value{display:none!important}
.dynamic-grid{margin-top:10px;gap:10px}
.switch-block{margin-top:12px;align-items:center;min-height:42px}
.switch-block>div{min-width:0}
.switch-block strong{display:block;line-height:1.35}
.switch-block p{line-height:1.35}
.soft-panel{margin-top:8px}
.subtle-info{margin-top:11px}
.full-action{min-height:42px;margin-top:10px}

/* Quick search is always full-width and never opens on empty focus. */
.desktop-order-selector>.field-label:first-child,.quick-service-wrap,#order-search{width:100%!important;max-width:none!important;min-width:0!important}
.quick-service-wrap{position:relative}

/* Loop toolbar: no overlap, compact, predictable control sizing. */
.loop-list-card-compact .loop-toolbar{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) 180px 145px 116px 78px!important;
  gap:9px!important;
  align-items:center!important;
}
.loop-list-card-compact .loop-toolbar>*{min-width:0!important;margin:0!important;box-sizing:border-box!important}
.loop-list-card-compact .loop-toolbar>input,
.loop-list-card-compact .loop-toolbar>select,
.loop-list-card-compact .loop-toolbar>button{
  width:100%!important;height:42px!important;min-height:42px!important;max-width:none!important
}
.loop-list-card-compact #loop-status,.loop-list-card-compact #loop-page-size{min-width:0!important;width:100%!important}
.loop-list-card-compact #refresh-loops{width:116px!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 11px!important;white-space:nowrap!important;position:static!important;transform:none!important}
.loop-list-card-compact #loop-count{height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;white-space:nowrap!important;position:static!important;transform:none!important}
.loop-compact-head{padding:14px 16px}
.loop-head-row{gap:12px}
.loop-head-copy h3{margin:0 0 2px;line-height:1.3}
.loop-head-copy span{line-height:1.35}
.loop-stat-strip{margin-top:10px;gap:8px}
.loop-stat-chip{min-height:38px;padding:6px 9px}
.loop-quickbar{top:6px;padding:8px 10px;gap:9px}
.loop-quick-summary{min-width:0}
.loop-quick-summary strong,.loop-quick-summary small{overflow-wrap:anywhere}
.loop-quick-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.loop-quick-actions button{min-height:36px;padding:8px 10px;white-space:nowrap}
.loops-desktop-table th,.loops-desktop-table td{vertical-align:middle}
.loops-desktop-table th:nth-child(2),.loops-desktop-table td:nth-child(2){white-space:nowrap}

@media(max-width:1250px){
  .loop-list-card-compact .loop-toolbar{grid-template-columns:minmax(250px,1fr) 165px 135px 112px!important}
  .loop-list-card-compact #refresh-loops{width:100%!important}
  .loop-list-card-compact #loop-count{grid-column:1/-1!important;height:22px!important;justify-content:flex-end!important}
}
@media(max-width:760px){
  .desktop-order-selector,.order-form-card{padding:13px!important}
  .selector-row,.desktop-order-grid{grid-template-columns:minmax(0,1fr)!important}
  #order-qty-wrap .order-qty-line{grid-template-columns:minmax(0,1fr) 90px!important;gap:8px!important}
  .loop-list-card-compact .loop-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
  .loop-list-card-compact .loop-toolbar>input{grid-column:1/-1!important}
  .loop-list-card-compact #loop-status,.loop-list-card-compact #loop-page-size,.loop-list-card-compact #refresh-loops{width:100%!important}
  .loop-list-card-compact #loop-count{grid-column:1/-1!important;justify-content:flex-start!important;height:auto!important}
  .loop-quickbar{position:sticky;top:4px;grid-template-columns:minmax(0,1fr)!important}
  .loop-quick-actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
  .loop-quick-actions button{width:100%}
}
@media(max-width:420px){
  #order-qty-wrap .order-qty-line{grid-template-columns:minmax(0,1fr) 84px!important}
  #order-qty-wrap #quote-inline{min-width:84px!important;font-size:12px!important;padding-left:6px!important;padding-right:6px!important}
}