.roip-control{margin:0 0 24px;padding:26px}.roip-control-title{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:20px}.roip-control-title h2{margin:5px 0}.roip-control-title .heading-actions{flex-wrap:wrap;justify-content:flex-end}.roip-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.roip-control-card{padding:20px;border:1px solid #dbe6eb;border-radius:17px;background:#f8fbfc}.roip-control-card.connected{border-color:#8bd4ad;background:#f2fbf6}.roip-control-card.stopped{border-color:#e3aaaa;background:#fff5f5}.roip-control-card.unknown{border-color:#e4d5ad;background:#fffaf0}.roip-control-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.roip-control-head small{font:800 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#173b55}.roip-control-head h3{margin:8px 0 0;font-size:17px}.roip-control-card>p{min-height:42px;color:#657985;font-size:12px}.roip-state{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e8f2f6;color:#31576c;font-size:10px;font-weight:800}.connected .roip-state{background:#dff6e8;color:#246a45}.stopped .roip-state{background:#ffe1e1;color:#922f2f}.unknown .roip-state{background:#fff0c8;color:#76591d}.roip-control-card form{margin-top:18px;padding-top:17px;border-top:1px solid rgba(23,59,85,.12)}.roip-control-card form label{font-size:12px}.roip-control-card .consent{margin:14px 0}.roip-delete{margin-top:16px!important;padding:16px!important;border:1px solid #efcccc!important;border-radius:12px;background:#fff8f8}.roip-metadata{display:grid;gap:8px;margin:16px 0;padding:13px;border-radius:12px;background:#edf5f7}.roip-metadata div{display:grid;gap:3px}.roip-metadata dt{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#6f838d}.roip-metadata dd{margin:0;font-size:11px;color:#294d60}.roip-control-unavailable{padding:16px;border-radius:12px;background:#fff0dc;color:#79521d;font-size:12px}.roip-create-form{padding:28px}.roip-create-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.roip-create-form label{display:grid;gap:8px;font-weight:800;color:#294d60}.roip-create-form label>span{color:#b24444}.roip-create-form label small{font-size:10px;font-weight:500;color:#70838d}.roip-security-note{margin:24px 0;padding:18px;border:1px solid #cce3eb;border-radius:14px;background:#f1f8fa}.roip-security-note strong{color:#173b55}.roip-security-note p{margin:6px 0 0;color:#5d7480;font-size:12px}.roip-create-form>.consent{display:flex;margin:20px 0}.roip-create-form>.consent span{color:inherit}.roip-create-form .action-row{margin-top:20px}@media(max-width:1050px){.roip-control-grid{grid-template-columns:1fr}}@media(max-width:700px){.roip-create-form .form-grid{grid-template-columns:1fr}}@media(max-width:600px){.roip-control{padding:18px}.roip-control-title{display:grid}.roip-control-title .heading-actions{justify-content:start}.roip-control-head{display:grid}.roip-state{justify-self:start}.roip-create-form{padding:20px}}