/* SolidDesk visual identity — v1.1 brandkit. Additive theme: no application logic is changed. */
:root {
  --ink:#0F2747;
  --navy:#0F2747;
  --navy2:#173652;
  --red:#7A1E2D;
  --red2:#A5364D;
  --cream:#F6F7F9;
  --paper:#FFFFFF;
  --line:#E5E7EB;
  --sub:#6B7280;
  --muted:#8994A3;
  --shadow:0 12px 38px rgba(15,39,71,.055);
  font-family:Inter,"Segoe UI Variable","Aptos","Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:#F6F7F9;
}
body {background:#F6F7F9; color:var(--ink);}
button,input,select,textarea{font-family:inherit;}
:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline-color:#AD5367;
}
::selection {background:#F0CCD3;color:#0F2747;}

/* Distinctive icon and two-tone wordmark across public page and authenticated app */
.brand {display:inline-flex;align-items:center;gap:11px;line-height:1.05;letter-spacing:-.042em;}
.brand-badge {width:47px;height:47px;flex:0 0 auto;display:grid;place-items:center;background:transparent;border-radius:12px;box-shadow:none;}
.brand-badge img {width:100%;height:100%;display:block;object-fit:contain;}
.brand-type {display:flex;flex-direction:column;gap:0;min-width:0;}
.brand-name {display:block;white-space:nowrap;font-size:21px;font-weight:800;letter-spacing:-.052em;}
.brand-solid {color:#0F2747;}
.brand-desk {color:#7A1E2D;}
.brand-light .brand-badge {background:#F6F7F9;padding:5px;border-radius:12px;}
.brand-light .brand-name {font-size:18px;}
.brand-light .brand-solid {color:#FFFFFF;}
.brand-light .brand-desk {color:#E9B0BC;}
.side-head {padding-top:24px;padding-bottom:23px;}

/* Public / login pages: calm Scandinavian spacing, restrained depth. */
.public {background:radial-gradient(ellipse 650px 410px at 0% 0%,#F5EDEF 0%,transparent 78%),linear-gradient(145deg,#FFFFFF 4%,#F6F7F9 90%);}
.site-top{padding-top:23px;padding-bottom:23px;}
.landing {gap:clamp(36px,6vw,92px);}
.landing-intro {max-width:660px;}
.landing-intro h1 {color:#0F2747;font-weight:830;letter-spacing:-.066em;line-height:1.075;}
.landing-intro h1 em {color:#7A1E2D;}
.landing-intro>p {color:#667184;line-height:1.8;max-width:540px;}
.eyebrow {color:#7A1E2D;letter-spacing:.14em;font-weight:800;}
.quote .mini-avatar {background:#F3E8EB;color:#7A1E2D;}
.auth-card {border:1px solid #E5E7EB;border-radius:22px;box-shadow:0 25px 70px rgba(15,39,71,.075);}
.auth-card h2 {color:#0F2747;font-weight:800;}
.auth-tabs {background:#EFF1F4;}
.auth-tabs button.active {color:#0F2747;}
.auth-foot,.help-line{color:#717D8E;}
.trust svg {color:#7A1E2D;}
.footer{border-color:#E5E7EB;color:#8793A0;}

/* Shared components / controls */
.btn {border-color:#E1E6EC;border-radius:10px;font-weight:700;}
.btn.primary {background:#7A1E2D;border-color:#7A1E2D;color:#FFFFFF;box-shadow:0 9px 18px rgba(122,30,45,.16);}
.btn.primary:hover:not(:disabled) {background:#63202C;border-color:#63202C;}
.btn.dark {background:#0F2747;border-color:#0F2747;}
.btn.dark:hover:not(:disabled) {background:#183A5D;}
input,select,textarea{border-color:#DCE2E9;color:#152A48;}
input:focus,select:focus,textarea:focus{border-color:#9F5666;}
.text-link {color:#7A1E2D;}
.builder-materials summary {color:#7A1E2D;}
.card,.stat {border-color:#E5E7EB;border-radius:16px;box-shadow:var(--shadow);}
.page-header h1,.card-h h2,.stat strong {color:#0F2747;}
.stat-head svg {color:#7A1E2D;}
.stat-head span {color:#667488;}
.stat-foot,.page-header p {color:#788495;}
th {background:#F9FAFB;color:#738094;}
.badge.neutral {background:#EFF2F6;color:#526277;}
.notice {border-color:#E7EBF0;}

/* The navigation remains deep navy; burgundy defines current location. */
.sidebar {background:#0F2747;}
.side-caption {color:#9AACC1;}
.nav-link {color:#BECADC;}
.nav-link:hover {color:#FFFFFF;background:rgba(255,255,255,.075);}
.nav-link.active {color:#FFFFFF;background:rgba(255,255,255,.115);box-shadow:inset 3px 0 #BC6E83;}
.side-account {border-top-color:rgba(255,255,255,.12);}
.avatar {background:#7A1E2D;}
.app-top {border-bottom-color:#E5E7EB;}
.app-top .crumb b {color:#0F2747;}
.org-chip {color:#4C6279;border-color:#E0E6EC;}
.workspace {color:#0F2747;}
#toast .toast-msg {background:#0F2747;}
#toast .toast-msg.bad {background:#7A1E2D;}

/* Compact navigation: icon always visible; full wordmark on expanded mobile drawer */
@media (max-width:850px) {
  .sidebar:not(.is-open) .brand-type {display:none;}
  .sidebar .brand-badge {display:grid;}
  .sidebar.is-open .brand-type {display:flex;}
}
@media (max-width:600px) {
  .brand-name {font-size:19px;}
  .brand-badge {width:42px;height:42px;}
  .sidebar.is-open .brand-badge {width:42px;height:42px;}
  .landing-intro h1 {font-size:clamp(34px,8vw,42px);}
}
@media print {
  .public {background:#FFFFFF;}
  .card,.stat {box-shadow:none;}
}