.telescreen-ui{--blue:#052754;--surface:#fff;--surface-text:#172e48;--ink:#172e48;--border:#d7e1ed;--font:system-ui;font-family:system-ui,sans-serif}
.telescreen-ui *,#telescreenView *{box-sizing:border-box}
.telescreen-ui button{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff;color:#172e48;font-weight:600;cursor:pointer;min-height:40px}
.telescreen-ui button.primary{background:#052754;color:#fff;border-color:#052754}.telescreen-ui button.danger{color:#b42318}.telescreen-ui button:disabled{opacity:.5;cursor:not-allowed}
.telescreen-ui input:not([type=checkbox]),.telescreen-ui select{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;min-height:44px;padding:10px;font:inherit;background:#fff;color:#000}
.telescreen-ui label{display:block;font-size:14px;line-height:1.7}.telescreen-ui .row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}.telescreen-ui .row h2{font-size:22px;margin:0}
.telescreen-ui .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.telescreen-ui .error{color:#b42318}.telescreen-ui::backdrop{background:#10243acc}
.telescreen-ui .device-card{display:flex;align-items:stretch;flex-direction:column;gap:8px;padding:12px;border:2px solid #d7e1ed;text-align:center;border-radius:12px;min-width:0}.telescreen-ui .device-card svg{width:40px;height:40px;fill:none;stroke:#052754;stroke-width:2}.telescreen-ui .device-card small{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.telescreen-ui .media-selected{background:#dff7e6;border-color:#16803c}
.telescreen-ui .telescreen-device-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.telescreen-ui .telescreen-device-actions button{min-width:0;font-size:11px;padding:5px;min-height:32px}
.telescreen-status,.telescreen-plan{border:1px solid #d7e1ed;border-radius:14px;background:white;padding:20px;margin:12px 0}.telescreen-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.telescreen-plan{margin:0;display:flex;flex-direction:column;gap:12px}.telescreen-plan h3{font-size:18px}.telescreen-plan button{margin-top:auto}.telescreen-price{font-size:25px;font-weight:800}.telescreen-alert{color:#b42318}.telescreen-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.telescreen-plan-editor{border:0;border-radius:16px;width:min(550px,95vw);max-height:90vh;overflow:auto;padding:24px}.telescreen-plan-editor label{display:block;margin:12px 0}.telescreen-plan-editor input:not([type=checkbox]),.telescreen-plan-editor textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.telescreen-plan-editor::backdrop{background:#0009}