#cloud-view[hidden]{display:none!important}
.cloud-shell{max-width:1150px;margin:0 auto;color:var(--text)}
.cloud-hero{padding:30px;border-radius:16px;background:linear-gradient(110deg,#201a15,#4c341d);color:white;margin-bottom:22px}
.cloud-kicker{font-weight:800;letter-spacing:1.2px;font-size:10px;color:#e6be79}
.cloud-hero h1{font-size:clamp(24px,3.2vw,33px);margin:10px 0}
.cloud-hero p{color:#e3d4bb;font-size:13px;line-height:1.65}
.cloud-status{display:flex;gap:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:17px 20px;margin-bottom:16px}
.cloud-status strong{font-size:13px}.cloud-status span{font-size:11px;color:var(--muted)}
.cloud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.cloud-panel{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface);box-shadow:var(--shadow);min-width:0}
.cloud-panel h2{font-size:17px;margin:0 0 8px}
.cloud-panel p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 16px}
.cloud-panel label{display:block;font-size:12px;font-weight:720;margin:13px 0}
.cloud-panel input{display:block;width:100%;margin-top:8px;font-size:13px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);min-width:0}
.cloud-panel input:focus{outline:2px solid #b88737;outline-offset:1px}
.cloud-wide{grid-column:1/-1}
.cloud-btn{border:1px solid #c39958;background:#9c712f;color:#fff;padding:10px 17px;min-height:40px;font-size:12px;border-radius:9px;font-weight:750;cursor:pointer}
.cloud-btn:disabled{opacity:.42;cursor:not-allowed}
.cloud-btn.cloud-outline{background:var(--surface);color:var(--text);border-color:var(--line)}
.cloud-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.cloud-tabs button{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:11px;font-weight:720;cursor:pointer}
.cloud-tabs button.active{border-color:#b88840;background:#f5e5c5;color:#6c481b}
.cloud-actions{display:flex;gap:10px;flex-wrap:wrap}
.cloud-list{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}
.cloud-list span{border:1px solid var(--line);background:var(--soft);padding:7px 10px;border-radius:7px;color:var(--muted);font-size:11px}
.cloud-warning{border-left:3px solid #c1964a;padding:11px 13px;background:var(--soft);border-radius:0 8px 8px 0}
.cloud-message{font-size:12px;line-height:1.6;color:#765117;margin:15px 0;min-height:20px}
.cloud-message.cloud-error{color:#ac422d}
.cloud-footer{margin:15px 0;color:var(--muted);font-size:11px;line-height:1.6}
:root[data-theme="dark"] .cloud-tabs button.active{color:#f6d9a3;background:#47331b}
@media(max-width:800px){.cloud-grid{grid-template-columns:1fr}.cloud-wide{grid-column:auto}}
@media(max-width:500px){.cloud-hero{padding:21px}.cloud-panel{padding:17px}.cloud-actions .cloud-btn{width:100%}}