/* RML Module Bridge V0.8: local read-only simulator */
.bridge-stage{margin:20px 0 10px;padding:20px;background:linear-gradient(140deg,#172e4d,#101f37);border:1px solid #477ba7;border-radius:18px;color:#ecf7ff}
.bridge-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.bridge-heading h3{margin:7px 0;font-size:21px;color:#fff}.bridge-heading p{max-width:620px;margin:0;color:#bed3eb;font-size:13px;line-height:1.65}
.bridge-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0 13px}.bridge-controls>div{display:grid;gap:7px}.bridge-controls label{font-size:12px;font-weight:750;color:#badcf7}.bridge-controls select{width:100%;min-height:44px;padding:10px;border-radius:10px;background:#0b1d31;border:1px solid #648db0;color:#fff;font:inherit}
.bridge-permission{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:13px;color:#cfdfed;cursor:pointer}.bridge-permission input{width:20px;height:20px;accent-color:#63b7eb;flex-shrink:0;margin-top:0}.bridge-output{background:#0b1d32;border:1px solid #426684;border-radius:12px;padding:15px;margin-top:17px;line-height:1.6;overflow-wrap:anywhere}.bridge-output strong{font-size:14px}.bridge-output p{font-size:13px;color:#bfdaec;margin:5px 0 0}.bridge-output ul{padding-left:18px;margin:7px 0 0;font-size:13px}.bridge-output[data-kind="success"]{border-color:#55a9a7}.bridge-output[data-kind="error"]{border-color:#d9a56c}.bridge-footnote{color:#b0cce5;font-size:12px;line-height:1.5;margin:13px 0 0}
.bridge-stage :is(button,select,input):focus-visible{outline:3px solid #a4e6ff;outline-offset:3px}
body:has(#app[data-rml-theme="light"]) .bridge-stage{background:#e1effb;color:#183b5b;border-color:#80aace}body:has(#app[data-rml-theme="light"]) .bridge-heading h3{color:#163454}body:has(#app[data-rml-theme="light"]) .bridge-heading p,body:has(#app[data-rml-theme="light"]) .bridge-controls label,body:has(#app[data-rml-theme="light"]) .bridge-permission,body:has(#app[data-rml-theme="light"]) .bridge-footnote{color:#294f6f}body:has(#app[data-rml-theme="light"]) .bridge-controls select,body:has(#app[data-rml-theme="light"]) .bridge-output{background:#fff;color:#173351}body:has(#app[data-rml-theme="light"]) .bridge-output p{color:#365a79}
@media(max-width:570px){.bridge-stage{padding:14px}.bridge-controls{grid-template-columns:1fr}.bridge-heading{flex-wrap:wrap}}