.cloud-auth{min-height:100dvh;display:grid;place-items:center;padding:24px}.cloud-auth-card{width:100%;max-width:430px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:28px}.cloud-auth-card>.brand{margin-bottom:32px}.cloud-auth-card h1{font-size:24px;margin-bottom:10px}.cloud-auth-card>p{color:var(--muted);line-height:1.6}.cloud-auth-card form{margin:24px 0 16px}.cloud-auth-card .btn.full{width:100%}.cloud-auth-card>a{display:block;margin-top:16px;font-size:13px}.cloud-auth-links{display:flex;justify-content:space-between;font-size:13px}.cloud-local-mail{padding-top:16px;margin-top:24px;border-top:1px solid var(--border);font-size:12px}.cloud-panel{padding:20px;margin:16px 0}.cloud-panel h2{font-size:16px;margin:0 0 12px}.cloud-panel p{line-height:1.7}.cloud-panel form{max-width:460px}.cloud-table-scroll{overflow-x:auto}.cloud-site-picker{display:flex;align-items:center;gap:8px}.cloud-search,select{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface);max-width:100%}.data-table small{display:block;color:var(--muted);margin-top:4px}.cloud-id{overflow-wrap:anywhere;max-width:260px;font-size:11px}.side-bottom>small{display:block;color:var(--muted);margin:8px 0 16px}.cloud-rack-slots{display:grid;grid-template-columns:repeat(var(--rack-cols),minmax(52px,1fr));gap:8px;overflow:auto;padding-bottom:6px}.cloud-slot{border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:12px 6px;color:var(--muted);font:inherit;cursor:pointer}.cloud-slot strong,.cloud-slot small{display:block}.cloud-slot small{margin-top:5px;font-size:10px}.cloud-slot.occupied{background:var(--success-soft,var(--surface));color:var(--text);border-color:var(--border)}.cloud-slot:disabled{cursor:default}.cloud-panel small{font-size:12px;color:var(--muted)}#cloud-dialog{width:min(94vw,520px);border:1px solid var(--border);border-radius:10px;padding:20px;background:var(--surface);color:var(--text);max-height:90dvh;overflow:auto}#cloud-dialog::backdrop{background:#0006}#cloud-dialog .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#cloud-dialog .modal-head h2{font-size:18px}#cloud-dialog .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#cloud-dialog textarea{width:100%;min-height:90px;overflow-wrap:anywhere;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px}#cloud-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--text);color:var(--surface);border-radius:8px;padding:12px 16px;max-width:min(90vw,600px);opacity:0;pointer-events:none;z-index:100;transition:.15s}#cloud-toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:110}.skip:focus{transform:none}.cloud-invite-note{position:fixed;bottom:10px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);max-width:90vw}@media(max-width:700px){.cloud-auth-card{padding:22px}.cloud-auth{padding:16px}.content{padding:20px 12px}.topbar{padding:0 12px}.cloud-panel{padding:14px}.page-actions{flex-wrap:wrap}.cloud-rack-slots{grid-template-columns:repeat(var(--rack-cols),minmax(46px,1fr))}.cloud-site-picker{width:100%}.cloud-site-picker select{flex:1;min-width:0}.cloud-auth-card h1{font-size:22px}}

/* Shared preview styles must not label live database screens as sample data. */
.content::before{content:none!important;display:none!important}