/* ============================================================================
   Premium Design System v6 — single override layer (loaded last)
   CSS only. Cleans experimental overrides; applies final visual direction.
   ============================================================================ */

/* ── 1. App shell — light blue-gray #EEF1F5 behind content ── */
body,
.app,
.premium-workspace-surface,
.main-area,
.content,
.tab-pane.active {
  background: #EEF1F5 !important;
  color: var(--prm-text);
}

/* ── 2. Elevated white cards — distinct from page background ── */
.premium-surface,
.premium-card,
.premium-card-soft,
.premium-card-medium,
.premium-block,
.premium-soft-shadow,
.premium-top-highlight,
.card:not(.dashboard-header-area),
.stat-card,
.quick-actions-card,
.dashboard-kpi-card,
.ai-center-card,
.bpro-sig-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 12px rgba(15, 23, 42, 0.06), 0 18px 36px rgba(15, 23, 42, 0.11) !important;
}

/* Industry Library (დარგების ბიბლიოთეკა): the ACTIVE blocks (cafe, hotel) carry a
   frame in the sidebar-tab navy so they read apart from the faded teasers. */
.ai-center-card.lib-active-card {
  border: 2px solid #182A49 !important;
  box-shadow: 0 2px 10px rgba(24, 42, 73, 0.16), 0 12px 28px rgba(15, 23, 42, 0.10) !important;
}

.premium-panel,
.tax-cal-modal,
.modal,
.auth-box,
.ai-float-panel,
.worklist-panel,
.premium-section {
  background: linear-gradient(180deg, var(--prm-surface) 0%, var(--prm-surface-deep) 100%);
  border: 1px solid var(--prm-border);
  border-radius: var(--prm-radius-lg);
  box-shadow:
    0 1px 2px rgba(20, 35, 61, 0.05),
    0 14px 32px rgba(20, 35, 61, 0.10),
    var(--prm-inset-highlight);
}

.premium-section {
  padding: 16px 18px;
}

.card::before,
.stat-card::before {
  display: none !important;
}

/* Featured (strong) launcher cards — metallic gradient gold frame (light→deep gold = shine)
   via the padding-box/border-box two-layer background trick (border-image breaks radius). */
