/* ============================================
   wp-nexcore-dashboard — dashboard.v1.css
   Prefix: core-dashboard- (cross-site compatible)
   All variables have CSS fallbacks — uses theme
   variables when available on CFA, falls back to
   default values on other sites.
   ============================================ */

/* --- Auth modal overlay --- */
.core-dashboard-auth-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #060B1ED9 !important;
  z-index: 9998 !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.core-dashboard-auth-box {
  background: var(--c-bg, #0E1332) !important;
  border: 1px solid var(--c-border, #1A2048) !important;
  border-radius: var(--radius-md, 14px) !important;
  padding: var(--space-lg, 40px) !important;
  width: 90% !important;
  box-shadow: var(--shadow-lift, 0 8px 32px #00000066) !important;
  position: relative !important;
}

@media (min-width: 1024px) {
  .core-dashboard-auth-box {
    width: 25% !important;
  }
}

.core-dashboard-auth-form input {
  width: 100% !important;
  padding: 14px var(--space-sm, 16px) !important;
  background: var(--c-bg, #060B1E) !important;
  border: 1px solid var(--c-border, #1A2048) !important;
  border-radius: var(--radius-sm, 10px) !important;
  color: var(--c-text, #FFFFFF) !important;
  font-family: 'NeoSansStdLight', sans-serif !important;
  font-size: 16px !important;
  margin-bottom: var(--space-sm, 16px) !important;
  outline: none !important;
}

.core-dashboard-auth-form input:focus {
  border-color: var(--c-accent, #00D4FF) !important;
  box-shadow: var(--glow-accent-sm, 0 0 6px #00D4FF) !important;
}

/* --- Auth form buttons — use theme's .core-btn-ghost with modal-specific overrides --- */
.core-dashboard-auth-form .core-btn-ghost {
  width: 100% !important;
  margin: 0 !important;
}

/* --- Checkbox CGU --- */
.core-dashboard-auth-checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-bottom: var(--space-sm, 16px) !important;
  font-size: 12px !important;
  color: var(--c-muted, #6B7199) !important;
  font-family: 'NeoSansStdLight', sans-serif !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
}

.core-dashboard-auth-checkbox input[type="checkbox"] {
  width: auto !important;
  margin: 2px 0 0 0 !important;
  accent-color: var(--c-accent, #00D4FF) !important;
  flex-shrink: 0 !important;
}

.core-dashboard-auth-checkbox a {
  color: var(--c-accent, #00D4FF) !important;
  text-decoration: underline !important;
}

/* --- Send verification code button --- */
.core-dashboard-send-code-btn {
  width: 100% !important;
  padding: 10px var(--space-sm, 16px) !important;
  margin-bottom: var(--space-sm, 16px) !important;
  background: transparent !important;
  border: 1px solid var(--c-accent-50, #00D4FF80) !important;
  border-radius: var(--btn-radius, 50px) !important;
  color: var(--c-accent, #00D4FF) !important;
  font-family: 'Turret Road', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.core-dashboard-send-code-btn:hover {
  background: var(--c-accent-10, #00D4FF1A) !important;
}

.core-dashboard-send-code-btn:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.core-dashboard-auth-link {
  display: block !important;
  text-align: center !important;
  margin-top: var(--space-sm, 16px) !important;
  color: var(--c-muted, #6B7199) !important;
  font-size: 14px !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

.core-dashboard-auth-close {
  position: absolute !important;
  top: var(--space-sm, 16px) !important;
  right: var(--space-sm, 16px) !important;
  color: var(--c-muted, #6B7199) !important;
  font-size: 20px !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
}

.core-dashboard-auth-error {
  color: #EF4444 !important;
  font-size: 14px !important;
  margin-bottom: var(--space-sm, 16px) !important;
  display: none !important;
}

/* --- Account icon (widget shortcode, placed next to mini-cart) --- */
.core-dashboard-account-icon {
  color: var(--c-accent, #00D4FF) !important ;
  font-size: 45px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.2s!important;
}

.core-dashboard-account-icon:hover {
  color: var(--c-gold-light, #FFD375) !important;
}

/* --- Dashboard layout --- */
.core-dashboard-grid {
  display: flex !important;
  gap: var(--space-lg, 40px) !important;
}

.core-dashboard-sidebar {
  width: 240px !important;
  flex-shrink: 0 !important;
}

.core-dashboard-main {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--space-lg, 40px) !important;
}

.core-dashboard-nav-link {
  display: block !important;
  padding: var(--space-xs, 12px) var(--space-sm, 16px) !important;
  color: var(--c-muted, #6B7199) !important;
  font-family: 'Turret Road', sans-serif !important;
  font-size: 15px !important;
  text-decoration: none !important;
  border-radius: var(--radius-sm, 10px) !important;
  transition: background 0.2s, color 0.2s !important;
}

.core-dashboard-nav-link:hover,
.core-dashboard-nav-link.active {
  background: var(--c-accent-10, #00D4FF1A) !important;
  color: var(--c-accent, #00D4FF) !important;
}

/* --- Session boxes --- */
.core-dashboard-session-box {
  padding: var(--space-md, 20px) !important;
  border: 1px solid var(--c-border, #1A2048) !important;
  border-radius: var(--radius-md, 14px) !important;
  background: var(--c-surface, #0E1332) !important;
  margin-bottom: var(--space-sm, 16px) !important;
}

.core-dashboard-session-box h5 {
  font-family: 'Turret Road', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--c-text, #FFFFFF) !important;
  margin: 0 0 8px !important;
}

.core-dashboard-session-expires {
  font-size: 14px !important;
  color: var(--c-muted, #6B7199) !important;
  margin: 0 0 12px !important;
}

.core-dashboard-lang-btn {
  display: inline-block !important;
  padding: 8px 20px !important;
  border: 1px solid var(--c-accent, #00D4FF) !important;
  border-radius: var(--btn-radius, 50px) !important;
  background: transparent !important;
  color: var(--c-accent, #00D4FF) !important;
  font-family: 'Turret Road', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  margin-right: 8px !important;
  transition: background 0.2s !important;
}

.core-dashboard-lang-btn:hover {
  background: var(--c-accent-20, #00D4FF33) !important;
}

.core-dashboard-lang-btn.disabled {
  border-color: var(--c-muted, #6B7199) !important;
  color: var(--c-muted, #6B7199) !important;
  cursor: not-allowed !important;
}

.core-dashboard-briefing-unavailable {
  color: var(--c-muted, #6B7199) !important;
  font-size: 14px !important;
  font-style: italic !important;
}

.core-dashboard-empty {
  text-align: center !important;
  padding: var(--space-xl, 60px) 0 !important;
  color: var(--c-muted, #6B7199) !important;
}

.core-dashboard-empty-link {
  color: var(--c-accent, #00D4FF) !important;
}