/* ── ფონი — premium light blue-gray shell ── */
body {
  background: #EEF1F5;
  color: #0F172A;
  min-height: 100vh;
}
.app {
  background: #EEF1F5;
}

/* ══════════════════════════════════
   საიდბარი
   ══════════════════════════════════ */
/* Premium v3: rich navy sidebar */
.sidebar {
  width: 230px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border-right: 1px solid rgba(255,255,255,0.08);
  box-shadow: 4px 0 18px rgba(20,35,61,0.12);
  color: #FFFFFF;
}
.sidebar::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 160px;
  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, transparent 100%);
  pointer-events: none;
  display: block;
}
.sidebar::after {
  content: none;
  display: none;
}

/* ლოგო */
.sidebar-logo {
  padding: 3px 14px 3px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: transparent;
}
.sidebar-logo .brand-logo-badge,
.sidebar-logo .brand-icon {
  width: 42px;
  height: 38px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  color: #D4AF37;
  border: 1.5px solid #D4AF37;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 900;
  position: relative;
  flex-shrink: 0;
  clip-path: none;
}
.sidebar-logo .brand-icon::after {
  content: none;
  display: none;
}
.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: 700;
  letter-spacing: 0;
  text-shadow: none;
}
.sidebar-logo .brand-title,
.sidebar-logo .title {
  font-size: 14px;
  color: #D4AF37;
  background: none;
  -webkit-text-fill-color: #D4AF37;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: none;
}
.sidebar-logo .brand-subtitle,
.sidebar-logo .subtitle {
  color: #F8FAFC;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
  text-shadow: none;
}
.price-badge { display: none; }

/* ── ნავიგაცია ── */
.sidebar-nav { padding: 8px 10px; }

/* სექციების სათაურები */
.sidebar-section-label {
  color: rgba(255,255,255,0.55);
  font-size: 9px;
  letter-spacing: 0.8px;
  padding: 12px 8px 5px;
  border-top: none;
  display: none !important;
}