.ai-center-card.ai-center-card-featured {
  border: 2px solid transparent !important;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
              linear-gradient(160deg, #F6E7AE 0%, #E9CB6F 30%, #D4AF37 55%, #C9A84C 75%, #A87920 100%) border-box !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 12px rgba(15, 23, 42, 0.06), 0 18px 36px rgba(15, 23, 42, 0.11), 0 0 10px rgba(212, 175, 55, 0.16) !important;
}

.ai-center-card.ai-center-card-featured[role="button"]:hover {
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
              linear-gradient(160deg, #FBF0C4 0%, #F0D27E 30%, #DDB83E 55%, #D0AF53 75%, #B1832A 100%) border-box !important;
  box-shadow: 0 4px 8px rgba(15, 23, 42, 0.06), 0 22px 44px rgba(15, 23, 42, 0.14), 0 0 14px rgba(212, 175, 55, 0.26) !important;
}

/* Featured cards: gold icon in a gold badge (matches the gold frame) */
.ai-center-card.ai-center-card-featured .bpro-card-icon {
  background: rgba(212, 175, 55, 0.12) !important;
  border: 1px solid rgba(212, 175, 55, 0.55);
}

.ai-center-card.ai-center-card-featured .bpro-card-icon svg {
  stroke: #B8942E !important;
}

/* ── 3. Sidebar shell — true Rich Navy #14233D (not near-black) ── */
.sidebar,
.tabs-wrapper {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border-right: none !important;
  box-shadow: none !important;
}

.sidebar::before,
.sidebar::after {
  display: none !important;
}

/* Brand header band — transparent so the sidebar gradient flows through (no darker patch).
   Height is locked to --shell-topbar-height so its bottom separator line aligns
   exactly with the main topbar's bottom border (one continuous shell). */
.sidebar-logo {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  height: var(--shell-topbar-height) !important;
  min-height: var(--shell-topbar-height) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

/* Logo brand block — tab-navy badge, gold frame, gold metallic letter */
.sidebar-logo .brand-logo-badge,
.sidebar-logo .brand-icon {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: 1.5px solid #D4AF37 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  filter: none !important;
}

.sidebar-logo .brand-logo-letter {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #D4AF37;
  background: linear-gradient(180deg, #E5C76B 0%, #D4AF37 50%, #A87920 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
  letter-spacing: 0;
  text-shadow: none !important;
  filter: none !important;
}

/* Sidebar tabs — solid Rich Navy base, no transparent/dark overlay */
.premium-sidebar-tab,
.sidebar .tab-btn {
  color: #FFFFFF !important;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  box-shadow: none !important;
}

.premium-sidebar-tab .tab-icon,
.sidebar .tab-btn .tab-icon,
.premium-sidebar-tab .tab-icon svg,
.sidebar .tab-btn .tab-icon svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.premium-sidebar-tab:hover,
.sidebar .tab-btn:hover {
  background: #1A2D4D !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

.premium-sidebar-tab-active,
.sidebar .tab-btn.active {
  background: linear-gradient(180deg, #3D4D63 0%, #334155 100%) !important;
  color: #FFFFFF !important;
  font-weight: 600;
  border-left: 3px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.sidebar .tab-btn.active::after {
  display: none !important;
}

/* SME tab (მცირე მეწარმე): gold left bar + gold icon + gold label */
.sidebar .tab-btn.sme-gold-tab {
  border-left: 3px solid #D4AF37 !important;
  color: #D4AF37 !important;
}

.sidebar .tab-btn.sme-gold-tab .tab-icon,
.sidebar .tab-btn.sme-gold-tab .tab-icon svg {
  color: #D4AF37 !important;
  stroke: #D4AF37 !important;
}

/* „ჩემი სივრცე" — the FULL-GOLD tab (metallic gradient, navy text/icon): the one
   loud, attention-grabbing tab; stays gold on hover/active too */
.sidebar .tab-btn.gold-tab,
.sidebar .tab-btn.gold-tab:hover,
.sidebar .tab-btn.gold-tab.active {
  background: linear-gradient(160deg, #F2DF9C 0%, #E3C25C 45%, #D4AF37 75%, #B8942E 100%) !important;
  color: #14233D !important;
  font-weight: 700;
  border-left: 3px solid #A87920 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

.sidebar .tab-btn.gold-tab:hover {
  background: linear-gradient(160deg, #F7E7AC 0%, #EACB6C 45%, #DDB840 75%, #C29C32 100%) !important;
}

.sidebar .tab-btn.gold-tab .tab-icon,
.sidebar .tab-btn.gold-tab .tab-icon svg {
  color: #14233D !important;
  stroke: #14233D !important;
}

.sidebar-footer {
  background: rgba(255, 255, 255, 0.03) !important;
}

/* Company switcher — dark navy family */
.sidebar .company-switcher-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #FFFFFF !important;
}

.sidebar .company-switcher-label {
  color: rgba(248, 250, 252, 0.65) !important;
}

.sidebar .company-switcher-name,
.sidebar .company-switcher-caret,
.sidebar .company-switcher-icon svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Brand title — solid gold, crisp Georgian readability */
.sidebar-logo .brand-title,
.sidebar-logo .title {
  font-family: 'Playfair Display', serif;
  color: #D4AF37 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #D4AF37 !important;
  background-clip: border-box !important;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: none !important;
  filter: none !important;
}

.sidebar-logo .brand-subtitle,
.sidebar-logo .subtitle {
  color: #F8FAFC !important;
  background: none !important;
  -webkit-text-fill-color: #F8FAFC !important;
  letter-spacing: 0;
  font-weight: 500;
  text-shadow: none !important;
  filter: none !important;
}

/* Lower sidebar controls — match tab Rich Navy */
.sidebar-footer .user-bar-action,
.sidebar-footer .user-bar-logout,
.sidebar-footer .user-bar-settings-gear {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

.sidebar-footer .user-bar-action:hover,
.sidebar-footer .user-bar-logout:hover,
.sidebar-footer .user-bar-settings-gear:hover {
  background: #1A2D4D !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
}

.sidebar-footer .user-bar-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sidebar-footer .user-bar-action-icon svg {
  width: 14px;
  height: 14px;
  stroke: #FFFFFF !important;
  fill: none;
}

/* Footer tabs — truncated label; full text on hover (title also set on button) */
.sidebar-footer-tab {
  overflow: hidden;
}
.sidebar-footer-tab-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.sidebar-footer-tab:hover .sidebar-footer-tab-label {
  overflow: visible;
  white-space: normal;
  word-break: break-word;
}

/* ── 4a. Global topbar action buttons — silver metal on the navy frame bar:
   light raised buttons, navy text/icons, full 3D press cycle ── */
.premium-top-button,
.ai-check-topbar-toggle,
.worklist-toggle,
.topbar .va-quick-btn {
  background: linear-gradient(180deg, #CFCFCF 0%, #B3B3B3 55%, #9E9E9E 100%) !important;
  color: #14233D !important;
  border: 1px solid #84888D !important;
  border-radius: var(--prm-radius-btn) !important;
  min-height: 31px;
  padding: 5px 11px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
}

.premium-top-button:hover,
.ai-check-topbar-toggle:hover,
.worklist-toggle:hover,
.topbar .va-quick-btn:hover {
  background: linear-gradient(180deg, #DADADA 0%, #C0C0C0 55%, #ABABAB 100%) !important;
  border-color: #92969B !important;
  color: #14233D !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 5px 12px rgba(0, 0, 0, 0.4) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

.premium-top-button:active,
.ai-check-topbar-toggle:active,
.worklist-toggle:active,
.topbar .va-quick-btn:active {
  background: linear-gradient(180deg, #9C9C9C 0%, #B1B1B1 100%) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(1px) !important;
}

.premium-top-button::before,
.premium-top-button::after,
.ai-check-topbar-toggle::before,
.ai-check-topbar-toggle::after,
.worklist-toggle::before,
.worklist-toggle::after,
.topbar .va-quick-btn::before,
.topbar .va-quick-btn::after {
  display: none !important;
}

/* ✨ AI ასისტენტი + AI აუდიტორი — იგივე ოქრო, რაც sidebar „ჩემი სივრცე" (.gold-tab) */
.ai-float-toggle,
#aiAssistantTopBtn,
#bproNotifBtn {
  background: linear-gradient(160deg, #F2DF9C 0%, #E3C25C 45%, #D4AF37 75%, #B8942E 100%) !important;
  color: #14233D !important;
  border: 2px solid #A87920 !important;
  border-radius: var(--prm-radius-btn) !important;
  min-height: 31px;
  padding: 5px 11px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
}
.ai-float-toggle:hover,
#aiAssistantTopBtn:hover,
#bproNotifBtn:hover {
  background: linear-gradient(160deg, #F7E7AC 0%, #EACB6C 45%, #DDB840 75%, #C29C32 100%) !important;
  border-color: #A87920 !important;
  color: #14233D !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-1px) !important;
}
.ai-float-toggle:active,
#aiAssistantTopBtn:active,
#bproNotifBtn:active {
  background: linear-gradient(160deg, #E3C25C 0%, #D4AF37 45%, #B8942E 75%, #A87920 100%) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(1px) !important;
}
.ai-float-toggle .ai-float-text,
.ai-float-toggle .content-svg-icon,
.ai-float-toggle .content-svg-icon.on-teal,
#aiAssistantTopBtn .ai-float-text,
#aiAssistantTopBtn .content-svg-icon,
#aiAssistantTopBtn .content-svg-icon.on-teal,
#bproNotifBtn,
#bproNotifBtn svg {
  color: #14233D !important;
}
.ai-float-toggle .content-svg-icon svg,
#aiAssistantTopBtn .content-svg-icon svg,
#bproNotifBtn svg {
  stroke: #14233D !important;
  color: #14233D !important;
}

/* Topbar — same box height as ხმოვანი / ბლოკნოტი / AI შემოწმება / AI აუდიტორი */
.topbar #aiAssistantTopBtn {
  height: 31px !important;
  max-height: 31px !important;
  min-height: 31px !important;
  padding: 0 11px !important;
  line-height: 1 !important;
  gap: 7px !important;
  box-sizing: border-box !important;
}
.topbar #aiAssistantTopBtn .ai-robot-icon {
  font-size: 12px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}
.topbar #aiAssistantTopBtn .ai-float-text {
  line-height: 1 !important;
  font-size: 12px !important;
}
.topbar #aiAssistantTopBtn .content-svg-icon {
  width: 16px !important;
  height: 16px !important;
  margin-right: 0 !important;
  vertical-align: 0 !important;
}

.ai-check-topbar-toggle .content-svg-icon,
.ai-check-topbar-toggle .content-svg-icon.on-teal,
.worklist-toggle .content-svg-icon,
.worklist-toggle .content-svg-icon.on-teal {
  color: #14233D !important;
}

.ai-check-topbar-toggle .content-svg-icon svg,
.worklist-toggle .content-svg-icon svg {
  stroke: #14233D !important;
  color: #14233D !important;
}

/* Topbar profile initial — same box as notification bell (#bproNotifBtn) */
.bpro-topbar-icon-btn,
#bproNotifBtn.bpro-topbar-icon-btn,
.bpro-topbar-profile-btn,
#acctMenuBtn {
  min-width: 42px !important;
  width: 42px !important;
  min-height: 31px !important;
  height: 31px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: var(--prm-radius-btn, 10px) !important;
  box-sizing: border-box !important;
}
.bpro-topbar-profile-btn,
#acctMenuBtn {
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: linear-gradient(135deg, #14b8a6, #0d9488) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
}
.bpro-topbar-profile-btn:hover,
#acctMenuBtn:hover {
  background: linear-gradient(135deg, #2dd4bf, #14b8a6) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 5px 12px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-1px) !important;
}
.bpro-topbar-profile-btn:active,
#acctMenuBtn:active {
  transform: translateY(1px) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* ── 4b. Workbench (სამუშაო მაგიდა) top buttons only — deep blue-gray #334155 ── */
.dashboard-hero-actions .dashboard-hero-btn,
.dashboard-hero-actions .va-quick-btn {
  background: linear-gradient(180deg, #3D4D63 0%, #334155 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(15, 23, 42, 0.2) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease !important;
}

.dashboard-hero-actions .dashboard-hero-btn:hover,
.dashboard-hero-actions .va-quick-btn:hover {
  background: linear-gradient(180deg, #46566D 0%, #3D4D63 100%) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -2px 3px rgba(0, 0, 0, 0.22), 0 6px 14px rgba(15, 23, 42, 0.26) !important;
  transform: translateY(-1px) !important;
}

.dashboard-hero-actions .dashboard-hero-btn:active,
.dashboard-hero-actions .va-quick-btn:active {
  background: linear-gradient(180deg, #2C3A4D 0%, #334155 100%) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.32), 0 1px 3px rgba(15, 23, 42, 0.18) !important;
  transform: translateY(1px) !important;
}

.dashboard-hero-actions .dashboard-hero-btn::before,
.dashboard-hero-actions .dashboard-hero-btn::after,
.dashboard-hero-actions .va-quick-btn::before,
.dashboard-hero-actions .va-quick-btn::after {
  display: none !important;
}

.dashboard-hero-actions .dashboard-hero-btn .btn-icon,
.dashboard-hero-actions .dashboard-hero-btn span,
.dashboard-hero-actions .dashboard-hero-btn .content-svg-icon.on-teal {
  color: #FFFFFF !important;
}

.dashboard-hero-actions .dashboard-hero-btn .btn-icon svg {
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* სამუშაო მაგიდა — მხოლოდ AI ასისტენტი + AI აუდიტორი (.btn-ai): იგივე ოქრო, რაც „ჩემი სივრცე" */
.dashboard-hero-actions .dashboard-hero-btn.btn-ai {
  background: linear-gradient(160deg, #F2DF9C 0%, #E3C25C 45%, #D4AF37 75%, #B8942E 100%) !important;
  color: #14233D !important;
  border: 2px solid #A87920 !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}
.dashboard-hero-actions .dashboard-hero-btn.btn-ai:hover {
  background: linear-gradient(160deg, #F7E7AC 0%, #EACB6C 45%, #DDB840 75%, #C29C32 100%) !important;
  border-color: #A87920 !important;
  color: #14233D !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-1px) !important;
}
.dashboard-hero-actions .dashboard-hero-btn.btn-ai:active {
  background: linear-gradient(160deg, #E3C25C 0%, #D4AF37 45%, #B8942E 75%, #A87920 100%) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(1px) !important;
}
.dashboard-hero-actions .dashboard-hero-btn.btn-ai span,
.dashboard-hero-actions .dashboard-hero-btn.btn-ai .btn-icon,
.dashboard-hero-actions .dashboard-hero-btn.btn-ai .btn-icon svg,
.dashboard-hero-actions .dashboard-hero-btn.btn-ai .content-svg-icon.on-teal {
  color: #14233D !important;
}
.dashboard-hero-actions .dashboard-hero-btn.btn-ai .btn-icon svg {
  stroke: #14233D !important;
}

/* Voice controls — separate mic left of voice button */
.va-controls-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.va-controls-group .va-quick-btn {
  flex: 0 0 auto;
}

/* ── 5. Topbar — solid #182A49 = the sidebar gradient's TOP shade, so the two
   surfaces meet seamlessly (one continuous frame, no visible joint) ── */
.topbar {
  background: #182A49 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  height: var(--shell-topbar-height) !important;
  min-height: var(--shell-topbar-height) !important;
  box-sizing: border-box !important;
}

.topbar .topbar-title {
  color: #F8FAFC !important;
}

/* Dashboard hides the topbar (hero panel takes over) — keep the same shell height
   so there is never a different topbar height per tab. */
body:has(#tab-dashboard.tab-pane.active) .topbar {
  height: var(--shell-topbar-height) !important;
  min-height: var(--shell-topbar-height) !important;
  padding: 0 16px !important;
}

.topbar-title,
.card-title {
  color: var(--prm-text);
}

/* ── 6. Hero bands + secondary pills ── */
.card.dashboard-header-area,
.dashboard-header-area {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 16px rgba(20, 35, 61, 0.12) !important;
  backdrop-filter: none !important;
}

.card.dashboard-header-area::before {
  display: none !important;
}

.dashboard-header-area .dashboard-header-subtitle {
  color: rgba(255, 255, 255, 0.72) !important;
}

.salary-result,
.info-dark,
.pl-card-header,
.tax-cal-head,
.worklist-header,
.ai-check-header,
.ai-panel-header,
.vat-work-section-title,
.drill-down-section-title {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 16px rgba(20, 35, 61, 0.10) !important;
  backdrop-filter: none !important;
}

/* Workbench hero secondary pills — same button language as top actions */
.dashboard-hero-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  padding: 5px 12px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;
  background: linear-gradient(180deg, #3D4D63 0%, #334155 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(15, 23, 42, 0.2) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  transition: background 0.15s ease, box-shadow 0.15s ease !important;
}

.dashboard-hero-pill:hover {
  background: linear-gradient(180deg, #46566D 0%, #3D4D63 100%) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -2px 3px rgba(0, 0, 0, 0.22), 0 6px 14px rgba(15, 23, 42, 0.26) !important;
}

.dashboard-hero-pill svg {
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* ── 7. Form buttons — same gradient as the sidebar tabs ── */
.btn {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(20, 35, 61, 0.12) !important;
  box-shadow: 0 2px 8px rgba(20, 35, 61, 0.12) !important;
  transform: none !important;
}

.btn:hover {
  background: linear-gradient(180deg, #1E3355 0%, #182A49 100%) !important;
  transform: none !important;
}

.btn-dark {
  background: var(--prm-surface-deep) !important;
  color: var(--prm-navy) !important;
}

/* ── 8. Attention / notice — white card, no red stripe or decorative red ── */
.dashboard-attention-bar,
.dashboard-attention-bar-active {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-left: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 12px rgba(15, 23, 42, 0.06), 0 18px 36px rgba(15, 23, 42, 0.11) !important;
  color: var(--prm-text) !important;
  backdrop-filter: none !important;
}

.dashboard-attention-item {
  color: #1E293B !important;
  background: transparent !important;
}

.dashboard-attention-item.dashboard-attention-urgent,
.dashboard-attention-urgent {
  color: #1E293B !important;
  background: transparent !important;
}

.dashboard-attention-item.dashboard-attention-urgent > span {
  color: #1E293B !important;
  font-weight: 700;
}

.dashboard-attention-action.btn,
.dashboard-attention-action {
  background: #334155 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.18) !important;
  font-size: 10px !important;
  padding: 4px 12px !important;
  border-radius: 10px !important;
}

/* ── 8b. დღევანდელი სამუშაო — consistent action button sizes ── */
.dashboard-todays-work-task-action.btn,
.dashboard-todays-work .dashboard-todays-work-task-action {
  height: 38px !important;
  min-width: 92px !important;
  width: 92px !important;
  max-width: 92px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-shrink: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

.dashboard-todays-work-task {
  align-items: center !important;
}

.dashboard-todays-work-task-action.btn,
.dashboard-todays-work-task-action.btn.btn-dark,
.dashboard-todays-work-task-action.btn.btn-sm {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(20, 35, 61, 0.12) !important;
  box-shadow: 0 2px 8px rgba(20, 35, 61, 0.12) !important;
}

/* ── 9. Orange text → brand gold ── */
.dashboard-ai-suggestion-status-partial,
.ai-center-status-partial,
.vat-work-disclaimer,
.pr-tax-disclaimer,
.vat-work-sev-warning,
.fa-v2-warn,
.fa-reg-badge.warn,
.vat-summary,
.vat-line,
.vat-total,
.exp-badge.deprec,
[style*="color:#92400E"],
[style*="color: #92400E"],
[style*="color:#D97706"],
[style*="color: #D97706"],
[style*="color:#B45309"],
[style*="color: #B45309"],
[style*="color:#78350F"],
[style*="color: #78350F"] {
  color: var(--prm-gold) !important;
}

.vat-work-disclaimer,
.pr-tax-disclaimer,
.vat-work-sev-warning,
.fa-v2-warn,
.fa-reg-badge.warn,
.vat-summary {
  background: var(--prm-surface) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
}

.worklist-card.today {
  border-left-color: var(--prm-gold) !important;
}

.worklist-card.overdue {
  border-left-color: #EAECF0 !important;
}

/* ── 10. Tables, icons, modals ── */
table thead {
  background: var(--prm-surface-deep) !important;
  color: var(--prm-navy) !important;
}

table tr:hover {
  background: rgba(247, 249, 252, 0.9) !important;
}

.content-svg-icon,
.kpi-svg-icon {
  color: var(--prm-navy) !important;
}

.card-icon {
  background: var(--prm-surface-deep) !important;
  border: 1px solid rgba(20, 35, 61, 0.06) !important;
}

.card-icon .content-svg-icon {
  color: var(--prm-navy) !important;
}

.ai-float-panel {
  background: linear-gradient(180deg, var(--prm-surface) 0%, var(--prm-surface-deep) 100%) !important;
  border: 1px solid var(--prm-border) !important;
  backdrop-filter: none !important;
  box-shadow: 0 8px 28px rgba(20, 35, 61, 0.12) !important;
}

.auth-overlay {
  background: var(--prm-shell) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(20, 35, 61, 0.28) !important;
  box-shadow: 0 0 0 3px rgba(20, 35, 61, 0.08) !important;
}

/* ── MOBILE DASHBOARD HEADER (user call 2026-07-10) ──
   On phones the decorative dark hero becomes a plain simple BLUE panel with
   just the buttons. This lives here (not themes.css) because this file loads
   LAST and the gradient above is pinned with !important. */
@media (max-width: 760px) {
  #dashboard-header-area.card.dashboard-header-area {
    background: #1F4E96 !important;
    border: none !important;
    box-shadow: none !important;
  }
}