
/* v26: cleaner, tighter professional UI and safer admin controls. */
:root{
  --v26-text:#071426;
  --v26-muted:#43536b;
  --v26-blue:#125fe8;
  --v26-cyan:#1fbfe8;
  --v26-line:rgba(15,23,42,.105);
  --v26-card:#ffffff;
  --v26-dark-card:#071225;
  --v26-soft-blue:#f4f9ff;
  --v26-soft-indigo:#f7f5ff;
}

/* More professional global scale: less oversized typography. */
.hero h1,
.hero-premium h1{
  font-size:clamp(2.45rem, 4.7vw, 4.75rem) !important;
  line-height:.98 !important;
  max-width:12.7ch !important;
  letter-spacing:-.055em !important;
}
h1{ font-size:clamp(2.15rem, 4.4vw, 4.8rem) !important; }
h2{ font-size:clamp(1.65rem, 2.6vw, 3rem) !important; }
h3{ font-size:clamp(1.05rem, .8vw + .95rem, 1.45rem) !important; }
.hero-lead{ font-size:clamp(.98rem, .35vw + .88rem, 1.08rem) !important; line-height:1.72 !important; }

/* Classy interactive effects: subtle, stable, no flashy rounded toy buttons. */
a, button, .button{ transition:color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important; }
.site-nav a:hover,
.sidebar-nav a:hover,
.footer-links a:hover{ color:var(--v26-cyan) !important; }
.site-nav a{ position:relative !important; }
.site-nav a:not(.nav-cta)::after{
  content:""; position:absolute; left:10px; right:10px; bottom:4px; height:2px;
  background:linear-gradient(90deg,var(--v26-blue),var(--v26-cyan));
  transform:scaleX(0); transform-origin:left; transition:transform .22s ease; border-radius:10px;
}
.site-nav a:not(.nav-cta):hover::after{ transform:scaleX(1); }
.button:hover{ transform:translateY(-1px) !important; }
.product-card:hover,.team-card-v18:hover,.card:hover{
  box-shadow:0 24px 70px rgba(18,95,232,.14) !important;
  border-color:rgba(31,191,232,.30) !important;
}

/* Dashboard typography: smaller, denser, professional. */
.dashboard-page{ font-size:14px !important; }
.dashboard-main{ max-width:1500px !important; }
.dashboard-topbar{ min-height:64px !important; padding:16px 24px !important; }
.dashboard-topbar h1{ font-size:clamp(1.55rem, 1.55vw, 2.15rem) !important; letter-spacing:-.035em !important; margin:0 !important; }
.dashboard-card{ padding:24px !important; border-radius:16px !important; }
.dashboard-section-title h3{ font-size:1.28rem !important; margin:0 !important; }
.dashboard-section-title p{ font-size:.92rem !important; margin:.35rem 0 0 !important; }
.dashboard-page .eyebrow{ font-size:.72rem !important; letter-spacing:.16em !important; }