/* ── ტაბები ── */
.sidebar .tab-btn {
  padding: 9px 12px;
  border-radius: 8px;
  color: #FFFFFF;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border: none;
  border-left: 3px solid transparent;
  box-shadow: none;
  font-size: 12.5px;
  font-weight: 400;
  margin-bottom: 1px;
  transition: background 0.15s;
}
.sidebar .tab-btn:hover {
  background: #1A2D4D;
  color: #FFFFFF;
  box-shadow: none;
  border-left: 3px solid transparent;
}
.sidebar .tab-btn.active {
  background: linear-gradient(180deg, #1E3355 0%, #172945 100%);
  color: #FFFFFF;
  font-weight: 600;
  border: none;
  border-left: 3px solid rgba(255,255,255,0.45);
  box-shadow: none;
}
.sidebar .tab-btn.active::after { display: none; }
.sidebar .tab-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #F8FAFC;
  opacity: 1;
  filter: none !important;
  flex-shrink: 0;
  transition: color 0.2s;
}
.sidebar .tab-btn:hover .tab-icon { color: #FFFFFF; }
.sidebar .tab-btn.active .tab-icon { color: #FFFFFF; }
.sidebar .tab-icon svg {
  width: 17px;
  height: 17px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── DEV badge — დამალვა (JS-ით იქმნება დინამიურად) ── */
#dev-mode-badge { display: none !important; }

/* ── საიდბარ ფუტერი ── */
.sidebar-footer {
  padding: 6px 12px 8px !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.03) !important;
}
.sidebar-footer .user-bar {
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  gap: 0 !important;
}
.sidebar-footer .user-bar-email {
  display: none !important;
}
.sidebar-footer .user-bar-logout {
  width: 100% !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  text-align: center !important;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.sidebar-footer .user-bar-logout:hover {
  color: #FFFFFF !important;
  background: #1A2D4D !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.sidebar-footer .user-bar {
  flex-direction: column !important;
  gap: 6px !important;
}
.sidebar-footer .user-bar-action {
  width: 100% !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  text-align: center !important;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
  box-shadow: none !important;
}
.sidebar-footer .user-bar-action:hover {
  color: #FFFFFF !important;
  background: #1A2D4D !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.sidebar-footer .user-bar-logout-strip {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
}
.sidebar-footer .user-bar-logout-strip .user-bar-settings-gear {
  width: auto !important;
  flex: 0 0 auto !important;
  min-width: 40px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.sidebar-footer .user-bar-logout-strip .user-bar-logout {
  width: auto !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}

/* ══════════════════════════════════
   მთავარი არეა
   ══════════════════════════════════ */
.main-area { margin-left: 230px; }

/* ── ტოპბარი — სუფთა თეთრი ── */
.topbar {
  min-height: 48px;
  padding: 0 22px;
  background: #FFFFFF;
  border-bottom: 1px solid #E7ECE9;
  box-shadow: 0 2px 8px rgba(15,23,42,0.05);
  backdrop-filter: none;
}
/* Dashboard-ზე topbar იმალება — hero panel ერთიანდება */
.main-area:has(#tab-dashboard.active) .topbar {
  display: none !important;
}
.topbar-title {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}

/* ── ბლოკების ნავიგაციის ზოლი (block-nav-bar.js) — slim quick-jump rail ── */
.bpro-blocknav {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 22px;                /* aligns with the topbar's own padding */
  background: #FBFCFE;            /* a hair recessed vs the white topbar */
  border-bottom: 1px solid #E7ECE9;
  overflow-x: auto;
  scrollbar-width: none;          /* the rail scrolls silently on narrow screens */
}
.bpro-blocknav::-webkit-scrollbar { display: none; }
/* სამუშაო მაგიდა: rail sits directly under the hero band (not above it). */
.bpro-blocknav--dash {
  margin-top: 0;
  margin-bottom: 8px;
  border-radius: 10px;
}
.bpro-bnav-label {
  font-size: 10px;
  font-weight: 700;
  color: #94A3B8;
  white-space: nowrap;
  margin-right: 2px;
  flex: 0 0 auto;
}
.bpro-bnav-empty { font-size: 10.5px; color: #B6C2CF; white-space: nowrap; }
.bpro-bnav-sep { width: 1px; height: 18px; background: #E2E8F0; margin: 0 6px; flex: 0 0 auto; }
.bpro-bnav-spacer { flex: 1 1 auto; min-width: 8px; }
.bpro-bnav-chip {
  width: 26px; height: 26px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0;
  transition: background .15s ease, transform .15s ease;
}
.bpro-bnav-chip svg {
  width: 14px; height: 14px;
  stroke: #071A33;                /* same navy Lucide family as the launcher cards */
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.bpro-bnav-chip:hover { transform: translateY(-1px); }
.bpro-bnav-chip:focus-visible { outline: 2px solid #0D9488; outline-offset: 1px; }
/* Recents are icon+label pills — fixed width (label ellipsizes; never grows with title). */
.bpro-bnav-chip-recent {
  width: 106px;
  min-width: 106px;
  max-width: 106px;
  flex: 0 0 106px;
  padding: 0 6px 0 5px;
  gap: 4px;
  justify-content: flex-start;
  background: #E9F6F4;
  border-color: rgba(13,148,136,0.16);
  box-sizing: border-box;
  overflow: hidden;
}
.bpro-bnav-chip-recent:hover { background: #D9F0EC; }
.bpro-bnav-chip-label {
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 700;
  color: #0F172A;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  /* Narrow screens: recents fall back to icon-only — nothing breaks. */
  .bpro-bnav-chip-label { display: none; }
  .bpro-bnav-chip-recent { width: 21px; min-width: 21px; max-width: 21px; flex-basis: 21px; padding: 0; justify-content: center; }
}
/* რჩეული — recents-ის სტრუქტურა; ფერები = AI ასისტენტი/აუდიტორი (.gold-tab ოჯახი) */
.bpro-bnav-chip-star {
  background: #F7EDCC;
  border-color: rgba(168, 121, 32, 0.30);
  box-shadow: none;
  box-sizing: border-box;
}
.bpro-bnav-chip-star:hover {
  background: #F2DF9C;
  border-color: rgba(168, 121, 32, 0.45);
}
.bpro-bnav-chip-star svg {
  stroke: #14233D;
}
.bpro-bnav-chip-star:hover svg {
  stroke: #14233D;
}
.bpro-bnav-menu-btn { background: #F1F5F9; border-color: #E2E8F0; }
.bpro-bnav-menu-btn:hover { background: #E2E8F0; }
#bproBlockNavMenu {
  display: none;
  position: fixed;
  z-index: 9998;
  width: 300px;
  max-height: 62vh;
  background: #fff;
  border: 1px solid #E5EAF0;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(15,23,42,0.16);
  overflow: hidden auto;
}
.bpro-bnav-menu-head {
  position: sticky; top: 0;
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  padding: 10px 14px 8px;
  background: #fff;
  border-bottom: 1px solid #F1F5F9;
  font-size: 12px; font-weight: 800; color: #071A33;
}
.bpro-bnav-menu-hint { font-size: 9.5px; font-weight: 600; color: #94A3B8; }
.bpro-bnav-menu-search-wrap {
  position: sticky; top: 37px; z-index: 1;
  padding: 6px 10px 8px;
  background: #fff;
  border-bottom: 1px solid #F1F5F9;
}
.bpro-bnav-menu-search {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 10px;
  font-family: inherit; font-size: 11.5px;
  color: #0F172A;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  outline: none;
}
.bpro-bnav-menu-search:focus { border-color: #0D9488; background: #fff; }
.bpro-bnav-menu-group { padding: 4px 6px 6px; }
.bpro-bnav-menu-group + .bpro-bnav-menu-group { border-top: 1px solid #F5F8FA; }
/* Group header = the TAB itself; clicking it opens the tab. */
.bpro-bnav-menu-tab {
  display: flex; align-items: center; gap: 6px;
  width: 100%;
  box-sizing: border-box;
  padding: 7px 8px 5px;
  background: none; border: 0; border-radius: 8px;
  font-family: inherit; font-size: 11px; font-weight: 800; color: #071A33;
  text-align: left; cursor: pointer;
}
.bpro-bnav-menu-tab:hover { background: #F1F5F9; }
.bpro-bnav-menu-tab-mark { font-size: 11px; }
.bpro-bnav-menu-tab-go { margin-left: auto; font-weight: 700; color: #C7D0DB; }
.bpro-bnav-menu-tab:hover .bpro-bnav-menu-tab-go { color: #0D9488; }
.bpro-bnav-menu-row { display: flex; align-items: center; gap: 2px; }
.bpro-bnav-menu-open {
  flex: 1 1 auto;
  display: flex; align-items: center; gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  background: none; border: 0; border-radius: 8px;
  font-family: inherit; font-size: 12px; font-weight: 600; color: #1E293B;
  text-align: left; cursor: pointer;
}
.bpro-bnav-menu-open:hover { background: #F1F5F9; }
.bpro-bnav-menu-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpro-bnav-menu-ico {
  width: 22px; height: 22px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; background: #EEF4F8;
}
.bpro-bnav-menu-ico svg {
  width: 13px; height: 13px;
  stroke: #071A33; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.bpro-bnav-menu-star {
  flex: 0 0 auto;
  width: 26px; height: 26px;
  background: none; border: 0; border-radius: 7px;
  font-size: 14px; line-height: 1; color: #C7D0DB;
  cursor: pointer;
}
.bpro-bnav-menu-star:hover { background: #FBF3DF; color: #B98A1C; }
.bpro-bnav-menu-star.on { color: #C9A94F; }
@media (prefers-reduced-motion: reduce) {
  .bpro-bnav-chip { transition: none; }
  .bpro-bnav-chip:hover { transform: none; }
}

/* Topbar notification + profile — matched icon-only square buttons (not circular) */
.bpro-topbar-icon-btn,
#bproNotifBtn.bpro-topbar-icon-btn {
  min-width: 42px !important;
  width: 42px !important;
  min-height: 31px !important;
  height: 31px !important;
  padding: 0 !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: var(--prm-radius-btn, 10px) !important;
  flex: 0 0 auto;
}
.bpro-topbar-profile-btn,
#acctMenuBtn {
  min-width: 42px !important;
  width: 42px !important;
  min-height: 31px !important;
  height: 31px !important;
  padding: 0 !important;
  border-radius: var(--prm-radius-btn, 10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: linear-gradient(135deg, #14b8a6, #0d9488) !important;
  color: #fff !important;
  font-weight: 800;
  font-size: 14px;
  font-family: 'DM Sans', sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.bpro-topbar-profile-btn:hover,
#acctMenuBtn:hover {
  background: linear-gradient(135deg, #2dd4bf, #14b8a6) !important;
  filter: none;
}

/* ── Dashboard hero panel — flex layout ── */
.dashboard-hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.dashboard-hero-left { flex: 1; min-width: 0; }
/* Dashboard top-right action grid (4 cols × 2 rows) — სამუშაო მაგიდა only */
.dashboard-hero-actions.dashboard-top-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  width: auto;
  max-width: 52%;
  min-width: 0;
}
.dashboard-top-actions-grid {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) minmax(0, 1fr) 46px;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  align-items: stretch;
  width: 430px;
  max-width: 100%;
  min-width: 0;
}
.dashboard-top-actions-grid > .dashboard-hero-btn,
.dashboard-top-actions-grid > .dashboard-top-actions-profile,
.dashboard-top-actions-grid > .dashboard-top-actions-notif {
  min-height: 38px;
  box-sizing: border-box;
}
.dashboard-top-actions-square.dashboard-hero-btn {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  justify-content: center !important;
}
.dashboard-top-actions-profile,
.dashboard-top-actions-notif {
  width: 46px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-family: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.dashboard-top-actions-profile {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}
.dashboard-top-actions-notif {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  position: relative;
}
.dashboard-top-actions-notif svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dashboard-top-actions-notif-badge {
  display: none;
  position: absolute;
  top: 3px;
  right: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ef4444;
}
/* Legacy wrapper — other pages may still use dashboard-hero-actions without dashboard-top-actions */
.dashboard-hero-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
  width: auto;
  max-width: 52%;
}
.dashboard-hero-actions .dashboard-hero-btn {
  width: 100%;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #3D4D63 0%, #334155 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !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;
  font-size: 12px;
  font-weight: 800 !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.15s, box-shadow 0.15s;
}
.dashboard-hero-actions .dashboard-hero-btn span {
  color: #FFFFFF !important;
}
.dashboard-hero-actions .dashboard-hero-btn .btn-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF !important;
  flex-shrink: 0;
}
.dashboard-hero-actions .dashboard-hero-btn .btn-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  color: #FFFFFF !important;
  stroke: currentColor !important;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dashboard-hero-actions .dashboard-hero-btn:hover {
  background: linear-gradient(180deg, #46566D 0%, #3D4D63 100%) !important;
  color: #FFFFFF !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;
  transform: translateY(-1px);
}
/* Secondary "როგორ მუშაობს ეს ცენტრი?" help pill under the hero title — visually quiet */
/* Two matching compact secondary pills in the Dashboard hero (company + help) */
.dashboard-hero-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.dashboard-hero-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  min-width: 150px;
  padding: 5px 12px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF;
  background: #334155;
  background-image: none;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.18);
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  opacity: 1;
  filter: none;
  transition: background 0.15s, box-shadow 0.15s;
}
.dashboard-hero-pill:hover {
  background: #27364D;
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.22);
}
.dashboard-hero-pill svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  flex-shrink: 0;
}
@media (max-width: 760px) {
  .dashboard-hero-inner { flex-direction: column; align-items: stretch; }
  .dashboard-hero-actions,
  .dashboard-hero-actions.dashboard-top-actions { width: 100%; max-width: none; }
  /* ANTI-FLASH (2026-07-11): the old hero + old FABs must NEVER appear on
     phones, even for the second before mobile-home.js applies its body class —
     hidden statically here. Their tools live in the new header/nav/right dock. */
  .dashboard-header-area { display: none !important; }
  .va-fab, .bpro-mobile-fabs, .ai-float-toggle { display: none !important; }
  /* MOBILE DASHBOARD HEADER (user call 2026-07-10): the decorative dark hero is
     GONE on phones — just the buttons on a plain blue panel, all visible, no
     scrolling. Title/subtitle hidden (the active tab already says where you are). */
  .dashboard-header-area {
    /* !important: premium-v3.css pins the dark gradient with !important; the
       title div carries an inline display:flex — both must be out-muscled here. */
    background: #1F4E96 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px;
    border-radius: 12px;
  }
  .dashboard-hero-left > div:first-child { display: none !important; } /* „სამუშაო მაგიდა" title (inline display:flex) */
  .dashboard-header-subtitle { display: none !important; }
  .dashboard-top-actions-grid {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
  }
  .dashboard-top-actions-grid > * { flex: 0 0 auto; }
  .dashboard-top-actions-grid > .dashboard-hero-btn { width: auto; } /* natural chip width, not the old grid track */
  .dashboard-top-actions-grid > div[aria-hidden] { display: none; } /* grid spacer — dead in a row */
  .dashboard-hero-left { max-width: 100%; }
  /* the two pills share one row, ellipsized — no more stacked full-width bars */
  .dashboard-hero-pills { display: flex; gap: 6px; margin: 0 0 6px; }
  .dashboard-hero-pill { flex: 1 1 0; min-width: 0; justify-content: center; }
  .dashboard-hero-pill span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 520px) {
  .dashboard-top-actions-grid {
    grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr) 40px;
    gap: 6px;
  }
  .dashboard-top-actions-square.dashboard-hero-btn {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
  .dashboard-top-actions-profile,
  .dashboard-top-actions-notif {
    width: 40px;
    height: 36px;
  }
  .dashboard-hero-actions .dashboard-hero-btn {
    font-size: 11px;
    padding: 6px 8px !important;
  }
}

/* ── AI ღილაკი — ტილისფერი ── */
.ai-float-toggle {
  padding: 5px 11px;
  border-radius: 10px;
  background: linear-gradient(180deg, #CFCFCF 0%, #B3B3B3 55%, #9E9E9E 100%);
  border: 1px solid #84888D;
  color: #14233D;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 3px 8px rgba(0, 0, 0, 0.35);
  font-size: 12px;
  font-weight: 700;
  opacity: 1;
  filter: none;
  backdrop-filter: none;
}
.ai-float-toggle:hover {
  background: linear-gradient(180deg, #DADADA 0%, #C0C0C0 55%, #ABABAB 100%);
  border-color: #92969B;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 5px 12px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
}
.ai-robot-icon {
  width: auto; height: auto; border-radius: 0;
  background: transparent; box-shadow: none; font-size: 15px;
}
.ai-spark { color: rgba(20,35,61,0.85); filter: none; }
.ai-dot { display: none; }
.ai-float-text { color: #14233D; }

/* ── AI პანელი ── */
.ai-float-panel {
  border-radius: 14px;
  border: 1px solid #E7ECE9;
  box-shadow: 0 12px 32px rgba(15,23,42,0.10);
  background: #FFFFFF;
  backdrop-filter: none;
}
.ai-panel-header {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border-bottom: none;
  border-radius: 14px 14px 0 0;
}
.ai-panel-title { color: #FFFFFF; }
.ai-panel-input { border-radius: 10px; border: 1px solid #E7ECE9; }
.ai-panel-send {
  border-radius: 10px;
  background: linear-gradient(135deg, #0A2342, #071A33);
  border: none;
  color: #FFFFFF;
}

/* ══════════════════════════════════
   კონტენტი
   ══════════════════════════════════ */
.content {
  padding: var(--page-padding) var(--page-padding) 44px;
  background: transparent;
}
/* Dashboard-only top padding — does not affect other tabs */
#tab-dashboard.tab-pane.active ~ * { }
.tab-pane#tab-dashboard { margin-top: 0; }
body:has(#tab-dashboard.tab-pane.active) .content { padding-top: 6px; }

/* ── ბარათები — თეთრი, სუფთა ── */
.card {
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  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);
  backdrop-filter: none;
  padding: var(--card-padding);
}
.card::before {
  display: none;
}

/* ── Dashboard KPI ბარათები — კომპაქტური ── */
.dashboard-kpi-card {
  padding: 6px 16px !important;
  min-height: 46px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !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;
  background: #FFFFFF !important;
  margin-bottom: 0 !important;
}
.dashboard-kpi-card .kpi-label {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 1px !important;
  line-height: 1.1 !important;
  font-size: 9.5px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.dashboard-kpi-card .kpi-value,
#dash-income,
#dash-expenses-kpi,
#dash-profit,
#dash-unpaid {
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}
.dashboard-kpi-drill {
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dashboard-kpi-drill:hover {
  border-color: rgba(20, 35, 61, 0.35) !important;
  box-shadow: 0 10px 26px rgba(20, 35, 61, 0.14) !important;
}

/* ── Dashboard Architecture Phase 1 — layout containers ── */
/* PRM-02: dashboard hero band = same navy as the sidebar (was teal-green) */
.dashboard-header-area {
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 8px;
  padding: 10px 18px !important;
  box-shadow: 0 4px 16px rgba(20, 35, 61, 0.12) !important;
  backdrop-filter: none !important;
}
.dashboard-header-area .dashboard-header-subtitle {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 3px;
  line-height: 1.4;
}
/* ── Company Workspace switcher (sidebar) + active-company indicator (dashboard) ── */
.company-switcher-wrap {
  padding: 6px 10px 2px;
}
.company-switcher-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #FFFFFF;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: background 0.15s, border-color 0.15s;
}
.company-switcher-btn:hover {
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.3);
}
.company-switcher-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
}
.company-switcher-icon svg {
  width: 13px;
  height: 13px;
  stroke: #F8FAFC;
  fill: none;
  stroke-width: 1.8;
}
.company-switcher-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.company-switcher-label {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: rgba(248, 250, 252, 0.65);
  line-height: 1.2;
}
.company-switcher-name {
  font-size: 11.5px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.company-switcher-caret {
  font-size: 9px;
  color: rgba(248, 250, 252, 0.75);
  flex-shrink: 0;
}
/* Company modal building blocks (read-only shell — light theme) */
.bpro-co-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(180, 210, 240, 0.5);
  border-radius: 9px;
  background: #fff;
  margin-bottom: 6px;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
.bpro-co-row:hover {
  background: var(--sky-4);
  border-color: rgba(120, 160, 210, 0.7);
}
.bpro-co-row.active {
  border-color: rgba(7, 83, 71, 0.5);
  background: rgba(7, 83, 71, 0.06);
}
.bpro-co-row-name {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--t-dark-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bpro-co-row-meta {
  font-size: 10px;
  color: var(--t-dark-4);
  margin-top: 1px;
}
.bpro-co-section-title {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--t-dark-3);
  margin: 10px 2px 6px;
}
.bpro-co-field {
  margin-bottom: 8px;
}
.bpro-co-field label {
  display: block;
  font-size: 10.5px;
  font-weight: 700;
  color: var(--t-dark-3);
  margin-bottom: 3px;
}
.bpro-co-field input,
.bpro-co-field select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(180, 210, 240, 0.6);
  border-radius: 8px;
  font-size: 12px;
  font-family: inherit;
  background: #fff;
  color: var(--t-dark-1);
}
.dashboard-attention-bar {
  margin-bottom: 8px;
  padding: 12px 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
  border: 1px solid #EAECF0;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
  font-size: 12px;
  color: var(--t-dark-2);
  line-height: 1.45;
}
.dashboard-attention-bar-active {
  border: 1px solid #EAECF0;
  border-left: 1px solid #EAECF0;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
}
.dashboard-attention-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0;
  font-size: 11.5px;
  color: var(--t-dark-2);
}
.dashboard-attention-item + .dashboard-attention-item {
  border-top: 1px dashed rgba(180, 210, 240, 0.45);
  margin-top: 4px;
  padding-top: 6px;
}
.dashboard-attention-item.dashboard-attention-urgent {
  color: var(--t-dark-2);
  background: transparent;
}
.dashboard-attention-item.dashboard-attention-urgent > span {
  font-weight: 700;
  color: #1E293B;
}
.dashboard-attention-urgent {
  font-weight: 700;
  color: #1E293B;
  background: transparent;
}
.dashboard-attention-action {
  flex-shrink: 0;
  font-size: 10px !important;
  padding: 4px 12px !important;
  border-radius: 10px !important;
}
.dashboard-todays-work-body {
  margin-top: 4px;
}
.dashboard-todays-work-empty {
  font-size: 11.5px;
  color: var(--green);
  line-height: 1.5;
  margin-bottom: 8px;
}
.dashboard-todays-work-task {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(180, 210, 240, 0.35);
}
.dashboard-todays-work-task:last-child {
  border-bottom: none;
}
.dashboard-todays-work-task-title {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--t-dark-1);
  line-height: 1.35;
}
.dashboard-todays-work-task-desc {
  font-size: 10.5px;
  color: var(--t-dark-4);
  margin-top: 2px;
  line-height: 1.4;
}
.dashboard-todays-work-task-action {
  flex-shrink: 0;
  height: 38px;
  min-width: 92px;
  width: 92px;
  padding: 0 16px;
  margin-top: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.dashboard-work-panels-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
  align-items: stretch;
}
.dashboard-todays-work,
.dashboard-ai-suggestions {
  margin-bottom: 0 !important;
  padding: 10px 14px !important;
}
.dashboard-todays-work ul {
  margin: 6px 0 0;
  padding-left: 18px;
  font-size: 11.5px;
  color: var(--t-dark-3);
  line-height: 1.55;
}
.dashboard-ai-suggestions .dashboard-ai-placeholder {
  font-size: 11.5px;
  color: var(--t-dark-4);
  line-height: 1.5;
  margin-top: 6px;
}
.dashboard-ai-suggestions-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 4px;
}
.dashboard-ai-suggestion-card {
  border: 1px solid rgba(180, 210, 240, 0.45);
  border-radius: 10px;
  padding: 7px 8px;
  background: var(--sky-4);
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 0;
}
.dashboard-ai-suggestion-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
}
.dashboard-ai-suggestion-title {
  font-size: 10.5px;
  font-weight: 800;
  color: var(--t-dark-1);
  line-height: 1.3;
}
.dashboard-ai-suggestion-status {
  font-size: 8.5px;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 999px;
  border: 1px solid;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
}
.dashboard-ai-suggestion-status-soon {
  color: var(--t-dark-4);
  border-color: rgba(180, 210, 240, 0.6);
  background: rgba(255, 255, 255, 0.8);
}
.dashboard-ai-suggestion-status-active {
  color: #0B6B4A;
  border-color: rgba(16,162,107, 0.35);
  background: rgba(16,162,107, 0.08);
}
.dashboard-ai-suggestion-status-partial {
  color: #D4AF37;
  border-color: rgba(212, 175, 55, 0.35);
  background: #F8FAFC;
}
.dashboard-ai-suggestion-text {
  font-size: 9.5px;
  color: var(--t-dark-4);
  line-height: 1.35;
}
.dashboard-ai-suggestion-btn {
  align-self: flex-start;
  font-size: 9.5px !important;
  padding: 2px 8px !important;
  margin-top: 2px;
}
.dashboard-risk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.dashboard-risk-card {
  margin-bottom: 0 !important;
  padding: 10px 12px !important;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.dashboard-risk-badge {
  font-size: 9px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid;
  white-space: nowrap;
  line-height: 1.2;
}
.dashboard-risk-fact {
  font-size: 10px;
  color: var(--t-dark-4);
  line-height: 1.4;
  margin-bottom: 6px;
  min-height: 28px;
}
.dashboard-risk-btn {
  align-self: flex-start;
  font-size: 10px !important;
  padding: 3px 10px !important;
  margin-top: auto;
}
.dashboard-kpi-section {
  margin-bottom: 4px;
}
.dashboard-trend-section {
  margin-bottom: 10px;
}
.dashboard-recent-section {
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .dashboard-work-panels-row { grid-template-columns: 1fr; }
  .dashboard-risk-grid { grid-template-columns: 1fr; }
  .dashboard-ai-suggestions-grid { grid-template-columns: 1fr; }
}

/* ── AI Center tab (Navigation Phase 1) ── */
.ai-center-header {
  margin-bottom: 10px;
  padding: 12px 16px !important;
  border: 1px solid rgba(16,162,107, 0.22) !important;
  background: linear-gradient(135deg, rgba(16,162,107, 0.06), rgba(255, 255, 255, 0.98)) !important;
}
.ai-center-header-title {
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-weight: 800;
  color: var(--navy-2);
  margin-bottom: 4px;
}
.ai-center-header-sub {
  font-size: 11.5px;
  color: var(--t-dark-3);
  line-height: 1.45;
}
/* "როგორ მუშაობს ეს ცენტრი?" — compact read-only help pill on center headers */
.bpro-center-help-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
  color: #0A2342;
  background: #EEF4F8;
  border: 1px solid rgba(10,35,66,0.18);
  border-radius: 999px;
  padding: 5px 12px;
  cursor: pointer;
  line-height: 1.2;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
.bpro-center-help-btn:hover {
  background: #E2ECF3;
  border-color: rgba(10,35,66,0.32);
}
.bpro-center-help-btn svg {
  width: 14px;
  height: 14px;
  stroke: #0A2342;
  fill: none;
  stroke-width: 2;
}
/* Header row that keeps title/desc on the left and the help pill on the right */
.bpro-center-head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.bpro-center-head-row > .bpro-center-head-text { min-width: 0; flex: 1; }
/* Compact AI Center hero — ~50% shorter, horizontal title + description */
.ai-center-header.ai-center-header-compact {
  padding: 7px 14px !important;
  margin-bottom: 8px;
}
.ai-center-header-compact .ai-center-hero-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #EEF4F8;
  border: 1px solid rgba(10,35,66,0.12);
}
.ai-center-header-compact .ai-center-hero-icon svg {
  width: 18px;
  height: 18px;
  stroke: #0A2342;
  fill: none;
  stroke-width: 1.8;
}
.ai-center-header-compact .ai-center-header-title {
  margin-bottom: 0;
  font-size: 15px;
}
.ai-center-header-compact .ai-center-header-sub {
  font-size: 11px;
}
@media (max-width: 640px) {
  .ai-center-header-compact .ai-center-header-sub { display: none; }
}
/* Smart Signals — compact responsive grid (display only; logic unchanged) */
.bpro-sig-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 8px;
}
.bpro-sig-card {
  border: 1px solid rgba(180,210,240,0.5);
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.bpro-sig-card:hover {
  border-color: rgba(120,160,210,0.75);
  box-shadow: 0 3px 10px rgba(15,23,42,0.07);
}
.bpro-sig-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.bpro-sig-card-title {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--t-dark-1);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bpro-sig-card-msg {
  font-size: 10px;
  color: var(--t-dark-3);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ai-center-section {
  margin-bottom: 12px;
}
.ai-center-section-title {
  font-size: 11px;
  font-weight: 800;
  color: var(--t-dark-2);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
  padding-left: 2px;
}
.ai-center-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
}
.ai-center-card {
  border: 1px solid rgba(180, 210, 240, 0.45);
  border-radius: 12px;
  padding: 10px 11px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: var(--card-min-height);
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
/* subtle premium hover — slight lift, softer-stronger shadow, clearer border (clickable launcher cards only) */
.ai-center-card[role="button"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(7, 26, 51, 0.10);
  border-color: rgba(7, 26, 51, 0.22);
}
.ai-center-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
}
/* Featured (strong) launcher cards — gold badge pinned to the card's bottom-right corner,
   block-style rounding (matches the cards/buttons, not a pill), B-logo gold #D4AF37 */
.ai-center-featured-badge {
  font-size: 8.5px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 8px;
  color: #D4AF37;
  border: 1px solid rgba(212, 175, 55, 0.5);
  background: rgba(212, 175, 55, 0.08);
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
  align-self: flex-end;
  margin-top: auto;
}
.ai-center-card-title {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--t-dark-1);
  line-height: 1.35;
}
/* Live count pill for launcher cards (e.g. Autopilot Inbox open-items count). */
.ai-center-count-badge {
  font-size: 9px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
  align-self: flex-start;
  color: #0B6B4A;
  border: 1px solid rgba(16, 162, 107, 0.35);
  background: rgba(16, 162, 107, 0.08);
}
.ai-center-count-badge.urgent {
  color: #DC2626;
  border-color: rgba(220, 38, 38, 0.4);
  background: rgba(220, 38, 38, 0.09);
}
.ai-center-status {
  font-size: 8.5px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
}
.ai-center-status-active { color: #0B6B4A; border-color: rgba(16,162,107, 0.35); background: rgba(16,162,107, 0.08); }
.ai-center-status-partial { color: #D4AF37; border-color: rgba(212, 175, 55, 0.35); background: #F8FAFC; }
.ai-center-status-soon { color: var(--t-dark-4); border-color: rgba(180, 210, 240, 0.6); background: rgba(248, 250, 252, 0.95); }
.ai-center-status-future { color: var(--blue-acc); border-color: rgba(96, 165, 250, 0.35); background: rgba(96, 165, 250, 0.08); }
.ai-center-card-desc {
  font-size: 10.5px;
  color: var(--t-dark-4);
  line-height: 1.45;
  flex: 1;
}
/* AI Center only: slightly larger/stronger title so it reads clearly above the description */
#tab-aicenter .ai-center-card-title { font-size: 13.5px; font-weight: 800; line-height: 1.3; color: var(--t-dark-1); }
#tab-aicenter .ai-center-card-desc { font-size: 10.5px; font-weight: 400; color: var(--t-dark-4); line-height: 1.5; }
.ai-center-card-btn {
  align-self: flex-start;
  font-size: 10px !important;
  padding: 3px 10px !important;
  margin-top: 2px;
}
/* Launcher-card "ინფო" pill — compact neutral premium pill (overrides inline style) */
.ai-center-info-btn {
  color: #071A33 !important;
  background: #F8FBFD !important;
  border: 1px solid #AFC2D6 !important;
  border-radius: 8px !important;
  padding: 3px 9px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  font-family: inherit;
  letter-spacing: .2px;
  align-self: flex-start;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
.ai-center-info-btn:hover {
  background: #FFFFFF !important;
  border-color: #8FA8C2 !important;
  box-shadow: 0 2px 8px rgba(7,26,51,0.12) !important;
}
/* ── Portfolio Radar (portfolio-radar.js) — cross-company triage grid ── */
.bpro-pf-tab .tab-icon svg { color: #C9A94F; }
.bpro-pf-summary {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin-bottom: 14px;
}
.bpro-pf-stat {
  flex: 1 1 130px;
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 12px 14px;
  background: #F8FAFC;
  border: 1px solid #E7ECE9;
  border-radius: 12px;
}
.bpro-pf-stat-n { font-size: 26px; font-weight: 800; line-height: 1; color: #0F172A; }
.bpro-pf-stat-l { font-size: 11px; font-weight: 600; color: #64748B; margin-top: 4px; }
.bpro-pf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}
.bpro-pf-card {
  display: flex; align-items: flex-start; gap: 10px;
  text-align: left;
  padding: 14px 14px 14px 12px;
  background: #fff;
  border: 1px solid #E7ECE9;
  border-left-width: 4px;
  border-radius: 12px;
  cursor: pointer;
  font-family: inherit;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  transition: transform .12s ease, box-shadow .12s ease;
}
.bpro-pf-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15,23,42,0.10); }
.bpro-pf-card:focus-visible { outline: 2px solid #0D9488; outline-offset: 2px; }
.bpro-pf-dot { width: 12px; height: 12px; border-radius: 50%; flex: 0 0 auto; margin-top: 4px; }
.bpro-pf-body { flex: 1 1 auto; min-width: 0; }
.bpro-pf-name { font-size: 13.5px; font-weight: 800; color: #0F172A; margin-bottom: 5px; }
.bpro-pf-vat { font-size: 9px; font-weight: 700; color: #0D9488; background: #E9F6F4; border-radius: 5px; padding: 1px 5px; vertical-align: middle; }
.bpro-pf-issues { display: flex; flex-direction: column; gap: 3px; }
.bpro-pf-issue { font-size: 11px; color: #475569; line-height: 1.4; }
.bpro-pf-chip { font-size: 9.5px; font-weight: 800; border: 1px solid; border-radius: 999px; padding: 2px 8px; flex: 0 0 auto; white-space: nowrap; align-self: flex-start; }
.bpro-pf-note { font-size: 10.5px; color: var(--t-dark-4, #94A3B8); margin-top: 12px; line-height: 1.5; }
.bpro-pf-empty { text-align: center; padding: 40px 16px; }
@media (prefers-reduced-motion: reduce) { .bpro-pf-card { transition: none; } .bpro-pf-card:hover { transform: none; } }

/* Split-tab layout — bank+rs.ge and portfolio+external memory */
.bpro-dual-pane { width: 100%; }
.bpro-dual-view { width: 100%; max-width: 1100px; }
.bpro-dual-view[hidden] { display: none !important; }

/* Footer dual tab — ერთი სლოტი, ორი ნახევარი (სიგანეში: მარცხნივ | მარჯვნივ) */
.sidebar-footer-split-tab {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 !important;
  gap: 0;
  overflow: hidden;
  min-height: 34px;
  align-items: stretch;
}
.sidebar-footer-split-half {
  flex: 1 1 50%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 4px;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.sidebar-footer-split-half + .sidebar-footer-split-half {
  border-top: none;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.sidebar-footer-split-half.active {
  background: rgba(255, 255, 255, 0.1) !important;
}
.sidebar-footer-split-half .tab-icon {
  display: none;
}
.sidebar-footer-split-half .sidebar-footer-tab-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.sidebar-footer-split-half:hover .sidebar-footer-tab-label {
  overflow: visible;
  white-space: normal;
  word-break: break-word;
}

/* Unified launcher-card navy icon badge (one consistent icon system across every hub) */
.bpro-card-icon {
  width: 30px; height: 30px;
  border-radius: 9px;
  background: #EEF4F8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bpro-card-icon svg {
  width: 17px; height: 17px;
  stroke: #071A33;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Page-title gold icon — replaces the leading emoji of every section header */
.bpro-page-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: -3px;
  margin-right: 8px;
  flex-shrink: 0;
}
.bpro-page-title-icon svg {
  width: 22px; height: 22px;
  stroke: #D4AF37;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* ── SME Hub (მცირე მეწარმე) — plain-language "what to do today" panel ── */
.sme-status-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; margin-bottom: 8px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-left-width: 3px;
  border-radius: 10px;
}
.sme-status-item.sme-sev-ok { border-left-color: #10A26B; }
.sme-status-item.sme-sev-warn { border-left-color: #D4AF37; }
.sme-status-item.sme-sev-risk { border-left-color: #DC2626; }
.sme-status-ico { flex-shrink: 0; font-size: 14px; }
.sme-status-text { flex: 1; font-size: 13px; line-height: 1.5; color: var(--t-dark-2); }
.sme-status-btn { width: auto !important; margin: 0 !important; flex-shrink: 0; min-height: 34px !important; padding: 7px 12px !important; font-size: 11.5px !important; white-space: nowrap; }
.sme-all-ok {
  font-size: 13px; font-weight: 700; color: #0B6B4A;
  background: rgba(16, 162, 107, 0.08); border: 1px solid rgba(16, 162, 107, 0.22);
  border-radius: 10px; padding: 10px 12px; margin-bottom: 8px;
}
.sme-status-note { font-size: 10.5px; color: var(--t-dark-4); margin-top: 4px; line-height: 1.4; }

/* ── My Space (ჩემი სივრცე) — personal workspace slots + function picker ── */
/* Same behaviour as the other hub grids: equal columns, each row grows to its
   tallest card (user prefers the symmetric rows over per-card sizing) */
.myspace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .myspace-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .myspace-grid { grid-template-columns: 1fr; }
}
.myspace-bottom-space { height: 45vh; }

/* ── My Space: extra-space sidebar tabs + "add" button + name modal ── */
#mysSpaceTabs { display: contents; }
.mys-space-add { opacity: .9; }
.mys-space-add .tab-icon { font-weight: 900; font-size: 16px; }
.mys-name-overlay {
  position: fixed; inset: 0; z-index: 11000; display: flex; align-items: center; justify-content: center;
  background: rgba(2, 6, 10, .55); backdrop-filter: blur(4px); padding: 18px;
}
.mys-name-box {
  width: 100%; max-width: 380px; background: var(--bg-card, #fff); color: var(--t-dark-1, #0f172a);
  border-radius: 16px; padding: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .4);
}
.mys-name-title { font-size: 15px; font-weight: 800; margin-bottom: 12px; }
.mys-name-input {
  width: 100%; font-family: inherit; font-size: 14px; padding: 11px 13px; border-radius: 10px;
  border: 1px solid rgba(120, 140, 160, .35); background: rgba(255, 255, 255, .04); color: inherit;
}
.mys-name-input:focus { outline: none; border-color: #22c7b8; }
.mys-name-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; }
.mys-name-ok { background: #22c7b8 !important; color: #061210 !important; font-weight: 800; }
.myspace-head-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
/* — „ოსტატი": rule-based assembler bar — */
.mys-master {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 3px solid #D4AF37;
  border-radius: 14px;
  padding: 12px 16px;
  margin-bottom: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 6px 12px rgba(15, 23, 42, 0.06);
}
.mys-master-label { font-size: 11px; font-weight: 800; color: #B8942E; margin-bottom: 7px; letter-spacing: .3px; }
.mys-master-row { display: flex; gap: 8px; }
.mys-master-input {
  flex: 1; min-width: 0; padding: 9px 12px !important; font-size: 13px !important;
  border: 1px solid rgba(20, 35, 61, 0.16) !important; border-radius: 10px !important;
  background: #F8FAFC !important; box-shadow: none !important;
}
.mys-master-input:focus { border-color: rgba(212, 175, 55, 0.6) !important; }
.mys-master-btn {
  flex-shrink: 0; padding: 9px 16px; cursor: pointer;
  font-size: 12.5px; font-weight: 800; font-family: inherit; color: #FFFFFF;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border: 1px solid rgba(20, 35, 61, 0.2); border-radius: 10px;
  transition: background .15s, transform .1s;
}
.mys-master-btn:hover { background: linear-gradient(180deg, #1E3355 0%, #182A49 100%); transform: translateY(-1px); }
.mys-master-btn:active { transform: translateY(1px); }
.mys-master-msg { font-size: 12.5px; color: var(--t-dark-2); margin-top: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mys-master-ok { font-weight: 700; color: #0B6B4A; }
#mys-master-result .mys-picker-item { margin-top: 8px; margin-bottom: 0; }
/* — docked widgets: right-edge BOOKMARKS (closed = only the tab head shows;
     click the tab and the widget slides out; follows across every page) — */
.mys-dock {
  position: fixed;
  right: 0;
  z-index: 9500;
  display: flex;
  align-items: flex-start;
  transform: translateX(302px); /* closed: hide the panel, leave the tab out */
  transition: transform .22s ease;
}
.mys-dock.mys-dock-open { transform: translateX(0); }
.mys-dock-tab {
  flex-shrink: 0;
  width: 34px; height: 46px;
  margin-top: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18); border-right: none;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  color: #FFFFFF; font-size: 16px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: -3px 2px 10px rgba(15, 23, 42, 0.3);
}
.mys-dock-tab:hover { background: linear-gradient(180deg, #1E3355 0%, #182A49 100%); }
.mys-dock-panel {
  width: 302px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1); border-right: none;
  border-radius: 12px 0 0 12px;
  box-shadow: -10px 8px 40px rgba(15, 23, 42, 0.28);
  overflow: hidden;
}
.mys-dock-head {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 12px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
}
.mys-dock-title { flex: 1; min-width: 0; font-size: 12px; font-weight: 800; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mys-dock-min, .mys-dock-close {
  flex-shrink: 0; background: rgba(255, 255, 255, 0.15); border: none; color: #FFFFFF;
  border-radius: 6px; padding: 2px 8px; cursor: pointer; font-size: 12px; font-weight: 700;
}
.mys-dock-body { padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; max-height: 62vh; overflow-y: auto; }
.bpro-gsearch-group {
  padding: 7px 12px 3px; font-size: 9.5px; font-weight: 800; color: #94A3B8;
  text-transform: uppercase; letter-spacing: .5px; background: #F8FAFC;
}
/* — combo cards (⚒ შერწყმული) — */
.ai-center-card.myspace-combo {
  border: 2px solid transparent !important;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
              linear-gradient(160deg, #F6E7AE 0%, #D4AF37 55%, #A87920 100%) border-box !important;
  cursor: default;
}
.mys-combo-actions {
  display: flex; flex-wrap: wrap; gap: 6px;
  margin-top: 8px; padding-top: 8px;
  border-top: 1px solid rgba(212, 175, 55, 0.25);
}
.mys-combo-act {
  flex: 1 1 auto; min-width: 0;
  padding: 6px 10px; font-size: 11px; font-weight: 700; font-family: inherit;
  color: #14233D; background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.45); border-radius: 8px;
  cursor: pointer; text-align: center;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mys-combo-act:hover { background: rgba(212, 175, 55, 0.2); border-color: #D4AF37; }
.mys-combo-act-widget { flex: 0 1 auto; font-size: 10.5px; color: #92400E; }
.mys-combo-icon { background: rgba(212, 175, 55, 0.12) !important; border: 1px solid rgba(212, 175, 55, 0.55); }
.mys-combo-icon svg { stroke: #B8942E !important; }
.myspace-head-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 13px; cursor: pointer;
  font-size: 11.5px; font-weight: 700; font-family: inherit; color: #14233D;
  background: #FFFFFF; border: 1px solid rgba(20, 35, 61, 0.16); border-radius: 10px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
  transition: border-color .12s, box-shadow .12s;
}
.myspace-head-btn:hover { border-color: rgba(212, 175, 55, 0.6); box-shadow: 0 3px 10px rgba(15, 23, 42, 0.12); }
.myspace-head-btn svg {
  width: 21px; height: 21px; stroke: #B8942E; fill: none;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.myspace-slot { position: relative; display: flex; flex-direction: column; cursor: grab; }
.myspace-slot:active { cursor: grabbing; }
.myspace-slot-wide { grid-column: span 2; }
.myspace-slot .ai-center-card { flex: 1; }
.myspace-remove {
  position: absolute; top: -7px; right: -7px;
  width: 22px; height: 22px; border-radius: 50%;
  background: #FFFFFF; color: #64748B;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
  font-size: 11px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.myspace-remove:hover { color: #DC2626; border-color: rgba(220, 38, 38, 0.4); }
.myspace-lock {
  position: absolute; bottom: 8px; right: 8px;
  width: 22px; height: 22px; border-radius: 6px;
  background: #FFFFFF; line-height: 1; cursor: pointer;
  border: 1px solid rgba(20, 35, 61, 0.18);
  display: flex; align-items: center; justify-content: center;
  opacity: .55;
}
.myspace-lock svg {
  width: 12px; height: 12px;
  stroke: #14233D; fill: none;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.myspace-lock:hover { opacity: 1; border-color: rgba(20, 35, 61, 0.4); }
.myspace-lock.myspace-locked {
  opacity: 1;
  background: #14233D;
  border-color: #14233D;
}
.myspace-lock.myspace-locked svg { stroke: #FFFFFF; }
.myspace-size {
  position: absolute; bottom: 8px; right: 36px;
  min-width: 28px; height: 22px; border-radius: 6px;
  background: #FFFFFF; color: #14233D; cursor: pointer;
  border: 1px solid rgba(20, 35, 61, 0.18);
  font-size: 10px; font-weight: 800; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  opacity: .62;
}
.myspace-size:hover { opacity: 1; border-color: rgba(20, 35, 61, 0.4); }
/* keep the gold "ძლიერი" badge clear of the in-card lock chip */
.myspace-slot .ai-center-featured-badge { margin-right: 28px; }
.myspace-move {
  position: absolute; bottom: 8px;
  width: 22px; height: 22px; border-radius: 6px;
  background: #FFFFFF; color: #14233D; cursor: pointer;
  border: 1px solid rgba(20, 35, 61, 0.18);
  font-size: 13px; font-weight: 800; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  opacity: .55;
}
.myspace-move:hover { opacity: 1; border-color: rgba(20, 35, 61, 0.4); }
.myspace-starter {
  grid-column: 1 / -1;
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding: 14px 16px; border-radius: 12px;
  border: 1px dashed rgba(212, 175, 55, 0.5);
  background: rgba(212, 175, 55, 0.07);
}
.myspace-starter-text { font-size: 12.5px; font-weight: 600; color: #14233D; }
.myspace-tools {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-top: 12px;
}
.mys-picker-searchbar { padding: 10px 16px 0; }
.mys-picker-search {
  width: 100%; padding: 8px 12px !important; font-size: 13px !important;
  border: 1px solid rgba(20, 35, 61, 0.16) !important; border-radius: 9px !important;
  background: #F8FAFC !important; box-shadow: none !important;
}
.mys-picker-col-solo { border-left: none !important; }
.mys-tpl-form { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, 0.07); }

/* ── Global function search (topbar loupe) ──
   The input opens as a DROPDOWN below the loupe (absolute), not inline —
   inline expansion used to push/stretch the neighbouring topbar buttons. */
.bpro-gsearch { position: relative; display: inline-flex; align-items: center; }
.bpro-gsearch-input {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 301;
  width: 230px; max-width: 80vw; display: none; opacity: 0;
  padding: 9px 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 10px !important; font-size: 12.5px !important;
  background: #FFFFFF !important; color: #14233D !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.25) !important; min-height: 0 !important;
}
.bpro-gsearch-open .bpro-gsearch-input {
  display: block; opacity: 1;
}
.bpro-gsearch-results {
  position: absolute; top: calc(100% + 52px); right: 0; z-index: 300;
  width: 290px; max-height: 320px; overflow-y: auto;
  background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.25);
}
/* Neighbouring topbar buttons must never stretch or wrap, whatever opens next to them. */
.ai-check-topbar-toggle, .worklist-toggle { flex: 0 0 auto; white-space: nowrap; }
.bpro-gsearch-results:empty { display: none; }
.bpro-gsearch-item {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  width: 100%; padding: 9px 12px; cursor: pointer; text-align: left;
  background: #FFFFFF; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-family: inherit;
}
.bpro-gsearch-item:hover { background: #F1F5F9; }
.bpro-gsearch-item-title { font-size: 12px; font-weight: 700; color: #14233D; min-width: 0; }
.bpro-gsearch-item-cat { font-size: 9.5px; font-weight: 700; color: #94A3B8; flex-shrink: 0; }
.bpro-gsearch-none { padding: 12px; font-size: 12px; color: #94A3B8; text-align: center; }
.myspace-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; min-height: 124px; cursor: pointer;
  border: 2px dashed rgba(20, 35, 61, 0.22) !important;
  background: rgba(255, 255, 255, 0.6) !important;
  box-shadow: none !important;
  transition: border-color .15s, background .15s;
}
.myspace-empty:hover { border-color: #D4AF37 !important; background: #FFFFFF !important; }
.myspace-empty-plus {
  width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 700; color: #64748B;
  border: 2px dashed rgba(20, 35, 61, 0.25);
}
.myspace-empty:hover .myspace-empty-plus { color: #B8942E; border-color: rgba(212, 175, 55, 0.6); }
.myspace-empty-text { font-size: 11.5px; font-weight: 700; color: #64748B; }
.myspace-teaser {
  margin-top: 14px; padding: 10px 14px; border-radius: 10px;
  border: 1px dashed rgba(212, 175, 55, 0.45);
  background: rgba(212, 175, 55, 0.06);
  font-size: 11.5px; color: #8A6E2F; line-height: 1.5;
}
.mys-picker {
  width: 560px; max-width: 100%; max-height: 80vh;
  background: #FFFFFF; border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.3);
  display: flex; flex-direction: column; overflow: hidden;
}
.mys-picker-head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 13px 16px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
}
.mys-picker-title { font-size: 14px; font-weight: 800; color: #FFFFFF; }
.mys-picker-close {
  background: rgba(255, 255, 255, 0.15); border: none; color: #FFFFFF;
  border-radius: 7px; padding: 3px 9px; cursor: pointer; font-size: 13px; font-weight: 700;
}
.mys-picker-body { padding: 12px 16px; overflow-y: auto; flex: 1; }
.mys-picker-cat {
  font-size: 10px; font-weight: 800; color: #64748B; text-transform: uppercase;
  letter-spacing: .6px; margin: 12px 0 6px;
}
.mys-picker-cat:first-child { margin-top: 0; }
.mys-picker-item {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 10px;
  margin-bottom: 6px; cursor: pointer; background: #FFFFFF;
  transition: border-color .12s, box-shadow .12s;
}
.mys-picker-item:hover { border-color: rgba(212, 175, 55, 0.55); box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); }
.mys-picker-item.mys-picker-added { cursor: default; opacity: .55; }
.mys-picker-item.mys-picker-added:hover { border-color: rgba(0, 0, 0, 0.06); box-shadow: none; }
.mys-picker-item-text { flex: 1; min-width: 0; }
.mys-picker-item-title { font-size: 12.5px; font-weight: 700; color: var(--t-dark-1); }
.mys-picker-item-desc { font-size: 10.5px; color: var(--t-dark-4); line-height: 1.4; }
.mys-picker-add {
  flex-shrink: 0; font-size: 10.5px; font-weight: 800; color: #FFFFFF;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border-radius: 8px; padding: 5px 10px;
}
.mys-picker-badge { flex-shrink: 0; font-size: 10.5px; font-weight: 700; color: #0B6B4A; }
/* two-column picker: blocks left, widgets right */
.mys-picker-wide { width: 780px; }
.mys-picker-cols { display: flex; min-height: 0; flex: 1; overflow: hidden; }
.mys-picker-col { flex: 1.35; overflow-y: auto; padding: 12px 16px; min-width: 0; }
.mys-picker-col-widgets { flex: 1; background: #FBFAF6; }
.mys-picker-col-blocks { border-left: 1px solid rgba(0, 0, 0, 0.08); }
.mys-picker-col-title {
  font-size: 12px; font-weight: 800; color: #14233D;
  padding-bottom: 8px; margin-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.mys-picker-soon {
  margin-top: 10px; padding: 8px 10px; border-radius: 8px;
  border: 1px dashed rgba(212, 175, 55, 0.45); background: rgba(212, 175, 55, 0.06);
  font-size: 10.5px; color: #8A6E2F;
}
@media (max-width: 760px) {
  .myspace-slot-wide { grid-column: span 1; }
  .mys-picker-cols { flex-direction: column; overflow-y: auto; }
  .mys-picker-col { overflow: visible; }
  .mys-picker-col-blocks { border-left: none; border-top: 1px solid rgba(0, 0, 0, 0.08); }
}
/* — ჩემი ფაილები (browser-local shelf) — */
.mys-files-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.mys-files-empty { padding: 14px; text-align: center; font-size: 12px; color: var(--t-dark-4); }
.mys-files-warn {
  margin-top: 10px; padding: 9px 12px; border-radius: 8px;
  border: 1px solid rgba(212, 175, 55, 0.35); background: rgba(212, 175, 55, 0.07);
  font-size: 10.5px; color: #8A6E2F; line-height: 1.5;
}
.mys-file-act {
  flex-shrink: 0; font-size: 10.5px; font-weight: 700; cursor: pointer;
  color: #14233D; background: #FFFFFF;
  border: 1px solid rgba(20, 35, 61, 0.18); border-radius: 7px; padding: 4px 9px;
  font-family: inherit;
}
.mys-file-act:hover { border-color: rgba(20, 35, 61, 0.38); }
.mys-file-del { color: #DC2626; border-color: rgba(220, 38, 38, 0.25); }
.mys-file-del:hover { border-color: rgba(220, 38, 38, 0.5); }
.mys-file-preview-title { font-size: 12px; font-weight: 800; color: #14233D; margin: 10px 0 6px; }
.mys-file-table-wrap { max-height: 300px; overflow: auto; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 8px; }
.mys-file-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.mys-file-table th, .mys-file-table td {
  padding: 4px 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.04); text-align: left; white-space: nowrap;
}
.mys-file-table th { background: #F1F5F9; font-weight: 800; position: sticky; top: 0; }

/* — My Space widgets (live mini-modules) — */
.myspace-widget { cursor: default; }
.mys-widget-body { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.mys-widget-toggle {
  flex-shrink: 0; width: 22px; height: 22px; cursor: pointer;
  font-size: 11px; line-height: 1; color: #64748B;
  background: #F8FAFC; border: 1px solid rgba(20, 35, 61, 0.12); border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
}
.mys-widget-toggle:hover { color: #14233D; border-color: rgba(20, 35, 61, 0.3); }
.myspace-widget.mys-widget-collapsed { min-height: 124px; }
.myspace-widget.mys-widget-collapsed .mys-widget-body { display: none; }
.mys-conv-row { display: flex; gap: 6px; min-width: 0; }
.mys-conv-input {
  flex: 1 1 0; min-width: 0; width: auto !important; padding: 7px 9px !important; font-size: 13px !important;
  border: 1px solid rgba(20, 35, 61, 0.14) !important; border-radius: 8px !important;
  background: #F8FAFC !important; box-shadow: none !important;
}
.mys-conv-select {
  flex: 0 0 auto; width: 72px !important; max-width: 72px; padding: 7px 6px !important; font-size: 12px !important;
  border: 1px solid rgba(20, 35, 61, 0.14) !important; border-radius: 8px !important;
  background: #FFFFFF !important; box-shadow: none !important;
  font-family: inherit; cursor: pointer;
}
.mys-conv-select[style*="width:100%"] { width: 100% !important; max-width: 100%; }
.mys-conv-result {
  padding: 8px 10px; border-radius: 8px; text-align: right;
  font-size: 17px; font-weight: 800; color: #14233D;
  background: rgba(212, 175, 55, 0.08); border: 1px solid rgba(212, 175, 55, 0.3);
}
.mys-vat-rows { display: flex; flex-direction: column; gap: 4px; }
.mys-widget-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; }
.mys-widget-note { font-size: 9.5px; color: var(--t-dark-4); line-height: 1.3; }
.mys-widget-refresh {
  flex-shrink: 0; font-size: 10px; font-weight: 700; cursor: pointer;
  color: #14233D; background: #FFFFFF;
  border: 1px solid rgba(20, 35, 61, 0.18); border-radius: 7px; padding: 3px 9px;
}
.mys-widget-refresh:hover { border-color: rgba(20, 35, 61, 0.35); }
.mys-calc-display {
  width: 100%; padding: 7px 10px !important; text-align: right;
  font-size: 16px !important; font-weight: 700;
  border: 1px solid rgba(20, 35, 61, 0.14) !important; border-radius: 8px !important;
  background: #F8FAFC !important; box-shadow: none !important;
}
.mys-calc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.mys-calc-btn {
  padding: 7px 0; font-size: 13px; font-weight: 700; cursor: pointer;
  color: #14233D; background: #FFFFFF;
  border: 1px solid rgba(20, 35, 61, 0.14); border-radius: 8px;
  font-family: inherit; line-height: 1;
}
.mys-calc-btn:hover { background: #F1F5F9; }
.mys-calc-btn:active { transform: translateY(1px); }
.mys-calc-clear { color: #DC2626; grid-column: span 1; }
.mys-calc-eq {
  grid-column: span 3; color: #FFFFFF;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border: 1px solid rgba(20, 35, 61, 0.2);
}
.mys-calc-eq:hover { background: linear-gradient(180deg, #1E3355 0%, #182A49 100%); }
.mys-rates-list { display: flex; flex-direction: column; gap: 4px; }
.mys-rates-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 5px 9px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 8px;
  background: #F8FAFC;
}
.mys-rates-cur { font-size: 11.5px; font-weight: 800; color: #14233D; }
.mys-rates-val { font-size: 11.5px; font-weight: 700; color: var(--t-dark-2); }
.mys-deadline-soon { color: #B45309; }
.mys-note-ta {
  width: 100%; min-height: 88px !important; resize: vertical;
  font-size: 12px !important; padding: 8px 10px !important;
  border: 1px solid rgba(20, 35, 61, 0.14) !important; border-radius: 8px !important;
  background: #FFFDF5 !important; box-shadow: none !important;
}

/* Equal launcher-card heights + balanced layout across every hub grid */
.ai-center-card { min-height: 124px; }
.ai-center-card-head { align-items: center; }
.ai-center-card-title { flex: 1; min-width: 0; }
.ai-center-card-desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Launcher-card info modal — two-level disclosure */
.bpro-info-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  color: #071A33;
  background: #F8FBFD;
  border: 1px solid #AFC2D6;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
.bpro-info-more-btn:hover {
  background: #FFFFFF;
  border-color: #8FA8C2;
  box-shadow: 0 2px 8px rgba(7,26,51,0.12);
}
@media (max-width: 900px) {
  .ai-center-grid { grid-template-columns: 1fr; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .ai-center-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Tax Center tab (Navigation Phase 2) ── */
.tax-center-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
.tax-center-disclaimer {
  font-size: 10.5px;
  color: var(--t-dark-4);
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px dashed rgba(217, 119, 6, 0.35);
  background: rgba(254, 249, 236, 0.65);
}
@media (max-width: 1100px) {
  .tax-center-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .tax-center-grid { grid-template-columns: 1fr; }
}

/* ── Accounting Hub tab (Navigation Phase 3) ── */
.accounting-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .accounting-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .accounting-hub-grid { grid-template-columns: 1fr; }
}

/* ── Sales Hub tab (Navigation Phase 4) ── */
.sales-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .sales-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .sales-hub-grid { grid-template-columns: 1fr; }
}

/* ── Expenses Hub tab (Navigation Phase 5) ── */
.expenses-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .expenses-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .expenses-hub-grid { grid-template-columns: 1fr; }
}

/* ── Payroll Hub tab (Navigation Phase 6) ── */
.payroll-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .payroll-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .payroll-hub-grid { grid-template-columns: 1fr; }
}

/* ── Quality Hub tab ── */
.quality-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .quality-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .quality-hub-grid { grid-template-columns: 1fr; }
}

/* ── Hide legacy sidebar buttons (Sales Hub verified) ── */
.sidebar .nav-hidden-old { display: none !important; }

.dashboard-kpi-drill .kpi-label {
  position: relative;
  padding-right: 52px;
}
.kpi-drill-hint {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 8.5px;
  font-weight: 700;
  color: #0B6B4A;
  text-transform: none;
  letter-spacing: 0;
  opacity: 0.85;
}
/* ── Mini charts (inline SVG, no libraries) ── */
.mini-chart-card { padding: 8px 12px !important; }
.mini-chart-card .card-title { margin-bottom: 6px !important; font-size: 12.5px !important; }
.mini-chart-wrap { width: 100%; max-height: 120px; overflow: hidden; }
.mini-chart-svg { width: 100%; height: auto; max-height: 120px; display: block; }
.mini-chart-label { font-size: 8px; fill: var(--t-dark-4); font-family: system-ui, sans-serif; }
.mini-chart-empty {
  font-size: 11px; color: var(--t-dark-4); text-align: center; padding: 14px 8px;
  background: var(--sky-4); border-radius: 8px; border: 1px dashed rgba(180,210,240,0.5);
}
.mini-chart-legend { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 4px; font-size: 9.5px; color: var(--t-dark-3); }
.mini-chart-legend-item { display: inline-flex; align-items: center; gap: 4px; }
.mini-chart-legend-item i { display: inline-block; width: 10px; height: 3px; border-radius: 2px; font-style: normal; }
.mini-chart-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 6px; font-size: 10px; }
.mini-chart-totals > div { background: var(--sky-4); border-radius: 7px; padding: 4px 6px; text-align: center; }
.mini-chart-totals span { display: block; color: var(--t-dark-4); font-size: 9px; margin-bottom: 1px; }
.mini-chart-totals b { font-size: 11px; font-weight: 800; }
.mini-hbar-row { display: grid; grid-template-columns: 72px 1fr 52px; align-items: center; gap: 6px; margin-bottom: 5px; font-size: 10px; }
.mini-hbar-label { color: var(--t-dark-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-hbar-track { height: 8px; background: rgba(180,210,240,0.35); border-radius: 4px; overflow: hidden; }
.mini-hbar-fill { height: 100%; border-radius: 4px; min-width: 2px; }
.mini-hbar-val { font-weight: 700; font-size: 9.5px; text-align: right; color: var(--t-dark-2); }
@media (max-width: 640px) {
  .mini-chart-wrap, .mini-chart-svg { max-height: 90px; }
  .mini-hbar-row { grid-template-columns: 58px 1fr 46px; font-size: 9px; }
}
/* ── Posting Coverage Center ── */
.posting-cov-card { margin-bottom: 10px; }
.posting-cov-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 10px;
}
.posting-cov-summary .pc-stat {
  background: var(--sky-4);
  border-radius: 8px;
  padding: 6px 8px;
  text-align: center;
}
.posting-cov-summary .pc-stat span {
  display: block;
  font-size: 9px;
  color: var(--t-dark-4);
  margin-bottom: 2px;
}
.posting-cov-summary .pc-stat b {
  font-size: 16px;
  font-weight: 800;
}
.posting-cov-section-title {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 10px 0 6px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(180,210,240,0.4);
}
.posting-cov-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  padding: 7px 8px;
  border-bottom: 1px solid rgba(180,210,240,0.25);
  font-size: 11px;
  align-items: start;
}
.posting-cov-row:last-child { border-bottom: none; }
.posting-cov-actions {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
}
.posting-cov-badge {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 999px;
  margin-right: 4px;
}
@media (max-width: 720px) {
  .posting-cov-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .posting-cov-row { grid-template-columns: 1fr; }
}
.tax-work-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
  margin-bottom: 8px;
}
.tax-work-filters label {
  font-size: 10px;
  color: var(--t-dark-4);
  display: block;
  margin-bottom: 2px;
}
.tax-work-filters select,
.tax-work-filters input[type=month],
.tax-work-filters input[type=date] {
  font-size: 12px;
  padding: 6px 8px;
  min-height: 32px;
}
.tax-work-section {
  margin-top: 10px;
  padding: 8px 10px;
  background: var(--sky-4);
  border: 1px solid rgba(180,210,240,0.35);
  border-radius: 8px;
}
.tax-work-section-title {
  font-size: 11.5px;
  font-weight: 800;
  color: #0B6B4A;
  margin-bottom: 6px;
}
.tax-work-kv {
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
  font-size: 11px;
  border-bottom: 1px solid rgba(180,210,240,0.22);
}
.tax-work-kv:last-child { border-bottom: none; }
.tax-work-coming-soon {
  margin-top: 8px;
  padding: 8px 10px;
  background: var(--sky-4);
  border: 1px dashed rgba(180,210,240,0.55);
  border-radius: 8px;
  opacity: 0.72;
}
.tax-work-coming-soon-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--t-dark-2);
  margin-bottom: 3px;
}
.tax-work-coming-soon-note {
  font-size: 10px;
  color: var(--t-dark-4);
}
.import-center-shell-note {
  font-size: 11px;
  color: var(--t-dark-3);
  line-height: 1.55;
  margin-bottom: 10px;
}
.import-center-field {
  margin-bottom: 10px;
}
.import-center-field label {
  display: block;
  font-size: 11px;
  color: var(--t-dark-3);
  margin-bottom: 4px;
}
.import-center-field select,
.import-center-field input[type=file] {
  width: 100%;
  font-size: 12px;
  padding: 7px 8px;
  border: 1px solid rgba(180,210,240,0.55);
  border-radius: 8px;
  background: #fff;
}
.import-center-preview-shell {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px dashed rgba(180,210,240,0.55);
  border-radius: 8px;
  background: var(--sky-4);
  min-height: 72px;
}
.tax-work-risk {
  padding: 6px 8px;
  margin-bottom: 5px;
  border-radius: 7px;
  font-size: 10.5px;
  line-height: 1.45;
  border: 1px solid rgba(180,210,240,0.35);
  background: #fff;
}
.vat-work-disclaimer {
  font-size: 11px;
  color: #D4AF37;
  background: #F8FAFC;
  border: 1px solid rgba(212,175,55,0.28);
  border-radius: 7px;
  padding: 8px 10px;
  line-height: 1.45;
  margin-bottom: 10px;
}
.vat-work-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 8px;
  align-items: end;
}
.vat-work-filter-grid label {
  font-size: 10px;
  color: var(--t-dark-4);
  display: block;
  margin-bottom: 2px;
}
.vat-work-filter-grid select,
.vat-work-filter-grid input[type=month],
.vat-work-filter-grid input[type=date] {
  width: 100%;
  font-size: 12px;
  padding: 6px 8px;
  min-height: 32px;
  box-sizing: border-box;
}
.vat-work-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .vat-work-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .vat-work-kpi-grid { grid-template-columns: 1fr; }
}
.vat-work-kpi-card {
  padding: 8px 10px;
  background: var(--sky-4);
  border: 1px solid rgba(180,210,240,0.35);
  border-radius: 8px;
}
.vat-work-kpi-label { font-size: 10px; color: var(--t-dark-3); line-height: 1.35; margin-bottom: 3px; }
.vat-work-kpi-val { font-size: 15px; font-weight: 800; color: var(--navy-2); }
.vat-work-kpi-hint { font-size: 9px; color: var(--t-dark-4); margin-top: 3px; line-height: 1.3; }
.vat-work-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.vat-work-panel { display: none; }
.vat-work-panel.active { display: block; }
.vat-work-empty {
  font-size: 11px;
  color: var(--t-dark-3);
  line-height: 1.5;
  padding: 10px 0;
}
.vat-work-placeholder-table {
  overflow-x: auto;
  border: 1px dashed rgba(180,210,240,0.55);
  border-radius: 8px;
  background: var(--sky-4);
  opacity: 0.72;
  margin-top: 8px;
}
.vat-work-placeholder-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10.5px;
  color: var(--t-dark-4);
}
.vat-work-placeholder-table th,
.vat-work-placeholder-table td {
  padding: 7px 8px;
  text-align: left;
  border-bottom: 1px solid rgba(180,210,240,0.25);
}
.vat-work-sev-badge {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.vat-work-sev-info { background: rgba(96,165,250,0.12); color: var(--blue-acc); border: 1px solid rgba(96,165,250,0.28); }
.vat-work-sev-warning { background: #F8FAFC; color: #D4AF37; border: 1px solid rgba(212,175,55,0.28); }
.vat-work-sev-critical { background: rgba(217,45,32,0.08); color: var(--red); border: 1px solid rgba(217,45,32,0.25); }
.pr-tax-disclaimer {
  font-size: 11px;
  color: #D4AF37;
  background: #F8FAFC;
  border: 1px solid rgba(212,175,55,0.28);
  border-radius: 7px;
  padding: 8px 10px;
  line-height: 1.45;
  margin-bottom: 10px;
}
.pr-tax-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 8px;
  align-items: end;
}
.pr-tax-filter-grid label {
  font-size: 10px;
  color: var(--t-dark-4);
  display: block;
  margin-bottom: 2px;
}
.pr-tax-filter-grid select,
.pr-tax-filter-grid input[type=month],
.pr-tax-filter-grid input[type=date] {
  width: 100%;
  font-size: 12px;
  padding: 6px 8px;
  min-height: 32px;
  box-sizing: border-box;
}
.pr-tax-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .pr-tax-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .pr-tax-kpi-grid { grid-template-columns: 1fr; }
}
.pr-tax-kpi-card {
  padding: 8px 10px;
  background: var(--sky-4);
  border: 1px solid rgba(180,210,240,0.35);
  border-radius: 8px;
}
.pr-tax-kpi-label { font-size: 10px; color: var(--t-dark-3); line-height: 1.35; margin-bottom: 3px; }
.pr-tax-kpi-val { font-size: 15px; font-weight: 800; color: var(--navy-2); }
.pr-tax-kpi-hint { font-size: 9px; color: var(--t-dark-4); margin-top: 3px; line-height: 1.3; }
.pr-tax-warn-row { cursor: pointer; }
.pr-tax-warn-row:hover td { background: rgba(96, 165, 250, 0.08); }
.pr-tax-placeholder-table a[data-pr-tax-action] {
  color: var(--blue-acc);
  text-decoration: none;
  font-weight: 700;
}
.pr-tax-placeholder-table a[data-pr-tax-action]:hover { text-decoration: underline; }
.pr-tax-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.pr-tax-panel { display: none; }
.pr-tax-panel.active { display: block; }
.pr-tax-empty {
  font-size: 11px;
  color: var(--t-dark-3);
  line-height: 1.5;
  padding: 10px 0;
}
.pr-tax-placeholder-table {
  overflow-x: auto;
  border: 1px dashed rgba(180,210,240,0.55);
  border-radius: 8px;
  background: var(--sky-4);
  margin-top: 8px;
}
.pr-tax-placeholder-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10.5px;
  color: var(--t-dark-3);
}
.pr-tax-placeholder-table th,
.pr-tax-placeholder-table td {
  padding: 7px 8px;
  text-align: left;
  border-bottom: 1px solid rgba(180,210,240,0.25);
}
.wb-drill-tile {
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.wb-drill-tile:hover {
  border-color: rgba(16,162,107, 0.45) !important;
}
.drill-down-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.drill-down-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11.5px;
}
.drill-down-table th,
.drill-down-table td {
  padding: 7px 8px;
  border-bottom: 1px solid rgba(180, 210, 240, 0.45);
  text-align: left;
  vertical-align: top;
}
.drill-down-table th {
  font-size: 10px;
  font-weight: 800;
  color: var(--t-dark-4);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.drill-down-row-card {
  border: 1px solid rgba(16,162,107, 0.2);
  border-radius: 10px;
  padding: 9px 10px;
  margin-bottom: 7px;
  background: #fff;
}
.drill-down-section-title {
  font-size: 11.5px;
  font-weight: 800;
  color: #0B6B4A;
  margin: 12px 0 6px;
}
.gl-filter-bar {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 10px;
  padding: 10px 11px;
  background: rgba(240, 253, 250, 0.45);
  border: 1px solid rgba(16,162,107, 0.2);
  border-radius: 10px;
}
.gl-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.gl-filter-lbl {
  font-size: 10px;
  font-weight: 700;
  color: var(--t-dark-4);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  flex: 0 0 auto;
}
.gl-filter-inp {
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 7px;
  border: 1px solid rgba(180, 210, 240, 0.55);
  background: #fff;
  font-family: inherit;
  min-height: 32px;
}
.gl-filter-acct {
  min-width: 140px;
  flex: 1 1 140px;
  max-width: 220px;
}
.gl-filter-search {
  flex: 1 1 180px;
  min-width: 140px;
}
.gl-filter-amt {
  width: 108px;
  flex: 0 1 108px;
}
.gl-filter-sep {
  font-size: 11px;
  color: var(--t-dark-4);
}
.gl-filter-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--t-dark-2);
  cursor: pointer;
  margin-right: 4px;
}
.gl-filter-check input {
  width: 14px;
  height: 14px;
  accent-color: #10A26B;
}
.gl-filter-actions {
  padding-top: 2px;
  border-top: 1px solid rgba(180, 210, 240, 0.35);
}
.gl-filter-status {
  font-size: 11.5px;
  color: var(--t-dark-2);
  margin-bottom: 10px;
  padding: 7px 10px;
  background: rgba(180, 210, 240, 0.12);
  border-radius: 8px;
  line-height: 1.5;
}
@media (max-width: 640px) {
  .gl-filter-inp { min-width: 0; flex: 1 1 100%; max-width: none; }
  .gl-filter-acct, .gl-filter-amt { width: 100%; max-width: none; }
}
@media (max-width: 640px) {
  .drill-down-table thead { display: none; }
  .drill-down-table tr {
    display: block;
    border: 1px solid rgba(180, 210, 240, 0.4);
    border-radius: 10px;
    margin-bottom: 8px;
    padding: 6px 8px;
    background: #fff;
  }
  .drill-down-table td {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    border: none;
    padding: 4px 0;
  }
  .drill-down-table td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--t-dark-4);
    font-size: 10px;
  }
}

.quick-actions-card {
  padding: 10px 16px !important;
  margin-bottom: 10px !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E7ECE9 !important;
  box-shadow: 0 8px 22px rgba(15,23,42,0.045) !important;
}
.quick-actions-card .card-title {
  margin-bottom: 8px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}
.quick-actions-card .btn,
.quick-actions-card .btn-sm {
  min-height: 34px !important;
  padding: 7px 14px !important;
  font-size: 12px !important;
  border-radius: 9px !important;
}
.workbench-agent-tile {
  border: 1px solid rgba(16,162,107,0.28);
  border-radius: 10px;
  padding: 7px 9px;
  min-height: auto;
  background: linear-gradient(135deg, #F1F7F4 0%, #ECFEF9 100%);
  display: flex;
  flex-direction: column;
}
.workbench-agent-tile:hover {
  background: linear-gradient(135deg, #E3F0EC 0%, #F1F7F4 100%);
}
.workbench-agent-tile > div:first-child {
  margin: 0 0 3px 0 !important;
  line-height: 1.15;
}
.workbench-agent-tile > div:nth-child(2) {
  margin: 0 0 5px 0 !important;
  line-height: 1.22;
  font-size: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.workbench-agent-tile .btn,
.workbench-agent-tile button {
  padding: 5px 10px;
  margin-top: auto;
  align-self: flex-start;
}
.workbench-target-highlight {
  outline: 2px solid rgba(16,162,107,0.7);
  background: #F1F7F4 !important;
}

.row-action-wrap {
  position: relative;
  display: inline-flex;
}
.row-action-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #E7ECE9;
  background: #FFFFFF;
  color: #667085;
  cursor: pointer;
  font-weight: 800;
  line-height: 1;
}
.row-action-btn:hover {
  background: #F1F7F4;
  color: #0B6B4A;
  border-color: #BFE0D6;
}
.row-action-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 34px;
  min-width: 190px;
  background: #FFFFFF;
  border: 1px solid #E7ECE9;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(15,23,42,0.12);
  z-index: 120;
  overflow: hidden;
}
.tax-cal-overlay .row-action-menu {
  z-index: 260;
}
.row-action-menu.open {
  display: block;
}
.row-action-item {
  width: 100%;
  border: none;
  background: #FFFFFF;
  padding: 8px 10px;
  text-align: left;
  font-size: 12px;
  color: #111827;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.row-action-item:hover {
  background: #F1F7F4;
}
.row-action-item.danger {
  color: #DC2626;
}
.row-action-item.danger:hover {
  background: #FEF2F2;
}

.company-id-check-card {
  padding: 14px 16px !important;
  border-radius: 14px !important;
}
.company-id-check-card .card-title {
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}
.company-id-check-card label {
  margin-top: 6px !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}
.company-id-check-card label:first-of-type {
  margin-top: 0 !important;
}
.company-id-check-card input {
  min-height: 40px !important;
  height: 40px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
.company-id-check-card .btn {
  min-height: 40px !important;
  height: 40px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin-top: 6px !important;
}
.company-id-check-card .result {
  margin-top: 8px !important;
  padding: 8px !important;
}
.new-invoice-form-card {
  padding: 12px 14px !important;
}
.new-invoice-form-card label {
  margin-top: 7px !important;
  margin-bottom: 3px !important;
}
.new-invoice-form-card label:first-of-type {
  margin-top: 0 !important;
}
.new-invoice-form-card .input-row {
  gap: 6px !important;
}
.new-invoice-form-card input:not([type="hidden"]):not([type="checkbox"]),
.new-invoice-form-card select {
  min-height: 40px !important;
  height: 40px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
}
.new-invoice-form-card textarea {
  min-height: 68px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.25 !important;
}
.new-invoice-form-card > .btn,
.new-invoice-form-card #pdfBtn .btn {
  min-height: 38px !important;
  padding: 8px 14px !important;
}
.new-invoice-form-card #invoiceResult {
  margin-top: 8px !important;
  padding: 9px !important;
}
.clients-form-wrapper {
  padding: 13px 14px !important;
}
.clients-form-wrapper label {
  margin-top: 8px !important;
  margin-bottom: 3px !important;
}
.clients-form-wrapper label:first-of-type {
  margin-top: 0 !important;
}
.clients-form-wrapper .input-row {
  gap: 7px !important;
}
.clients-form-wrapper input:not([type="hidden"]):not([type="checkbox"]),
.clients-form-wrapper select {
  min-height: 40px !important;
  height: 40px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
}
.clients-form-wrapper textarea {
  min-height: 40px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.25 !important;
}
.kpi-svg-icon {
  width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0B6B4A;
  flex-shrink: 0;
}
.kpi-svg-icon svg {
  width: 15px;
  height: 15px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dashboard-hero-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-right: 6px;
  vertical-align: -3px;
  flex-shrink: 0;
}
.dashboard-hero-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.card-title {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}
.card-icon {
  border-radius: 8px;
  background: #F3F7FA;
  border: none;
  box-shadow: none;
}
.content-svg-icon {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #0B6B4A;
}
.content-svg-icon svg {
  width: 17px;
  height: 17px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ai-float-toggle .content-svg-icon.on-teal,
.ai-check-topbar-toggle .content-svg-icon.on-teal,
.worklist-toggle .content-svg-icon.on-teal {
  color: #14233D;
}
.dashboard-hero-actions .dashboard-hero-btn .content-svg-icon.on-teal {
  color: #FFFFFF;
}
.content-svg-icon.on-mint {
  color: #0B6B4A;
}
.card-icon .content-svg-icon {
  color: #071A33;
}
.btn .content-svg-icon,
.worklist-toggle .content-svg-icon,
.ai-float-toggle .content-svg-icon {
  width: 16px;
  height: 16px;
  vertical-align: -2px;
  margin-right: 6px;
}
.btn .content-svg-icon svg,
.worklist-toggle .content-svg-icon svg,
.ai-float-toggle .content-svg-icon svg {
  width: 16px;
  height: 16px;
}

/* ── სტატისტიკის ბარათები ── */
.stat-card {
  border-radius: 16px;
  border: 1px solid var(--prm-border);
  background: linear-gradient(180deg, var(--prm-surface) 0%, var(--prm-surface-deep) 100%);
  box-shadow: var(--prm-shadow-card), var(--prm-inset-highlight);
}
.stat-card::before {
  display: none;
}
.stat-value { color: #111827; }

/* ══════════════════════════════════
   ფორმები
   ══════════════════════════════════ */
input, select, textarea {
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #E7ECE9;
  background: #FFFFFF;
  box-shadow: none;
  font-size: 14px;
  color: #111827;
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(20, 35, 61, 0.28);
  box-shadow: 0 0 0 3px rgba(20, 35, 61, 0.08);
  background: #FFFFFF;
  outline: none;
}
textarea { min-height: 80px; }

/* ══════════════════════════════════
   ღილაკები
   ══════════════════════════════════ */
.btn {
  min-height: 42px;
  padding: 10px 20px;
  border-radius: 10px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  color: #FFFFFF;
  border: 1px solid rgba(20, 35, 61, 0.12);
  box-shadow: 0 2px 8px rgba(20, 35, 61, 0.12);
  font-size: 13px;
  font-weight: 600;
}
.btn::before { display: none; }
.btn:hover {
  background: linear-gradient(180deg, #1E3355 0%, #182A49 100%);
  transform: none;
  box-shadow: 0 2px 8px rgba(20, 35, 61, 0.14);
}
.btn-dark {
  background: #FFFFFF;
  color: #111827;
  border: 1px solid #E7ECE9;
  box-shadow: none;
}
.btn-dark:hover {
  background: #F8FAFC;
  transform: none;
}
.btn-green {
  background: #16A34A;
  border: none;
  color: #FFFFFF;
}
.btn-red {
  background: #FFFFFF;
  color: #DC2626;
  border: 1px solid #FED7D7;
}
.btn-red:hover { background: #FEF2F2; }
.btn-sm {
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px;
}
.bank-ai-suggest-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 9px 16px;
  border-radius: 10px;
  border: 2px solid #7F1D1D;
  background: linear-gradient(135deg, #7F1D1D 0%, #991B1B 55%, #B91C1C 100%);
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 900;
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(127, 29, 29, 0.28);
  letter-spacing: 0.1px;
  white-space: nowrap;
}
.bank-ai-suggest-btn:hover {
  background: linear-gradient(135deg, #991B1B 0%, #B91C1C 60%, #DC2626 100%);
  border-color: #991B1B;
  box-shadow: 0 10px 22px rgba(127, 29, 29, 0.34);
  transform: translateY(-1px);
  color: #FFFFFF;
}
.bank-ai-suggest-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}
.bank-ai-suggest-btn::before {
  content: "AI";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  padding: 0 5px;
  border-radius: 6px;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.28);
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 900;
}

/* ── ხარჯების / კალენდრის / გადახდის ღილაკები ── */
.cal-filter-btn, .pay-method {
  border-radius: 8px;
  min-height: 38px;
  background: #FFFFFF;
  border: 1px solid #E7ECE9;
  box-shadow: none;
}
.exp-type-btn.active, .cal-filter-btn.active {
  background: linear-gradient(135deg, #0A2342, #071A33);
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}

/* ══════════════════════════════════
   შედეგები / რეზიუმეები
   ══════════════════════════════════ */
.result { border-radius: 4px; }
.vat-summary { border-radius: 4px; }
.exp-summary { border-radius: 4px; }
.salary-result {
  border-radius: 14px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border: none;
}
.info-dark {
  border-radius: 14px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border: none;
}

/* ── ჩატი ── */
.chat-box {
  border-radius: 4px;
  border: 1px solid #E7ECE9;
  background: #F8FAFC;
}
.msg { border-radius: 4px; }
.msg.bot {
  border-bottom-left-radius: 0;
  background: #FFFFFF;
  border: 1px solid #E7ECE9;
  box-shadow: none;
}
.msg.user { border-bottom-right-radius: 0; }

/* ── ბეჯები ── */
.exp-badge, .client-tag { border-radius: 3px; }
.client-avatar { border-radius: 4px; }

/* ── P&L ── */
.pl-card-header {
  border-radius: 14px;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  border: none;
}
.pl-card-header.pl-top-summary {
  min-height: 56px;
  padding: 8px 14px;
  margin-bottom: 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.pl-card-header.pl-top-summary .pl-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.pl-card-header.pl-top-summary .pl-summary-label {
  font-size: 11px;
  color: var(--t-light-3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1.1;
}
.pl-card-header.pl-top-summary .pl-summary-val {
  font-size: 17px;
  line-height: 1;
  margin-top: 0 !important;
}
.pl-card-header.pl-top-summary #plNetStatus {
  font-size: 10.5px !important;
  line-height: 1.1;
  margin-top: 0 !important;
}

/* ── ბალანსი ── */
.bal-total-row { border-radius: 4px; }
.bal-check { border-radius: 4px; }

/* ══════════════════════════════════
   ავტორიზაცია
   ══════════════════════════════════ */
.auth-overlay { background: #F8FAFC; }
.auth-box {
  border-radius: 14px;
  border: 1px solid #E7ECE9;
  box-shadow: 0 12px 32px rgba(15,23,42,0.08);
  background: #FFFFFF;
}
.auth-tabs { border-radius: 10px; background: #F8FAFC; }
.auth-tab { border-radius: 8px; }
.auth-error, .auth-success { border-radius: 10px; }

/* ── მოდალი ── */
.modal {
  border-radius: 14px;
  border: 1px solid #E7ECE9;
  box-shadow: 0 12px 32px rgba(15,23,42,0.10);
}
.plan-box { border-radius: 14px; }
#invoicePreview { border-radius: 10px; }

/* ══════════════════════════════════
   გლობალური radius — პრემიუმ მომრგვალება
   ══════════════════════════════════ */
/* radius override ამოღებულია — ვიყენებთ თითოეული ელემენტის
   საკუთარ border-radius-ს */

/* ══════════════════════════════════
   მობილური
   ══════════════════════════════════ */
@media(max-width: 900px) {
  .sidebar { display: none; }
  .main-area { margin-left: 0; }
  .topbar { display: none; }
  .bpro-blocknav { display: none; } /* mobile has its own nav; the rail is desktop-only v1 */
  .tabs-wrapper {
    /* one low, horizontally-scrollable strip (layout.css sets overflow/rows) —
       the old 4-row grid ate ~260px of every phone screen */
    display: flex !important;
    background: linear-gradient(180deg, #182A49, #14233D);
    border-bottom: none;
    box-shadow: none;
  }
  .tabs-wrapper .tab-btn {
    border-radius: 0;
    color: rgba(255,255,255,0.85);
    background: transparent;
    border: none;
    box-shadow: none;
    border-right: 1px solid rgba(255,255,255,0.08);
  }
  .tabs-wrapper .tab-btn.active {
    color: #FFFFFF;
    background: rgba(255,255,255,0.18);
  }
  .tabs-wrapper .tab-btn .tab-icon,
  .tabs-wrapper .tab-btn span:first-child {
    filter: grayscale(1) brightness(0) invert(1);
    opacity: 0.78;
  }
  .tabs-wrapper .tab-btn.active .tab-icon,
  .tabs-wrapper .tab-btn.active span:first-child {
    opacity: 1;
  }
  .content { padding: 14px 14px 110px; } /* bottom room so the FABs never cover list rows */
  .card { padding: 14px; }
  input, select, textarea, .btn { min-height: 42px; }
  .ai-float-panel { width: calc(100vw - 20px); right: 10px; }
}

/* ── PATTERN SUGGESTIONS ── */
.smart-suggestion {
  border: 1px solid rgba(16,162,107,0.35);
  border-radius: 6px;
  background: #F1F7F4;
  color: #0B6B4A;
  padding: 6px 9px;
  font-size: 11.5px;
  margin-top: 5px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.smart-suggestion.show {
  display: flex;
}
.smart-suggestion button {
  border: none;
  background: linear-gradient(180deg, #182A49 0%, #14233D 100%);
  color: #fff;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 11px;
  cursor: pointer;
  font-family: inherit;
  flex-shrink: 0;
}

/* ── WORK LIST ── */
.worklist-toggle{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:10px;background:linear-gradient(180deg,#CFCFCF 0%,#B3B3B3 55%,#9E9E9E 100%);border:1px solid #84888D;color:#14233D;font-size:12px;font-weight:700;cursor:pointer;position:relative;font-family:inherit;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),0 3px 8px rgba(0,0,0,0.35);opacity:1;filter:none;backdrop-filter:none}
.worklist-toggle:hover{background:linear-gradient(180deg,#DADADA 0%,#C0C0C0 55%,#ABABAB 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 5px 12px rgba(0,0,0,0.4)}
.ai-check-topbar-toggle{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:10px;background:linear-gradient(180deg,#CFCFCF 0%,#B3B3B3 55%,#9E9E9E 100%);border:1px solid #84888D;color:#14233D;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:inset 0 1px 0 rgba(255,255,255,0.7),0 3px 8px rgba(0,0,0,0.35);opacity:1;filter:none;backdrop-filter:none}
.ai-check-topbar-toggle:hover{background:linear-gradient(180deg,#DADADA 0%,#C0C0C0 55%,#ABABAB 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 5px 12px rgba(0,0,0,0.4)}
.tax-cal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.45);z-index:200;display:none;align-items:flex-start;justify-content:center;padding:40px 16px}
.tax-cal-overlay.open{display:flex}
.tax-cal-modal{background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(15,23,42,0.18);max-width:520px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
.tax-cal-head{background:linear-gradient(180deg,#182A49 0%,#14233D 100%);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.tax-cal-head-title{font-size:14px;font-weight:800;color:#fff}
.tax-cal-close{background:rgba(255,255,255,0.15);border:none;color:#fff;border-radius:7px;padding:4px 11px;cursor:pointer;font-size:14px;font-weight:700}
.tax-cal-body{padding:16px 20px;overflow-y:auto;flex:1}
.worklist-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#16A34A;color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;line-height:1}
.worklist-badge.show{display:inline-flex}
.worklist-badge.urgent{background:#DC2626}
.worklist-panel{position:fixed;top:48px;right:-440px;width:420px;height:calc(100vh - 48px);background:#fff;box-shadow:-4px 0 24px rgba(15,23,42,0.10);border-left:1px solid #E7ECE9;z-index:90;display:flex;flex-direction:column;transition:right 0.25s ease;overflow:hidden}
.worklist-panel.open{right:0}
.worklist-header{padding:16px 18px 0;background:linear-gradient(180deg,#182A49 0%,#14233D 100%);color:#fff;flex-shrink:0}
.worklist-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px}
.worklist-title{font-size:16px;font-weight:700}
.worklist-subtitle{font-size:11px;color:rgba(255,255,255,0.65);margin-top:3px}
.worklist-header-tabs{display:flex;align-items:flex-end;gap:0;margin:0 -18px;padding:0 12px;border-top:1px solid rgba(255,255,255,0.08)}
.worklist-header-tab{
  position:relative;flex:0 0 auto;margin:0;padding:10px 14px 9px;
  border:0;border-radius:10px 10px 0 0;background:transparent;
  color:rgba(255,255,255,0.72);font-family:inherit;font-size:11.5px;font-weight:700;
  line-height:1.2;cursor:pointer;white-space:nowrap;
  border-bottom:2px solid transparent;transition:color .15s,background .15s,border-color .15s;
}
.worklist-header-tab:hover{color:#fff;background:rgba(255,255,255,0.06)}
.worklist-header-tab[aria-selected="true"],.worklist-header-tab.active{
  color:#fff;background:rgba(255,255,255,0.1);border-bottom-color:#fff;
}
.worklist-header-actions{display:flex;gap:6px}
.worklist-header-actions button{background:rgba(255,255,255,0.15);border:none;color:#fff;width:32px;height:32px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.worklist-header-actions button:hover{background:rgba(255,255,255,0.25)}
.worklist-body{flex:1;overflow-y:auto;padding:14px 16px}
.worklist-section{margin-bottom:16px}
.worklist-section-title{font-size:12px;font-weight:700;color:#667085;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.worklist-card{background:#F8FAFC;border:1px solid #E7ECE9;border-radius:12px;padding:12px 14px;margin-bottom:6px}
.worklist-card.overdue{border-left:3px solid #DC2626}
.worklist-card.today{border-left:3px solid #D4AF37}
.worklist-card.upcoming{border-left:3px solid #10A26B}
.worklist-card.manual{border-left:3px solid #9CA3AF}
.worklist-card.manual.completed{opacity:0.5;text-decoration:line-through}
.worklist-card-title{font-size:13px;font-weight:700;color:#111827;margin-bottom:4px}
.worklist-card-meta{font-size:11px;color:#667085;line-height:1.5}
.worklist-card-meta span{margin-right:10px}
.worklist-card-desc{font-size:11px;color:#9CA3AF;margin-top:4px;font-style:italic}
.worklist-actions{display:flex;gap:6px;margin-top:8px}
.worklist-mini-btn{padding:4px 10px;border-radius:6px;font-size:10.5px;font-weight:600;cursor:pointer;border:1px solid #E7ECE9;background:#fff;color:#667085}
.worklist-mini-btn:hover{background:#F8FAFC}
.worklist-mini-btn.green{background:#E9FBF0;color:#085041;border-color:#A7F3D0}
.worklist-mini-btn.red{background:#FEF2F2;color:#991B1B;border-color:#FECACA}
.worklist-empty{font-size:12px;color:#9CA3AF;padding:10px 0}
.worklist-all-clear{background:#F1F7F4;border:1px solid #BFE0D6;border-radius:12px;padding:14px;text-align:center;font-size:13px;color:#0B6B4A;font-weight:600;margin-bottom:14px}
.worklist-add-form{border-top:1px solid #E7ECE9;padding-top:14px;margin-top:8px}
.worklist-add-form h4{font-size:12px;font-weight:700;color:#111827;margin-bottom:8px}
.worklist-add-form input,.worklist-add-form textarea,.worklist-add-form select{width:100%;margin-bottom:6px;padding:8px 10px;border:1px solid #E7ECE9;border-radius:8px;font-size:12px;font-family:inherit;background:#fff;color:#111827;min-height:auto !important}
.worklist-add-form textarea{height:50px;resize:vertical}
.worklist-add-form .worklist-add-btn{width:100%;padding:9px;background:linear-gradient(135deg,#182A49,#14233D);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}
.worklist-add-form .worklist-add-btn:hover{background:linear-gradient(135deg,#1E3355,#182A49)}
@media(max-width:900px){
  .worklist-panel{width:100%;top:0;height:100vh;right:-100%}
  .worklist-toggle span:last-child{display:none}
}

/* ── AI CHECK QUICK PANEL (rule-based only) ── */
.ai-check-panel{position:fixed;top:64px;right:16px;width:360px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #E7ECE9;border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,0.15);z-index:95;display:none;overflow:hidden}
.ai-check-panel.open{display:block}
.ai-check-header{padding:12px 14px;background:linear-gradient(180deg,#182A49 0%,#14233D 100%);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.ai-check-title{font-size:14px;font-weight:800;line-height:1.2}
.ai-check-sub{font-size:10.5px;color:rgba(255,255,255,0.75);margin-top:3px;line-height:1.45}
.ai-check-close{background:rgba(255,255,255,0.18);border:none;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:15px}
.ai-check-close:hover{background:rgba(255,255,255,0.27)}
.ai-check-body{padding:12px}
.ai-check-actions{display:grid;grid-template-columns:1fr;gap:7px}
.ai-check-btn{width:100%;padding:8px 10px;border-radius:9px;border:1px solid rgba(180,210,240,0.5);background:#F8FAFC;color:#0F172A;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
.ai-check-btn:hover{background:#F1F7F4;border-color:#BFE0D6}
.ai-check-btn.disabled{opacity:.6;cursor:not-allowed;background:#F3F4F6}
.ai-check-result{margin-top:10px;padding:10px;border:1px solid rgba(180,210,240,0.45);border-radius:10px;background:#FAFCFF;font-size:11.5px;color:#334155;line-height:1.55}
@media(max-width:900px){
  .ai-check-panel{top:8px;right:10px;left:10px;width:auto;max-width:none}
}

/* ── ტაბლეები ── */
table thead { background: #F1F7F4; color: #0B6B4A; }
table thead th { color: #0B6B4A; font-weight: 700; }
table tr:hover { background: #F1F7F4; }
table td, table th { border-color: #E7ECE9; color: #111827; }

/* ── ტოსტი / შეტყობინება ── */
.toast {
  background: #FFFFFF;
  color: #111827;
  border: 1px solid #E7ECE9;
  box-shadow: 0 8px 24px rgba(15,23,42,0.10);
  border-radius: 14px;
}

/* ── მოდალ ოვერლეი ── */
.modal-overlay, [class*="modal-overlay"] {
  background: rgba(15,23,42,0.45) !important;
}

/* ── chat box ── */
.chat-box {
  background: #F8FAFC;
  border-color: #E7ECE9;
  border-radius: 14px;
}

/* ── ბეჯები და ავატარები ── */
.exp-badge, .client-tag { border-radius: 6px; }
.client-avatar {
  border-radius: 10px;
  background: linear-gradient(135deg, #182A49, #14233D);
}

/* ── ბალანსი ── */
.bal-total-row { border-radius: 10px; }
.bal-check { border-radius: 10px; }

/* ── Audit Log v2 ── */
.audit-summary-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.audit-sum-card {
  margin-bottom: 0 !important;
  padding: 10px 12px !important;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.audit-sum-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--t-dark-4);
  line-height: 1.3;
}
.audit-sum-val {
  font-size: 19px;
  font-weight: 800;
  color: var(--t-dark-1);
  line-height: 1.15;
}
#auditLogList table thead th {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
}
#auditLogList table tbody td {
  border-bottom: 1px solid rgba(180, 210, 240, 0.4);
  padding: 7px 8px;
  vertical-align: top;
}
@media (max-width: 760px) {
  .audit-summary-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .audit-filter-grid > div[style*="span 2"] { grid-column: span 2 !important; }
}

/* Record-level "ისტორია" (audit trail) button — compact navy, row-aligned */
.bpro-record-audit-btn {
  padding: 5px 9px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  border: 1px solid rgba(7, 26, 51, 0.25);
  border-radius: 6px;
  background: #071A33;
  color: #FFFFFF;
  cursor: pointer;
  margin-right: 6px;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.15s;
}
.bpro-record-audit-btn:hover { background: #0A2342; }

/* ═══ END DESIGN ═══ */

/* PRM-01 removed — premium v3 tokens live in base.css + premium-v3.css */
.sidebar .company-switcher-btn {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.14);
}