/* S.O.T premium local control bridge */
.bridge-console{border:1px solid #315968;border-radius:21px;padding:24px;background:radial-gradient(ellipse at 75% -20%,rgba(69,160,140,.15),transparent 55%),linear-gradient(135deg,#122a3b,#0e2133);box-shadow:0 18px 40px #0002;margin:18px 0 25px;color:#e9f7f5}
.bridge-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.bridge-head h3{font-size:24px;letter-spacing:-.7px;margin:4px 0}.bridge-head p{color:#a7bac9;font-size:12px;max-width:690px;line-height:1.65}
.bridge-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bridge-unit{border:1px solid #2b4d5c;background:rgba(9,25,41,.75);padding:21px;border-radius:17px;min-width:0;display:flex;flex-direction:column;gap:13px}.bridge-unit-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bridge-unit-top>div{display:flex;align-items:center;gap:10px;font-size:18px}.bridge-unit-icon{display:grid;place-items:center;background:#183b47;border:1px solid #3d726e;border-radius:12px;width:38px;height:38px;color:#92e7d1;font-size:22px}.bridge-pill{font-size:10px;font-weight:800;letter-spacing:.3px;padding:6px 10px;border-radius:100px;white-space:nowrap}.bridge-pill-neutral{color:#c1d2e0;background:#20374a;border:1px solid #3d5b6b}.bridge-pill-good{color:#a6eddc;background:#173f3d;border:1px solid #34887c}.bridge-pill-locked{color:#edc18c;background:#3c322b;border:1px solid #877050}.bridge-pill-error{color:#f5bec3;background:#462c3b;border:1px solid #98576c}.bridge-muted{font-size:12px;line-height:1.6;color:#a7bdcb;min-height:37px}.bridge-unit label,.bridge-field-title{color:#bed6dd;font-size:11px;font-weight:700}.bridge-textarea{display:block;resize:vertical;width:100%;font-size:12px;line-height:1.55;padding:12px}.bridge-fieldrow{display:flex;gap:12px}.bridge-select-label{display:flex;gap:9px;align-items:center}.bridge-select-label select{font-size:11px;min-height:35px;padding:7px 9px}.bridge-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bridge-choices label{font-size:12px;color:#e3f0f1;display:flex;align-items:center;gap:9px}.bridge-choices input{accent-color:#74d7c0}.bridge-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.bridge-buttons .btn{font-size:11px;padding:9px 11px}.bridge-buttons .btn:disabled{opacity:.37;cursor:not-allowed;transform:none}.bridge-metrics{font-size:11px;color:#9bb9c7;padding:12px;border:1px solid #254859;border-radius:10px;min-height:42px;overflow-wrap:anywhere;background:#0b1e2d}.bridge-foot{margin-top:15px;font-size:11px;color:#adc5d0;display:grid;grid-template-columns:1fr 1fr;gap:15px;line-height:1.6}.bridge-foot>div{border:1px solid #294455;border-radius:10px;padding:12px}.bridge-log strong{display:block;color:#cdeee4;margin-bottom:5px}.bridge-log #bridgeLog{max-height:104px;overflow:auto;color:#a6c2d2}.bridge-log-entry{padding:4px 0;border-top:1px solid #2b4352}
@media(max-width:1030px){.bridge-split{grid-template-columns:1fr}.bridge-foot{grid-template-columns:1fr}.bridge-unit{padding:16px}}@media(max-width:760px){.bridge-console{padding:15px;border-radius:15px}.bridge-head{flex-wrap:wrap}.bridge-head h3{font-size:21px}.bridge-head .btn{width:100%}.bridge-choices{grid-template-columns:1fr 1fr}.bridge-unit-top{align-items:start}}