/*
 * UI V2 SYSTEM — unified visual identity for Auction Management Platform
 * Presentation/responsive layer only. No accounting/API/storage logic changed.
 */
:root{
  --v2-navy:#0b2147;
  --v2-navy-2:#0d2c5b;
  --v2-blue:#3159df;
  --v2-blue-soft:#eef3ff;
  --v2-green:#0faa76;
  --v2-green-soft:#eaf8f3;
  --v2-amber:#ea8a24;
  --v2-red:#dc4b5d;
  --v2-bg:#f4f7fb;
  --v2-surface:#ffffff;
  --v2-surface-2:#f9fbfd;
  --v2-line:#e5eaf1;
  --v2-text:#14213a;
  --v2-muted:#718096;
  --v2-radius:18px;
  --v2-radius-sm:13px;
  --v2-shadow:0 10px 30px rgba(24,45,82,.055);
  --v2-shadow-lg:0 20px 55px rgba(15,35,68,.16);
}

html,body{background:var(--v2-bg)}
#appView{background:var(--v2-bg)!important;color:var(--v2-text)!important}
#appView .muted{color:var(--v2-muted)!important}
#appView .hidden{display:none!important}

/* ===== TYPOGRAPHY / PAGE RHYTHM ===== */
#appView .page-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  margin:0 0 18px!important;padding:0!important;min-height:64px;
}
#appView .page-heading>div:first-child{min-width:0}
#appView .page-heading h2{margin:2px 0 4px!important;color:var(--v2-text)!important;font-size:26px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.25px}
#appView .page-heading p{margin:0!important;color:var(--v2-muted)!important;font-size:13px!important;line-height:1.75}
#appView .eyebrow,#appView .dashboard-kicker-v2{color:var(--v2-blue)!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.2px!important}
#appView h2,#appView h3,#appView h4{color:var(--v2-text)}

/* ===== SHARED SURFACES ===== */
#appView .panel,#appView .card,#appView .metric,#appView .modal-card,
#appView .report-preview,#appView details{
  border:1px solid var(--v2-line)!important;background:var(--v2-surface)!important;border-radius:var(--v2-radius)!important;box-shadow:var(--v2-shadow)!important;
}
#appView .panel{padding:20px!important;margin-bottom:16px!important}
#appView .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:15px!important}
#appView .section-head h2{font-size:17px!important;margin:0 0 3px!important;font-weight:900!important}
#appView .section-head p{font-size:12px!important;margin:0!important;color:var(--v2-muted)!important}

/* ===== BUTTONS ===== */
#appView button{font-family:inherit;transition:.16s ease}
#appView button.primary,#appView .primary{
  border:0!important;background:var(--v2-blue)!important;color:#fff!important;border-radius:12px!important;min-height:42px!important;padding:9px 17px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(49,89,223,.16)!important;
}
#appView button.primary:hover{filter:brightness(.97);transform:translateY(-1px)}
#appView button.secondary,#appView button.ghost,#appView .ghost{
  border:1px solid var(--v2-line)!important;background:#fff!important;color:#35506f!important;border-radius:12px!important;min-height:42px!important;padding:9px 15px!important;font-weight:800!important;box-shadow:none!important;
}
#appView button.danger{border-radius:12px!important;min-height:42px!important}
#appView button.compact{min-height:36px!important;padding:7px 12px!important}

/* ===== FORM SYSTEM ===== */
#appView .form-grid,#appView .inline-form{gap:14px!important}
#appView label,#appView .field>label{color:#34455f!important;font-size:12px!important;font-weight:800!important;line-height:1.5}
#appView input,#appView select,#appView textarea{
  width:100%;min-height:44px;border:1px solid #dfe5ee!important;background:#fff!important;color:var(--v2-text)!important;border-radius:12px!important;padding:10px 12px!important;box-shadow:none!important;font-size:14px!important;
}
#appView textarea{min-height:92px;resize:vertical}
#appView input:focus,#appView select:focus,#appView textarea:focus{outline:0!important;border-color:#8ba6f2!important;box-shadow:0 0 0 3px rgba(49,89,223,.085)!important}
#appView .check-label,#appView .no-phone-check{border-radius:11px!important;background:#f8fafc!important;border:1px solid var(--v2-line)!important;padding:9px 11px!important}

