.cloud-shell { max-width:1400px; margin:0 auto; padding:28px; display:grid; gap:22px; }
.cloud-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.cloud-heading h1 { margin:5px 0; }
.cloud-heading p, .cloud-muted { color:var(--muted); }
.cloud-panel { padding:24px; border:1px solid var(--border); border-radius:18px; background:var(--panel); }
.cloud-panel h2 { margin-top:0; font-size:1.25rem; }
.cloud-panel h3 { font-size:1rem; }
.cloud-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.cloud-shell a { color:var(--primary); }
.cloud-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:16px; }
.cloud-form { display:flex; align-items:end; flex-wrap:wrap; gap:14px; margin:16px 0; }
.cloud-form label { display:grid; gap:7px; flex:1 1 170px; }
.cloud-form input, .cloud-form select, .cloud-form textarea { width:100%; padding:10px; border:1px solid var(--border); border-radius:8px; background:#fffdf8; color:var(--text); }
.cloud-form input:focus-visible, .cloud-form select:focus-visible, .cloud-form textarea:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.cloud-login { max-width:460px; margin:10vh auto; }
.cloud-login .cloud-form { display:grid; }
.cloud-table-scroll { overflow-x:auto; }
.cloud-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.cloud-table th { text-align:left; color:var(--muted); }
.cloud-table th, .cloud-table td { padding:12px 10px; border-bottom:1px solid var(--border); vertical-align:top; overflow-wrap:anywhere; max-width:300px; }
.cloud-table td:first-child { padding-left:0; }
.cloud-table td .btn { padding:6px 9px; font-size:.85rem; }
.cloud-notice { border-left:4px solid var(--warning); padding:12px 16px; background:#fff0d8; border-radius:8px; }
.cloud-warnings { display:grid; gap:8px; }
.cloud-device dl { display:grid; grid-template-columns:1fr 1.3fr; gap:8px; font-size:.9rem; }
.cloud-device dt { color:var(--muted); }
.cloud-device dd { margin:0; overflow-wrap:anywhere; }
.cloud-pill { padding:4px 9px; display:inline-block; border-radius:20px; background:#e8e3dc; font-size:.8rem; }
.cloud-pill.good { background:#dbefdf; color:#166534; }
.cloud-pill.warn { background:#fce2da; color:#9f2621; }
.cloud-command-result { white-space:pre-wrap; overflow-wrap:anywhere; max-width:32rem; max-height:10rem; overflow:auto; }
.cloud-code { display:block; font-family:monospace; padding:14px; background:#fffdf8; border:1px solid var(--border); border-radius:8px; overflow-wrap:anywhere; user-select:all; }
.cloud-deployment dl { display:grid; grid-template-columns:minmax(140px,auto) 1fr; gap:10px 18px; margin:18px 0; }
.cloud-deployment dt { color:var(--muted); }
.cloud-deployment dd { margin:0; overflow-wrap:anywhere; }
.cloud-sections { display:flex; gap:16px; flex-wrap:wrap; }
.cloud-shell [hidden] { display:none!important; }
.cloud-shell details summary { cursor:pointer; font-weight:600; }
@media(max-width:600px) { .cloud-shell { padding:16px; } .cloud-panel { padding:18px; } .cloud-login { margin:5vh auto; } .cloud-deployment dl { grid-template-columns:1fr; gap:4px; } .cloud-deployment dd { margin-bottom:8px; } }