:root{--cloud-green:#345c50;--cloud-ink:#163b38}
.cloud-login{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f5f4;color:var(--cloud-ink);font:16px/1.6 system-ui,sans-serif}
.cloud-login main{width:min(430px,calc(100vw - 72px));margin:24px;padding:36px;border:1px solid #d8e2df;background:white;border-radius:20px;box-shadow:0 16px 60px #173f3410}
.cloud-login h1{font-size:32px;margin:4px 0 14px}.cloud-login .eyebrow{font-size:13px;color:#5f7970;margin:16px 0 3px}.login-logo{width:48px;height:48px;object-fit:contain}
.cloud-login label{display:block;margin:18px 0 8px}.cloud-login input,.cloud-account input{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #bdcec7;border-radius:8px;margin-top:6px}
.cloud-login [hidden]{display:none}.cloud-login button{width:100%;padding:13px;border:0;background:var(--cloud-green);color:white;font:600 16px system-ui;border-radius:9px;margin-top:16px;cursor:pointer}
.cloud-login button:disabled{opacity:.5}.cloud-login small{color:#6b7b76;font-size:12px;display:block}.cloud-login [role=status]{color:#a33824}
.cloud-team-entry{padding:10px 14px;border:1px solid #dce6e1;border-radius:8px;background:#f5f8f6;color:#345c50}
.cloud-account{border:0;border-radius:16px;max-width:680px;width:calc(100% - 48px);max-height:85vh;overflow:auto;padding:24px;color:#193f39}
.cloud-account::backdrop{background:#142a2455}.cloud-account header{display:flex;justify-content:space-between;align-items:center}.cloud-account form{display:grid;gap:12px;margin:20px 0}.cloud-account table{width:100%;border-collapse:collapse}.cloud-account td{padding:9px;border-bottom:1px solid #ddd}.cloud-account label{font-size:14px}.cloud-account [role=status]{color:#a33824}
.cloud-sync-note{font-size:12px;color:#567367}
#cloud-connection-status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:100000;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px 18px;border:1px solid #e3b879;border-radius:10px;background:#fff8e8;color:#664316;font:14px/1.5 system-ui;box-shadow:0 5px 25px #0002}
@media(max-width:760px){
 .admin-shell{display:block!important}.admin-shell>.sidebar{position:static!important;width:auto!important;min-height:0!important;padding:12px!important}
 .admin-shell .sidebar .brand,.admin-shell .sidebar .navlabel,.admin-shell .sidebar-bottom,.admin-space-label{display:none!important}
 .admin-shell .sidebar nav{display:flex;overflow-x:auto;gap:6px}.admin-shell .sidebar .navitem{flex:none;white-space:nowrap;width:auto;padding:10px!important}
 .admin-shell>.workspace{margin:0!important;width:100%!important;min-width:0}.admin-shell .topbar{padding:12px;gap:10px;flex-wrap:wrap}.admin-shell .top-actions>.badge{display:none}
 .admin-shell .content{padding:14px!important}.admin-shell h1{font-size:26px!important}.admin-columns,.admin-stats,.crm-stats{grid-template-columns:1fr 1fr!important}
 .admin-columns{grid-template-columns:1fr!important}.admin-welcome{flex-wrap:wrap}.admin-welcome h1{font-size:24px!important}
 .card{max-width:100%;overflow-x:auto}.customer-plan-list,.crm-table{min-width:660px}.topbar .breadcrumb{font-size:12px}.admin-identity-button{font-size:12px}
 .scheme-customer,.scheme-config{min-width:0}.scheme-save{flex-wrap:wrap;gap:8px}.scheme-save .actions{flex-wrap:wrap}
}

.cloud-hub main{width:min(720px,calc(100vw - 48px))}
.hub-cards{display:grid;gap:14px;margin:22px 0 8px}
.hub-card{text-align:left;display:grid;gap:8px;padding:18px 18px 16px;border:1px solid #c9d8d2;border-radius:14px;background:#f7faf8;color:inherit;cursor:pointer;font:inherit}
.hub-card:hover,.hub-card:focus-visible{border-color:#345c50;background:#eef5f1;outline:2px solid #345c5040;outline-offset:2px}
.hub-card strong{font-size:18px}
.hub-card span{color:#4d635c;font-size:14px;line-height:1.55}
.hub-card em{font-style:normal;color:#345c50;font-weight:600;font-size:13px}

.admin-switch-entry{display:block;padding:10px 12px;color:#345c50;text-decoration:none;border-radius:8px}
.admin-switch-entry:hover{background:#eef5f1}