/* ===== TENANT SIDEBAR ===== */
#tenantSidebar{
  background:linear-gradient(180deg,var(--v2-navy) 0%,var(--v2-navy-2) 100%)!important;color:#fff!important;border:0!important;
}
#tenantSidebar .tenant-sidebar-brand-v2{border-bottom:1px solid rgba(255,255,255,.1)!important}
#tenantSidebar .tenant-sidebar-brand-v2 strong{color:#fff!important}
#tenantSidebar .tenant-sidebar-brand-v2 small{color:#aebdd2!important}
#tenantSidebar .sidebar-section-label{color:#8295b0!important}
#tenantSidebar .sidebar-menu{gap:5px!important}
#tenantSidebar .nav-item{
  position:relative!important;isolation:isolate!important;width:100%!important;min-height:48px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#d5dfed!important;opacity:1!important;filter:none!important;display:flex!important;align-items:center!important;gap:10px!important;font-weight:800!important;text-align:right!important;overflow:visible!important;
}
#tenantSidebar .nav-item>*{position:relative!important;z-index:2!important;opacity:1!important;visibility:visible!important;color:inherit!important;mix-blend-mode:normal!important;filter:none!important;text-shadow:none!important}
#tenantSidebar .nav-item>span:last-child{display:inline-block!important;white-space:nowrap!important;overflow:visible!important;color:inherit!important;opacity:1!important}
#tenantSidebar .nav-item .nav-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;color:#b8c7da!important;background:transparent!important;opacity:1!important}
#tenantSidebar .nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
#tenantSidebar .nav-item.active{
  background:linear-gradient(135deg,#365fdf,#274ecf)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;opacity:1!important;box-shadow:0 10px 24px rgba(23,62,170,.28)!important;
}
#tenantSidebar .nav-item.active::before{content:none!important}
#tenantSidebar .nav-item.active .nav-icon{background:rgba(255,255,255,.13)!important;color:#fff!important}
#tenantSidebar .nav-item.active span{color:#fff!important;opacity:1!important;visibility:visible!important}
#tenantSidebar .sidebar-new-sale-v2{background:linear-gradient(135deg,#13b57d,#0ba46f)!important;border:0!important;color:#fff!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(15,170,118,.22)!important}
#tenantSidebar .tenant-sidebar-tools{border-top:1px solid rgba(255,255,255,.1)!important}
#tenantSidebar .tenant-sidebar-tools button{color:#b8c5d7!important;border-radius:10px!important}
#tenantSidebar .tenant-sidebar-tools button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
#tenantSidebar .sidebar-footer{border-color:rgba(255,255,255,.1)!important}
#tenantSidebar .sidebar-user-summary strong{color:#fff!important}
#tenantSidebar .sidebar-user-summary small,#tenantSidebar .sidebar-data-note{color:#92a4bd!important}

/* ===== TOP BAR ===== */
#appView.tenant-mode>.topbar{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--v2-line)!important;box-shadow:none!important}
#appView.tenant-mode>.topbar .brand-title h1{color:var(--v2-text)!important;font-weight:900!important}
#appView.tenant-mode>.topbar .brand-title small,#appView.tenant-mode>.topbar #pageSubtitle{color:var(--v2-muted)!important}
#appView.tenant-mode>.topbar #quickSaleBtn{background:var(--v2-green)!important;color:#fff!important;border-radius:12px!important}

