:root{--bg:#f3f6f7;--panel:#fff;--text:#17212b;--muted:#6f7c88;--line:#dce5e8;--blue:#287b86;--blue2:#1f616a;--dark:#172938;--ok:#1c8a58;--err:#c13a3a;--warn:#b67816;--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--dark);color:white;padding:28px 18px;display:flex;flex-direction:column;gap:30px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--blue);display:grid;place-items:center;font-weight:800}.brand strong{display:block}.brand small{display:block;color:#adc0ce;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:10px;text-decoration:none;color:#cbd7df}.sidebar nav a:hover,.sidebar nav a.active{background:#18384e;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #284559;padding-top:18px;display:flex;flex-direction:column;gap:10px;color:#a9bdca;font-size:13px}.sidebar-bottom b{color:#ffcb7a}.sidebar-bottom a{color:#fff}.content{padding:34px 42px 60px;min-width:0}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.top h1{margin:0 0 5px;font-size:30px}.top p{margin:0;color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:#e9f3fa;color:#286b9f;font-size:12px;font-weight:700}.badge.muted{background:#eceff2;color:#69737c}.grid{display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(15,37,53,.04)}.card{padding:22px}.card h2{margin:8px 0 8px;font-size:22px}.card p{margin:0 0 16px;color:var(--muted);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--blue)}.text-link{font-weight:700;color:var(--blue2);text-decoration:none}.text-link.disabled{color:#9ba5ad}.panel{margin-top:18px;padding:24px}.panel.narrow{max-width:860px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel h2{margin:0 0 5px;font-size:20px}.panel p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps div{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start}.steps b{color:var(--blue)}.steps span{font-size:14px;line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.form-grid .span2{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;border:1px solid #cfd9e1;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:var(--text);outline:none}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,131,189,.11)}small{font-weight:400;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}button{border:0;border-radius:10px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.secondary{background:#e9eef2;color:#243644}.alert{max-width:860px;border-radius:12px;padding:13px 15px;margin-bottom:15px;font-weight:650}.alert.ok{background:#e8f7ef;color:#14643f;border:1px solid #bde6cf}.alert.err{background:#fff0f0;color:#a22a2a;border:1px solid #f0c7c7}.callout{max-width:860px;margin-top:16px;padding:16px 18px;border-left:4px solid var(--blue);background:#eaf3f9;border-radius:10px}.callout strong,.callout span{display:block}.callout span{margin-top:4px;color:#4b6577;font-size:14px}.table-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.table-list a{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:4px}.table-list a:hover{border-color:var(--blue);background:#f7fbfe}.table-list span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px;background:white}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #edf1f4;white-space:nowrap}th{background:#f7f9fb;color:#61717e;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf0f2;font-size:11px;font-weight:800}.status.info{background:#e9f3fa;color:#286b9f}.status.warning{background:#fff3dc;color:#8a5a0a}.status.error{background:#fff0f0;color:#a22a2a}.status.draft{background:#f0eef8;color:#5e4b88}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cfd9e1;border-radius:10px;overflow:hidden}.segmented label{display:block}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;text-align:center;padding:12px;cursor:pointer;font-weight:800}.segmented input:checked+span{background:var(--blue);color:white}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);background:white;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 14px 45px rgba(15,37,53,.10)}.auth-brand{margin-bottom:26px}.auth-card h1{margin:0 0 8px}.auth-card>p{color:var(--muted);line-height:1.5;margin:0 0 22px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750}.auth-card input{border:1px solid #cfd9e1;border-radius:10px;padding:12px 13px;font:inherit}.auth-card button{margin-top:5px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;padding:18px}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.sidebar-bottom{display:none}.content{padding:24px 18px 50px}.cards,.steps{grid-template-columns:1fr 1fr}.table-list{grid-template-columns:1fr 1fr}}@media(max-width:620px){.sidebar nav{grid-template-columns:1fr 1fr}.cards,.steps,.form-grid,.table-list{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.top{gap:12px}.top h1{font-size:25px}.badge{display:none}.actions{flex-direction:column}.actions button{width:100%}}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-box{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfcfd}.detail-box small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800;margin-bottom:6px}.detail-box strong{font-size:18px}.receipt-preview{border:1px dashed #bccbd6;border-radius:12px;padding:18px;background:#fbfcfd}.receipt-line{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #edf1f4}.receipt-line:last-child{border-bottom:0}.receipt-total{font-weight:800;font-size:18px}.codebox{white-space:pre-wrap;overflow-wrap:anywhere;background:#102433;color:#dce9f1;border-radius:12px;padding:16px;font:12px/1.5 Consolas,Monaco,monospace}.muted-note{color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:620px){.detail-grid{grid-template-columns:1fr}.receipt-line{flex-direction:column;gap:3px}}
.settings-grid{max-width:860px;margin-top:18px}.settings-grid .detail-box span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.small-strong{font-size:13px!important;line-height:1.45;overflow-wrap:anywhere}.warning-badge{background:#fff3dc;color:#8a5a0a}.danger-soft{background:#fff3dc;color:#8a5a0a;border:1px solid #f0d6a6}.danger-soft:hover{background:#ffe9bd}.test-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.test-result>div{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fbfcfd}.test-result small{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800;margin-bottom:5px}.test-result strong{display:block;overflow-wrap:anywhere}.settings-cards{margin-bottom:18px}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.settings-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid var(--line);background:#fff}.settings-list>div:nth-child(odd){border-right:1px solid var(--line)}.settings-list>div:nth-last-child(-n+2){border-bottom:0}.settings-list span{color:var(--muted);font-size:13px}.settings-list b{text-align:right;font-size:13px;overflow-wrap:anywhere}.mono-wrap{font-family:Consolas,Monaco,monospace;font-size:11px!important}@media(max-width:760px){.test-result,.settings-list{grid-template-columns:1fr}.settings-list>div:nth-child(odd){border-right:0}.settings-list>div:nth-last-child(2){border-bottom:1px solid var(--line)}}


.settings-top-panel{margin-top:0}
.settings-accordion{display:flex;flex-direction:column;gap:14px;margin-top:18px;max-width:100%}
.accordion-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(15,37,53,.04);overflow:hidden}
.accordion-item summary{list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;cursor:pointer}
.accordion-item summary::-webkit-details-marker{display:none}
.accordion-item summary strong{display:block;font-size:24px;line-height:1.15;margin:8px 0 8px}
.accordion-item summary p{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.accordion-arrow{flex:0 0 auto;font-size:28px;line-height:1;color:#8aa2b3;transition:transform .18s ease}
.accordion-item[open] .accordion-arrow{transform:rotate(180deg)}
.accordion-body{padding:0 22px 22px;border-top:1px solid var(--line);background:#fbfcfd}
.accordion-body p{margin:14px 0 14px;color:var(--muted);line-height:1.55}
.settings-list{margin-top:4px}
@media(max-width:760px){.accordion-item summary{padding:18px}.accordion-item summary strong{font-size:20px}.accordion-body{padding:0 18px 18px}}

.settings-test-box{margin-top:18px;padding:16px;border:1px solid #f0d6a6;border-radius:12px;background:#fffaf0}
.settings-test-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.settings-test-head strong{display:block;font-size:16px;margin-bottom:4px}
.settings-test-head span:not(.badge){display:block;color:var(--muted);font-size:13px;line-height:1.45}
.settings-test-alert{margin:0 0 14px;max-width:none}
.settings-test-box .test-result{margin-bottom:14px}
.settings-test-box form{margin:0}
.settings-test-box button:disabled{opacity:.45;cursor:not-allowed}
.settings-test-box .muted-note{margin:12px 0 0}
@media(max-width:620px){.settings-test-head{flex-direction:column}.settings-test-box .danger-soft{width:100%}}

.accordion-form{margin-top:18px;padding-top:2px}
.accordion-form input[readonly]{background:#f1f4f6;color:#52636f;cursor:text}
.accordion-body .actions{margin-top:2px}
@media(max-width:620px){.accordion-body .actions{align-items:stretch}}

/* v1.3.4 — visual configuration health */
.settings-status-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.settings-status-legend span{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.legend-ok{background:#e8f7ef;color:#14643f;border:1px solid #c7ead6}
.legend-info{background:#eaf3f9;color:#286b9f;border:1px solid #cfe2ef}
.legend-critical{background:#fff0f0;color:#a22a2a;border:1px solid #f0c7c7}
.settings-list>div.config-ok{background:#edf9f2}
.settings-list>div.config-info{background:#eef6fb}
.settings-list>div.config-critical{background:#fff1f1}
.settings-list>div.config-ok b{color:#14643f}
.settings-list>div.config-info b{color:#286b9f}
.settings-list>div.config-critical b{color:#a22a2a}

.test-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.test-actions form{margin:0}.danger-text{color:#a22a2a;background:#fff0f0;border:1px solid #f0c7c7}.danger-text:hover{background:#ffe5e5}.test-result span{display:block;color:var(--muted);font-size:11px;margin-top:5px}@media(max-width:620px){.test-actions{flex-direction:column;align-items:stretch}.test-actions form,.test-actions button{width:100%}}
.inline-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.inline-actions form{margin:0}.transaction-summary{margin-bottom:18px}.status.waiting_payment{background:#e9f3fa;color:#286b9f}.status.paid{background:#e8f7ef;color:#14643f}.status.revoked{background:#f1f3f5;color:#68747e}.status.expired{background:#fff3dc;color:#8a5a0a}.status.error{background:#fff0f0;color:#a22a2a}.compact-btn{padding:8px 11px;font-size:12px}.danger-text{color:#a22a2a}.mono-small{font-family:Consolas,Monaco,monospace;font-size:11px}.error-text{color:#a22a2a;white-space:normal;max-width:280px;display:inline-block}@media(max-width:760px){.inline-actions{justify-content:flex-start}.inline-actions form,.inline-actions button{width:100%}}


/* v1.4.5 — dashboard health + fiscal settings */
.card.dashboard-state{transition:border-color .15s ease,background .15s ease}
.card.dashboard-ok{background:#edf9f2;border-color:#c7ead6}
.card.dashboard-info{background:#eef6fb;border-color:#cfe2ef}
.card.dashboard-critical{background:#fff1f1;border-color:#f0c7c7}
.card.dashboard-ok h2{color:#14643f}
.card.dashboard-info h2{color:#286b9f}
.card.dashboard-critical h2{color:#a22a2a}
.fiscal-preview{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#f7fbfe}
.fiscal-preview span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.fiscal-preview strong{display:block;font-size:16px;overflow-wrap:anywhere}
.fiscal-preview small{display:block;margin-top:6px;line-height:1.45}
.accordion-form label small b{font-family:Consolas,Monaco,monospace;color:#286b9f}


/* v1.4.6 — accordion health colours */
.accordion-item.accordion-ok{background:#edf9f2;border-color:#c7ead6}
.accordion-item.accordion-info{background:#eef6fb;border-color:#cfe2ef}
.accordion-item.accordion-critical{background:#fff1f1;border-color:#f0c7c7}
.accordion-item.accordion-ok>summary{background:#edf9f2}
.accordion-item.accordion-info>summary{background:#eef6fb}
.accordion-item.accordion-critical>summary{background:#fff1f1}
.accordion-item.accordion-ok>summary strong{color:#14643f}
.accordion-item.accordion-info>summary strong{color:#286b9f}
.accordion-item.accordion-critical>summary strong{color:#a22a2a}
.accordion-item.accordion-ok .accordion-body{background:#f8fcfa;border-top-color:#c7ead6}
.accordion-item.accordion-info .accordion-body{background:#f8fbfd;border-top-color:#cfe2ef}
.accordion-item.accordion-critical .accordion-body{background:#fffafa;border-top-color:#f0c7c7}
.accordion-summary-side{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.accordion-health{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}
.accordion-ok .accordion-health{background:#d9f1e3;color:#14643f}
.accordion-info .accordion-health{background:#dceef8;color:#286b9f}
.accordion-critical .accordion-health{background:#f9dede;color:#a22a2a}
@media(max-width:620px){.accordion-health{display:none}.accordion-summary-side{gap:0}}

/* v1.5.0 — ASC CRM connection diagnostics */
.db-actions{flex-wrap:wrap}.db-diagnostics{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.db-diagnostics-ok{border-color:#c7ead6;background:#f8fcfa}.db-diagnostics-error{border-color:#f0c7c7;background:#fffafa}.db-diagnostics-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 16px;border-bottom:1px solid var(--line)}.db-diagnostics-head strong{display:block;font-size:16px}.db-diagnostics-head span:not(.db-diagnostics-result){display:block;margin-top:4px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.db-diagnostics-result{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.db-diagnostics-ok .db-diagnostics-result{background:#d9f1e3;color:#14643f}.db-diagnostics-error .db-diagnostics-result{background:#f9dede;color:#a22a2a}.db-diagnostics-steps{display:flex;flex-direction:column}.db-diag-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 16px;border-bottom:1px solid var(--line)}.db-diag-step:last-child{border-bottom:0}.db-diag-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:900;font-size:13px}.db-diag-step strong{display:block;font-size:13px;line-height:1.35}.db-diag-step p{margin:3px 0 0!important;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.db-diag-step small{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:3px}.db-diag-ok .db-diag-icon{background:#d9f1e3;color:#14643f}.db-diag-error .db-diag-icon{background:#f9dede;color:#a22a2a}.db-diag-skipped .db-diag-icon{background:#eef2f5;color:#68747e}.db-diag-skipped{opacity:.78}.db-diagnostics-note{margin:0!important;padding:11px 16px;border-top:1px solid var(--line);font-size:11px!important;color:var(--muted)!important;background:rgba(255,255,255,.5)}@media(max-width:760px){.db-diagnostics-head{flex-direction:column}.db-diag-step{grid-template-columns:28px minmax(0,1fr)}.db-diag-step small{grid-column:2}.db-actions button{width:100%}}

/* v1.5.3 — ASC ready orders control screen */
.ready-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ready-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 6px 20px rgba(15,37,53,.035)}.ready-stat>span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.ready-stat>strong{display:block;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.ready-stat>small{display:block;margin-top:5px;font-family:Consolas,Monaco,monospace;font-size:10px}.ready-panel{margin-top:0}.ready-source-note{margin:0 0 14px;padding:11px 13px;border:1px solid #cfe2ef;border-radius:10px;background:#f1f8fc;color:#456275;font-size:12px;line-height:1.45}.ready-source-note code{font-family:Consolas,Monaco,monospace;color:#286b9f;font-weight:700}.ready-table td{vertical-align:top}.ready-raw{font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.5}.ready-raw span{display:block}.ready-raw b{color:#61717e}.ready-callout{max-width:none}.ready-table small{white-space:normal}.ready-table td:nth-child(3){min-width:220px}.ready-table td:nth-child(6){min-width:180px}@media(max-width:1100px){.ready-overview{grid-template-columns:1fr 1fr}}@media(max-width:620px){.ready-overview{grid-template-columns:1fr}.ready-stat{padding:14px}.ready-panel .panel-head{flex-direction:column}.ready-panel .inline-actions{width:100%;justify-content:stretch}.ready-panel .inline-actions form,.ready-panel .inline-actions button{width:100%}}


/* v1.5.4 — automation scheduler */
.badge.automation-on{background:#e8f7ef;color:#14643f;border-color:#c7ead6}.automation-runtime{margin-top:16px}.automation-runtime .detail-box strong{font-size:14px;overflow-wrap:anywhere}.accordion-body select{width:100%;box-sizing:border-box;border:1px solid #ccd8e0;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:var(--text)}


/* v1.6.0 — standalone Cash Bridge product skin */
.sidebar{background:linear-gradient(180deg,#172938 0%,#122331 100%);border-right:1px solid rgba(255,255,255,.04)}
.brand{align-items:flex-start}.brand-mark{position:relative;overflow:hidden;background:linear-gradient(145deg,#36a0a4 0%,#287b86 56%,#225a71 100%);box-shadow:0 10px 24px rgba(13,77,89,.32);letter-spacing:.02em}.brand-mark:after{content:"";position:absolute;left:8px;right:8px;bottom:9px;height:5px;border:2px solid rgba(255,255,255,.72);border-top:0;border-radius:0 0 14px 14px}.brand-mark span{position:relative;z-index:2}.brand small{max-width:155px;line-height:1.25;color:#a8bcc7}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(53,142,151,.20);box-shadow:inset 3px 0 0 #4eacb1}.sidebar-bottom{border-top-color:rgba(255,255,255,.10)}.sidebar-bottom b{color:#9ee0dc}
.top-statuses{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.badge.worker-ok{background:#e7f6f3;color:#17695e;border:1px solid #c3e8e0}.badge.worker-info{background:#edf2f4;color:#60717b;border:1px solid #dce5e8}.badge.worker-critical{background:#fff0f0;color:#a22a2a;border:1px solid #f0c7c7}.badge.automation-on{background:#e6f4f5;color:#1f616a;border:1px solid #c3e2e4}.product-version{background:#e6f4f5;color:#1f616a}
.primary{background:linear-gradient(135deg,#2c8791,#226c78)}.primary:hover{background:linear-gradient(135deg,#277b84,#1e606a)}.text-link,.eyebrow,.steps b{color:#287b86}.form-grid input:focus,.form-grid textarea:focus{border-color:#287b86;box-shadow:0 0 0 3px rgba(40,123,134,.11)}
.register-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.register-card{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff}.register-card>div{display:flex;align-items:center;gap:8px}.register-card strong{font-size:13px}.register-card small{display:block;margin-top:6px}.register-dot{width:9px;height:9px;border-radius:50%;background:#a8b5bc;box-shadow:0 0 0 4px #eef2f3}.register-card.is-active{border-color:#a9d9dc;background:#f1fbfb}.register-card.is-active .register-dot{background:#2c8791;box-shadow:0 0 0 4px #d8f0ef}.register-card.is-demo{opacity:.62;background:#f7f8f8}.register-card.is-demo strong:after{content:"DEMO";display:inline-flex;margin-left:7px;padding:2px 5px;border-radius:999px;background:#eceff1;color:#68747e;font-size:8px;letter-spacing:.08em;vertical-align:1px}
@media(max-width:900px){.top-statuses{display:none}}@media(max-width:760px){.register-cards{grid-template-columns:1fr}}

/* Cash Bridge box installer / user management */
.setup-card{width:min(760px,100%)}
.setup-card .form-grid{margin-top:18px}
.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 22px}
.setup-steps span{padding:9px 10px;border-radius:999px;background:#eef2f4;color:#71808a;font-size:12px;font-weight:800;text-align:center}
.setup-steps span.is-active{background:#dff2f2;color:#1f616a;border:1px solid #b9dddd}
.setup-steps span.is-done{background:#e8f7ef;color:#17643f;border:1px solid #c5e7d3}
.check-line{flex-direction:row!important;align-items:center!important;gap:9px!important;font-weight:650!important}
.check-line input{width:auto!important}
@media(max-width:620px){.setup-steps{grid-template-columns:1fr}.setup-card{padding:22px}}

/* Fresh-install environment checks */
.setup-checks{display:grid;gap:8px;margin:16px 0}.check-line{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid #dce5ea;border-radius:12px;background:#f7fafb;font-size:13px}.check-line.ok span{color:#256c58}.check-line.bad span{color:#a53b35}.check-line b{font-weight:700;color:#52616d;text-align:right}button:disabled{opacity:.5;cursor:not-allowed}
.actions a.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 16px;font-weight:800;text-decoration:none}

/* v2.1.3 — transaction registry UX */
.tx-panel-head{align-items:flex-start}
.tx-sync-actions{align-items:center;overflow:visible}
.tx-sync-actions form{overflow:visible}
.tx-help-button{position:relative;display:inline-flex;align-items:center;gap:8px;overflow:visible}
.tx-help-icon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:900;line-height:1;background:rgba(23,41,56,.09);color:currentColor}
.primary .tx-help-icon{background:rgba(255,255,255,.18);color:#fff}
.tx-help-button[data-tooltip]:before,.tx-help-button[data-tooltip]:after{position:absolute;left:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;z-index:80}
.tx-help-button[data-tooltip]:before{content:"";bottom:calc(100% + 5px);width:10px;height:10px;background:#172938;transform:translate(-50%,5px) rotate(45deg);border-radius:2px}
.tx-help-button[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 10px);width:310px;max-width:min(310px,80vw);padding:10px 12px;background:#172938;color:#fff;border-radius:10px;font-size:12px;font-weight:600;line-height:1.45;white-space:normal;text-align:left;box-shadow:0 12px 28px rgba(23,41,56,.2);transform:translate(-50%,5px)}
.tx-help-button[data-tooltip]:hover:before,.tx-help-button[data-tooltip]:hover:after,.tx-help-button[data-tooltip]:focus-visible:before,.tx-help-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(45deg)}
.tx-help-button[data-tooltip]:hover:after,.tx-help-button[data-tooltip]:focus-visible:after{transform:translate(-50%,0)}
.tx-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafb}
.tx-page-size{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:700}
.tx-page-size select{min-width:68px;border:1px solid #ccd8e0;border-radius:8px;background:#fff;padding:7px 28px 7px 9px;font:inherit;color:var(--text)}
.tx-pagination{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:800}
.tx-pagination .compact-btn{min-width:36px;padding:7px 10px}
.tx-table-frame{border-radius:0 0 12px 12px}
.tx-table-frame table{border-top-left-radius:0;border-top-right-radius:0}
.tx-row[hidden]{display:none!important}
.tx-ajax-form button.is-loading{opacity:.7;cursor:progress}
.tx-toast-stack{position:fixed;top:22px;right:24px;width:min(480px,calc(100vw - 32px));z-index:9999;pointer-events:none}
.tx-toast{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;overflow:hidden;padding:15px 16px 18px;border:1px solid #c7ead6;border-radius:14px;background:#f1fbf5;box-shadow:0 18px 45px rgba(23,41,56,.18);pointer-events:auto;animation:txToastIn .2s ease-out}
.tx-toast.is-error{border-color:#f0c7c7;background:#fff5f4}
.tx-toast-body strong{display:block;margin-bottom:4px;font-size:13px;color:#17643f}.tx-toast.is-error .tx-toast-body strong{color:#a22a2a}
.tx-toast-body span{display:block;color:#52616d;font-size:13px;line-height:1.45}
.tx-toast-side{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.tx-toast-count{color:#74838d;font-size:11px;font-weight:800;white-space:nowrap}
.tx-toast-close{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:8px;background:rgba(23,41,56,.07);color:#52616d;font-size:20px;line-height:1;cursor:pointer}
.tx-toast-close:hover{background:rgba(23,41,56,.12)}
.tx-toast-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#46a673;transform-origin:left center;animation:txToastProgress 10s linear forwards}.tx-toast.is-error .tx-toast-progress{background:#d76259}
@keyframes txToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes txToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:900px){.tx-panel-head{flex-direction:column}.tx-sync-actions{width:100%}.tx-sync-actions form,.tx-sync-actions button{width:100%}.tx-help-button[data-tooltip]:after{left:auto;right:0;transform:none}.tx-help-button[data-tooltip]:hover:after,.tx-help-button[data-tooltip]:focus-visible:after{transform:none}.tx-help-button[data-tooltip]:before{display:none}}
@media(max-width:620px){.tx-table-toolbar{align-items:stretch;flex-direction:column}.tx-pagination{justify-content:space-between}.tx-toast-stack{top:12px;right:12px;width:calc(100vw - 24px)}}


/* v2.1.4 — dashboard order + row alignment */
.dashboard-flow{margin-top:0}
.dashboard-cards{margin-top:18px}
.dashboard-cards .dashboard-state{display:grid;grid-template-rows:auto auto minmax(66px,1fr) auto;align-content:start;height:100%}
.dashboard-cards .dashboard-state .eyebrow{align-self:start}
.dashboard-cards .dashboard-state h2{margin-top:8px;margin-bottom:8px}
.dashboard-cards .dashboard-state p{margin:0;align-self:start}
.dashboard-cards .dashboard-state .text-link{align-self:end;margin-top:16px}
@media(max-width:900px){.dashboard-cards .dashboard-state{grid-template-rows:auto auto minmax(54px,1fr) auto}}
@media(max-width:620px){.dashboard-cards .dashboard-state{grid-template-rows:auto auto auto auto}}

/* v2.1.5 — dashboard flow cards */
.dashboard-flow{position:relative;overflow:hidden}
.dashboard-flow .panel-head{margin-bottom:22px}
.dashboard-flow .steps{gap:14px}
.dashboard-flow .steps>div{
  position:relative;
  min-height:108px;
  padding:22px 20px 20px;
  align-items:center;
  gap:14px;
  overflow:hidden;
  border:1px solid #cfe2e4;
  background:linear-gradient(145deg,#f9fdfd 0%,#eef8f8 100%);
  box-shadow:0 8px 20px rgba(31,97,106,.07);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dashboard-flow .steps>div::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#2c8791,#63b8bf);
}
.dashboard-flow .steps>div:hover{
  transform:translateY(-2px);
  border-color:#a9d2d6;
  box-shadow:0 12px 26px rgba(31,97,106,.11);
}
.dashboard-flow .steps b{
  flex:0 0 44px;
  width:44px;height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#2c8791,#226c78);
  box-shadow:0 6px 14px rgba(40,123,134,.20);
  font-size:14px;
  letter-spacing:.04em;
}
.dashboard-flow .steps span{
  color:#20313c;
  font-size:15px;
  line-height:1.4;
  font-weight:650;
}
@media(max-width:900px){
  .dashboard-flow .steps>div{min-height:96px}
}
@media(max-width:620px){
  .dashboard-flow .steps>div{min-height:0;padding:18px}
}

/* v2.1.6 — unified Cash Bridge product visual language */
:root{
  --bg:#f3f5f9;
  --panel:#ffffff;
  --text:#102033;
  --muted:#6d7b8b;
  --line:#dbe3ec;
  --blue:#4074b8;
  --blue2:#315f9d;
  --dark:#102030;
}
body{background:var(--bg);color:var(--text)}

/* Sidebar: product navy + blue */
.sidebar{
  background:linear-gradient(180deg,#14283d 0%,#102030 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:12px 0 34px rgba(16,32,48,.06);
}
.sidebar .brand-mark{
  background:linear-gradient(145deg,#5e95d2 0%,#4074b8 58%,#315f9d 100%);
  box-shadow:0 10px 26px rgba(32,78,135,.34);
}
.sidebar .brand-mark:after{border-color:rgba(255,255,255,.82)}
.brand strong{font-weight:800;letter-spacing:-.01em}
.brand small{color:#aec0d2}
.sidebar nav a{color:#d6e0ea;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.sidebar nav a:hover{
  background:rgba(64,116,184,.15);
  color:#fff;
  box-shadow:inset 3px 0 0 rgba(111,161,222,.55);
}
.sidebar nav a.active{
  background:rgba(64,116,184,.22);
  color:#fff;
  box-shadow:inset 4px 0 0 #70a4df;
}
.sidebar-bottom{border-top-color:rgba(255,255,255,.10);color:#aebfd0}
.sidebar-bottom b{color:#9fc4ef}

/* Same logo language on light/auth surfaces */
.auth-card .brand-mark,.setup-card .brand-mark{
  background:#14283d;
  box-shadow:0 9px 24px rgba(16,32,48,.16);
}

/* General product accents */
.eyebrow,.text-link{color:var(--blue)}
.text-link:hover{color:var(--blue2)}
.primary{
  background:linear-gradient(135deg,#4b82c5 0%,#4074b8 58%,#3567a7 100%);
  box-shadow:0 8px 18px rgba(64,116,184,.16);
}
.primary:hover{
  background:linear-gradient(135deg,#4479bb 0%,#386ba9 58%,#2f5d98 100%);
}
.form-grid input:focus,.form-grid textarea:focus,.accordion-body select:focus{
  border-color:#4074b8;
  box-shadow:0 0 0 3px rgba(64,116,184,.12);
  outline:none;
}
.segmented input:checked+span{background:#4074b8;color:#fff}
.callout{border-left-color:#4074b8;background:#eef5fc}
.table-list a:hover{border-color:#83a9d5;background:#f7faff}
.status.info,.status.waiting_payment{background:#eaf2fb;color:#315f9d}
.settings-list>div.config-info b{color:#315f9d}
.accordion-form label small b{color:#4074b8}

/* Product surfaces */
.card,.panel,.accordion-item,.ready-stat{
  border-color:#dce4ed;
  box-shadow:0 8px 24px rgba(16,32,48,.045);
}
.panel{background:#fff}
th{background:#f4f7fb;color:#657589}

/* Dashboard configured cards: blue product cards, green is reserved for actual success states */
.card.dashboard-ok,.card.dashboard-info{
  background:linear-gradient(145deg,#fbfdff 0%,#eef5fc 100%);
  border-color:#d4e2f2;
}
.card.dashboard-ok h2,.card.dashboard-info h2{color:#173454}
.card.dashboard-critical{background:#fff1f1;border-color:#f0c7c7}
.dashboard-cards .dashboard-state .eyebrow{color:#4074b8}

/* Dashboard flow uses the product step/card language */
.dashboard-flow{
  border-color:#d9e4f0;
  box-shadow:0 10px 30px rgba(16,32,48,.05);
}
.dashboard-flow .steps>div{
  border-color:#d7e4f2;
  background:linear-gradient(145deg,#ffffff 0%,#f0f6fd 100%);
  box-shadow:0 9px 22px rgba(38,79,126,.065);
}
.dashboard-flow .steps>div::before{
  background:linear-gradient(90deg,#4074b8,#79a7dd);
}
.dashboard-flow .steps>div:hover{
  border-color:#b7cfea;
  box-shadow:0 13px 28px rgba(38,79,126,.11);
}
.dashboard-flow .steps b{
  color:#fff;
  background:linear-gradient(135deg,#4f86c8,#3569aa);
  box-shadow:0 6px 15px rgba(64,116,184,.22);
}
.dashboard-flow .steps span{color:#18314d}

/* Informational/runtime blue. Semantic green/red/yellow remain semantic. */
.badge.automation-on,.product-version{
  background:#edf4fc;
  color:#315f9d;
  border:1px solid #d2e1f1;
}
.badge.worker-info{background:#eef2f6;color:#607184;border-color:#dce4ec}
.ready-source-note{border-color:#d4e2f2;background:#f1f6fc;color:#536b84}
.ready-source-note code{color:#315f9d}
.register-card.is-active{border-color:#bcd2ea;background:#f3f8fd}
.register-card.is-active .register-dot{background:#4074b8;box-shadow:0 0 0 4px #deebf8}
.setup-steps span.is-active{background:#edf4fc;color:#315f9d;border-color:#d2e1f1}

/* Transactions / helper controls */
.tx-table-toolbar{background:#f6f8fb}
.tx-page-size select:focus{border-color:#4074b8;box-shadow:0 0 0 3px rgba(64,116,184,.10);outline:none}
.tx-help-button.secondary:hover{background:#e4edf7}

/* Softer product page title rhythm */
.top h1{color:#102033;letter-spacing:-.025em;font-weight:800}
.top p{color:#728093}

@media(max-width:900px){
  .sidebar{box-shadow:none}
}

/* Dashboard connection cards: explicit connection status */
.dashboard-cards .dashboard-state .connection-line{min-height:34px;display:flex;align-items:flex-start;gap:4px;color:#607080;font-weight:650}
.dashboard-cards .connection-status{font-weight:800}
.dashboard-cards .connection-status.is-ok{color:#198754}
.dashboard-cards .connection-status.is-error{color:#c23b3b}
.dashboard-cards .dashboard-state h2{line-height:1.25}

/* microfix — compact toast close button */
.tx-toast-close{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
  padding:0!important;
  margin:0!important;
  align-self:flex-start!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  line-height:1!important;
  font-size:20px!important;
  box-shadow:none!important;
}
.tx-toast-side{align-items:flex-start}

/* Combined microfix — transaction help tooltips + toast header alignment */
.tx-status-help{cursor:help;outline:none}
.tx-status-help:focus-visible{box-shadow:0 0 0 3px rgba(64,116,184,.16)}
.tx-revoke-help{cursor:help}
.tx-float-tooltip{
  position:fixed;
  z-index:10050;
  width:max-content;
  max-width:min(360px,calc(100vw - 20px));
  padding:10px 12px;
  border-radius:10px;
  background:#102030;
  color:#fff;
  box-shadow:0 12px 30px rgba(16,32,48,.24);
  font-size:12px;
  font-weight:650;
  line-height:1.45;
  pointer-events:none;
}
.tx-float-tooltip[hidden]{display:none!important}
.tx-float-tooltip:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:10px;
  height:10px;
  margin-left:-5px;
  background:#102030;
  transform:rotate(45deg);
  border-radius:2px;
}
.tx-float-tooltip.is-below:after{top:-5px;bottom:auto}

/* Toast: title left, countdown + compact close button right on one baseline */
.tx-toast{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
}
.tx-toast-body{min-width:0}
.tx-toast-side{
  display:grid!important;
  grid-template-columns:auto 28px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
}
.tx-toast-count{
  display:block!important;
  min-width:30px!important;
  height:28px!important;
  line-height:28px!important;
  padding:0!important;
  margin:0!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:800!important;
}
.tx-toast-close{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  line-height:1!important;
  font-size:20px!important;
  box-shadow:none!important;
}
.tx-toast-progress{grid-column:1/-1}

/* v2.2.0 SOURCE OF TRUTH — Cash Bridge brand lock */
.sidebar .brand-mark,
.auth-card .brand-mark,
.setup-card .brand-mark{
  background:linear-gradient(145deg,#10263a,#16334d)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(16,38,58,.18)!important;
  letter-spacing:0!important;
}
.sidebar .brand-mark:after,
.auth-card .brand-mark:after,
.setup-card .brand-mark:after{
  display:none!important;
  content:none!important;
}
.sidebar .brand-mark span,
.auth-card .brand-mark span,
.setup-card .brand-mark span{
  position:relative;
  z-index:1;
}
.sidebar .brand small{
  color:#aebfd0;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* installer: existing Cash Bridge data choice */
.setup-existing-data{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}.setup-existing-data p{margin:12px 0}.setup-existing-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.setup-existing-actions form{margin:0}.setup-existing-actions button{min-height:46px}.setup-existing-actions .danger-text{font-weight:800}@media(max-width:620px){.setup-existing-actions{flex-direction:column;align-items:stretch}.setup-existing-actions form,.setup-existing-actions button{width:100%}}

/* installer: clearer email confirmation rhythm */
.setup-mail-success{
  max-width:none;
  margin:22px 0 0;
  padding:18px 22px;
  text-align:center;
  background:#f4fbf7;
  border:1.5px solid #b9dfc7;
  color:#17643f;
  box-shadow:none;
}
.setup-mail-success strong{
  display:block;
  font-size:18px;
  line-height:1.25;
  margin-bottom:5px;
}
.setup-mail-success span{
  display:block;
  line-height:1.45;
}
.setup-mail-next{
  max-width:none;
  margin-top:28px;
  padding:16px 20px;
}
.setup-mail-resend-copy{
  margin:28px 0 0 !important;
  line-height:1.55;
}
.setup-mail-resend-copy + .form-grid{
  margin-top:16px;
}
@media(max-width:620px){
  .setup-mail-success{padding:16px 18px}
  .setup-mail-next{margin-top:22px}
  .setup-mail-resend-copy{margin-top:22px !important}
}

/* v2.2.3 — stable sidebar footer on long pages */
@media (min-width:901px){
  .shell{align-items:start}
  .sidebar{position:sticky;top:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}
  .sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
  .sidebar-bottom{flex:0 0 auto;margin-top:0}
}
.sidebar-version{font-size:12px;color:#8298ad}
.sidebar-version b{color:#9fc4ef}

/* v2.2.3 — settings hierarchy */
.settings-zones{gap:22px}
.settings-zone{display:flex;flex-direction:column;gap:12px}
.settings-zone-head{display:flex;align-items:flex-start;gap:12px;padding:2px 4px}
.settings-zone-number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:999px;background:#e8f1fb;color:#315f9d;font-size:11px;font-weight:900;letter-spacing:.05em}
.settings-zone-head h2{margin:0 0 3px;font-size:18px;color:#172938}
.settings-zone-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.settings-zone-items{display:flex;flex-direction:column;gap:12px}
.settings-zone .accordion-item{box-shadow:0 5px 18px rgba(15,37,53,.035)}
.settings-subsection{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.settings-subsection-first{margin-top:0;padding-top:0;border-top:0}
.settings-subsection-head{margin-bottom:14px}
.settings-subsection-head h3{margin:5px 0 4px;font-size:18px;line-height:1.3;color:#172938}
.settings-subsection-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:900px){
  .sidebar{height:auto;max-height:none;overflow:visible}
  .sidebar nav{overflow:visible}
}
@media(max-width:620px){
  .settings-zone-head{padding:0}
  .settings-zone-number{min-width:30px;height:26px}
  .settings-zone-head h2{font-size:17px}
}


/* Settings state hierarchy + AJAX forms */
.system-state-groups{display:flex;flex-direction:column;gap:16px;margin-top:14px}
.system-state-group{overflow:hidden;border:2px solid #cbd8e5;border-radius:15px;background:#fff}
.system-state-group-head{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border-bottom:2px solid #dbe4ec;background:#f7f9fc}
.system-state-group-head>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:34px;height:26px;border-radius:999px;background:#e7effa;color:#315f9d;font-size:10px;font-weight:900;letter-spacing:.06em}
.system-state-group-head h3{margin:0 0 3px;font-size:16px;color:#14263a}
.system-state-group-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.system-state-rows{display:flex;flex-direction:column}
.system-state-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:13px 18px;border-bottom:1px solid #dce5ec;background:#fff}
.system-state-row:last-child{border-bottom:0}
.system-state-row>span{color:var(--muted);font-size:13px;line-height:1.45}
.system-state-row>b{text-align:right;font-size:13px;line-height:1.45;overflow-wrap:anywhere;max-width:68%}
.system-state-row.config-ok{background:#f1faf5}.system-state-row.config-ok>b{color:#14643f}
.system-state-row.config-info{background:#f2f7fc}.system-state-row.config-info>b{color:#315f9d}
.system-state-row.config-critical{background:#fff4f3}.system-state-row.config-critical>b{color:#a22a2a}
.settings-ajax-form[data-busy="1"]{opacity:.72;pointer-events:none}
@media(max-width:760px){
  .system-state-group-head{padding:14px}
  .system-state-row{padding:12px 14px;gap:8px;flex-direction:column}
  .system-state-row>b{text-align:left;max-width:100%}
}

/* v2.2.3 status summary accordions */
.system-state-group{overflow:hidden;border:2px solid #cbd8e5;border-radius:15px;background:#fff}
.system-state-group>summary{list-style:none;cursor:pointer}
.system-state-group>summary::-webkit-details-marker{display:none}
.system-state-group-head{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#f7f9fc;border-bottom:0;min-width:0}
.system-state-group[open]>.system-state-group-head{border-bottom:2px solid #dbe4ec}
.system-state-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:34px;height:26px;border-radius:999px;background:#e7effa;color:#315f9d;font-size:10px;font-weight:900;letter-spacing:.06em}
.system-state-title{min-width:0;flex:1}
.system-state-title h3{margin:0 0 3px;font-size:16px;color:#14263a}
.system-state-title p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.system-state-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;margin-left:auto}
.system-state-health{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;font-size:15px;font-weight:900;line-height:1}
.system-state-health.is-ready{background:#e3f4e9;color:#17603b;border:1px solid #c4e6cf}
.system-state-health.needs-attention{background:#fff0ef;color:#a22a2a;border:1px solid #efc8c4}
.system-state-settings-link{font-size:12px;font-weight:800;color:#315f9d;text-decoration:none;white-space:nowrap}
.system-state-settings-link:hover{text-decoration:underline}
.system-state-chevron{font-size:18px;color:#7890a8;line-height:1;transition:transform .18s ease}
.system-state-group[open] .system-state-chevron{transform:rotate(180deg)}
.system-state-group.is-ready{border-color:#c9e5d2}
.system-state-group.needs-attention{border-color:#edc8c5}
.system-state-group.is-ready>.system-state-group-head{background:#f5fbf7}
.system-state-group.needs-attention>.system-state-group-head{background:#fff8f7}

@media(max-width:760px){
  .system-state-group-head{align-items:flex-start;flex-wrap:wrap;padding:14px}
  .system-state-actions{width:100%;justify-content:flex-start;padding-left:46px;gap:10px}
  .system-state-settings-link{white-space:normal}
}

/* Anchor targets from status summary */
.settings-zone-items .accordion-item{scroll-margin-top:18px}

/* FINAL toast geometry lock — countdown + close never inherit page/grid/button layout */
.tx-toast{
  position:relative!important;
  display:block!important;
  min-height:82px!important;
  padding:16px 92px 19px 16px!important;
}
.tx-toast-body{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}
.tx-toast-side{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
}
.tx-toast-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:auto!important;
  min-width:30px!important;
  height:28px!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.tx-toast-close{
  position:static!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:8px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  font-size:20px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.tx-toast-progress{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
}
@media(max-width:620px){
  .tx-toast{padding-right:86px!important}
  .tx-toast-side{top:12px!important;right:12px!important}
}

/* FINAL toast header: one clean baseline, no button tile */
.tx-toast{
  min-height:0!important;
  padding:15px 64px 18px 16px!important;
}
.tx-toast-body strong{
  line-height:20px!important;
  margin:0 0 4px!important;
}
.tx-toast-side{
  top:15px!important;
  right:16px!important;
  height:20px!important;
  min-height:20px!important;
  gap:7px!important;
  align-items:center!important;
}
.tx-toast-count{
  min-width:0!important;
  height:20px!important;
  line-height:20px!important;
  font-size:12px!important;
  color:#74838d!important;
}
.tx-toast-close,
.tx-toast .tx-toast-close{
  position:static!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#667783!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 20px!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:20px!important;
  box-shadow:none!important;
  outline-offset:2px!important;
}
.tx-toast-close:hover,
.tx-toast-close:focus-visible{
  background:transparent!important;
  color:#1d3347!important;
}
@media(max-width:620px){
  .tx-toast{padding-right:60px!important}
  .tx-toast-side{top:15px!important;right:14px!important}
}

/* Cash Bridge v2.3.0 — global toast component */
.cb-toast-stack{position:fixed;top:18px;right:18px;z-index:10000;width:min(420px,calc(100vw - 36px));display:grid;gap:12px;pointer-events:none}
.cb-toast{position:relative;overflow:hidden;pointer-events:auto;background:#f2fbf5;border:1px solid #c9e7d2;border-radius:18px;padding:20px 22px 18px;box-shadow:0 18px 48px rgba(18,38,58,.14);color:#17314a}
.cb-toast-error{background:#fff4f2;border-color:#efc9c4}
.cb-toast-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:28px}
.cb-toast-head strong{font-size:17px;line-height:1.2;color:#24663f}
.cb-toast-error .cb-toast-head strong{color:#9f3329}
.cb-toast-controls{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}
.cb-toast-timer{font-size:14px;line-height:1;font-weight:800;color:#718092;white-space:nowrap;font-variant-numeric:tabular-nums}
.cb-toast-close{appearance:none!important;-webkit-appearance:none!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#68788a!important;font:700 25px/22px Arial,sans-serif!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important}
.cb-toast-close:hover{color:#172b40!important;background:transparent!important}
.cb-toast-message{margin-top:7px;padding-right:2px;font-size:15px;line-height:1.45;color:#586b7d}
.cb-toast-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#56aa73;transform-origin:left center;animation:cbToastProgress linear forwards}
.cb-toast-error .cb-toast-progress{background:#d45f54}
@keyframes cbToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:640px){.cb-toast-stack{top:10px;right:10px;width:calc(100vw - 20px)}.cb-toast{padding:17px 18px 16px;border-radius:15px}}

/* v2.3.2 — clean top-level settings hierarchy */
.settings-zones{display:grid;gap:18px}
.settings-category{
  border:2px solid #bfd0e3;
  border-radius:20px;
  background:#f7fafe;
  overflow:hidden;
  margin:0;
  box-shadow:0 10px 26px rgba(25,50,78,.055);
}
.settings-category>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:0;
  padding:15px 18px;
  background:#e8f0f9;
  border-bottom:1px solid transparent;
  user-select:none;
  transition:background .18s ease,border-color .18s ease;
}
.settings-category>summary::-webkit-details-marker{display:none}
.settings-category>summary:hover{background:#e1ebf6}
.settings-category[open]>summary{background:#e3edf8;border-bottom-color:#c5d5e6}
.settings-category-summary-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.settings-category-number{
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:26px;
  border:0;
  border-radius:999px;
  background:#e7effa;
  color:#315f9d;
  font-weight:900;
  font-size:10px;
  letter-spacing:.06em;
  flex:0 0 auto;
}
.settings-category-summary-copy h2{margin:0 0 3px;font-size:16px;line-height:1.25;color:#14263a}
.settings-category-summary-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.settings-category-chevron{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #bed0e3;
  border-radius:10px;
  background:rgba(255,255,255,.62);
  color:#5f7895;
  font-size:18px;
  transition:transform .18s ease;
  flex:0 0 auto;
}
.settings-category[open] .settings-category-chevron{transform:rotate(180deg)}
.settings-category .settings-zone-items{display:flex;flex-direction:column;gap:14px;padding:18px;background:#f3f7fb}
.settings-category .accordion-item{
  margin:0;
  border:1px solid #d3dfe9;
  border-radius:15px;
  background:#fff;
  box-shadow:0 4px 12px rgba(18,38,58,.035);
  overflow:hidden;
}
.settings-category .accordion-item + .accordion-item{margin-top:0}
.settings-category .accordion-item>summary{background:#fff}
.settings-category .accordion-item[open]>summary{background:#fbfdff;border-bottom:1px solid #dde6ee}
.settings-category[open]{box-shadow:0 13px 30px rgba(28,55,86,.075)}
@media(max-width:760px){
  .settings-zones{gap:14px}
  .settings-category>summary{min-height:0;padding:14px}
  .settings-category .settings-zone-items{padding:11px;gap:10px}
  .settings-category-number{width:30px;min-width:30px;height:26px;font-size:10px}
  .settings-category-summary-copy h2{font-size:16px}
  .settings-category-summary-copy p{font-size:12px}
}


/* Connection wizard */
.wizard-shell{display:grid;gap:18px}
.wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wizard-step-chip{border:1px solid #d7e1eb;border-radius:14px;padding:12px 10px;background:#f7f9fc;color:#6d7f91;text-align:center;font-size:13px;font-weight:800}
.wizard-step-chip.is-done{background:#eef9f1;border-color:#cae6d1;color:#27663f}
.wizard-step-chip.is-active{background:#eaf2fd;border-color:#bfd3ed;color:#2f5f9f}
.wizard-card{background:#fff;border:1px solid #d7e1eb;border-radius:20px;padding:26px;box-shadow:0 10px 28px rgba(22,43,66,.045)}
.wizard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.wizard-card-head h2{margin:0 0 6px}.wizard-card-head p{margin:0;color:#6d7f91}
.wizard-tip{background:#f2f7fd;border-left:4px solid #5684c5;border-radius:12px;padding:14px 16px;color:#526a80;margin-bottom:20px;line-height:1.5}
.wizard-done{display:grid;gap:14px;text-align:center;padding:20px 0}
.wizard-done .wizard-check{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#277044;font-size:30px;font-weight:900}
@media(max-width:780px){.wizard-progress{grid-template-columns:1fr}.wizard-step-chip{text-align:left}.wizard-card{padding:18px}}

/* v2.3.2 — tri-state system health */
.system-state-health.is-info{background:#eaf2fb;color:#315f9d;border:1px solid #cddff0;font-style:normal}
.system-state-group.is-info{border-color:#cddff0}
.system-state-group.is-info>.system-state-group-head{background:#f5f9fd}

/* v2.3.2 build 0004 — Settings system outer panel */
.settings-config-panel{
  margin-top:24px;
  padding:24px;
  border-color:#d8e3ec;
  background:#fff;
}
.settings-config-panel-head{
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid #e7edf2;
}
.settings-config-panel-head h2{
  margin:0 0 5px;
  font-size:20px;
  line-height:1.25;
  color:#172938;
}
.settings-config-panel-head p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
.settings-config-panel .settings-accordion{
  margin-top:0;
}
.settings-build-badge{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:620px){
  .settings-config-panel{padding:16px}
  .settings-config-panel-head{flex-direction:column;gap:10px}
}