:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#edf1f5;background:#0d1013;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#17202a 0,transparent 34%),#0d1013}button,input,textarea{font:inherit}button{color:inherit}.console-shell{min-height:100vh}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #293039;background:#11161bcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}header>div{display:flex;align-items:center;gap:12px}.brand{font-weight:780;letter-spacing:.02em}.badge,.account{font-size:12px;color:#9aa7b5}.badge{padding:4px 8px;border:1px solid #35404c;border-radius:999px}.breadcrumb{height:46px;display:flex;align-items:center;gap:8px;padding:0 20px;color:#8d9baa;border-bottom:1px solid #242b32;font-size:13px;overflow:auto}.breadcrumb button{background:none;border:0;padding:4px;cursor:pointer}.breadcrumb strong{color:#dbe3eb;white-space:nowrap}.workspace{min-height:calc(100vh - 110px);display:grid;grid-template-columns:minmax(230px,20%) minmax(310px,29%) 1fr}.pane{min-width:0;padding:20px;border-right:1px solid #252c33;overflow:auto}.pane:last-child{border-right:0}.pane-title{min-height:54px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#728295}.pane h2{font-size:18px;margin:5px 0 16px}.pane h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8997a5;margin:20px 2px 8px}.resource-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.resource-list button{width:100%;min-height:66px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:12px;padding:10px 11px;background:#14191f;cursor:pointer}.resource-list.compact button{grid-template-columns:1fr auto;min-height:60px}.resource-list button:hover{background:#192027}.resource-list button.selected{background:#1b2731;border-color:#3c6989}.resource-list strong,.resource-list small{display:block}.resource-list strong{font-size:13px;margin-bottom:5px}.resource-list small{color:#81909f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.resource-list em{font-size:11px;font-style:normal;color:#9aa7b5;text-align:right}.status-dot{width:8px;height:8px;border-radius:50%;background:#69737d}.status-dot.online{background:#42d392;box-shadow:0 0 0 4px #42d39218}.status-dot.degraded{background:#f0b35b}.state-pill{font-size:12px;border-radius:999px;padding:6px 10px;background:#25313b;color:#b9c8d5}.state-pill.running{background:#173c38;color:#72dec0}.state-pill.reconnecting{background:#493919;color:#f1c36f}.facts{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));border:1px solid #2a323a;border-radius:14px;background:#12171c}.facts div{padding:13px;border-right:1px solid #2a323a}.facts div:last-child{border-right:0}.facts small,.facts strong{display:block}.facts small{font-size:10px;text-transform:uppercase;color:#718090;margin-bottom:6px}.facts strong{font-size:12px;overflow-wrap:anywhere}.history,.composer,.confirmation{margin-top:18px;border:1px solid #29323a;border-radius:14px;background:#12171c;padding:16px}.history h3,.confirmation h3{font-size:14px;margin:0 0 12px}.empty-history{padding:22px;border-radius:10px;background:#0f1317;color:#aab5c0}.empty-history strong{font-size:13px}.empty-history p{font-size:12px;line-height:1.6;margin:6px 0 0;color:#788796}.composer label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}.composer textarea{width:100%;min-height:112px;resize:vertical;border:1px solid #35404a;border-radius:10px;background:#0d1115;color:#edf1f5;padding:12px;outline:none}.composer textarea:focus{border-color:#5d95bd;box-shadow:0 0 0 3px #5d95bd24}.composer textarea:disabled{opacity:.55}.composer-foot,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.composer-foot small{color:#778796}.primary,.quiet{min-height:40px;border-radius:9px;padding:0 14px;border:1px solid #38444e;cursor:pointer}.primary{background:#e8f0f6;color:#111820;border-color:#e8f0f6;font-weight:700}.primary:disabled,.quiet:disabled{opacity:.42;cursor:not-allowed}.quiet{background:#171d22;color:#b8c3cd}.confirmation{border-color:#536776}.confirmation dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.confirmation dl div{background:#0d1115;border-radius:8px;padding:9px}.confirmation dt{font-size:10px;color:#768797}.confirmation dd{font-size:12px;margin:4px 0 0}.confirmation pre{white-space:pre-wrap;word-break:break-word;background:#0d1115;padding:12px;border-radius:8px;font:12px/1.6 ui-monospace,monospace}.notice{border-left:3px solid #71a7cb;padding:10px 12px;background:#15202a;color:#b9cbd8;font-size:12px}.auth-shell,.center{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);border:1px solid #2e3841;background:#12171dcc;padding:28px;border-radius:18px;box-shadow:0 24px 80px #0008}.auth-card h1{font-size:26px;margin:8px 0}.auth-card p{color:#8d9baa;line-height:1.6}.auth-card label{display:grid;gap:6px;margin:14px 0;color:#abb6c1;font-size:12px}.auth-card input{min-height:44px;padding:0 12px;background:#0d1115;color:#fff;border:1px solid #35404a;border-radius:9px}.auth-card .primary{width:100%;margin-top:8px}.error{color:#ff9b98!important}.center{color:#8d9baa}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:420px;overflow:auto}.history-list li{padding:12px;border-radius:10px;background:#0f1317}.history-list small{color:#718090;text-transform:uppercase;font-size:10px}.history-list p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55}@media(max-width:1023px){.workspace{grid-template-columns:280px 1fr}.detail{grid-column:1/-1;border-top:1px solid #252c33}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid #2a323a}}@media(max-width:735px){header{height:56px;padding:0 14px}.breadcrumb{padding:0 12px}.workspace{display:block;min-height:calc(100vh - 102px)}.pane{display:none;border-right:0;padding:15px}.pane.mobile-active{display:block}.facts{grid-template-columns:1fr 1fr}.confirmation dl{grid-template-columns:1fr}.composer-foot{align-items:flex-end}.primary,.quiet{min-height:44px}.resource-list button{min-height:68px}.pane.detail .actions{flex-wrap:wrap}.pane.detail .actions button{flex:1 1 140px}}.account-actions{display:flex;align-items:center;gap:10px}.link-button{border:0;background:transparent;color:#91a7b9;font-size:12px;cursor:pointer}.danger{min-height:40px;border-radius:9px;padding:0 14px;border:1px solid #71343a;background:#3b1d20;color:#ffb2b0;font-weight:700;cursor:pointer}.danger:disabled{opacity:.42;cursor:not-allowed}.scope-note,.safety-banner{font-size:12px;line-height:1.55;border-radius:10px;padding:10px 12px}.scope-note{margin:0 0 12px;background:#2a2417;color:#d9bd7d}.safety-banner{margin-top:12px;display:grid;gap:3px;background:#16232d;border:1px solid #294154;color:#a9c5d8}.safety-banner strong{color:#d7e5ef}.policy{display:flex!important;align-items:center;gap:8px;margin-top:10px!important;color:#e3bd7a!important}.policy input{width:16px;height:16px}.control-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.confirmation-note,.warning{font-size:12px;line-height:1.55;color:#d7bd88}.command-card{margin-top:18px;padding:16px;border:1px solid #2d3c47;border-radius:14px;background:#12191f}.command-card.outcome_unknown{border-color:#895d27}.command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.command-head h3{font-size:14px;margin:5px 0}.command-status{padding:5px 9px;border-radius:999px;background:#24313a;color:#bcd0df;font-size:11px}.command-meta{display:flex;gap:12px;flex-wrap:wrap;color:#748493;font-size:11px}.command-card details{margin-top:12px}.command-card summary{cursor:pointer;color:#a8b7c3;font-size:12px}.audit-list{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:6px}.audit-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 9px;border-radius:8px;background:#0e1317;font-size:11px}.audit-list em{font-style:normal;color:#9cacb8}.audit-list em.failed,.audit-list em.denied{color:#ef9793}.audit-list time{color:#687987}@media(max-width:735px){.danger{min-height:44px}.control-strip button{flex:1 1 145px}.audit-list li{grid-template-columns:1fr auto}.audit-list time{grid-column:1/-1}.account{display:none}}@media(max-width:380px){.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid #2a323a}.facts div:last-child{border-bottom:0}.composer-foot{display:grid}.composer-foot .primary{width:100%}}.header-action{min-height:34px}.pairing-panel{position:fixed;z-index:20;top:76px;right:18px;width:min(460px,calc(100vw - 36px));max-height:calc(100vh - 94px);overflow:auto;padding:20px;border:1px solid #40505d;border-radius:16px;background:#12191ff5;box-shadow:0 24px 80px #000b}.pairing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pairing-head h2{margin:5px 0 8px;font-size:20px}.pairing-panel>p,.pairing-empty{color:#95a5b3;font-size:12px;line-height:1.6}.pairing-panel>small{display:block;color:#7e8e9c;margin:8px 0 12px}.pairing-code{display:block;padding:14px;border:1px solid #42627a;border-radius:10px;background:#0c1318;color:#dcecf8;font:700 24px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-align:center;-webkit-user-select:all;user-select:all}.pairing-panel h3{margin:20px 0 8px;font-size:12px;color:#8997a5;text-transform:uppercase;letter-spacing:.08em}.pending-devices{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pending-devices li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:#0e1419}.pending-devices strong,.pending-devices small{display:block}.pending-devices strong{font-size:13px}.pending-devices small{margin-top:4px;color:#7f909e;font-size:11px}@media(max-width:735px){.header-action{min-height:38px;padding:0 10px}.pairing-panel{top:66px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 76px)}.pending-devices li{align-items:stretch;flex-direction:column}.pending-devices button{width:100%}}