/* ===== DASHBOARD ===== */
#tenantMetrics.dashboard-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
#tenantMetrics .metric{position:relative!important;overflow:hidden!important;min-height:126px!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
#tenantMetrics .metric span{color:#43536a!important;font-size:12px!important;font-weight:800!important}
#tenantMetrics .metric strong{font-size:27px!important;line-height:1.15!important;color:var(--v2-text)!important;margin:8px 0 0!important;font-weight:900!important}
#tenantMetrics .metric small{font-size:10.5px!important;color:var(--v2-muted)!important}
#tenantMetrics .metric::after{content:"";position:absolute;left:17px;top:18px;width:50px;height:50px;border-radius:16px;background:#eef3ff;opacity:.8}
#tenantMetrics .metric:nth-child(2)::after{background:#e8f8f2}#tenantMetrics .metric:nth-child(3)::after{background:#fff3e6}#tenantMetrics .metric:nth-child(4)::after{background:#f4efff}
.action-center-panel{padding:18px!important}.action-center-grid{gap:10px!important}.action-card{border:1px solid var(--v2-line)!important;background:#fbfcfe!important;border-radius:13px!important;box-shadow:none!important;padding:13px!important}.action-card.needs-action{background:#fffdfa!important;border-color:#efdcb9!important}
.dashboard-columns{gap:16px!important}.dashboard-financial-feed{margin-top:0!important}.dashboard-financial-feed #dashboardRecentFinancial>*:nth-child(n+6){display:none!important}
#dashboardRecentFinancial{max-height:430px!important;overflow:auto!important;scrollbar-width:thin}
#dashboardFinance{display:none!important}

/* ===== LISTS / TABLE-LIKE ROWS ===== */
#appView .list{display:grid;gap:8px}
#appView .list>.row,#appView .list>.list-row,#appView .financial-feed>*{border:1px solid var(--v2-line)!important;background:#fff!important;border-radius:12px!important;box-shadow:none!important}
#appView .cards{gap:14px!important}
#appView .session-cards>* ,#appView .client-cards>*{border:1px solid var(--v2-line)!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(24,45,82,.04)!important}
#appView table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;overflow:hidden!important;border:1px solid var(--v2-line)!important;border-radius:14px!important;background:#fff!important}
#appView th{background:#f7f9fc!important;color:#52627a!important;font-size:11px!important;font-weight:900!important;padding:12px!important;border-bottom:1px solid var(--v2-line)!important}
#appView td{padding:12px!important;border-bottom:1px solid #eef1f5!important;color:#26364f!important}

/* ===== SESSIONS ===== */
#sessionsIndex>.panel{padding:18px!important}.session-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.workspace-head{padding:16px 18px!important;margin-bottom:14px!important;border:1px solid var(--v2-line)!important;background:#fff!important;border-radius:16px!important;box-shadow:var(--v2-shadow)!important}.session-metrics{margin-bottom:14px!important}
#workspaceSales>*{border-radius:13px!important}

/* ===== CLIENTS ===== */
#tab-clients .client-toolbar{display:flex!important;gap:12px!important;margin-bottom:14px!important}.search-field{max-width:520px;width:100%}.client-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.client-cards>*{padding:16px!important}

/* ===== WALLETS ===== */
.wallet-github-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}.wallet-github-grid>*{border:1px solid var(--v2-line)!important;background:#fff!important;border-radius:17px!important;box-shadow:var(--v2-shadow)!important}.wallet-action-panels{margin-bottom:16px!important}.wallet-action-panel{border-radius:17px!important}.wallet-page-actions{display:flex!important;gap:8px!important;flex-wrap:wrap}.wallet-action-toggle.active{background:var(--v2-blue)!important;color:#fff!important;border-color:var(--v2-blue)!important}

/* ===== SETTLEMENTS ===== */
.settlement-summary{margin-bottom:14px!important}.settlement-attention{margin-bottom:14px!important}.settlement-classic-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.settlement-classic-panel{min-width:0!important}.settlement-head-total{background:#f5f8fd!important;border:1px solid var(--v2-line)!important;border-radius:12px!important;padding:9px 12px!important}.settlement-history-details{box-shadow:none!important;border:1px solid var(--v2-line)!important;border-radius:12px!important;margin-top:10px!important}.settlement-history-details summary{padding:12px!important;color:#42536d!important;font-weight:800!important;cursor:pointer}

/* ===== REPORTS ===== */
#tab-reports .panel{overflow:hidden}.report-layout,.reports-layout,.report-grid{gap:16px!important}.report-preview{padding:18px!important;background:#fff!important}.report-toolbar,.report-controls{padding:14px!important;border:1px solid var(--v2-line)!important;border-radius:14px!important;background:#fafbfd!important}.report-modal-card{width:min(1100px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important}.modal-report-preview{overflow:auto!important;max-height:calc(100dvh - 220px)!important}

/* ===== SETTINGS / SUPPORT / HELP / USERS ===== */
#tab-settings .panel,#tab-help .panel,#tab-support .panel{max-width:1200px}.settings-grid,.system-status-grid,.readiness-list{gap:14px!important}.callout{border-radius:13px!important;border:1px solid #dfe7f3!important;background:#f6f9fd!important;color:#40536f!important}.badge{border-radius:999px!important;font-weight:800!important}

/* ===== MODAL SYSTEM ===== */
.modal{padding:12px!important;background:rgba(9,24,48,.48)!important;backdrop-filter:blur(3px)!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.modal-card{width:min(720px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;padding:20px!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;box-shadow:var(--v2-shadow-lg)!important}
.modal-card.wide-modal,.modal-card.modal-wide,.permission-modal-card,.admin-auction-modal-card{width:min(1050px,calc(100vw - 24px))!important}
.modal-title-row,.modal-head-v14{position:sticky!important;top:-20px!important;z-index:15!important;background:#fff!important;padding:18px 0 12px!important;border-bottom:1px solid var(--v2-line)!important;margin-bottom:14px!important}
.modal-actions{position:sticky!important;bottom:-20px!important;z-index:15!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--v2-line)!important;margin:18px -20px -20px!important;padding:12px 20px!important;display:flex!important;gap:9px!important;justify-content:flex-start!important;backdrop-filter:blur(8px)!important}

/* ===== SALE WORKSPACE / MODAL ===== */
#saleCreateModal.modal{padding:8px!important;align-items:center!important}
#saleCreateModal .modal-card{
  width:min(1160px,calc(100vw - 16px))!important;height:min(900px,calc(100dvh - 16px))!important;max-height:calc(100dvh - 16px)!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;
}
#saleCreateModal .modal-card>h2,#saleCreateModal .modal-card>.modal-head,#saleCreateModal .modal-card>.modal-title-row{flex:0 0 auto}
#saleCreateModal #saleCreatePanel{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
#saleCreateModal .sale-form{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 22px 92px!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scroll-padding-bottom:110px!important}
#saleCreateModal .sale-progress{position:sticky!important;top:-18px!important;z-index:20!important;background:rgba(255,255,255,.98)!important;padding:14px 4px 12px!important;margin:-2px 0 14px!important;border-bottom:1px solid var(--v2-line)!important;backdrop-filter:blur(8px)!important}
.sale-progress span{color:#6d7d92!important;font-size:11px!important}.sale-progress b{background:#eef2f7!important;color:#68788f!important}.sale-progress span.active{color:var(--v2-blue)!important;font-weight:900!important}.sale-progress span.active b{background:var(--v2-blue)!important;color:#fff!important}
#saleCreateModal .form-section{border:1px solid var(--v2-line)!important;border-radius:16px!important;background:#fff!important;padding:17px!important;margin-bottom:12px!important;box-shadow:none!important}
#saleCreateModal .form-section-head{margin-bottom:13px!important}.step-chip{background:var(--v2-blue-soft)!important;color:var(--v2-blue)!important;border-radius:9px!important}
#saleCreateModal .sale-save-actions{position:sticky!important;bottom:-92px!important;z-index:30!important;margin:0 -22px -92px!important;padding:13px 22px calc(13px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--v2-line)!important;box-shadow:0 -10px 25px rgba(20,40,75,.06)!important}
.segmented-choice{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.segmented-choice button{min-height:82px!important;border:1px solid var(--v2-line)!important;background:#fff!important;border-radius:13px!important;padding:11px!important;text-align:center!important;color:#31425c!important;box-shadow:none!important}.segmented-choice button:hover{border-color:#bdcaee!important;background:#fafbff!important}.segmented-choice button.is-selected{border-color:#8da5ef!important;background:#f2f5ff!important;color:#1f47c5!important;box-shadow:0 0 0 2px rgba(49,89,223,.05)!important}.segmented-choice button small{color:#8090a5!important;font-size:10px!important}.choice-icon{background:#f3f6fb!important;border-radius:9px!important}.is-selected .choice-icon{background:var(--v2-blue)!important;color:#fff!important}
.customer-picker{position:relative!important}.customer-suggestions{position:absolute!important;z-index:80!important;right:0!important;left:0!important;top:calc(100% + 5px)!important;max-height:min(300px,38dvh)!important;overflow:auto!important;background:#fff!important;border:1px solid var(--v2-line)!important;border-radius:13px!important;box-shadow:0 16px 38px rgba(20,42,78,.18)!important;-webkit-overflow-scrolling:touch!important}.customer-suggestions:empty{display:none!important}.customer-suggestions>*{min-height:48px!important;padding:10px 12px!important}
.identity-rule,.help-block{border-radius:11px!important;background:#f7f9fd!important;border:1px solid var(--v2-line)!important;color:#586b86!important}
.calc-preview{border:1px solid #dce5f2!important;background:linear-gradient(180deg,#fbfdff,#f5f8fd)!important;border-radius:14px!important}

/* ===== ADMIN V2 ===== */
#adminView{background:var(--v2-bg)!important;color:var(--v2-text)!important}
#adminSidebar{background:linear-gradient(180deg,#091e40,#0c2c5a)!important;border:0!important;box-shadow:none!important}
#adminSidebar .admin-sidebar-brand{border-color:rgba(255,255,255,.1)!important}.admin-sidebar-brand strong{color:#fff!important}.admin-sidebar-brand small{color:#9fb0c8!important}
#adminSidebar .admin-nav{gap:5px!important}.admin-nav-item{min-height:47px!important;border-radius:12px!important;color:#d1dceb!important;padding:10px 12px!important;opacity:1!important}.admin-nav-item>*{opacity:1!important;color:inherit!important}.admin-nav-item>span{color:#a9bad0!important}.admin-nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.admin-nav-item.active{background:linear-gradient(135deg,#365fdf,#274ecf)!important;color:#fff!important;box-shadow:0 10px 24px rgba(23,62,170,.28)!important}.admin-nav-item.active>span{color:#fff!important}.admin-nav-item.active::before{content:none!important}.admin-sidebar-footer{border-color:rgba(255,255,255,.1)!important;color:#fff!important}.admin-sidebar-footer small{color:#95a7c0!important}
.admin-main-content{background:var(--v2-bg)!important}.admin-main-content .metrics{gap:14px!important}.admin-main-content .metric{min-height:118px!important;padding:18px!important}.admin-main-content .panel{border-radius:var(--v2-radius)!important}.admin-form-grid{gap:14px!important}.admin-pane .list>*{border-color:var(--v2-line)!important;border-radius:12px!important}

/* ===== TABLET ===== */
@media(min-width:761px) and (max-width:1180px){
  #appView.tenant-mode .tenant-content{padding:92px 18px 30px!important}
  #tenantMetrics.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  #tenantMetrics .metric{padding:15px!important;min-height:112px!important}#tenantMetrics .metric strong{font-size:22px!important}
  .action-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-columns{grid-template-columns:1fr 1fr!important}
  .session-cards,.client-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wallet-github-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.settlement-classic-grid{grid-template-columns:1fr 1fr!important}
  .modal-card{width:min(850px,calc(100vw - 20px))!important;max-height:calc(100dvh - 16px)!important}
}

/* Short viewport / landscape tablet: the critical fix */
@media(min-width:700px) and (max-height:760px){
  .modal{padding:4px!important;align-items:stretch!important}
  .modal-card{margin:auto!important;max-height:calc(100dvh - 8px)!important;border-radius:16px!important;padding:14px!important}
  .modal-title-row,.modal-head-v14{top:-14px!important;padding:11px 0 8px!important;margin-bottom:9px!important}
  .modal-actions{bottom:-14px!important;margin:12px -14px -14px!important;padding:9px 14px!important}
  #saleCreateModal.modal{padding:0!important;align-items:stretch!important}
  #saleCreateModal .modal-card{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}
  #saleCreateModal .sale-form{padding:10px 16px 78px!important;scroll-padding-bottom:95px!important}
  #saleCreateModal .sale-progress{top:-10px!important;padding:8px 3px 7px!important;margin:0 0 8px!important}
  #saleCreateModal .sale-progress span{font-size:9.5px!important}#saleCreateModal .sale-progress b{width:26px!important;height:26px!important;font-size:11px!important}
  #saleCreateModal .form-section{padding:12px!important;margin-bottom:8px!important;border-radius:12px!important}
  #saleCreateModal .form-section-head{margin-bottom:8px!important}#saleCreateModal .form-section-head small,#saleCreateModal .identity-rule,#saleCreateModal .help-block{font-size:10px!important}
  #saleCreateModal input,#saleCreateModal select{min-height:39px!important;padding:7px 10px!important}
  #saleCreateModal textarea{min-height:64px!important}
  #saleCreateModal .segmented-choice button{min-height:62px!important;padding:7px!important}#saleCreateModal .segmented-choice button small{display:none!important}
  #saleCreateModal .sale-save-actions{bottom:-78px!important;margin:0 -16px -78px!important;padding:9px 16px!important}
  .customer-suggestions{max-height:34dvh!important}
}

/* ===== MOBILE ===== */
@media(max-width:760px){
  #appView.tenant-mode .tenant-content{padding:78px 10px 92px!important}
  #appView .page-heading{min-height:auto!important;align-items:flex-start!important;margin-bottom:13px!important}#appView .page-heading h2{font-size:22px!important}.page-heading .quick-actions{display:none!important}
  #tenantMetrics.dashboard-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}#tenantMetrics .metric{min-height:104px!important;padding:14px!important}#tenantMetrics .metric strong{font-size:20px!important}#tenantMetrics .metric::after{width:40px;height:40px;left:12px;top:12px;border-radius:13px}
  .action-center-grid{grid-template-columns:1fr!important}.dashboard-columns,.settlement-classic-grid{grid-template-columns:1fr!important}.session-cards,.client-cards,.wallet-github-grid{grid-template-columns:1fr!important}
  #appView .panel{padding:14px!important;border-radius:15px!important}.section-head{align-items:flex-start!important}.section-head h2{font-size:16px!important}
  .inline-form,.form-grid{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}
  .modal{padding:0!important;align-items:stretch!important}.modal-card,.modal-card.wide-modal,.modal-card.modal-wide,.permission-modal-card,.admin-auction-modal-card{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:16px!important;margin:0!important}
  .modal-title-row,.modal-head-v14{top:-16px!important}.modal-actions{bottom:-16px!important;margin:14px -16px -16px!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important}
  #saleCreateModal .modal-card{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  #saleCreateModal .sale-form{padding:10px 12px 90px!important}#saleCreateModal .sale-progress{top:-10px!important;margin:0 0 9px!important;padding:8px 2px!important;overflow-x:auto!important;justify-content:flex-start!important;gap:18px!important}.sale-progress span{min-width:66px!important;flex:none!important}
  #saleCreateModal .form-section{padding:13px!important}.segmented-choice{grid-template-columns:1fr!important}.segmented-choice button{min-height:58px!important;display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto auto!important;text-align:right!important;align-items:center!important}.segmented-choice .choice-icon{grid-row:1/3!important}.segmented-choice button small{display:block!important}
  .customer-suggestions{position:fixed!important;right:10px!important;left:10px!important;top:auto!important;bottom:max(76px,calc(env(safe-area-inset-bottom) + 70px))!important;max-height:36dvh!important;z-index:1200!important}
  #saleCreateModal .sale-save-actions{bottom:-90px!important;margin:0 -12px -90px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important}#saleCreateModal .sale-save-actions .primary{grid-column:1/-1!important;grid-row:1!important}#saleCreateModal .sale-save-actions #saveAndNewSaleBtn{grid-column:1!important}#saleCreateModal .sale-save-actions #cancelSaleModal{grid-column:2!important}
}

/* ===== DESKTOP ===== */
@media(min-width:1181px){
  #appView.tenant-mode>#tenantView>#tenantSidebar{width:266px!important;top:0!important;padding:18px 13px 15px!important}
  #appView.tenant-mode>.topbar{right:266px!important;height:76px!important;padding:0 25px!important}
  #appView.tenant-mode .tenant-content{margin-right:266px!important;padding:100px 26px 40px!important;max-width:1520px!important;margin-left:auto!important}
  .admin-sidebar{top:0!important;width:270px!important;padding-top:18px!important}.admin-main-content{margin-right:270px!important;padding:100px 26px 44px!important}.admin-view~.topbar{right:270px!important}
}