/* UI V2 — official visual identity. Presentation only; accounting/API behavior unchanged. */
:root{
  --ui2-navy:#0b2147;--ui2-navy-2:#102e61;--ui2-blue:#2f5bea;--ui2-green:#11a875;
  --ui2-bg:#f6f8fc;--ui2-card:#fff;--ui2-line:#e7ebf2;--ui2-text:#13213a;--ui2-muted:#718096;
  --ui2-radius:18px;--ui2-shadow:0 8px 24px rgba(22,39,72,.055);
}
#appView.tenant-mode{background:var(--ui2-bg)!important;font-family:Tahoma,Arial,sans-serif!important;color:var(--ui2-text)!important}
/* Desktop shell */
@media(min-width:1181px){
  #appView.tenant-mode>#tenantView>#tenantSidebar{top:0!important;width:270px!important;padding:18px 14px 16px!important;background:linear-gradient(180deg,#0b2147 0%,#0b2b59 100%)!important;border-left:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.02)!important;color:#fff!important}
  #appView.tenant-mode>.topbar{right:270px!important;height:78px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--ui2-line)!important;box-shadow:none!important;padding:0 26px!important}
  #appView.tenant-mode>.topbar .brand-logo{display:none!important}
  #appView.tenant-mode>.topbar .brand-title h1{color:var(--ui2-text)!important;font-size:18px!important}
  #appView.tenant-mode>.topbar .brand-title small{color:var(--ui2-muted)!important;font-size:12px!important}
  #appView.tenant-mode>.topbar #pageSubtitle{font-size:12px!important}
  #appView.tenant-mode>.topbar #pageSubtitle:after{content:none!important}
  #appView.tenant-mode>.topbar #quickSaleBtn{background:var(--ui2-green)!important;padding:11px 18px!important;border-radius:13px!important}
  #appView.tenant-mode .tenant-content{margin-right:270px!important;padding:104px 26px 38px!important;max-width:1500px!important;margin-left:auto!important}
}
.tenant-sidebar-brand-v2{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.11)}
.tenant-brand-logo-v2{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#fff1bd,#e9b64b);color:#0b2147;display:grid;place-items:center;font-size:12px;font-weight:900;overflow:hidden;flex:none}
.tenant-brand-logo-v2 img{width:100%;height:100%;object-fit:cover}
.tenant-sidebar-brand-v2 strong{display:block;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.tenant-sidebar-brand-v2 small{display:block;color:#aebbd0;font-size:10.5px;margin-top:3px}
.sidebar-section-label{color:#7f91ad;font-size:10px;font-weight:800;padding:0 13px 7px;letter-spacing:.2px}
#appView.tenant-mode #tenantSidebar .sidebar-menu{gap:4px!important}
#appView.tenant-mode #tenantSidebar .nav-item{color:#d7e0ee!important;padding:12px 13px!important;border-radius:12px!important;font-size:13.5px!important;font-weight:700!important}
#appView.tenant-mode #tenantSidebar .nav-item .nav-icon{background:transparent!important;color:#b7c5d9!important;width:28px!important;min-width:28px!important;height:28px!important;font-size:17px!important}
#appView.tenant-mode #tenantSidebar .nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
#appView.tenant-mode #tenantSidebar .nav-item.active{background:linear-gradient(135deg,#3159db,#244bc9)!important;color:#fff!important;box-shadow:0 8px 18px rgba(28,70,185,.24)!important}
#appView.tenant-mode #tenantSidebar .nav-item.active .nav-icon{color:#fff!important;background:rgba(255,255,255,.12)!important}
.sidebar-new-sale-v2{width:100%;min-height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,#13b27c,#08a66c);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;gap:9px;margin:16px 0 10px;box-shadow:0 10px 22px rgba(17,168,117,.22);cursor:pointer}.sidebar-new-sale-v2 span{font-size:24px;font-weight:400}
#appView.tenant-mode .tenant-sidebar-tools{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-top:10px!important}
#appView.tenant-mode .tenant-sidebar-tools button{color:#b9c6d8!important;background:transparent!important}.tenant-sidebar-tools button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
#appView.tenant-mode #tenantSidebar .sidebar-footer{border-top:1px solid rgba(255,255,255,.1)!important;color:#aebbd0!important;padding:12px 4px 0!important}.sidebar-user-avatar{background:rgba(255,255,255,.1)!important;border:0!important;color:#fff!important}.sidebar-user-summary strong{color:#fff!important}.sidebar-user-summary small,.sidebar-data-note{color:#8fa0b8!important}.sidebar-logout-btn{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#d8e0ec!important}.sidebar-logout-btn:hover{background:rgba(239,68,68,.16)!important;color:#fff!important}
/* Typography and cards */
#appView.tenant-mode .page-heading h2{font-size:26px!important;letter-spacing:-.2px!important;color:var(--ui2-text)!important}.dashboard-kicker-v2{display:inline-block;color:var(--ui2-blue);font-size:11px;font-weight:900;margin-bottom:6px}
#appView.tenant-mode .panel,#appView.tenant-mode .card,#appView.tenant-mode .metric{border:1px solid var(--ui2-line)!important;border-radius:var(--ui2-radius)!important;box-shadow:var(--ui2-shadow)!important;background:#fff!important}
#appView.tenant-mode .dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
#appView.tenant-mode .dashboard-metrics .metric{min-height:134px!important;padding:22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;position:relative!important;overflow:hidden!important}
#appView.tenant-mode .dashboard-metrics .metric:after{content:"";position:absolute;width:66px;height:66px;border-radius:22px;left:18px;top:20px;background:#eef3ff}
#appView.tenant-mode .dashboard-metrics .metric:nth-child(2):after{background:#e9f9f2}#appView.tenant-mode .dashboard-metrics .metric:nth-child(3):after{background:#fff5e9}#appView.tenant-mode .dashboard-metrics .metric:nth-child(4):after{background:#f4efff}
#appView.tenant-mode .dashboard-metrics .metric span{font-size:13px!important;color:#34445d!important;font-weight:800!important}#appView.tenant-mode .dashboard-metrics .metric strong{font-size:28px!important;color:var(--ui2-text)!important;margin-top:10px!important;letter-spacing:.2px!important}
#appView.tenant-mode .action-center-panel{margin-bottom:16px!important}.action-center-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.action-card{box-shadow:none!important;border:1px solid var(--ui2-line)!important;background:#fbfcfe!important;border-radius:14px!important;padding:14px!important}.action-card.needs-action{background:#fffdfa!important;border-color:#f3dfbe!important}.action-card-link{color:var(--ui2-blue)!important}
#appView.tenant-mode #dashboardFinance{display:none!important}
#appView.tenant-mode .dashboard-columns{grid-template-columns:1.15fr .85fr!important;gap:16px!important}.dashboard-financial-feed{margin-top:16px!important}
#appView.tenant-mode .quick-actions{display:flex!important;gap:8px!important}.quick-actions .primary{background:var(--ui2-blue)!important}.quick-actions .ghost{color:var(--ui2-blue)!important}
/* Forms */
#appView.tenant-mode input,#appView.tenant-mode select,#appView.tenant-mode textarea{border-color:#dfe5ee!important;background:#fff!important;border-radius:12px!important;box-shadow:none!important}#appView.tenant-mode input:focus,#appView.tenant-mode select:focus,#appView.tenant-mode textarea:focus{border-color:#86a2f3!important;box-shadow:0 0 0 3px rgba(47,91,234,.08)!important}
#appView.tenant-mode button.primary{background:var(--ui2-blue)!important}.segmented-choice button.is-selected{border-color:#8ea7f5!important;background:#f3f6ff!important}.segmented-choice button.is-selected .choice-icon{background:var(--ui2-blue)!important}
/* Sale full-screen sheet on small screens */
#saleCreateModal .modal-card{border-radius:22px!important}.sale-progress b{background:#eef2f8!important}.sale-progress span.active b{background:var(--ui2-blue)!important}.sale-save-actions .primary{background:var(--ui2-blue)!important}.customer-suggestions{border-radius:15px!important;border:1px solid var(--ui2-line)!important}
/* Mobile navigation */
.tenant-mobile-nav-v2{display:none}
@media(max-width:1180px){
  .tenant-sidebar-brand-v2{margin-top:4px}.sidebar-section-label{display:none}
  #appView.tenant-mode #tenantSidebar{background:linear-gradient(180deg,#0b2147,#0b2b59)!important;border-left:0!important;color:#fff!important}
  #appView.tenant-mode #tenantSidebar .nav-item{color:#d7e0ee!important}.tenant-sidebar-tools button{color:#b9c6d8!important}
}
@media(max-width:760px){
  #appView.tenant-mode>.topbar{height:64px!important;background:#fff!important;border-bottom:1px solid var(--ui2-line)!important;box-shadow:none!important;padding:0 12px!important}
  #appView.tenant-mode>.topbar .brand-logo{display:none!important}#appView.tenant-mode>.topbar .brand-title h1{color:var(--ui2-text)!important;font-size:15px!important}#appView.tenant-mode>.topbar .brand-title small{display:none!important}#appView.tenant-mode>.topbar .menu-btn{background:#f3f6fb!important;color:var(--ui2-text)!important}
  #appView.tenant-mode>.topbar #quickSaleBtn{display:none!important}
  #appView.tenant-mode .tenant-content{padding:80px 11px 92px!important;background:var(--ui2-bg)!important}
  #appView.tenant-mode .page-heading{align-items:flex-start!important;margin-bottom:14px!important}.page-heading .quick-actions{display:none!important}.page-heading h2{font-size:22px!important}
  #appView.tenant-mode .dashboard-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}.dashboard-metrics .metric{min-height:108px!important;padding:15px!important}.dashboard-metrics .metric strong{font-size:21px!important}.dashboard-metrics .metric:after{width:42px!important;height:42px!important;left:12px!important;top:13px!important;border-radius:14px!important}
  #appView.tenant-mode .action-center-grid{grid-template-columns:1fr!important}.action-card p{display:none!important}.dashboard-columns{grid-template-columns:1fr!important}
  .tenant-mobile-nav-v2{position:fixed;z-index:650;right:8px;left:8px;bottom:8px;height:66px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 66px 1fr 1fr;align-items:center;background:rgba(255,255,255,.98);border:1px solid var(--ui2-line);border-radius:20px;box-shadow:0 14px 40px rgba(22,39,72,.18);backdrop-filter:blur(12px)}
  .tenant-mobile-nav-v2 button{border:0;background:transparent;color:#596981;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:18px}.tenant-mobile-nav-v2 small{font-size:9.5px;font-weight:800}.tenant-mobile-nav-v2 .mobile-sale-main-v2{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#13b27c,#08a66c);color:#fff;justify-self:center;box-shadow:0 8px 18px rgba(17,168,117,.25);transform:translateY(-8px)}.tenant-mobile-nav-v2 .mobile-sale-main-v2 span{font-size:28px}
  #saleCreateModal.modal{z-index:900!important}#saleCreateModal .modal-card{border-radius:0!important}
}
@media(min-width:761px) and (max-width:1180px){#appView.tenant-mode .dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dashboard-metrics .metric strong{font-size:23px!important}.action-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}