/* AllGPT AI Store Cloud — developer console styling. Reuses the store design tokens. */
.cloud-tag{font-style:normal;font-weight:600;color:var(--accent);font-size:15px;letter-spacing:-.3px}
.cloud-eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:10px}

/* Landing */
.cloud-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:center;background:linear-gradient(160deg,#eef7f5,#f7f9fc);border:1px solid var(--line);border-radius:26px;padding:44px;margin-top:22px}
.cloud-hero h1{margin-bottom:14px}
.cloud-hero p{color:#3a4f5b;max-width:52ch}
.cloud-hero-copy .button{margin-top:22px}
.cloud-hero-art{position:relative;display:grid;place-items:center;min-height:220px}
.cloud-drive{position:relative;width:180px;height:120px;border-radius:18px;background:linear-gradient(150deg,#12665d,#0b514a);box-shadow:0 18px 40px rgba(18,102,93,.28);display:grid;place-items:center;gap:8px;padding:16px}
.cloud-drive span{display:block;width:100%;height:8px;border-radius:6px;background:rgba(255,255,255,.35)}
.cloud-drive span:nth-child(2){width:78%}.cloud-drive span:nth-child(3){width:60%}
.cloud-drive em{position:absolute;bottom:-14px;font-style:normal;background:white;border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;color:var(--accent);box-shadow:0 6px 16px rgba(20,40,40,.12)}
.cloud-key{position:absolute;top:6px;right:14%;font-size:34px;filter:drop-shadow(0 8px 14px rgba(20,40,40,.2))}
.cloud-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:22px}
.cloud-features article{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}
.cloud-features h3{margin-bottom:8px}
.cloud-features p{color:var(--muted);font-size:14px;margin:0}

/* Locked / error */
.cloud-locked,.cloud-loading-fail{text-align:center;padding:70px 20px;max-width:640px;margin:0 auto}
.cloud-locked h1{font-size:34px;letter-spacing:-1px}
.cloud-locked p{color:var(--muted);margin:0 auto 8px;max-width:52ch}
.cloud-locked .dialog-actions{justify-content:center;margin-top:22px}

/* Console shell */
.cloud-shell{margin-top:18px}
.cloud-quota{margin:20px 0 8px}
.quota-bar{height:12px;border-radius:999px;background:#e7eef1;overflow:hidden;border:1px solid var(--line)}
.quota-bar span{display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,#12665d,#299c90);border-radius:999px;transition:width .4s ease}
.quota-legend{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:8px}
.cloud-tabs{display:flex;gap:8px;margin:22px 0 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.cloud-tab{background:none;border:0;border-bottom:2px solid transparent;padding:12px 16px;font-weight:600;color:var(--muted);font-size:14px;display:inline-flex;align-items:center;gap:8px}
.cloud-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-count{background:#e7f0ee;color:var(--accent);border-radius:999px;font-size:12px;padding:1px 8px;font-weight:700}
.cloud-panel{padding:24px 0 40px}
.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.panel-head h2{margin-bottom:6px;font-size:22px}
.panel-head p{color:var(--muted);font-size:14px;margin:0;max-width:62ch}
.panel-head code{background:#eef3f6;padding:1px 6px;border-radius:6px;font-size:13px}

/* Upload */
.upload-bar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.field.inline{display:flex;flex-direction:column;gap:6px}
.field.inline span{font-size:13px;font-weight:600;color:#425766}
.field.inline input{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;min-width:220px;background:white}
.upload-btn{cursor:pointer}
.upload-progress{background:#f2f7f6;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.up-name{font-weight:600;font-size:14px;margin-bottom:8px;word-break:break-all}
.up-bar{height:8px;border-radius:999px;background:#dfe7ec;overflow:hidden}
.up-bar span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .2s}
.up-num{font-size:12px;color:var(--muted);margin-top:6px}

/* Tables */
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:white}
.cloud-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.cloud-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.cloud-table td{padding:13px 16px;border-bottom:1px solid #eef3f6;vertical-align:middle}
.cloud-table tr:last-child td{border-bottom:0}
.cloud-table .num{text-align:right;font-variant-numeric:tabular-nums}
.cloud-table th.num{text-align:right}
.file-path{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.file-act{text-align:right;white-space:nowrap}
.file-act .text-button{margin-left:14px}
.cloud-empty{text-align:center;color:var(--muted);padding:38px 16px!important}

/* Keys */
.key-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}
.key-form input{flex:1;min-width:220px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;background:white}
.key-preview{background:#eef3f6;padding:3px 8px;border-radius:7px;font-size:13px;letter-spacing:.5px}
.key-reveal{display:flex;gap:10px;align-items:center;background:#0b2b28;color:#dff3ef;border-radius:12px;padding:14px;margin:14px 0}
.key-reveal code{flex:1;word-break:break-all;font-size:14px;font-family:ui-monospace,Consolas,monospace}
.key-reveal .button{flex-shrink:0}
.key-dialog p{font-size:14px}

/* Multimode */
.mm-cap input{width:110px;min-width:110px}
.mm-lock{font-size:13px}
.mm-online{display:inline-block;min-width:20px;text-align:center;font-weight:700;color:var(--muted)}
.mm-online.hot{color:var(--accent)}
.mm-sub-head{margin-top:34px}
.text-button:disabled{opacity:.45;cursor:not-allowed}

/* Logs */
.log-event{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#eef3f6;color:#425766;white-space:nowrap}
.log-event.e-upload,.log-event.e-download{background:#e7f0ee;color:var(--accent)}
.log-event.e-delete,.log-event.e-key-delete{background:#fbe9eb;color:#ad3540}
.log-event.e-auth{background:#fdf1e0;color:#a9631b}
tr.log-bad td{background:#fdf6f6}

@media(max-width:820px){.cloud-hero{grid-template-columns:1fr;padding:30px 22px}.cloud-hero-art{display:none}.cloud-features{grid-template-columns:1fr}}
@media(max-width:680px){.cloud-table{min-width:520px}.file-path{max-width:200px}}