/* cloudb.uk theme — Modernize-style dark dashboard (navy + blue-purple), native Bootstrap 5.
   Default dark, desktop. Apps are independent (no IDE shell). */

:root,
[data-bs-theme="dark"] {
  --bs-body-bg:#1a2537;
  --bs-body-color:#cdd7e3;
  --bs-secondary-color:#98a4ae;
  --bs-border-color:#2a3650;
  --bs-card-bg:#202d44;
  --bs-tertiary-bg:#202d44;
  --bs-secondary-bg:#26344e;
  --bs-primary:#635bff; --bs-primary-rgb:99,91,255;
  --bs-secondary:#16cdc7; --bs-secondary-rgb:22,205,199;
  --bs-link-color:#8c84ff; --bs-link-color-rgb:140,132,255; --bs-link-hover-color:#a8a2ff;
  --bs-body-font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --bs-border-radius:.5rem;
}

[data-bs-theme="dark"] .btn-primary{
  --bs-btn-bg:#635bff; --bs-btn-border-color:#635bff;
  --bs-btn-hover-bg:#574fe0; --bs-btn-hover-border-color:#574fe0;
  --bs-btn-active-bg:#574fe0; --bs-btn-focus-shadow-rgb:99,91,255;
}
[data-bs-theme="dark"] .card{ --bs-card-bg:#202d44; --bs-card-border-color:#2a3650; }
[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{
  background-color:#1a2537; border-color:#2a3650; color:var(--bs-body-color);
}
[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{
  border-color:#635bff; box-shadow:0 0 0 .2rem rgba(99,91,255,.2);
}

/* Radial-gradient backdrop (login / dashboard) */
.radial-gradient{ position:relative; background:#1a2537; }
.radial-gradient::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% -10%, rgba(99,91,255,.20), transparent 55%);
}
.radial-gradient > *{ position:relative; z-index:1; }

/* Auth card */
.auth-card{ max-width:440px; width:100%; }

/* Independent-app top bar */
.app-bar{
  height:54px; flex:0 0 54px; display:flex; align-items:center; gap:.75rem;
  padding:0 1rem; background:#202d44; border-bottom:1px solid var(--bs-border-color); z-index:10;
}
.app-bar .brand{ font-weight:600; color:#fff; text-decoration:none; white-space:nowrap; }
.app-bar .app-name{ color:var(--bs-secondary-color); font-size:.9rem; }
.app-bar .acct{ color:var(--bs-secondary-color); }
.app-bar .acct:hover{ color:#fff; }

/* Dashboard app tiles */
.app-tile{ transition:transform .12s ease, border-color .12s ease; text-decoration:none; color:inherit; }
.app-tile:hover{ transform:translateY(-3px); border-color:var(--bs-primary)!important; }
.app-tile .icon-wrap{
  width:48px; height:48px; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:rgba(99,91,255,.15); color:#8c84ff; font-size:24px;
}

/* Thin scrollbars */
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{background:#2f3d57;border:2px solid transparent;background-clip:content-box;border-radius:6px;}
*::-webkit-scrollbar-thumb:hover{background:#3a4a68;background-clip:content-box;}
*::-webkit-scrollbar-track{background:transparent;}