/* Top right username: plain text, no pill, no layout break. */
.dashboard-actions-v20{ display:flex !important; align-items:center !important; gap:12px !important; min-width:0 !important; }
.dashboard-username-v26{
  display:block !important; max-width:160px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;
  color:#dceaff !important; font-size:.88rem !important; font-weight:850 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important;
}
html[data-theme="light"] .dashboard-username-v26{ color:#071426 !important; }

/* User management cards/tables: compact and separated by color tone. */
.user-management-card-v26{ padding:22px !important; border-radius:16px !important; }
.users-team-section-v26{ background:linear-gradient(180deg,rgba(17,101,232,.055),rgba(255,255,255,.02)) !important; }
.users-orion-section-v26{ background:linear-gradient(180deg,rgba(31,191,232,.050),rgba(255,255,255,.015)) !important; }
html[data-theme="light"] .users-team-section-v26{ background:#fbfdff !important; border-left:3px solid rgba(18,95,232,.28) !important; }
html[data-theme="light"] .users-orion-section-v26{ background:#f7fbfe !important; border-left:3px solid rgba(31,191,232,.32) !important; }
.users-table-v26{ width:100% !important; border-collapse:collapse !important; table-layout:auto !important; font-size:.88rem !important; }
.users-table-v26 th{
  padding:10px 14px 9px !important; color:#75849a !important; font-size:.66rem !important; letter-spacing:.13em !important; text-transform:uppercase !important; font-weight:900 !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
}
.users-table-v26 td{ padding:13px 14px !important; border-bottom:1px solid rgba(148,163,184,.12) !important; vertical-align:middle !important; }
.users-table-v26 tr:hover td{ background:rgba(18,95,232,.035) !important; }
html[data-theme="light"] .users-table-v26 tr:hover td{ background:#f2f8ff !important; }
.user-cell-v26{ display:flex !important; align-items:center !important; gap:10px !important; min-width:0 !important; }
.user-cell-v26 strong{ font-size:.92rem !important; line-height:1.2 !important; color:inherit !important; }
.user-cell-v26 small{ font-size:.75rem !important; color:#7a8aa2 !important; }
.user-avatar-v25{
  width:28px !important; height:28px !important; min-width:28px !important; border-radius:8px !important;
  display:grid !important; place-items:center !important; font-size:.74rem !important; font-weight:950 !important;
  color:#fff !important; background:linear-gradient(135deg,#2563eb,#6d4df6) !important;
}
.status-pill-v26{
  border-radius:7px !important; padding:4px 8px !important; font-size:.72rem !important; font-weight:850 !important;
  color:#075db4 !important; background:#eef7ff !important; border:1px solid rgba(18,95,232,.15) !important;
}
html[data-theme="dark"] .status-pill-v26{ color:#7de4ff !important; background:rgba(31,191,232,.10) !important; border-color:rgba(31,191,232,.25) !important; }
.row-actions-v26{ display:flex !important; gap:8px !important; flex-wrap:wrap !important; align-items:center !important; }
.row-actions-v26 .button,.row-actions-v26 button{ border-radius:9px !important; min-height:32px !important; padding:0 13px !important; font-size:.82rem !important; }

/* Light delete button: readable, soft grey, not dark-on-dark. */
html[data-theme="light"] .button-danger,
html[data-theme="light"] .row-actions-v26 .button-danger{
  background:#eef2f7 !important; color:#334155 !important; border:1px solid #cbd5e1 !important;
}
html[data-theme="light"] .button-danger:hover,
html[data-theme="light"] .row-actions-v26 .button-danger:hover{
  background:#e2e8f0 !important; color:#0f172a !important; border-color:#94a3b8 !important;
}

/* Form: no super-admin option, more compact. */
.admin-form-card-v26{ padding:22px !important; }
.admin-user-form-v26{ display:grid !important; grid-template-columns:repeat(2,minmax(220px,1fr)) !important; gap:12px 14px !important; font-size:.88rem !important; }
.admin-user-form-v26 label{ gap:5px !important; }
.admin-user-form-v26 input,.admin-user-form-v26 select{ min-height:40px !important; border-radius:10px !important; font-size:.88rem !important; }
.permission-fieldset-v26{ grid-column:1/-1 !important; border-radius:12px !important; padding:12px !important; gap:10px 16px !important; }
.permission-fieldset-v26 label{ font-size:.86rem !important; }
.permission-fieldset-v26 input[value="super_admin"]{ display:none !important; }
.permission-fieldset-v26 label:has(input[value="super_admin"]){ display:none !important; }

/* Remove notice-like extra spacing. */
.admin-list-head-v26{ margin-bottom:14px !important; }
.admin-list-head-v26 p:empty{ display:none !important; }

/* Mobile: tables become clean cards. */
@media(max-width:760px){
  .dashboard-main{ padding:16px !important; }
  .dashboard-topbar{ padding:14px 16px !important; align-items:flex-start !important; }
  .dashboard-username-v26{ max-width:110px !important; }
  .users-table-wrap-v26{ overflow:visible !important; }
  .users-table-v26,.users-table-v26 tbody,.users-table-v26 tr,.users-table-v26 td{ display:block !important; width:100% !important; }
  .users-table-v26 thead{ display:none !important; }
  .users-table-v26 tr{ padding:13px !important; border-radius:14px !important; border:1px solid rgba(148,163,184,.16) !important; margin-bottom:12px !important; background:rgba(8,19,37,.62) !important; }
  html[data-theme="light"] .users-table-v26 tr{ background:#fff !important; }
  .users-table-v26 td{ padding:8px 0 !important; border:0 !important; display:grid !important; grid-template-columns:120px minmax(0,1fr) !important; gap:10px !important; }
  .users-table-v26 td::before{ content:attr(data-label); font-size:.68rem !important; letter-spacing:.10em !important; text-transform:uppercase !important; font-weight:900 !important; color:var(--v26-blue) !important; }
  .admin-user-form-v26{ grid-template-columns:1fr !important; }
}

/* Less rounded site-wide without breaking identity. */
.card,.product-card,.dashboard-card,.team-card-v18,.mission-card,.timeline-card{ border-radius:16px !important; }
.button,.nav-cta{ border-radius:10px !important; }
.stats-strip article{ border-radius:15px !important; }
.hero-visual img{ border-radius:20px !important; }
.hero-glass-card{ border-radius:14px !important; }

/* Footer light must stay light, matching the header. */
html[data-theme="light"] .site-footer{
  background:#ffffff !important; color:#071426 !important; border-top:1px solid rgba(15,23,42,.10) !important;
}
html[data-theme="light"] .site-footer :where(p,small,a,strong,span){ color:#334155 !important; }
html[data-theme="light"] .site-footer .footer-links a:hover{ color:var(--v26-blue) !important; }
html[data-theme="light"] .footer-brand{ background:#f8fbff !important; }
