/* ============================================================================
   GỖ ĐỨC LONG ADMIN — UI CORE v6.7.0 · DEMO ALIGNMENT
   One design system for every admin function.
   - Content layer: solid, quiet, highly readable.
   - Navigation/control layer: restrained Liquid Glass.
   - Mobile-first density, shared spacing, shared status language.
   - Legacy page markup is adapted into the same component system below.
   ============================================================================ */

:root{
  --ui-bg:#f3f8f5;
  --ui-bg-deep:#edf5f1;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f6faf8;
  --ui-surface-muted:#edf5f1;
  --ui-glass:rgba(252,254,253,.76);
  --ui-glass-strong:rgba(255,255,255,.88);
  --ui-glass-dark:rgba(5,56,43,.88);
  --ui-text:#10231b;
  --ui-text-2:#3f5148;
  --ui-muted:#718078;
  --ui-line:#d8e4de;
  --ui-line-strong:#cbd9d2;
  --ui-brand:#087b5b;
  --ui-brand-2:#11a477;
  --ui-brand-soft:#e7f6ef;
  --ui-brand-softer:#f1faf6;
  --ui-blue:#1d70c9;
  --ui-blue-soft:#edf6ff;
  --ui-amber:#9a6715;
  --ui-amber-soft:#fff6e5;
  --ui-red:#c83b35;
  --ui-red-soft:#fff0ef;
  --ui-violet:#6d54c7;
  --ui-violet-soft:#f2eeff;
  --ui-radius-xs:9px;
  --ui-radius-sm:11px;
  --ui-radius:15px;
  --ui-radius-lg:18px;
  --ui-radius-xl:20px;
  --ui-control-h:42px;
  --ui-shadow-xs:0 3px 10px rgba(20,55,42,.045);
  --ui-shadow-sm:0 8px 24px rgba(20,55,42,.07);
  --ui-shadow-glass:0 18px 48px rgba(15,50,37,.12),inset 0 1px 0 rgba(255,255,255,.90);
  --ui-sidebar-w:242px;
  --ui-safe-bottom:env(safe-area-inset-bottom,0px);
}

html{background:var(--ui-bg)!important}
body.ui-core-v663{
  background:
    radial-gradient(circle at 12% -8%,rgba(100,205,164,.16),transparent 29rem),
    radial-gradient(circle at 92% 18%,rgba(121,191,171,.08),transparent 25rem),
    linear-gradient(180deg,#fbfdfc 0%,var(--ui-bg) 46%,var(--ui-bg-deep) 100%)!important;
  color:var(--ui-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.ui-core-v663 *{box-sizing:border-box}
body.ui-core-v663 a{-webkit-tap-highlight-color:transparent}
body.ui-core-v663 button,
body.ui-core-v663 input,
body.ui-core-v663 select,
body.ui-core-v663 textarea{font:inherit}
body.ui-core-v663 .main-content{background:transparent!important}
body.ui-core-v663 .ui-page,
body.ui-core-v663 .page-content{
  width:100%;
  max-width:1360px!important;
  margin:0 auto!important;
  padding:20px 22px 38px!important;
}
body.ui-core-v663 .page-content>*+*{margin-top:14px}
body.ui-core-v663 h1,body.ui-core-v663 h2,body.ui-core-v663 h3,body.ui-core-v663 h4{
  color:var(--ui-text)!important;
  letter-spacing:-.022em;
}
body.ui-core-v663 h2{font-size:17px!important;line-height:1.25}
body.ui-core-v663 h3{font-size:14px!important;line-height:1.3}
body.ui-core-v663 .muted,
body.ui-core-v663 .small,
body.ui-core-v663 small{color:var(--ui-muted)}
body.ui-core-v663 .eyebrow,
body.ui-core-v663 .admin-v5-kicker,
body.ui-core-v663 .demo-eyebrow,
body.ui-core-v663 .section-kicker{
  color:var(--ui-brand)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

/* --------------------------------------------------------------------------
   LIQUID CONTROL LAYER — same material everywhere
   -------------------------------------------------------------------------- */
body.ui-core-v663 .ui-appbar,
body.ui-core-v663 .topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  min-height:64px!important;
  margin:0!important;
  padding:9px 22px!important;
  border:0!important;
  border-bottom:1px solid rgba(201,216,208,.72)!important;
  border-radius:0!important;
  background:var(--ui-glass)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.76),0 7px 24px rgba(21,55,43,.04)!important;
  backdrop-filter:blur(26px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(175%)!important;
}
body.ui-core-v663 .topbar::after{
  content:"";
  position:absolute;
  left:15%;right:15%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent);
  pointer-events:none;
}
body.ui-core-v663 .topbar-title h1{margin:0!important;font-size:19px!important;font-weight:790!important}
body.ui-core-v663 .topbar-title p{margin:2px 0 0!important;font-size:9.5px!important;color:var(--ui-muted)!important}
body.ui-core-v663 .topbar-meta{gap:7px!important}
body.ui-core-v663 .topbar-company,
body.ui-core-v663 .topbar-role{
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid rgba(210,223,216,.78)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.64)!important;
  color:var(--ui-text-2)!important;
  font-size:10px!important;
  font-weight:650!important;
}
body.ui-core-v663 .menu-button,
body.ui-core-v663 .topbar-user-button,
body.ui-core-v663 .topbar-tool-button,
body.ui-core-v663 .topbar-search-button,
body.ui-core-v663 .topbar-task-button{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  padding:0!important;
  border:1px solid rgba(204,219,211,.76)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.66)!important;
  color:var(--ui-brand)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 4px 14px rgba(20,56,42,.04)!important;
  backdrop-filter:blur(18px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(170%)!important;
}
body.ui-core-v663 .topbar-user-button{
  background:linear-gradient(145deg,rgba(231,248,241,.92),rgba(205,238,225,.88))!important;
  color:#075d45!important;
  font-weight:820!important;
}
body.ui-core-v663 .topbar-tool-button img,
body.ui-core-v663 .menu-button img{width:18px!important;height:18px!important}
body.ui-core-v663 .topbar-tool-button.task b{
  min-width:17px!important;height:17px!important;padding:0 4px!important;
  border:2px solid rgba(255,255,255,.94)!important;
  border-radius:999px!important;
  background:#e13e37!important;color:#fff!important;
  font-size:8px!important;line-height:13px!important;
}

body.ui-core-v663 .ui-tabbar,
body.ui-core-v663 .context-mobile-nav,
body.ui-core-v663 .inventory-mobile-nav,
body.ui-core-v663 .inventory-workspace-nav,
body.ui-core-v663 .order-workspace-tabs,
body.ui-core-v663 .admin-v52-tabs,
body.ui-core-v663 .mobile-table-switch-buttons{
  border:1px solid rgba(204,219,211,.72)!important;
  background:rgba(248,252,250,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 7px 20px rgba(17,54,40,.045)!important;
  backdrop-filter:blur(20px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
}
body.ui-core-v663 .context-mobile-nav a,
body.ui-core-v663 .inventory-mobile-nav a,
body.ui-core-v663 .inventory-workspace-nav a,
body.ui-core-v663 .order-workspace-tabs a,
body.ui-core-v663 .admin-v52-tabs a,
body.ui-core-v663 .mobile-table-switch-buttons button{
  border:0!important;
  border-radius:11px!important;
  color:var(--ui-muted)!important;
  font-weight:680!important;
  box-shadow:none!important;
}
body.ui-core-v663 .context-mobile-nav a.active,
body.ui-core-v663 .inventory-mobile-nav a.active,
body.ui-core-v663 .inventory-workspace-nav a.is-active,
body.ui-core-v663 .order-workspace-tabs a.active,
body.ui-core-v663 .admin-v52-tabs a.active,
body.ui-core-v663 .mobile-table-switch-buttons button.active{
  background:linear-gradient(180deg,rgba(17,151,111,.98),rgba(7,120,88,.98))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 14px rgba(8,111,80,.16)!important;
}

/* --------------------------------------------------------------------------
   SIDEBAR / DRAWER — one navigation language
   -------------------------------------------------------------------------- */
body.ui-core-v663 .sidebar{
  width:var(--ui-sidebar-w)!important;
  padding:16px 12px 13px!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(80,180,143,.16),transparent 18rem),
    linear-gradient(180deg,rgba(8,72,54,.98),rgba(6,48,38,.98))!important;
  box-shadow:8px 0 30px rgba(10,39,29,.09)!important;
}
body.ui-core-v663 .main-content{margin-left:var(--ui-sidebar-w)!important;width:calc(100% - var(--ui-sidebar-w))!important}
body.ui-core-v663 .sidebar-head{margin:0 2px 11px!important}
body.ui-core-v663 .brand{gap:9px!important}
body.ui-core-v663 .brand-logo-wrap{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;padding:3px!important}
body.ui-core-v663 .brand-copy strong{font-size:14px!important;font-weight:780!important}
body.ui-core-v663 .brand-copy small{font-size:8.5px!important;color:rgba(238,252,246,.57)!important}
body.ui-core-v663 .sidebar-quick-search{
  min-height:42px!important;margin:0 2px 10px!important;padding:0 11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.ui-core-v663 .sidebar-quick-search input{min-height:40px!important;font-size:11px!important;color:#fff!important}
body.ui-core-v663 .sidebar-section-label{margin:12px 9px 5px!important;color:rgba(227,248,239,.39)!important;font-size:8.5px!important;letter-spacing:.14em!important}
body.ui-core-v663 .sidebar nav{gap:2px!important}
body.ui-core-v663 .sidebar nav>a,
body.ui-core-v663 .sidebar-menu-group>summary,
body.ui-core-v663 .sidebar-submenu a{
  min-height:40px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:rgba(245,253,249,.78)!important;
  font-size:12px!important;
  font-weight:590!important;
  box-shadow:none!important;
}
body.ui-core-v663 .sidebar nav>a:hover,
body.ui-core-v663 .sidebar-menu-group>summary:hover,
body.ui-core-v663 .sidebar-submenu a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
body.ui-core-v663 .sidebar nav>a.active,
body.ui-core-v663 .sidebar-submenu a.active,
body.ui-core-v663 .sidebar-menu-group[open]>summary{
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 5px 18px rgba(0,0,0,.055)!important;
}
body.ui-core-v663 .sidebar nav>a>span:first-child,
body.ui-core-v663 .sidebar-menu-group>summary>.sidebar-group-icon,
body.ui-core-v663 .sidebar-submenu a>span:first-child{
  width:24px!important;height:24px!important;min-width:24px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.065)!important;
  color:rgba(236,251,245,.84)!important;
}
body.ui-core-v663 .sidebar nav>a.active>span:first-child,
body.ui-core-v663 .sidebar-menu-group[open]>summary>.sidebar-group-icon{
  background:rgba(91,224,172,.16)!important;color:#a8f3d7!important;
}
body.ui-core-v663 .sidebar-footer{padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important}
body.ui-core-v663 .sidebar-footer .user-chip{
  min-height:50px!important;padding:7px 8px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:rgba(255,255,255,.075)!important
}
body.ui-core-v663 .logout-link{margin-top:4px!important;padding:7px 9px!important;color:#ffc9c5!important;font-size:11px!important}

/* Icon masks extended to every shared function */
body.ui-core-v663 .sidebar a[href$="attendance.php"],body.ui-core-v663 .mobile-bottom-nav a[href$="attendance.php"],body.ui-core-v663 .mobile-sheet-grid a[href$="attendance.php"]{--ui-icon:url("ui-icons/check.svg")}
body.ui-core-v663 .sidebar a[href$="daily_report.php"],body.ui-core-v663 .mobile-bottom-nav a[href$="daily_report.php"]{--ui-icon:url("ui-icons/calendar.svg")}
body.ui-core-v663 .sidebar a[href$="payroll.php"],body.ui-core-v663 .mobile-bottom-nav a[href$="payroll.php"]{--ui-icon:url("ui-icons/money.svg")}
body.ui-core-v663 .sidebar a[href$="inventory_companies.php"],body.ui-core-v663 .inventory-mobile-nav a[href$="inventory_companies.php"]{--ui-icon:url("ui-icons/partners.svg")}
body.ui-core-v663 .sidebar a[href$="warehouse_export_history.php"]{--ui-icon:url("ui-icons/clock.svg")}
body.ui-core-v663 .sidebar a[href$="security_sessions.php"],body.ui-core-v663 .mobile-sheet-list a[href$="security_sessions.php"]{--ui-icon:url("ui-icons/user.svg")}
body.ui-core-v663 .sidebar a[href$="homepage_admin.php"],body.ui-core-v663 .mobile-sheet-list a[href$="homepage_admin.php"]{--ui-icon:url("ui-icons/globe.svg")}
body.ui-core-v663 .mobile-sheet-list a[href$="activity_log.php"]{--ui-icon:url("ui-icons/clock.svg")}
body.ui-core-v663 .mobile-sheet-list a[href$="settings.php"]{--ui-icon:url("ui-icons/settings.svg")}

body.ui-core-v663 .inventory-mobile-nav a>span,
body.ui-core-v663 .context-mobile-nav a>span{
  font-size:0!important;display:grid!important;place-items:center!important;
}
body.ui-core-v663 .inventory-mobile-nav a>span::before,
body.ui-core-v663 .context-mobile-nav a>span::before{
  content:"";display:block;width:16px;height:16px;background:currentColor;
  -webkit-mask:var(--ui-icon,url("ui-icons/menu.svg")) center/contain no-repeat;
  mask:var(--ui-icon,url("ui-icons/menu.svg")) center/contain no-repeat;
}
body.ui-core-v663 .inventory-mobile-nav a[href$="inventory.php"]{--ui-icon:url("ui-icons/warehouse.svg")}
body.ui-core-v663 .inventory-mobile-nav a[href$="inventory_companies.php"]{--ui-icon:url("ui-icons/partners.svg")}
body.ui-core-v663 .inventory-mobile-nav a[href$="warehouse_export.php"]{--ui-icon:url("ui-icons/export.svg")}
body.ui-core-v663 .inventory-mobile-nav a[href$="veneer_import.php"]{--ui-icon:url("ui-icons/import.svg")}
body.ui-core-v663 .inventory-mobile-nav a[href$="glue_import.php"]{--ui-icon:url("ui-icons/drop.svg")}
body.ui-core-v663 .inventory-mobile-nav a[href$="misc_import.php"]{--ui-icon:url("ui-icons/plus.svg")}
body.ui-core-v663 .press-mobile-nav a[href$="production.php"]{--ui-icon:url("ui-icons/production.svg")}
body.ui-core-v663 .press-mobile-nav a[href$="attendance.php"]{--ui-icon:url("ui-icons/check.svg")}
body.ui-core-v663 .press-mobile-nav a[href$="daily_report.php"]{--ui-icon:url("ui-icons/calendar.svg")}
body.ui-core-v663 .press-mobile-nav a[href$="payroll.php"]{--ui-icon:url("ui-icons/money.svg")}

/* --------------------------------------------------------------------------
   CONTENT SURFACES — all features share these rules
   -------------------------------------------------------------------------- */
body.ui-core-v663 .card,
body.ui-core-v663 .metric,
body.ui-core-v663 .demo-kpi-card,
body.ui-core-v663 .liquid-kpi-card,
body.ui-core-v663 .orders-kpi,
body.ui-core-v663 .dashboard-kpi,
body.ui-core-v663 .inventory-kpi,
body.ui-core-v663 .today-kpi,
body.ui-core-v663 .attendance-stat,
body.ui-core-v663 .daily-metric,
body.ui-core-v663 .admin-v5-kpi,
body.ui-core-v663 .admin-v52-kpis article,
body.ui-core-v663 .admin-v52-panel,
body.ui-core-v663 .admin-v53-task-kpi,
body.ui-core-v663 .admin-v53-task-card,
body.ui-core-v663 .order-form-section,
body.ui-core-v663 .order-line-card,
body.ui-core-v663 .inventory-create-card,
body.ui-core-v663 .inventory-history-card,
body.ui-core-v663 .company-document-card,
body.ui-core-v663 .partner-summary-card,
body.ui-core-v663 .security-session-card,
body.ui-core-v663 .security-permission-card,
body.ui-core-v663 .home-admin-section,
body.ui-core-v663 .home-editor-card,
body.ui-core-v663 .receivables-demo-card,
body.ui-core-v663 .history-demo-card,
body.ui-core-v663 .order-detail-demo-progress-card,
body.ui-core-v663 .order-detail-demo-spec-card,
body.ui-core-v663 .order-detail-demo-history-card{
  background:var(--ui-surface)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.ui-core-v663 .card{padding:16px!important}
body.ui-core-v663 .section-gap{margin-top:14px!important}
body.ui-core-v663 .card-header,
body.ui-core-v663 .demo-section-head,
body.ui-core-v663 .admin-v52-section-head,
body.ui-core-v663 .admin-v53-section-head,
body.ui-core-v663 .order-section-title,
body.ui-core-v663 .inventory-create-header,
body.ui-core-v663 .export-demo-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  margin-bottom:12px!important;
}
body.ui-core-v663 .card-header h2,
body.ui-core-v663 .demo-section-head h2,
body.ui-core-v663 .admin-v52-section-head h2,
body.ui-core-v663 .admin-v53-section-head h2,
body.ui-core-v663 .order-section-title h2,
body.ui-core-v663 .inventory-create-header h2{margin:0!important;font-size:15px!important;font-weight:780!important}

/* Shared page-head adapters. They intentionally look the same across modules. */
body.ui-core-v663 .demo-page-head,
body.ui-core-v663 .inventory-page-head,
body.ui-core-v663 .orders-page-head,
body.ui-core-v663 .security-page-head,
body.ui-core-v663 .admin-v51-pagehead,
body.ui-core-v663 .admin-v53-hero,
body.ui-core-v663 .admin-v52-hero,
body.ui-core-v663 .order-calc-hero,
body.ui-core-v663 .today-hero,
body.ui-core-v663 .task-demo-hero,
body.ui-core-v663 .employees-demo-head,
body.ui-core-v663 .users-demo-head,
body.ui-core-v663 .history-demo-head,
body.ui-core-v663 .order-calc-demo-head{
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius-lg)!important;
  background:linear-gradient(180deg,#fff,rgba(248,251,249,.96))!important;
  box-shadow:var(--ui-shadow-xs)!important;
}
body.ui-core-v663 .demo-page-head,
body.ui-core-v663 .inventory-page-head,
body.ui-core-v663 .orders-page-head,
body.ui-core-v663 .security-page-head,
body.ui-core-v663 .admin-v51-pagehead,
body.ui-core-v663 .order-calc-hero,
body.ui-core-v663 .employees-demo-head,
body.ui-core-v663 .users-demo-head,
body.ui-core-v663 .history-demo-head,
body.ui-core-v663 .order-calc-demo-head{padding:15px 16px!important}
body.ui-core-v663 .demo-page-head h1,
body.ui-core-v663 .inventory-page-head h1,
body.ui-core-v663 .orders-page-head h1,
body.ui-core-v663 .security-page-head h1,
body.ui-core-v663 .admin-v51-pagehead h1,
body.ui-core-v663 .order-calc-hero h1,
body.ui-core-v663 .history-demo-head h1,
body.ui-core-v663 .order-calc-demo-head h2{font-size:20px!important;font-weight:800!important;margin:2px 0 0!important}

/* Dashboard hero is the only branded content hero; all other content stays neutral. */
body.ui-core-v663 .liquid-welcome-card{
  border:1px solid #d7e8df!important;
  border-radius:var(--ui-radius-xl)!important;
  background:
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.92),transparent 29%),
    linear-gradient(135deg,#eff9f4 0%,#e3f4ec 56%,#d8eee4 100%)!important;
  box-shadow:0 14px 38px rgba(18,74,53,.075)!important;
}

/* --------------------------------------------------------------------------
   KPI CORE
   -------------------------------------------------------------------------- */
body.ui-core-v663 .grid.cards,
body.ui-core-v663 .liquid-kpi-grid,
body.ui-core-v663 .demo-kpi-strip,
body.ui-core-v663 .orders-demo-kpis,
body.ui-core-v663 .inventory-demo-kpis,
body.ui-core-v663 .attendance-demo-kpis,
body.ui-core-v663 .payroll-demo-kpis,
body.ui-core-v663 .task-demo-kpis,
body.ui-core-v663 .admin-v52-kpis,
body.ui-core-v663 .company-document-kpis{
  gap:9px!important;
}
body.ui-core-v663 .metric,
body.ui-core-v663 .demo-kpi-card,
body.ui-core-v663 .liquid-kpi-card,
body.ui-core-v663 .inventory-kpi,
body.ui-core-v663 .today-kpi,
body.ui-core-v663 .attendance-stat,
body.ui-core-v663 .daily-metric,
body.ui-core-v663 .admin-v5-kpi,
body.ui-core-v663 .admin-v52-kpis article,
body.ui-core-v663 .admin-v53-task-kpi{
  min-height:92px!important;
  padding:12px!important;
}
body.ui-core-v663 .metric .label,
body.ui-core-v663 .demo-kpi-card small,
body.ui-core-v663 .liquid-kpi-card small,
body.ui-core-v663 .inventory-kpi .label,
body.ui-core-v663 .today-kpi small,
body.ui-core-v663 .attendance-stat small,
body.ui-core-v663 .daily-metric small{
  color:var(--ui-muted)!important;
  font-size:9px!important;
  font-weight:690!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
body.ui-core-v663 .metric .value,
body.ui-core-v663 .demo-kpi-card strong,
body.ui-core-v663 .liquid-kpi-card strong,
body.ui-core-v663 .inventory-kpi .value,
body.ui-core-v663 .today-kpi strong,
body.ui-core-v663 .attendance-stat strong,
body.ui-core-v663 .daily-metric strong{
  margin-top:5px!important;
  color:var(--ui-text)!important;
  font-size:20px!important;
  font-weight:820!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
body.ui-core-v663 .metric .icon,
body.ui-core-v663 .demo-kpi-icon,
body.ui-core-v663 .liquid-kpi-icon,
body.ui-core-v663 .report-kpi-icon{
  width:36px!important;height:36px!important;min-width:36px!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:11px!important;
  background:var(--ui-brand-soft)!important;
  color:var(--ui-brand)!important;
  box-shadow:none!important;
}
body.ui-core-v663 .demo-kpi-icon img,
body.ui-core-v663 .liquid-kpi-icon img,
body.ui-core-v663 .report-kpi-icon img{width:17px!important;height:17px!important}

/* --------------------------------------------------------------------------
   FORMS / FILTERS — one field language
   -------------------------------------------------------------------------- */
body.ui-core-v663 label{color:var(--ui-text-2)!important;font-size:11px!important;font-weight:650!important}
body.ui-core-v663 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.ui-core-v663 select,
body.ui-core-v663 textarea{
  width:100%;
  min-height:var(--ui-control-h)!important;
  padding:9px 11px!important;
  border:1px solid var(--ui-line-strong)!important;
  border-radius:var(--ui-radius-sm)!important;
  outline:0!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  box-shadow:inset 0 1px 1px rgba(18,49,37,.02)!important;
  font-size:12px!important;
  line-height:1.25!important;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
body.ui-core-v663 textarea{min-height:76px!important;resize:vertical}
body.ui-core-v663 input:focus,
body.ui-core-v663 select:focus,
body.ui-core-v663 textarea:focus{
  border-color:rgba(8,123,91,.58)!important;
  box-shadow:0 0 0 3px rgba(8,123,91,.09)!important;
}
body.ui-core-v663 input::placeholder,
body.ui-core-v663 textarea::placeholder{color:#9aa5a0!important;opacity:1}
body.ui-core-v663 input:disabled,
body.ui-core-v663 select:disabled,
body.ui-core-v663 textarea:disabled{background:#f2f5f3!important;color:#8a948f!important}
body.ui-core-v663 .form-grid{gap:10px!important}
body.ui-core-v663 .stack-form{gap:10px!important}
body.ui-core-v663 .month-filter,
body.ui-core-v663 .toolbar,
body.ui-core-v663 .admin-v51-toolbar,
body.ui-core-v663 .admin-v53-log-toolbar,
body.ui-core-v663 .security-session-toolbar,
body.ui-core-v663 .security-permission-toolbar,
body.ui-core-v663 .inventory-history-filter,
body.ui-core-v663 .history-demo-search,
body.ui-core-v663 .demo-search-card{
  padding:8px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:var(--ui-surface-soft)!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   BUTTON CORE
   -------------------------------------------------------------------------- */
body.ui-core-v663 .btn,
body.ui-core-v663 button.btn{
  min-height:40px!important;
  padding:8px 12px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:720!important;
  line-height:1.15!important;
  transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}
body.ui-core-v663 .btn:hover{transform:translateY(-1px)}
body.ui-core-v663 .btn:active{transform:scale(.985)}
body.ui-core-v663 .btn-primary{
  border-color:#087052!important;
  background:linear-gradient(180deg,#0b8c67,#087657)!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(8,118,87,.12)!important;
}
body.ui-core-v663 .btn-primary:hover{background:linear-gradient(180deg,#087f5e,#076c50)!important}
body.ui-core-v663 .btn-soft{
  border-color:#cde7da!important;
  background:var(--ui-brand-soft)!important;
  color:#087052!important;
}
body.ui-core-v663 .btn-outline{
  border-color:var(--ui-line-strong)!important;
  background:#fff!important;
  color:var(--ui-text-2)!important;
}
body.ui-core-v663 .btn-danger{
  border-color:#f0cfcc!important;
  background:var(--ui-red-soft)!important;
  color:var(--ui-red)!important;
}
body.ui-core-v663 .btn-sm{min-height:33px!important;padding:6px 9px!important;border-radius:9px!important;font-size:10px!important}
body.ui-core-v663 .actions,body.ui-core-v663 .button-row{gap:7px!important}
body.ui-core-v663 .inline-delete-form{margin:0!important}
body.ui-core-v663 .btn.is-submitting{opacity:.68!important;pointer-events:none!important}

/* --------------------------------------------------------------------------
   STATUS / BADGE / ALERT / EMPTY
   -------------------------------------------------------------------------- */
body.ui-core-v663 .badge,
body.ui-core-v663 [class*="status"]:not(.pwa-network-status):not(.attendance-status){
  min-height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.1!important;
}
body.ui-core-v663 .badge.green,
body.ui-core-v663 .order-status.completed,
body.ui-core-v663 .order-status.done,
body.ui-core-v663 .history-demo-status.done{background:#e5f8ee!important;color:#08704f!important}
body.ui-core-v663 .badge.orange,
body.ui-core-v663 .order-status.partial,
body.ui-core-v663 .order-status.hold{background:var(--ui-amber-soft)!important;color:var(--ui-amber)!important}
body.ui-core-v663 .alert{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body.ui-core-v663 .alert-success{border-color:#cee9dc!important;background:#edf9f3!important;color:#126247!important}
body.ui-core-v663 .alert-warning{border-color:#eeddb7!important;background:#fff8e9!important;color:#785617!important}
body.ui-core-v663 .alert-danger{border-color:#f0cecb!important;background:#fff2f1!important;color:#9c302b!important}
body.ui-core-v663 .empty,
body.ui-core-v663 .liquid-empty,
body.ui-core-v663 .admin-filter-empty{
  min-height:100px!important;
  display:grid!important;
  place-items:center!important;
  padding:24px 14px!important;
  border:1px dashed var(--ui-line-strong)!important;
  border-radius:14px!important;
  background:var(--ui-surface-soft)!important;
  color:var(--ui-muted)!important;
  font-size:11px!important;
  text-align:center!important;
}
body.ui-core-v663 .notice,
body.ui-core-v663 .formula-box,
body.ui-core-v663 .view-only-banner{
  border:1px solid var(--ui-line)!important;
  border-radius:13px!important;
  background:var(--ui-surface-soft)!important;
  color:var(--ui-text-2)!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   TABLE / DATA CORE
   -------------------------------------------------------------------------- */
body.ui-core-v663 .table-wrap,
body.ui-core-v663 .payroll-table,
body.ui-core-v663 .order-calc-table-wrap,
body.ui-core-v663 .order-history-wrap,
body.ui-core-v663 .inventory-entry-wrap{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.ui-core-v663 table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
body.ui-core-v663 th{
  background:#f6f9f7!important;
  color:#65726c!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
body.ui-core-v663 td{color:var(--ui-text-2)!important;font-size:11px!important}
body.ui-core-v663 th,body.ui-core-v663 td{border-color:#e8eeeb!important}
body.ui-core-v663 tbody tr:hover td{background:#fbfdfc!important}
body.ui-core-v663 .num,body.ui-core-v663 .text-right{font-variant-numeric:tabular-nums}
body.ui-core-v663 .summary-bar,
body.ui-core-v663 .inventory-summary,
body.ui-core-v663 .order-calc-summary{
  gap:7px!important;
  padding:8px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:var(--ui-surface-soft)!important;
  box-shadow:none!important;
}
body.ui-core-v663 .summary-item{
  min-width:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #e7eeea!important;
}
body.ui-core-v663 .summary-item small{font-size:8.5px!important;color:var(--ui-muted)!important}
body.ui-core-v663 .summary-item strong{margin-top:3px!important;font-size:16px!important;font-weight:800!important;color:var(--ui-text)!important}

/* --------------------------------------------------------------------------
   LIST / ACTIVITY CORE
   -------------------------------------------------------------------------- */
body.ui-core-v663 .admin-v53-log-list,
body.ui-core-v663 .security-session-list,
body.ui-core-v663 .inventory-history-list,
body.ui-core-v663 .history-demo-list,
body.ui-core-v663 .receivables-demo-list,
body.ui-core-v663 .mobile-compact-view{gap:8px!important}
body.ui-core-v663 .admin-v53-log-item,
body.ui-core-v663 .security-session-card,
body.ui-core-v663 .inventory-history-card,
body.ui-core-v663 .history-demo-card,
body.ui-core-v663 .receivables-demo-card,
body.ui-core-v663 .mobile-detail-panel{
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   QUICK ACTION CORE
   -------------------------------------------------------------------------- */
body.ui-core-v663 .today-action,
body.ui-core-v663 .admin-v5-action,
body.ui-core-v663 .inventory-demo-actions a,
body.ui-core-v663 .inventory-demo-actions button,
body.ui-core-v663 .demo-icon-action{
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  box-shadow:var(--ui-shadow-xs)!important;
  text-decoration:none!important;
}
body.ui-core-v663 .today-action:hover,
body.ui-core-v663 .admin-v5-action:hover,
body.ui-core-v663 .inventory-demo-actions a:hover{border-color:#c9dbd2!important;background:#fbfdfc!important;transform:none!important}

/* --------------------------------------------------------------------------
   FLOATING COMMAND BARS — same placement/material
   -------------------------------------------------------------------------- */
body.ui-core-v663 .inventory-commandbar,
body.ui-core-v663 .order-form-command,
body.ui-core-v663 .security-permission-savebar,
body.ui-core-v663 .mobile-primary-action,
body.ui-core-v663 .sticky-commandbar,
body.ui-core-v663 .demo-sticky-actions{
  border:1px solid rgba(201,218,209,.74)!important;
  border-radius:15px!important;
  background:rgba(249,252,250,.78)!important;
  box-shadow:var(--ui-shadow-glass)!important;
  backdrop-filter:blur(22px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
}

/* --------------------------------------------------------------------------
   MODALS / SHEETS / SEARCH
   -------------------------------------------------------------------------- */
body.ui-core-v663 .mobile-action-sheet,
body.ui-core-v663 .admin-global-search,
body.ui-core-v663 .pwa-install-guide{
  border:1px solid rgba(205,220,212,.78)!important;
  border-radius:22px!important;
  background:rgba(248,252,250,.88)!important;
  box-shadow:0 22px 70px rgba(12,45,33,.20),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
}
body.ui-core-v663 .mobile-sheet-grid>a,
body.ui-core-v663 .mobile-sheet-grid>button,
body.ui-core-v663 .mobile-sheet-list>a{
  border:1px solid rgba(213,226,219,.82)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
}
body.ui-core-v663 .mobile-sheet-grid>a:hover,
body.ui-core-v663 .mobile-sheet-list>a:hover{background:#fff!important}

/* --------------------------------------------------------------------------
   TOAST / LOADING CORE
   -------------------------------------------------------------------------- */
body.ui-core-v663 .toast-container{gap:7px!important}
body.ui-core-v663 .toast{
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(22,43,35,.91)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(12,38,28,.17)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  font-size:11px!important;
}
body.ui-core-v663 .toast.error{background:rgba(155,45,39,.94)!important}
body.ui-core-v663 .ajax-loading-card{
  border:1px solid rgba(208,223,215,.8)!important;
  border-radius:15px!important;
  background:rgba(250,252,251,.88)!important;
  box-shadow:var(--ui-shadow-glass)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
body.ui-core-v663 .ajax-progress-bar{background:linear-gradient(90deg,#0b8060,#38b68b)!important;height:2px!important}

/* --------------------------------------------------------------------------
   ADAPTERS: remove decorative legacy chrome without changing business markup
   -------------------------------------------------------------------------- */
body.ui-core-v663 .admin-v5-hero::after,
body.ui-core-v663 .admin-v52-hero::after,
body.ui-core-v663 .admin-v53-hero::after{filter:none}
body.ui-core-v663 .admin-v5-inventory-card,
body.ui-core-v663 .admin-v52-focus-card,
body.ui-core-v663 .admin-v52-module-grid>a,
body.ui-core-v663 .admin-v52-dept-grid article,
body.ui-core-v663 .home-editor-card,
body.ui-core-v663 .inventory-document-form>.inventory-meta-grid,
body.ui-core-v663 .inventory-notes-details,
body.ui-core-v663 .entry-row-tools{
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.ui-core-v663 .admin-v52-mini-bars i b,
body.ui-core-v663 .admin-v52-bar .track b{background:var(--ui-brand)!important}
body.ui-core-v663 .excel-entry-hint{color:var(--ui-muted)!important}
body.ui-core-v663 .row-number{background:var(--ui-brand-soft)!important;color:var(--ui-brand)!important}

/* --------------------------------------------------------------------------
   MOBILE CORE — main target. Every page follows the same rhythm.
   -------------------------------------------------------------------------- */
@media(max-width:960px){
  body.ui-core-v663 .sidebar{
    width:min(86vw,330px)!important;
    max-width:330px!important;
    background:
      radial-gradient(circle at 20% 0%,rgba(98,210,166,.15),transparent 19rem),
      rgba(6,54,42,.91)!important;
    backdrop-filter:blur(26px) saturate(155%)!important;
    -webkit-backdrop-filter:blur(26px) saturate(155%)!important;
    box-shadow:18px 0 60px rgba(4,28,21,.24)!important;
  }
  body.ui-core-v663 .main-content{margin-left:0!important;width:100%!important}
  body.ui-core-v663 .topbar{padding:8px 12px!important;min-height:60px!important}
  body.ui-core-v663 .ui-page,
  body.ui-core-v663 .page-content{
    padding:11px 10px calc(92px + var(--ui-safe-bottom))!important;
  }
  body.ui-core-v663 .page-content>*+*{margin-top:10px}
  body.ui-core-v663 .topbar-title h1{font-size:16px!important}
  body.ui-core-v663 .topbar-title p{font-size:8px!important}
  body.ui-core-v663 .menu-button,
  body.ui-core-v663 .topbar-user-button,
  body.ui-core-v663 .topbar-tool-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  body.ui-core-v663 .topbar-meta{display:none!important}

  body.ui-core-v663 .card{padding:12px!important;border-radius:14px!important}
  body.ui-core-v663 .card-header{margin-bottom:9px!important}
  body.ui-core-v663 .card-header h2{font-size:14px!important}
  body.ui-core-v663 .section-gap{margin-top:10px!important}
  body.ui-core-v663 .form-grid{gap:7px!important}
  body.ui-core-v663 .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-core-v663 .form-grid.three,
  body.ui-core-v663 .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-core-v663 label{font-size:9.5px!important}
  body.ui-core-v663 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.ui-core-v663 select,
  body.ui-core-v663 textarea{min-height:39px!important;padding:7px 9px!important;border-radius:10px!important;font-size:11px!important}
  body.ui-core-v663 textarea{min-height:66px!important}
  body.ui-core-v663 .btn{min-height:38px!important;padding:7px 10px!important;border-radius:10px!important;font-size:10.5px!important}
  body.ui-core-v663 .btn-sm{min-height:31px!important;padding:5px 7px!important;font-size:9px!important}

  body.ui-core-v663 .grid.cards,
  body.ui-core-v663 .liquid-kpi-grid,
  body.ui-core-v663 .demo-kpi-strip,
  body.ui-core-v663 .orders-demo-kpis,
  body.ui-core-v663 .inventory-demo-kpis,
  body.ui-core-v663 .attendance-demo-kpis,
  body.ui-core-v663 .payroll-demo-kpis,
  body.ui-core-v663 .task-demo-kpis,
  body.ui-core-v663 .admin-v52-kpis,
  body.ui-core-v663 .company-document-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.ui-core-v663 .metric,
  body.ui-core-v663 .demo-kpi-card,
  body.ui-core-v663 .liquid-kpi-card,
  body.ui-core-v663 .inventory-kpi,
  body.ui-core-v663 .today-kpi,
  body.ui-core-v663 .attendance-stat,
  body.ui-core-v663 .daily-metric,
  body.ui-core-v663 .admin-v5-kpi,
  body.ui-core-v663 .admin-v52-kpis article,
  body.ui-core-v663 .admin-v53-task-kpi{
    min-height:76px!important;padding:9px!important;border-radius:13px!important;
  }
  body.ui-core-v663 .metric .value,
  body.ui-core-v663 .demo-kpi-card strong,
  body.ui-core-v663 .liquid-kpi-card strong,
  body.ui-core-v663 .inventory-kpi .value,
  body.ui-core-v663 .today-kpi strong,
  body.ui-core-v663 .attendance-stat strong,
  body.ui-core-v663 .daily-metric strong{font-size:17px!important}
  body.ui-core-v663 .metric .icon,
  body.ui-core-v663 .demo-kpi-icon,
  body.ui-core-v663 .liquid-kpi-icon,
  body.ui-core-v663 .report-kpi-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important}

  body.ui-core-v663 .summary-bar,
  body.ui-core-v663 .inventory-summary,
  body.ui-core-v663 .order-calc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:7px!important}
  body.ui-core-v663 .summary-item{min-height:52px!important;padding:7px 8px!important;border-radius:10px!important}
  body.ui-core-v663 .summary-item strong{font-size:14px!important}

  body.ui-core-v663 .demo-page-head,
  body.ui-core-v663 .inventory-page-head,
  body.ui-core-v663 .orders-page-head,
  body.ui-core-v663 .security-page-head,
  body.ui-core-v663 .admin-v51-pagehead,
  body.ui-core-v663 .order-calc-hero,
  body.ui-core-v663 .employees-demo-head,
  body.ui-core-v663 .users-demo-head,
  body.ui-core-v663 .history-demo-head,
  body.ui-core-v663 .order-calc-demo-head{
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  body.ui-core-v663 .demo-page-head h1,
  body.ui-core-v663 .inventory-page-head h1,
  body.ui-core-v663 .orders-page-head h1,
  body.ui-core-v663 .security-page-head h1,
  body.ui-core-v663 .admin-v51-pagehead h1,
  body.ui-core-v663 .order-calc-hero h1,
  body.ui-core-v663 .history-demo-head h1,
  body.ui-core-v663 .order-calc-demo-head h2{font-size:17px!important}

  body.ui-core-v663 .context-mobile-nav,
  body.ui-core-v663 .inventory-mobile-nav{
    position:sticky!important;
    top:60px!important;
    z-index:31!important;
    margin:0 8px 7px!important;
    padding:4px!important;
    border-radius:14px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.ui-core-v663 .context-mobile-nav::-webkit-scrollbar,
  body.ui-core-v663 .inventory-mobile-nav::-webkit-scrollbar{display:none!important}
  body.ui-core-v663 .context-mobile-nav a,
  body.ui-core-v663 .inventory-mobile-nav a{min-width:58px!important;min-height:48px!important;padding:5px 7px!important}
  body.ui-core-v663 .context-mobile-nav small,
  body.ui-core-v663 .inventory-mobile-nav small{font-size:8px!important}

  body.ui-core-v663 .mobile-bottom-nav{
    position:fixed!important;
    left:8px!important;right:8px!important;
    bottom:calc(7px + var(--ui-safe-bottom))!important;
    z-index:70!important;
    min-height:62px!important;
    padding:5px!important;
    border:1px solid rgba(199,217,208,.72)!important;
    border-radius:20px!important;
    background:rgba(250,252,251,.76)!important;
    box-shadow:0 14px 36px rgba(13,48,35,.14),inset 0 1px 0 rgba(255,255,255,.92)!important;
    backdrop-filter:blur(26px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(26px) saturate(180%)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    min-height:50px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#58665f!important;
    font-size:8px!important;
    font-weight:650!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a.active,
  body.ui-core-v663 .mobile-bottom-nav button.active{
    background:rgba(232,247,240,.88)!important;
    color:var(--ui-brand)!important;
    box-shadow:inset 0 0 0 1px rgba(202,226,214,.72)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{width:21px!important;height:21px!important;margin-bottom:2px!important}
  body.ui-core-v663 .mobile-bottom-nav .nav-icon::before{width:18px!important;height:18px!important}

  body.ui-core-v663 .inventory-commandbar,
  body.ui-core-v663 .order-form-command,
  body.ui-core-v663 .security-permission-savebar,
  body.ui-core-v663 .mobile-primary-action,
  body.ui-core-v663 .sticky-commandbar,
  body.ui-core-v663 .demo-sticky-actions{
    bottom:calc(78px + var(--ui-safe-bottom))!important;
  }

  body.ui-core-v663 .toast-container{left:10px!important;right:10px!important;bottom:calc(82px + var(--ui-safe-bottom))!important}
  body.ui-core-v663 .toast{width:100%!important;max-width:none!important}
}

@media(max-width:430px){
  body.ui-core-v663 .page-content{padding-left:8px!important;padding-right:8px!important}
  body.ui-core-v663 .form-grid.three,
  body.ui-core-v663 .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-core-v663 .actions{gap:5px!important}
  body.ui-core-v663 .mobile-bottom-nav{left:6px!important;right:6px!important}
}

@media(max-width:350px){
  body.ui-core-v663 .form-grid.two,
  body.ui-core-v663 .form-grid.three,
  body.ui-core-v663 .form-grid.four{grid-template-columns:1fr!important}
  body.ui-core-v663 .grid.cards,
  body.ui-core-v663 .liquid-kpi-grid,
  body.ui-core-v663 .demo-kpi-strip,
  body.ui-core-v663 .orders-demo-kpis,
  body.ui-core-v663 .inventory-demo-kpis,
  body.ui-core-v663 .attendance-demo-kpis,
  body.ui-core-v663 .payroll-demo-kpis,
  body.ui-core-v663 .task-demo-kpis,
  body.ui-core-v663 .admin-v52-kpis,
  body.ui-core-v663 .company-document-kpis{grid-template-columns:1fr!important}
}

/* Accessibility / platform */
@media(prefers-reduced-motion:reduce){
  body.ui-core-v663 *,body.ui-core-v663 *::before,body.ui-core-v663 *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  body.ui-core-v663 .topbar,
  body.ui-core-v663 .mobile-bottom-nav,
  body.ui-core-v663 .context-mobile-nav,
  body.ui-core-v663 .inventory-mobile-nav,
  body.ui-core-v663 .mobile-action-sheet,
  body.ui-core-v663 .admin-global-search,
  body.ui-core-v663 .pwa-install-guide,
  body.ui-core-v663 .inventory-commandbar,
  body.ui-core-v663 .order-form-command,
  body.ui-core-v663 .security-permission-savebar{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#f9fbfa!important;
  }
  body.ui-core-v663 .sidebar{background:#073f31!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

@media print{
  body.ui-core-v663{background:#fff!important}
  body.ui-core-v663 .page-content{max-width:none!important;padding:0!important}
  body.ui-core-v663 .card,body.ui-core-v663 .metric{box-shadow:none!important}
}

/* --------------------------------------------------------------------------
   AUTH — the same visual language before entering the app
   -------------------------------------------------------------------------- */
body.auth-page.ui-core-v663{
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(97,197,158,.20),transparent 24rem),
    radial-gradient(circle at 92% 82%,rgba(97,160,196,.11),transparent 22rem),
    linear-gradient(160deg,#f7fbf9 0%,#edf5f1 100%)!important;
}
body.auth-page.ui-core-v663 .auth-card{
  width:min(100%,390px)!important;
  padding:22px!important;
  border:1px solid rgba(205,220,212,.78)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 22px 64px rgba(13,54,39,.13),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
}
body.auth-page.ui-core-v663 .auth-logo-wrap{margin:4px auto 12px!important}
body.auth-page.ui-core-v663 .auth-brand-kicker{color:var(--ui-brand)!important;font-size:9px!important;letter-spacing:.15em!important;font-weight:800!important}
body.auth-page.ui-core-v663 h1{font-size:24px!important;font-weight:820!important;margin:4px 0 6px!important}
body.auth-page.ui-core-v663 .auth-back-home{color:var(--ui-text-2)!important;font-size:10px!important;text-decoration:none!important}
body.auth-page.ui-core-v663 .auth-footer-note{margin-top:14px!important;color:var(--ui-muted)!important;font-size:9.5px!important;line-height:1.5!important}

/* --------------------------------------------------------------------------
   CORE LOCK — loaded last so legacy page-specific themes cannot create a new
   visual language. Layout-specific rules may survive; material rules do not.
   -------------------------------------------------------------------------- */
body.ui-core-v663.admin-liquid .page-content .card,
body.ui-core-v663.admin-liquid .page-content .metric,
body.ui-core-v663.admin-liquid .page-content .today-kpi,
body.ui-core-v663.admin-liquid .page-content .attendance-stat,
body.ui-core-v663.admin-liquid .page-content .daily-metric,
body.ui-core-v663.admin-liquid .page-content .inventory-kpi,
body.ui-core-v663.admin-liquid .page-content .admin-v52-panel,
body.ui-core-v663.admin-liquid .page-content .admin-v53-task-kpi,
body.ui-core-v663.admin-liquid .page-content .admin-v53-task-card,
body.ui-core-v663.admin-liquid .page-content .security-session-card,
body.ui-core-v663.admin-liquid .page-content .security-permission-card,
body.ui-core-v663.admin-liquid .page-content .inventory-history-card,
body.ui-core-v663.admin-liquid .page-content .history-demo-card{
  background:var(--ui-surface)!important;
  border-color:var(--ui-line)!important;
  box-shadow:var(--ui-shadow-xs)!important;
}
body.ui-core-v663.admin-liquid .page-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.ui-core-v663.admin-liquid .page-content select,
body.ui-core-v663.admin-liquid .page-content textarea{
  border-color:var(--ui-line-strong)!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  box-shadow:inset 0 1px 1px rgba(18,49,37,.02)!important;
}
body.ui-core-v663.admin-liquid .page-content .btn-primary{
  border-color:#087052!important;
  background:linear-gradient(180deg,#0b8c67,#087657)!important;
  color:#fff!important;
}
body.ui-core-v663.admin-liquid .page-content .btn-soft{
  border-color:#cde7da!important;
  background:var(--ui-brand-soft)!important;
  color:#087052!important;
}
body.ui-core-v663.admin-liquid .page-content .btn-outline{
  border-color:var(--ui-line-strong)!important;
  background:#fff!important;
  color:var(--ui-text-2)!important;
}
body.ui-core-v663.admin-liquid .page-content .btn-danger{
  border-color:#f0cfcc!important;
  background:var(--ui-red-soft)!important;
  color:var(--ui-red)!important;
}

/* ============================================================================
   v6.6.3 — DEMO ALIGNMENT PASS
   This is still the same shared core. These rules tune every feature toward
   the approved 2026 mobile concept without introducing page-specific themes.
   ============================================================================ */

/* Brighter shell and stronger material separation, like the approved concept. */
body.ui-core-v663 .app-shell{position:relative;isolation:isolate}
body.ui-core-v663 .main-content{position:relative;z-index:1}
body.ui-core-v663 .main-content::before{
  content:"";
  position:fixed;
  inset:64px 0 0 var(--ui-sidebar-w);
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 4%,rgba(90,193,153,.075),transparent 23rem),
    radial-gradient(circle at 88% 18%,rgba(97,177,151,.055),transparent 20rem);
}

/* App bar: clean iOS-like navigation plane, not a heavy web header. */
body.ui-core-v663 .topbar{
  min-height:68px!important;
  padding:10px 20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(249,252,250,.72))!important;
  border-bottom:1px solid rgba(194,211,202,.64)!important;
  box-shadow:0 7px 26px rgba(19,55,41,.055),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(30px) saturate(185%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(185%)!important;
}
body.ui-core-v663 .topbar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.46),transparent 34%,transparent 68%,rgba(255,255,255,.18));
  opacity:.72;
}
body.ui-core-v663 .topbar>*{position:relative;z-index:1}
body.ui-core-v663 .topbar-title{min-width:0}
body.ui-core-v663 .topbar-title h1{font-size:18px!important;font-weight:810!important;letter-spacing:-.03em}
body.ui-core-v663 .topbar-title p{font-size:9px!important;letter-spacing:.01em!important}
body.ui-core-v663 .topbar-brand-inline{display:flex;align-items:center;gap:9px;min-width:0}
body.ui-core-v663 .topbar-brand-inline>img{
  width:38px;height:38px;min-width:38px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 5px 16px rgba(5,95,66,.16),inset 0 0 0 1px rgba(255,255,255,.76);
}
body.ui-core-v663 .topbar-brand-inline span{min-width:0}
body.ui-core-v663 .topbar-brand-inline h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-core-v663 .topbar-brand-inline p{color:var(--ui-muted)!important}
body.ui-core-v663 .menu-button,
body.ui-core-v663 .topbar-user-button,
body.ui-core-v663 .topbar-tool-button,
body.ui-core-v663 .topbar-search-button,
body.ui-core-v663 .topbar-task-button{
  border-color:rgba(198,216,206,.70)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,250,247,.66))!important;
  box-shadow:0 5px 16px rgba(15,53,39,.065),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.ui-core-v663 .topbar-user-button{
  background:linear-gradient(145deg,rgba(236,250,244,.96),rgba(211,241,228,.88))!important;
  box-shadow:0 6px 17px rgba(8,107,76,.10),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

/* Drawer: the demo's dark translucent green navigation layer. */
body.ui-core-v663 .sidebar{
  background:
    radial-gradient(circle at 16% 4%,rgba(112,226,181,.18),transparent 18rem),
    radial-gradient(circle at 70% 92%,rgba(32,119,88,.34),transparent 18rem),
    linear-gradient(180deg,rgba(5,75,56,.985),rgba(4,47,37,.99))!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
}
body.ui-core-v663 .sidebar::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:34%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 16% 100%,rgba(42,133,95,.28),transparent 55%),
    radial-gradient(ellipse at 76% 100%,rgba(28,108,80,.28),transparent 58%);
  opacity:.78;
}
body.ui-core-v663 .sidebar>*{position:relative;z-index:1}
body.ui-core-v663 .brand-logo-wrap{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.10)!important;
}
body.ui-core-v663 .sidebar-quick-search{
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.105)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
body.ui-core-v663 .sidebar nav>a,
body.ui-core-v663 .sidebar-menu-group>summary,
body.ui-core-v663 .sidebar-submenu a{
  position:relative;
  min-height:42px!important;
  border-radius:12px!important;
}
body.ui-core-v663 .sidebar nav>a.active,
body.ui-core-v663 .sidebar-submenu a.active,
body.ui-core-v663 .sidebar-menu-group[open]>summary{
  background:linear-gradient(90deg,rgba(58,167,124,.34),rgba(255,255,255,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(188,246,221,.15),0 8px 24px rgba(0,0,0,.075)!important;
}
body.ui-core-v663 .sidebar nav>a.active::after,
body.ui-core-v663 .sidebar-submenu a.active::after{
  content:"";
  position:absolute;
  left:0;top:9px;bottom:9px;width:3px;
  border-radius:999px;
  background:#6ee0b2;
  box-shadow:0 0 12px rgba(110,224,178,.42);
}

/* Content cards: crisp white with the slight elevation visible in the demo. */
body.ui-core-v663 .card,
body.ui-core-v663 .metric,
body.ui-core-v663 .demo-kpi-card,
body.ui-core-v663 .liquid-kpi-card,
body.ui-core-v663 .orders-kpi,
body.ui-core-v663 .dashboard-kpi,
body.ui-core-v663 .inventory-kpi,
body.ui-core-v663 .today-kpi,
body.ui-core-v663 .attendance-stat,
body.ui-core-v663 .daily-metric,
body.ui-core-v663 .admin-v5-kpi,
body.ui-core-v663 .admin-v52-kpis article,
body.ui-core-v663 .admin-v52-panel,
body.ui-core-v663 .admin-v53-task-kpi,
body.ui-core-v663 .admin-v53-task-card,
body.ui-core-v663 .order-form-section,
body.ui-core-v663 .order-line-card,
body.ui-core-v663 .inventory-create-card,
body.ui-core-v663 .inventory-history-card,
body.ui-core-v663 .company-document-card,
body.ui-core-v663 .partner-summary-card,
body.ui-core-v663 .security-session-card,
body.ui-core-v663 .security-permission-card,
body.ui-core-v663 .receivables-demo-card,
body.ui-core-v663 .history-demo-card,
body.ui-core-v663 .order-detail-demo-progress-card,
body.ui-core-v663 .order-detail-demo-spec-card,
body.ui-core-v663 .order-detail-demo-history-card{
  border-color:rgba(207,220,213,.88)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 5px 18px rgba(15,49,37,.055)!important;
}
body.ui-core-v663 .card,
body.ui-core-v663 .order-form-section,
body.ui-core-v663 .inventory-create-card,
body.ui-core-v663 .history-demo-card,
body.ui-core-v663 .receivables-demo-card{border-radius:16px!important}
body.ui-core-v663 .card-header,
body.ui-core-v663 .demo-section-head,
body.ui-core-v663 .order-section-title,
body.ui-core-v663 .inventory-create-header{min-height:28px}
body.ui-core-v663 .card-header h2,
body.ui-core-v663 .demo-section-head h2,
body.ui-core-v663 .order-section-title h2,
body.ui-core-v663 .inventory-create-header h2{font-weight:810!important;letter-spacing:-.02em}

/* KPI tiles: icon-led, compact and repeatable across every module. */
body.ui-core-v663 .metric,
body.ui-core-v663 .demo-kpi-card,
body.ui-core-v663 .liquid-kpi-card,
body.ui-core-v663 .inventory-kpi,
body.ui-core-v663 .today-kpi,
body.ui-core-v663 .attendance-stat,
body.ui-core-v663 .daily-metric,
body.ui-core-v663 .admin-v5-kpi,
body.ui-core-v663 .admin-v52-kpis article,
body.ui-core-v663 .admin-v53-task-kpi{
  border-radius:15px!important;
  overflow:hidden;
}
body.ui-core-v663 .metric .icon,
body.ui-core-v663 .demo-kpi-icon,
body.ui-core-v663 .liquid-kpi-icon,
body.ui-core-v663 .report-kpi-icon{
  background:linear-gradient(145deg,#e5f7ef,#d9f1e7)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.ui-core-v663 .grid.cards>*:nth-child(4n+2) .icon,
body.ui-core-v663 .demo-kpi-strip>*:nth-child(4n+2) .demo-kpi-icon,
body.ui-core-v663 .liquid-kpi-grid>*:nth-child(4n+2) .liquid-kpi-icon{
  background:linear-gradient(145deg,#eef7ff,#deefff)!important;color:#2477be!important;
}
body.ui-core-v663 .grid.cards>*:nth-child(4n+3) .icon,
body.ui-core-v663 .demo-kpi-strip>*:nth-child(4n+3) .demo-kpi-icon,
body.ui-core-v663 .liquid-kpi-grid>*:nth-child(4n+3) .liquid-kpi-icon{
  background:linear-gradient(145deg,#fff5e8,#ffecd2)!important;color:#aa6d19!important;
}
body.ui-core-v663 .grid.cards>*:nth-child(4n+4) .icon,
body.ui-core-v663 .demo-kpi-strip>*:nth-child(4n+4) .demo-kpi-icon,
body.ui-core-v663 .liquid-kpi-grid>*:nth-child(4n+4) .liquid-kpi-icon{
  background:linear-gradient(145deg,#f4efff,#eae1ff)!important;color:#7258c9!important;
}

/* Segmented controls are now the same green selected pill as the concept. */
body.ui-core-v663 .ui-tabbar,
body.ui-core-v663 .context-mobile-nav,
body.ui-core-v663 .inventory-mobile-nav,
body.ui-core-v663 .inventory-workspace-nav,
body.ui-core-v663 .order-workspace-tabs,
body.ui-core-v663 .admin-v52-tabs,
body.ui-core-v663 .mobile-table-switch-buttons{
  padding:4px!important;
  border-radius:15px!important;
  background:rgba(248,252,250,.74)!important;
  border-color:rgba(198,216,206,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 7px 20px rgba(14,51,37,.055)!important;
}
body.ui-core-v663 .context-mobile-nav a.active,
body.ui-core-v663 .inventory-mobile-nav a.active,
body.ui-core-v663 .inventory-workspace-nav a.is-active,
body.ui-core-v663 .order-workspace-tabs a.active,
body.ui-core-v663 .admin-v52-tabs a.active,
body.ui-core-v663 .mobile-table-switch-buttons button.active{
  text-shadow:0 1px 0 rgba(0,0,0,.04);
}

/* Fields and buttons mirror the demo's density and stronger hierarchy. */
body.ui-core-v663 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.ui-core-v663 select,
body.ui-core-v663 textarea{
  border-color:#ccd9d2!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#fff,#fbfdfc)!important;
  box-shadow:inset 0 1px 2px rgba(17,48,36,.025)!important;
}
body.ui-core-v663 input:focus,
body.ui-core-v663 select:focus,
body.ui-core-v663 textarea:focus{
  border-color:rgba(8,123,91,.66)!important;
  box-shadow:0 0 0 3px rgba(9,132,96,.10),inset 0 1px 2px rgba(17,48,36,.02)!important;
}
body.ui-core-v663 .btn-primary{
  background:linear-gradient(180deg,#12966f,#087b5b)!important;
  border-color:#087254!important;
  box-shadow:0 8px 20px rgba(7,116,83,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.ui-core-v663 .btn-soft{
  background:linear-gradient(180deg,#eefaf5,#e3f5ed)!important;
  border-color:#c9e7d9!important;
}
body.ui-core-v663 .btn-outline{
  background:linear-gradient(180deg,#fff,#f9fbfa)!important;
  box-shadow:0 2px 7px rgba(15,47,36,.03)!important;
}
body.ui-core-v663 .btn-danger{background:linear-gradient(180deg,#fff4f3,#ffedeb)!important}

/* Compact list rows and action controls: closer to the history screen in demo. */
body.ui-core-v663 .admin-v53-log-item,
body.ui-core-v663 .security-session-card,
body.ui-core-v663 .inventory-history-card,
body.ui-core-v663 .history-demo-card,
body.ui-core-v663 .receivables-demo-card,
body.ui-core-v663 .mobile-detail-panel{
  border-radius:15px!important;
  box-shadow:0 5px 16px rgba(15,49,37,.045)!important;
}
body.ui-core-v663 .history-demo-actions,
body.ui-core-v663 .inventory-history-actions,
body.ui-core-v663 .order-actions,
body.ui-core-v663 .document-actions{gap:5px!important}
body.ui-core-v663 .history-demo-actions .btn,
body.ui-core-v663 .inventory-history-actions .btn,
body.ui-core-v663 .order-actions .btn,
body.ui-core-v663 .document-actions .btn{min-height:32px!important;border-radius:9px!important}

/* Floating glass control layer with a visible specular edge. */
body.ui-core-v663 .mobile-bottom-nav,
body.ui-core-v663 .inventory-commandbar,
body.ui-core-v663 .order-form-command,
body.ui-core-v663 .security-permission-savebar,
body.ui-core-v663 .mobile-primary-action,
body.ui-core-v663 .sticky-commandbar,
body.ui-core-v663 .demo-sticky-actions,
body.ui-core-v663 .mobile-action-sheet,
body.ui-core-v663 .admin-global-search,
body.ui-core-v663 .pwa-install-guide{
  position:relative;
  overflow:hidden;
}
body.ui-core-v663 .mobile-bottom-nav::before,
body.ui-core-v663 .inventory-commandbar::before,
body.ui-core-v663 .order-form-command::before,
body.ui-core-v663 .mobile-primary-action::before,
body.ui-core-v663 .sticky-commandbar::before,
body.ui-core-v663 .mobile-action-sheet::before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:0;height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);
  opacity:.92;
}
body.ui-core-v663 .mobile-bottom-nav>* ,
body.ui-core-v663 .inventory-commandbar>* ,
body.ui-core-v663 .order-form-command>* ,
body.ui-core-v663 .mobile-primary-action>* ,
body.ui-core-v663 .sticky-commandbar>* ,
body.ui-core-v663 .mobile-action-sheet>*{position:relative;z-index:1}

/* Mobile target: proportions copied from the approved four-screen concept. */
@media(max-width:960px){
  body.ui-core-v663 .main-content::before{inset:60px 0 0 0}
  body.ui-core-v663 .sidebar{
    width:min(86vw,344px)!important;
    max-width:344px!important;
    border-radius:0 26px 26px 0!important;
    background:
      radial-gradient(circle at 14% 0%,rgba(112,226,181,.20),transparent 18rem),
      radial-gradient(ellipse at 68% 95%,rgba(28,124,88,.42),transparent 18rem),
      rgba(4,58,44,.925)!important;
    box-shadow:20px 0 62px rgba(3,28,20,.29),inset -1px 0 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(30px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(160%)!important;
  }
  body.ui-core-v663 .sidebar-head{margin-top:5px!important;margin-bottom:14px!important}
  body.ui-core-v663 .brand-logo-wrap{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important}
  body.ui-core-v663 .brand-copy strong{font-size:16px!important}
  body.ui-core-v663 .brand-copy small{font-size:8px!important;letter-spacing:.015em}
  body.ui-core-v663 .sidebar-quick-search{min-height:44px!important;border-radius:13px!important;margin-bottom:12px!important}
  body.ui-core-v663 .sidebar nav>a,
  body.ui-core-v663 .sidebar-menu-group>summary,
  body.ui-core-v663 .sidebar-submenu a{min-height:44px!important;font-size:12.5px!important}

  body.ui-core-v663 .topbar{
    min-height:62px!important;
    padding:8px 10px!important;
  }
  body.ui-core-v663 .topbar-title h1{font-size:16.5px!important}
  body.ui-core-v663 .topbar-brand-inline{gap:7px}
  body.ui-core-v663 .topbar-brand-inline>img{width:34px;height:34px;min-width:34px}
  body.ui-core-v663 .menu-button,
  body.ui-core-v663 .topbar-user-button,
  body.ui-core-v663 .topbar-tool-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}

  body.ui-core-v663 .ui-page,
  body.ui-core-v663 .page-content{padding:10px 9px calc(94px + var(--ui-safe-bottom))!important}
  body.ui-core-v663 .page-content>*+*{margin-top:9px}
  body.ui-core-v663 .card{padding:11px!important;border-radius:15px!important}
  body.ui-core-v663 .form-grid{gap:6px!important}
  body.ui-core-v663 label{font-size:9px!important;font-weight:690!important}
  body.ui-core-v663 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.ui-core-v663 select,
  body.ui-core-v663 textarea{min-height:40px!important;padding:7px 9px!important;font-size:11px!important}
  body.ui-core-v663 textarea{min-height:64px!important}

  body.ui-core-v663 .metric,
  body.ui-core-v663 .demo-kpi-card,
  body.ui-core-v663 .liquid-kpi-card,
  body.ui-core-v663 .inventory-kpi,
  body.ui-core-v663 .today-kpi,
  body.ui-core-v663 .attendance-stat,
  body.ui-core-v663 .daily-metric,
  body.ui-core-v663 .admin-v5-kpi,
  body.ui-core-v663 .admin-v52-kpis article,
  body.ui-core-v663 .admin-v53-task-kpi{min-height:78px!important;padding:9px!important}
  body.ui-core-v663 .metric .value,
  body.ui-core-v663 .demo-kpi-card strong,
  body.ui-core-v663 .liquid-kpi-card strong,
  body.ui-core-v663 .inventory-kpi .value,
  body.ui-core-v663 .today-kpi strong,
  body.ui-core-v663 .attendance-stat strong,
  body.ui-core-v663 .daily-metric strong{font-size:18px!important}

  body.ui-core-v663 .context-mobile-nav,
  body.ui-core-v663 .inventory-mobile-nav{
    top:62px!important;
    margin:0 6px 7px!important;
    border-radius:15px!important;
    background:rgba(249,252,250,.76)!important;
    box-shadow:0 9px 24px rgba(14,49,36,.07),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  body.ui-core-v663 .mobile-bottom-nav{
    left:9px!important;right:9px!important;
    bottom:calc(8px + var(--ui-safe-bottom))!important;
    min-height:64px!important;
    padding:5px 6px!important;
    border-radius:22px!important;
    border-color:rgba(194,214,203,.70)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(247,251,249,.68))!important;
    box-shadow:0 17px 42px rgba(10,43,31,.17),inset 0 1px 0 rgba(255,255,255,.98)!important;
    backdrop-filter:blur(30px) saturate(185%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(185%)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    min-height:52px!important;
    border-radius:15px!important;
    color:#53645b!important;
    font-size:8px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a.active,
  body.ui-core-v663 .mobile-bottom-nav button.active{
    background:linear-gradient(180deg,rgba(224,245,235,.96),rgba(238,249,244,.86))!important;
    color:#087657!important;
    box-shadow:inset 0 0 0 1px rgba(190,224,207,.78),0 5px 14px rgba(8,104,74,.075)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{width:22px!important;height:22px!important;margin-bottom:2px!important}
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img{width:18px!important;height:18px!important}

  body.ui-core-v663 .mobile-action-sheet{
    border-radius:26px 26px 0 0!important;
    background:linear-gradient(180deg,rgba(253,255,254,.92),rgba(245,250,247,.90))!important;
    box-shadow:0 -16px 54px rgba(9,42,30,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.ui-core-v663 .mobile-sheet-grid>a,
  body.ui-core-v663 .mobile-sheet-grid>button,
  body.ui-core-v663 .mobile-sheet-list>a{border-radius:14px!important;background:rgba(255,255,255,.84)!important}
  body.ui-core-v663 .mobile-sheet-grid>a>span:first-child,
  body.ui-core-v663 .mobile-sheet-grid>button>span:first-child,
  body.ui-core-v663 .mobile-sheet-list>a>span:first-child{
    width:32px;height:32px;min-width:32px;
    display:grid;place-items:center;
    border-radius:10px;
    background:var(--ui-brand-soft);
    color:var(--ui-brand);
  }
}

@media(max-width:430px){
  body.ui-core-v663 .page-content{padding-left:7px!important;padding-right:7px!important}
  body.ui-core-v663 .mobile-bottom-nav{left:7px!important;right:7px!important}
}

/* ============================================================================
   v6.6.3 — MOBILE NAVIGATION CORE FIX
   One source of truth on mobile: the dock's "Thêm" button opens the main drawer.
   The redundant top-left hamburger is removed from markup and hidden defensively.
   ============================================================================ */
body.ui-core-v663 .menu-button{display:none!important}

@media(max-width:960px){
  /* v6.6 core treats tablets and phones as the same dock-driven navigation shell. */
  body.ui-core-v663 .mobile-bottom-nav{display:grid!important}
  body.ui-core-v663 .sidebar-close{display:grid!important;place-items:center!important}

  /* The drawer must always sit above the dimming plane and the floating dock. */
  body.ui-core-v663 .sidebar{
    z-index:122!important;
    transform:translate3d(-106%,0,0)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    will-change:transform;
    transition:transform .28s cubic-bezier(.22,.8,.24,1),visibility 0s linear .28s!important;
  }
  body.ui-core-v663 .sidebar.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .28s cubic-bezier(.22,.8,.24,1),visibility 0s!important;
  }
  body.ui-core-v663 .sidebar-overlay{
    display:block!important;
    z-index:118!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(14,29,23,.34)!important;
    backdrop-filter:blur(8px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(8px) saturate(112%)!important;
    transition:opacity .22s ease,visibility 0s linear .22s!important;
  }
  body.ui-core-v663 .sidebar-overlay.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease,visibility 0s!important;
  }
  body.ui-core-v663.nav-open .mobile-bottom-nav{z-index:70!important}
  body.ui-core-v663 #mobileMoreButton.active{
    background:linear-gradient(180deg,rgba(224,245,235,.96),rgba(238,249,244,.86))!important;
    color:#087657!important;
    box-shadow:inset 0 0 0 1px rgba(190,224,207,.78),0 5px 14px rgba(8,104,74,.075)!important;
  }
  /* With the hamburger gone, titles align naturally to the leading edge. */
  body.ui-core-v663 .topbar-title{margin-left:0!important}
}

/* ============================================================================
   v6.6.3 — DRAWER OWNS THE MOBILE CHROME
   When the user opens “Thêm”, the dock gets completely out of the way.
   The drawer becomes the only navigation surface until it is closed.
   ============================================================================ */
@media(max-width:960px){
  body.ui-core-v663 .mobile-bottom-nav{
    transition:
      opacity .16s ease,
      transform .24s cubic-bezier(.22,.8,.24,1),
      visibility 0s linear 0s!important;
  }

  body.ui-core-v663.nav-open .mobile-bottom-nav,
  body.ui-core-v663 .mobile-bottom-nav.drawer-hidden{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,calc(100% + 28px),0)!important;
    transition:
      opacity .14s ease,
      transform .22s cubic-bezier(.22,.8,.24,1),
      visibility 0s linear .22s!important;
  }

  /* With the dock gone, the drawer owns the full safe area and its account
     footer is never covered by another navigation surface. */
  body.ui-core-v663 .sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
    padding-bottom:calc(14px + var(--ui-safe-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }

  body.ui-core-v663 .sidebar-footer{
    margin-bottom:0!important;
  }
}


/* ============================================================================
   v6.6.4 — restore compact “Thêm” sheet on mobile
   The dock More button opens the old compact action sheet again.
   Keep every function inside “Thêm”, but stop using the oversized full drawer on phones.
   ============================================================================ */
@media(max-width:960px){
  body.ui-core-v663 .sidebar{display:none!important}
  body.ui-core-v663 .mobile-action-sheet{
    left:8px!important;
    right:8px!important;
    bottom:calc(10px + var(--ui-safe-bottom))!important;
    top:auto!important;
    max-height:min(78vh,720px)!important;
    padding:12px 12px calc(14px + var(--ui-safe-bottom))!important;
    border-radius:26px!important;
    overflow:auto!important;
  }
  body.ui-core-v663 .mobile-action-sheet::before{left:14%!important;right:14%!important}
  body.ui-core-v663 .mobile-sheet-head,
  body.ui-core-v663 .mobile-sheet-header{
    margin-bottom:10px!important;
    padding-bottom:8px!important;
  }
  body.ui-core-v663 .mobile-sheet-head h2,
  body.ui-core-v663 .mobile-sheet-header h2{
    margin:0!important;
    font-size:16px!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
  }
  body.ui-core-v663 .mobile-sheet-head p,
  body.ui-core-v663 .mobile-sheet-header p{
    margin:3px 0 0!important;
    font-size:11px!important;
    color:var(--ui-muted)!important;
  }
  body.ui-core-v663 .mobile-sheet-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body.ui-core-v663 .mobile-sheet-grid>a,
  body.ui-core-v663 .mobile-sheet-grid>button{
    min-height:64px!important;
    padding:10px 11px!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    text-align:left!important;
    gap:8px!important;
  }
  body.ui-core-v663 .mobile-sheet-grid>a>span:last-child,
  body.ui-core-v663 .mobile-sheet-grid>button>span:last-child{
    font-size:11.5px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  body.ui-core-v663 .mobile-sheet-list{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  body.ui-core-v663 .mobile-sheet-list>a{
    min-height:48px!important;
    padding:9px 11px!important;
    justify-content:flex-start!important;
    gap:9px!important;
    font-size:12px!important;
    font-weight:650!important;
  }
  body.ui-core-v663 .mobile-sheet-section-title,
  body.ui-core-v663 .mobile-sheet-kicker{
    margin:8px 2px 6px!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
    color:rgba(67,93,82,.75)!important;
    text-transform:uppercase!important;
  }
  body.ui-core-v663 .mobile-bottom-nav{opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto!important}
}


/* ============================================================================
   v6.6.6 — MOBILE “THÊM” SHEET LAYER FIX
   Self-contained open/close geometry. Do not rely on legacy app.css.
   ============================================================================ */
@media(max-width:960px){
  body.ui-core-v663 .mobile-sheet-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:900!important;
    display:block!important;
    background:rgba(8,31,24,.28)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility 0s linear .22s!important;
    backdrop-filter:blur(12px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
  }
  body.ui-core-v663 .mobile-sheet-backdrop.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease!important;
  }

  body.ui-core-v663 .mobile-action-sheet{
    position:fixed!important;
    z-index:920!important;
    display:block!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + var(--ui-safe-bottom))!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(78dvh,720px)!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,calc(100% + 28px),0)!important;
    transition:transform .28s cubic-bezier(.22,.78,.28,1),opacity .20s ease,visibility 0s linear .28s!important;
    -webkit-overflow-scrolling:touch;
  }
  body.ui-core-v663 .mobile-action-sheet.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .28s cubic-bezier(.22,.78,.28,1),opacity .20s ease!important;
  }

  /* Sheet must always float above the dock and every page control. */
  body.ui-core-v663 .mobile-bottom-nav{z-index:820!important}
  body.ui-core-v663.sheet-open .mobile-bottom-nav{z-index:820!important}

  /* Keep iPhone home-indicator space usable while scrolling the long menu. */
  body.ui-core-v663 .mobile-action-sheet > :last-child{
    margin-bottom:max(2px,var(--ui-safe-bottom))!important;
  }
}


/* ============================================================================
   v6.7.0 — DEMO CONVERGENCE PASS
   Source-level refinement against the approved four-screen concept.
   Shared core only: app bar, KPI/card rhythm, dock and compact “Thêm” launcher.
   ============================================================================ */
:root{
  --ui-bg:#f2f7f4;
  --ui-surface-soft:#f7fbf9;
  --ui-line:#dce7e1;
  --ui-line-strong:#ccdcd4;
  --ui-brand:#087759;
  --ui-brand-2:#13946f;
  --ui-brand-soft:#e5f5ee;
  --ui-shadow-xs:0 4px 14px rgba(17,52,39,.045);
  --ui-shadow-sm:0 10px 30px rgba(17,52,39,.07);
}
body.ui-core-v663{
  background:
    radial-gradient(circle at 7% 0%,rgba(115,205,170,.14),transparent 23rem),
    radial-gradient(circle at 94% 12%,rgba(109,176,157,.08),transparent 22rem),
    linear-gradient(180deg,#fbfdfc 0%,#f3f8f5 46%,#eef5f1 100%)!important;
}
body.ui-core-v663 .topbar{
  min-height:66px!important;
  background:linear-gradient(180deg,rgba(253,255,254,.88),rgba(247,251,249,.74))!important;
  border-bottom-color:rgba(199,215,207,.64)!important;
  box-shadow:0 8px 28px rgba(15,48,36,.055),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(30px) saturate(185%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(185%)!important;
}
body.ui-core-v663 .topbar-brand-inline>img{
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:14px!important;
  box-shadow:0 7px 18px rgba(8,105,76,.15),inset 0 0 0 1px rgba(255,255,255,.78)!important;
}
body.ui-core-v663 .topbar-brand-inline h1{font-size:18px!important;font-weight:820!important;letter-spacing:-.035em!important}
body.ui-core-v663 .topbar-brand-inline p{font-size:9.5px!important;color:#73827a!important}
body.ui-core-v663 .topbar-admin-tools{display:flex!important;gap:7px!important;margin-left:auto!important}
body.ui-core-v663 .topbar-tool-button,
body.ui-core-v663 .topbar-user-button{
  width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;
  border-color:rgba(202,218,210,.70)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,251,249,.70))!important;
  box-shadow:0 6px 18px rgba(17,53,40,.055),inset 0 1px 0 #fff!important;
}
body.ui-core-v663 .topbar-user-button{
  background:linear-gradient(180deg,rgba(230,247,239,.98),rgba(215,240,229,.90))!important;
}

/* Content surfaces: quieter, tighter and more concentric like the demo. */
body.ui-core-v663 .card,
body.ui-core-v663 .metric,
body.ui-core-v663 .demo-kpi-card,
body.ui-core-v663 .liquid-kpi-card,
body.ui-core-v663 .inventory-kpi,
body.ui-core-v663 .today-kpi,
body.ui-core-v663 .attendance-stat,
body.ui-core-v663 .daily-metric,
body.ui-core-v663 .admin-v5-kpi,
body.ui-core-v663 .admin-v52-kpis article,
body.ui-core-v663 .admin-v53-task-kpi{
  border-color:var(--ui-line)!important;
  box-shadow:0 5px 16px rgba(17,52,39,.045)!important;
}
body.ui-core-v663 .metric .icon,
body.ui-core-v663 .demo-kpi-icon,
body.ui-core-v663 .liquid-kpi-icon,
body.ui-core-v663 .report-kpi-icon,
body.ui-core-v663 .today-kpi-icon,
body.ui-core-v663 .inventory-kpi-icon{
  background:linear-gradient(145deg,#e1f5ec,#effaf5)!important;
  color:var(--ui-brand)!important;
  box-shadow:inset 0 0 0 1px rgba(190,224,208,.44)!important;
}
body.ui-core-v663 .metric .value,
body.ui-core-v663 .demo-kpi-card strong,
body.ui-core-v663 .liquid-kpi-card strong,
body.ui-core-v663 .inventory-kpi .value,
body.ui-core-v663 .today-kpi strong,
body.ui-core-v663 .attendance-stat strong,
body.ui-core-v663 .daily-metric strong{
  letter-spacing:-.035em!important;
  color:#12251d!important;
}
body.ui-core-v663 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.ui-core-v663 select,
body.ui-core-v663 textarea{
  border-color:#d5e2db!important;
  background:linear-gradient(180deg,#fff,#fcfefd)!important;
  box-shadow:inset 0 1px 2px rgba(18,48,37,.025)!important;
}
body.ui-core-v663 input:focus,
body.ui-core-v663 select:focus,
body.ui-core-v663 textarea:focus{
  border-color:#8fc9b0!important;
  box-shadow:0 0 0 3px rgba(17,145,104,.10)!important;
}

@media(max-width:960px){
  body.ui-core-v663 .topbar{padding:9px 11px!important;min-height:64px!important}
  body.ui-core-v663 .topbar-brand-inline{gap:9px!important}
  body.ui-core-v663 .topbar-brand-inline>img{width:39px!important;height:39px!important;min-width:39px!important;border-radius:13px!important}
  body.ui-core-v663 .topbar-brand-inline h1{font-size:16.5px!important}
  body.ui-core-v663 .topbar-brand-inline p{font-size:8.7px!important}
  body.ui-core-v663 .page-content{padding-top:10px!important}

  /* Dock proportions and active pill now mirror the approved home mockup. */
  body.ui-core-v663 .mobile-bottom-nav{
    left:8px!important;right:8px!important;
    min-height:66px!important;
    padding:5px 6px!important;
    border-radius:23px!important;
    border-color:rgba(193,213,202,.72)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(245,250,247,.72))!important;
    box-shadow:0 18px 44px rgba(10,42,31,.16),inset 0 1px 0 rgba(255,255,255,.98)!important;
    backdrop-filter:blur(32px) saturate(190%)!important;
    -webkit-backdrop-filter:blur(32px) saturate(190%)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    min-height:54px!important;
    border-radius:16px!important;
    font-size:8.2px!important;
    font-weight:650!important;
    gap:1px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a.active,
  body.ui-core-v663 .mobile-bottom-nav button.active{
    background:linear-gradient(180deg,rgba(223,245,234,.98),rgba(235,248,242,.90))!important;
    color:#087457!important;
    box-shadow:inset 0 0 0 1px rgba(180,219,200,.78),0 5px 15px rgba(7,103,74,.07)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{width:23px!important;height:23px!important;margin-bottom:1px!important}
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img{width:19px!important;height:19px!important}

  /* Compact launcher: all functions remain, but the information architecture is now demo-like. */
  body.ui-core-v663 .mobile-sheet-backdrop{
    background:rgba(16,35,28,.24)!important;
    backdrop-filter:blur(14px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
  }
  body.ui-core-v663 .mobile-action-sheet{
    left:8px!important;right:8px!important;
    bottom:calc(8px + var(--ui-safe-bottom))!important;
    max-height:min(82dvh,760px)!important;
    padding:10px 10px calc(12px + var(--ui-safe-bottom))!important;
    border-radius:27px!important;
    border-color:rgba(197,216,206,.78)!important;
    background:linear-gradient(180deg,rgba(254,255,254,.95),rgba(245,250,247,.91))!important;
    box-shadow:0 22px 70px rgba(7,34,24,.22),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.ui-core-v663 .mobile-sheet-handle{
    width:34px!important;height:4px!important;margin:1px auto 8px!important;
    border-radius:999px!important;background:#c7d4cd!important;opacity:.85!important;
  }
  body.ui-core-v663 .mobile-sheet-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:46px!important;margin:0 1px 8px!important;padding:0 1px 8px!important;
    border-bottom:1px solid rgba(214,226,220,.74)!important;
  }
  body.ui-core-v663 .mobile-sheet-user{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  body.ui-core-v663 .mobile-sheet-avatar{
    width:36px!important;height:36px!important;min-width:36px!important;
    display:grid!important;place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#daf2e7,#effaf5)!important;
    color:#087457!important;font-size:13px!important;font-weight:820!important;
    box-shadow:inset 0 0 0 1px rgba(183,221,203,.72)!important;
  }
  body.ui-core-v663 .mobile-sheet-user strong{display:block!important;font-size:15px!important;font-weight:820!important;letter-spacing:-.025em!important;color:#12251d!important}
  body.ui-core-v663 .mobile-sheet-user small{display:block!important;margin-top:1px!important;font-size:9px!important;color:#7a8981!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.ui-core-v663 #mobileSheetClose{
    width:35px!important;height:35px!important;min-width:35px!important;padding:0!important;
    border:1px solid rgba(206,220,213,.78)!important;border-radius:12px!important;
    background:rgba(255,255,255,.74)!important;color:#4d6157!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
    font-size:20px!important;line-height:1!important;
  }
  body.ui-core-v663 .mobile-admin-search{
    min-height:43px!important;margin:0 1px 10px!important;padding:0 9px!important;
    border:1px solid rgba(203,219,210,.86)!important;border-radius:13px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:inset 0 1px 2px rgba(19,52,40,.025)!important;
  }
  body.ui-core-v663 .mobile-search-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important}
  body.ui-core-v663 .mobile-search-icon img{width:16px!important;height:16px!important;opacity:.75!important}
  body.ui-core-v663 .mobile-admin-search input{min-height:41px!important;font-size:11px!important;background:transparent!important;box-shadow:none!important;border:0!important}
  body.ui-core-v663 .mobile-sheet-section{margin-top:8px!important}
  body.ui-core-v663 .mobile-sheet-section>h3{
    margin:0 3px 7px!important;
    font-size:9px!important;font-weight:820!important;letter-spacing:.12em!important;text-transform:uppercase!important;
    color:#72847b!important;
  }
  body.ui-core-v663 .mobile-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:8px!important}
  body.ui-core-v663 .mobile-sheet-grid>a,
  body.ui-core-v663 .mobile-sheet-grid>button{
    position:relative!important;
    min-height:68px!important;padding:9px 9px!important;
    display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    column-gap:8px!important;row-gap:1px!important;align-items:center!important;
    border:1px solid rgba(211,225,217,.88)!important;border-radius:15px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 4px 12px rgba(15,48,36,.035)!important;
  }
  body.ui-core-v663 .mobile-sheet-grid .mobile-sheet-icon{grid-row:1 / span 2!important;grid-column:1!important}
  body.ui-core-v663 .mobile-sheet-grid b{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:11.3px!important;font-weight:760!important;color:#172920!important;line-height:1.15!important}
  body.ui-core-v663 .mobile-sheet-grid small{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:8.5px!important;line-height:1.2!important;color:#819087!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.ui-core-v663 .mobile-sheet-icon{
    width:34px!important;height:34px!important;min-width:34px!important;
    display:grid!important;place-items:center!important;border-radius:11px!important;
    background:linear-gradient(145deg,#e2f5ec,#f0faf5)!important;
    box-shadow:inset 0 0 0 1px rgba(190,224,208,.44)!important;
  }
  body.ui-core-v663 .mobile-sheet-icon img{width:18px!important;height:18px!important;display:block!important}
  body.ui-core-v663 .mobile-sheet-list{gap:6px!important}
  body.ui-core-v663 .mobile-sheet-list>a{
    min-height:45px!important;padding:7px 9px!important;
    display:grid!important;grid-template-columns:34px minmax(0,1fr) 16px!important;align-items:center!important;gap:8px!important;
    border-radius:13px!important;background:rgba(255,255,255,.76)!important;
  }
  body.ui-core-v663 .mobile-sheet-list>a b{font-size:10.8px!important;font-weight:700!important;color:#26382f!important}
  body.ui-core-v663 .mobile-sheet-list>a em{justify-self:end!important;color:#9aa7a0!important;font-size:16px!important;font-style:normal!important}
  body.ui-core-v663 .mobile-sheet-logout{
    min-height:44px!important;margin-top:9px!important;padding:8px 10px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    border:1px solid #f0d6d3!important;border-radius:13px!important;
    background:#fff7f6!important;color:#b8433d!important;font-size:11px!important;font-weight:720!important;text-decoration:none!important;
  }
  body.ui-core-v663 .mobile-sheet-logout .mobile-sheet-icon{background:#fff0ef!important;box-shadow:inset 0 0 0 1px #f3d3d0!important}

  /* Shared mobile cards are slightly more compact and closer to the concept. */
  body.ui-core-v663 .card{padding:11px!important;border-radius:15px!important}
  body.ui-core-v663 .metric,
  body.ui-core-v663 .demo-kpi-card,
  body.ui-core-v663 .liquid-kpi-card,
  body.ui-core-v663 .inventory-kpi,
  body.ui-core-v663 .today-kpi,
  body.ui-core-v663 .attendance-stat,
  body.ui-core-v663 .daily-metric,
  body.ui-core-v663 .admin-v5-kpi,
  body.ui-core-v663 .admin-v52-kpis article,
  body.ui-core-v663 .admin-v53-task-kpi{
    min-height:78px!important;padding:9px 10px!important;border-radius:14px!important;
  }
  body.ui-core-v663 .metric .icon,
  body.ui-core-v663 .demo-kpi-icon,
  body.ui-core-v663 .liquid-kpi-icon,
  body.ui-core-v663 .report-kpi-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important}
}


/* ============================================================================
   v6.7.1 — DEMO CONVERGENCE REFINEMENT
   Real source pass: tighter dock, compact action sheet, mask-based icons,
   and stronger liquid-glass treatment across shared admin components.
   ============================================================================ */
@media (max-width:960px){
  body.ui-core-v663{
    --ui-liquid-panel-bg:linear-gradient(180deg,rgba(255,255,255,.64),rgba(246,250,248,.50));
    --ui-liquid-panel-border:rgba(206,224,216,.72);
    --ui-liquid-shadow:0 14px 36px rgba(8,39,28,.10),inset 0 1px 0 rgba(255,255,255,.92);
  }

  /* Restore the liquid-glass character on shared surfaces. */
  body.ui-core-v663 .topbar{
    min-height:64px!important;
    padding:10px 12px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(248,252,250,.52))!important;
    border-bottom:1px solid rgba(214,228,221,.70)!important;
    box-shadow:0 8px 28px rgba(8,39,28,.06),inset 0 1px 0 rgba(255,255,255,.92)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  }
  body.ui-core-v663 .topbar-title h1{font-size:17px!important;letter-spacing:-.03em!important}
  body.ui-core-v663 .topbar-title p,
  body.ui-core-v663 .topbar-title small{font-size:11px!important;color:#73867d!important}
  body.ui-core-v663 .menu-button,
  body.ui-core-v663 .topbar-user-button,
  body.ui-core-v663 .topbar-tool-button{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(245,249,247,.58))!important;
    border:1px solid rgba(208,223,216,.78)!important;
    box-shadow:0 6px 18px rgba(9,41,30,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  }

  body.ui-core-v663 .page-content{padding:10px 9px calc(78px + var(--ui-safe-bottom))!important}
  body.ui-core-v663.admin-liquid .page-content .card,
  body.ui-core-v663.admin-liquid .page-content .metric,
  body.ui-core-v663.admin-liquid .page-content .today-kpi,
  body.ui-core-v663.admin-liquid .page-content .attendance-stat,
  body.ui-core-v663.admin-liquid .page-content .daily-metric,
  body.ui-core-v663.admin-liquid .page-content .inventory-kpi,
  body.ui-core-v663.admin-liquid .page-content .orders-kpi,
  body.ui-core-v663.admin-liquid .page-content .dashboard-kpi,
  body.ui-core-v663.admin-liquid .page-content .admin-v52-panel,
  body.ui-core-v663.admin-liquid .page-content .admin-v53-task-kpi,
  body.ui-core-v663.admin-liquid .page-content .admin-v53-task-card,
  body.ui-core-v663.admin-liquid .page-content .security-session-card,
  body.ui-core-v663.admin-liquid .page-content .inventory-history-card,
  body.ui-core-v663.admin-liquid .page-content .history-demo-card,
  body.ui-core-v663.admin-liquid .page-content .receivables-demo-card,
  body.ui-core-v663.admin-liquid .page-content .mobile-detail-panel,
  body.ui-core-v663 .liquid-welcome-card{
    background:var(--ui-liquid-panel-bg)!important;
    border:1px solid var(--ui-liquid-panel-border)!important;
    box-shadow:var(--ui-liquid-shadow)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  }
  body.ui-core-v663 .liquid-welcome-card,
  body.ui-core-v663 .admin-v52-hero,
  body.ui-core-v663 .dashboard-hero,
  body.ui-core-v663 .today-hero{
    background:
      linear-gradient(135deg,rgba(236,249,242,.76),rgba(246,250,247,.54))!important;
    border:1px solid rgba(207,226,217,.78)!important;
    box-shadow:0 18px 42px rgba(9,41,30,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }

  /* Dock closer to the demo: slimmer and more glassy. */
  body.ui-core-v663 .mobile-bottom-nav{
    left:10px!important;right:10px!important;
    bottom:calc(8px + var(--ui-safe-bottom))!important;
    min-height:56px!important;
    padding:4px 5px!important;
    border-radius:20px!important;
    border:1px solid rgba(200,218,210,.68)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(245,249,247,.42))!important;
    box-shadow:0 14px 34px rgba(9,40,29,.12),inset 0 1px 0 rgba(255,255,255,.94)!important;
    backdrop-filter:blur(28px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(160%)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav::before{left:10%!important;right:10%!important;opacity:.88!important}
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    min-height:46px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
    font-size:8.4px!important;
    gap:3px!important;
    color:#506058!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a.active,
  body.ui-core-v663 .mobile-bottom-nav button.active{
    background:linear-gradient(180deg,rgba(221,245,234,.72),rgba(236,250,242,.58))!important;
    color:#0a7a5b!important;
    box-shadow:inset 0 0 0 1px rgba(183,223,202,.84),0 4px 12px rgba(8,103,75,.07)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{width:20px!important;height:20px!important;margin-bottom:1px!important}
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img{width:17px!important;height:17px!important;display:block!important}

  /* Action sheet: compact hierarchy, less wasted space, glass surface. */
  body.ui-core-v663 .mobile-sheet-backdrop{
    background:rgba(17,38,30,.16)!important;
    backdrop-filter:blur(18px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  }
  body.ui-core-v663 .mobile-action-sheet{
    left:10px!important;right:10px!important;
    bottom:calc(8px + var(--ui-safe-bottom))!important;
    max-height:min(80dvh,740px)!important;
    padding:10px 10px calc(10px + var(--ui-safe-bottom))!important;
    border-radius:28px!important;
    border:1px solid rgba(204,221,214,.78)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(245,249,247,.58))!important;
    box-shadow:0 24px 72px rgba(8,36,26,.18),inset 0 1px 0 rgba(255,255,255,.94)!important;
    backdrop-filter:blur(32px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(32px) saturate(160%)!important;
  }
  body.ui-core-v663 .mobile-sheet-handle{
    width:38px!important;height:5px!important;margin:0 auto 7px!important;
    background:rgba(186,200,193,.92)!important;
  }
  body.ui-core-v663 .mobile-sheet-head{
    min-height:42px!important;margin:0 1px 8px!important;padding:0 1px 8px!important;
  }
  body.ui-core-v663 .mobile-sheet-avatar{width:36px!important;height:36px!important;min-width:36px!important}
  body.ui-core-v663 .mobile-sheet-user strong{font-size:15px!important}
  body.ui-core-v663 .mobile-sheet-user small{font-size:10px!important}
  body.ui-core-v663 #mobileSheetClose{
    width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(245,249,247,.58))!important;
    backdrop-filter:blur(16px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
  }
  body.ui-core-v663 .mobile-admin-search{
    min-height:42px!important;margin:0 1px 9px!important;padding:0 8px!important;
    border-radius:16px!important;background:rgba(255,255,255,.54)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  }
  body.ui-core-v663 .mobile-admin-search input{min-height:40px!important;font-size:11.5px!important;padding:0!important}
  body.ui-core-v663 .mobile-sheet-section{margin-top:7px!important}
  body.ui-core-v663 .mobile-sheet-section>h3{
    margin:0 4px 6px!important;
    font-size:10px!important;letter-spacing:.16em!important;
  }
  body.ui-core-v663 .mobile-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:8px!important}
  body.ui-core-v663 .mobile-sheet-grid>a,
  body.ui-core-v663 .mobile-sheet-grid>button{
    min-height:58px!important;padding:8px 10px!important;
    display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto!important;
    align-items:center!important;column-gap:10px!important;row-gap:0!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.54)!important;
    box-shadow:0 8px 22px rgba(9,40,29,.05),inset 0 1px 0 rgba(255,255,255,.72)!important;
    backdrop-filter:blur(18px) saturate(142%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(142%)!important;
  }
  body.ui-core-v663 .mobile-sheet-grid .mobile-sheet-icon{grid-row:1!important;grid-column:1!important}
  body.ui-core-v663 .mobile-sheet-grid b{
    grid-column:2!important;grid-row:1!important;align-self:center!important;
    font-size:12.8px!important;font-weight:760!important;line-height:1.18!important;letter-spacing:-.02em!important;
  }
  body.ui-core-v663 .mobile-sheet-grid small{display:none!important}
  body.ui-core-v663 .mobile-sheet-list{gap:8px!important}
  body.ui-core-v663 .mobile-sheet-list>a{
    min-height:46px!important;padding:8px 10px!important;
    grid-template-columns:32px minmax(0,1fr) 12px!important;gap:10px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.48)!important;
    box-shadow:0 8px 20px rgba(9,40,29,.04),inset 0 1px 0 rgba(255,255,255,.72)!important;
    backdrop-filter:blur(18px) saturate(142%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(142%)!important;
  }
  body.ui-core-v663 .mobile-sheet-list>a b{font-size:12px!important;line-height:1.2!important}
  body.ui-core-v663 .mobile-sheet-list>a em{font-size:18px!important;color:#9ca8a2!important}
  body.ui-core-v663 .mobile-sheet-icon,
  body.ui-core-v663 .mobile-sheet-list>a>span:first-child,
  body.ui-core-v663 .mobile-sheet-grid>a>span:first-child,
  body.ui-core-v663 .mobile-sheet-grid>button>span:first-child{
    width:32px!important;height:32px!important;min-width:32px!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,rgba(227,246,237,.86),rgba(241,251,246,.72))!important;
    box-shadow:inset 0 0 0 1px rgba(184,224,204,.72)!important;
    color:#0b7a5a!important;
  }
  /* Replace image rendering with single mask icons so the duplicated icon issue cannot happen. */
  body.ui-core-v663 .mobile-sheet-icon{font-size:0!important}
  body.ui-core-v663 .mobile-sheet-icon img,
  body.ui-core-v663 .mobile-sheet-grid>a>span:first-child img,
  body.ui-core-v663 .mobile-sheet-grid>button>span:first-child img,
  body.ui-core-v663 .mobile-sheet-list>a>span:first-child img,
  body.ui-core-v663 .mobile-sheet-logout .mobile-sheet-icon img{display:none!important}
  body.ui-core-v663 .mobile-sheet-icon::before,
  body.ui-core-v663 .mobile-sheet-grid>a>span:first-child::before,
  body.ui-core-v663 .mobile-sheet-grid>button>span:first-child::before,
  body.ui-core-v663 .mobile-sheet-list>a>span:first-child::before,
  body.ui-core-v663 .mobile-sheet-logout .mobile-sheet-icon::before{
    content:""!important;
    display:block!important;width:18px!important;height:18px!important;
    background:currentColor!important;
    -webkit-mask:var(--sheet-icon,url("ui-icons/menu.svg")) center/contain no-repeat!important;
    mask:var(--sheet-icon,url("ui-icons/menu.svg")) center/contain no-repeat!important;
  }
  body.ui-core-v663 .mobile-sheet-grid a[href$="dashboard.php"],
  body.ui-core-v663 .mobile-sheet-list a[href$="dashboard.php"]{--sheet-icon:url("ui-icons/home.svg")}
  body.ui-core-v663 #mobileGlobalSearchButton{--sheet-icon:url("ui-icons/search.svg")}
  body.ui-core-v663 #pwaInstallButton{--sheet-icon:url("ui-icons/import.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="task_center.php"]{--sheet-icon:url("ui-icons/alert.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="reports.php"],
  body.ui-core-v663 .mobile-sheet-list a[href$="reports.php"]{--sheet-icon:url("ui-icons/chart.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="today.php"]{--sheet-icon:url("ui-icons/today.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="production.php"]{--sheet-icon:url("ui-icons/production.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="attendance.php"]{--sheet-icon:url("ui-icons/check.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="orders.php"],
  body.ui-core-v663 .mobile-sheet-list a[href$="orders.php"]{--sheet-icon:url("ui-icons/order.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="warehouse_export.php"]{--sheet-icon:url("ui-icons/export.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="veneer_import.php"]{--sheet-icon:url("ui-icons/import.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="glue_import.php"]{--sheet-icon:url("ui-icons/drop.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="misc_import.php"]{--sheet-icon:url("ui-icons/plus.svg")}
  body.ui-core-v663 .mobile-sheet-grid a[href$="order_calculator.php"]{--sheet-icon:url("ui-icons/calculator.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="warehouse_export_history.php"],
  body.ui-core-v663 .mobile-sheet-list a[href$="activity_log.php"]{--sheet-icon:url("ui-icons/clock.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="inventory_companies.php"]{--sheet-icon:url("ui-icons/warehouse.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="receivables.php"]{--sheet-icon:url("ui-icons/money.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="sales_master.php"]{--sheet-icon:url("ui-icons/partners.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="employees.php"]{--sheet-icon:url("ui-icons/users.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="users.php"],
  body.ui-core-v663 .mobile-sheet-list a[href$="security_sessions.php"]{--sheet-icon:url("ui-icons/user.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="homepage_admin.php"],
  body.ui-core-v663 .mobile-sheet-list a[href$="index.php"]{--sheet-icon:url("ui-icons/globe.svg")}
  body.ui-core-v663 .mobile-sheet-list a[href$="settings.php"]{--sheet-icon:url("ui-icons/settings.svg")}
  body.ui-core-v663 .mobile-sheet-logout{margin-top:10px!important;min-height:44px!important;background:rgba(255,247,246,.78)!important}
  body.ui-core-v663 .mobile-sheet-logout{--sheet-icon:url("ui-icons/logout.svg")}
}

@media (max-width:430px){
  body.ui-core-v663 .mobile-bottom-nav{left:8px!important;right:8px!important}
  body.ui-core-v663 .mobile-action-sheet{left:8px!important;right:8px!important}
}


/* ============================================================================
   v6.7.2 — PWA STANDALONE GEOMETRY
   iOS installed-app mode has a real home-indicator safe area. Keep that space
   outside the dock instead of making the dock itself feel taller, and keep all
   notices above the navigation layer.
   ============================================================================ */
@media (max-width:960px){
  body.ui-core-v663 .toast-container{
    position:fixed!important;
    z-index:990!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(72px + var(--ui-safe-bottom))!important;
    width:auto!important;
    max-width:none!important;
    pointer-events:none!important;
  }
  body.ui-core-v663 .toast{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    pointer-events:auto!important;
  }
  body.ui-core-v663 .toast.toast-update{
    min-height:44px!important;
    padding:10px 12px!important;
    background:linear-gradient(180deg,rgba(16,67,52,.96),rgba(11,57,44,.95))!important;
    border:1px solid rgba(196,231,216,.22)!important;
    box-shadow:0 14px 34px rgba(7,37,27,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
    line-height:1.35!important;
  }
}

/* JS adds .pwa-standalone after boot; media query covers the first paint too. */
@media (max-width:960px) and (display-mode:standalone){
  body.ui-core-v663 .mobile-bottom-nav{
    left:10px!important;
    right:10px!important;
    bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;
    min-height:50px!important;
    padding:3px 5px!important;
    border-radius:18px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    min-height:42px!important;
    padding:3px 2px!important;
    border-radius:13px!important;
    gap:2px!important;
    font-size:8px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{width:18px!important;height:18px!important;margin-bottom:0!important}
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img{width:16px!important;height:16px!important}
  body.ui-core-v663 .page-content{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
  body.ui-core-v663 .toast-container{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
  body.ui-core-v663 .inventory-commandbar,
  body.ui-core-v663 .order-form-command,
  body.ui-core-v663 .security-permission-savebar,
  body.ui-core-v663 .mobile-primary-action,
  body.ui-core-v663 .sticky-commandbar,
  body.ui-core-v663 .demo-sticky-actions{
    bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:960px){
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav{
    left:10px!important;
    right:10px!important;
    bottom:calc(5px + var(--ui-safe-bottom))!important;
    min-height:50px!important;
    padding:3px 5px!important;
    border-radius:18px!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav a,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav button{
    min-height:42px!important;
    padding:3px 2px!important;
    border-radius:13px!important;
    gap:2px!important;
    font-size:8px!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav .nav-icon{width:18px!important;height:18px!important;margin-bottom:0!important}
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav .nav-icon img{width:16px!important;height:16px!important}
  body.ui-core-v663.pwa-standalone .page-content{padding-bottom:calc(70px + var(--ui-safe-bottom))!important}
  body.ui-core-v663.pwa-standalone .toast-container{bottom:calc(64px + var(--ui-safe-bottom))!important}
  body.ui-core-v663.pwa-standalone .inventory-commandbar,
  body.ui-core-v663.pwa-standalone .order-form-command,
  body.ui-core-v663.pwa-standalone .security-permission-savebar,
  body.ui-core-v663.pwa-standalone .mobile-primary-action,
  body.ui-core-v663.pwa-standalone .sticky-commandbar,
  body.ui-core-v663.pwa-standalone .demo-sticky-actions{
    bottom:calc(62px + var(--ui-safe-bottom))!important;
  }
}


/* ============================================================================
   v6.7.3 — INSTALLED PWA DOCK HARD LOCK
   iOS installed mode gets an exact dock height. This intentionally uses
   height/min-height/max-height together so legacy mobile rules cannot stretch it.
   ============================================================================ */
@media (max-width:960px){
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav{
    box-sizing:border-box!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(4px + env(safe-area-inset-bottom,0px))!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:3px 5px!important;
    padding-top:3px!important;
    padding-right:5px!important;
    padding-bottom:3px!important;
    padding-left:5px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    border-radius:17px!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav a,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav button{
    box-sizing:border-box!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:2px 1px!important;
    border-radius:12px!important;
    gap:1px!important;
    font-size:7.5px!important;
    line-height:1!important;
    align-self:center!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav a.active,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav button.active{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav .nav-icon{
    width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
    margin:0 0 1px!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav .nav-icon img{width:15px!important;height:15px!important}
  body.ui-core-v663.pwa-standalone .page-content{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important}
  body.ui-core-v663.pwa-standalone .toast-container{
    bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
    z-index:1400!important;
  }
  body.ui-core-v663.pwa-standalone .inventory-commandbar,
  body.ui-core-v663.pwa-standalone .order-form-command,
  body.ui-core-v663.pwa-standalone .security-permission-savebar,
  body.ui-core-v663.pwa-standalone .mobile-primary-action,
  body.ui-core-v663.pwa-standalone .sticky-commandbar,
  body.ui-core-v663.pwa-standalone .demo-sticky-actions{
    bottom:calc(56px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* First paint fallback before pwa.js has attached .pwa-standalone. */
@media (max-width:960px) and (display-mode:standalone){
  body.ui-core-v663 .mobile-bottom-nav{
    height:48px!important;min-height:48px!important;max-height:48px!important;
    padding:3px 5px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:2px 1px!important;font-size:7.5px!important;gap:1px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{width:17px!important;height:17px!important;margin:0 0 1px!important}
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img{width:15px!important;height:15px!important}
}


/* ============================================================================
   v6.7.4 — ONE DOCK SIZE: WEB = INSTALLED PWA
   Installed mode no longer uses a smaller component scale. Only safe-area
   positioning differs. The visual component itself is identical everywhere.
   ============================================================================ */
@media (max-width:960px){
  body.ui-core-v663 .mobile-bottom-nav,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav{
    box-sizing:border-box!important;
    left:9px!important;
    right:9px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:4px 5px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    border-radius:20px!important;
    border:1px solid rgba(180,211,197,.82)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(239,248,244,.56))!important;
    box-shadow:
      0 16px 38px rgba(7,43,30,.18),
      0 3px 12px rgba(8,87,62,.06),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
    backdrop-filter:blur(30px) saturate(175%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(175%)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav::before,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav::before{
    left:12%!important;right:12%!important;
    height:1px!important;
    opacity:.96!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav a,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav button{
    box-sizing:border-box!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:4px 2px!important;
    border-radius:14px!important;
    gap:2px!important;
    font-size:8.4px!important;
    line-height:1.05!important;
    align-self:center!important;
    color:#4c5f56!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a.active,
  body.ui-core-v663 .mobile-bottom-nav button.active,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav a.active,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav button.active{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    color:#067858!important;
    background:linear-gradient(180deg,rgba(211,243,228,.96),rgba(232,249,240,.82))!important;
    border:1px solid rgba(151,211,183,.62)!important;
    box-shadow:
      0 7px 18px rgba(5,111,78,.13),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav .nav-icon{
    width:20px!important;height:20px!important;
    min-width:20px!important;min-height:20px!important;
    margin:0 0 1px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav .nav-icon img{
    width:18px!important;height:18px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a.active .nav-icon,
  body.ui-core-v663 .mobile-bottom-nav button.active .nav-icon,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav a.active .nav-icon,
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav button.active .nav-icon{
    transform:translateY(-1px)!important;
    filter:drop-shadow(0 2px 4px rgba(4,115,81,.14))!important;
  }

  /* Web keeps its existing bottom rhythm. Installed PWA only changes safe-area. */
  body.ui-core-v663:not(.pwa-standalone) .mobile-bottom-nav{
    bottom:calc(8px + var(--ui-safe-bottom))!important;
  }
  body.ui-core-v663.pwa-standalone .mobile-bottom-nav{
    bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
  }
  body.ui-core-v663.pwa-standalone .page-content{
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  body.ui-core-v663.pwa-standalone .toast-container{
    bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
    z-index:1400!important;
  }
  body.ui-core-v663.pwa-standalone .inventory-commandbar,
  body.ui-core-v663.pwa-standalone .order-form-command,
  body.ui-core-v663.pwa-standalone .security-permission-savebar,
  body.ui-core-v663.pwa-standalone .mobile-primary-action,
  body.ui-core-v663.pwa-standalone .sticky-commandbar,
  body.ui-core-v663.pwa-standalone .demo-sticky-actions{
    bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* First paint in installed mode must already match the web component size. */
@media (max-width:960px) and (display-mode:standalone){
  body.ui-core-v663 .mobile-bottom-nav{
    height:58px!important;min-height:58px!important;max-height:58px!important;
    padding:4px 5px!important;border-radius:20px!important;
    bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
  }
  body.ui-core-v663 .mobile-bottom-nav a,
  body.ui-core-v663 .mobile-bottom-nav button{
    height:48px!important;min-height:48px!important;max-height:48px!important;
    padding:4px 2px!important;font-size:8.4px!important;gap:2px!important;
    border-radius:14px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon{
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
    margin:0 0 1px!important;
  }
  body.ui-core-v663 .mobile-bottom-nav .nav-icon img{width:18px!important;height:18px!important}
}

/* ============================================================================
   v6.7.5 — DESKTOP / MOBILE PARITY + WAREHOUSE HISTORY ACTIONS
   One component tree for history on every screen. Desktop gains columns,
   never a separate legacy table with the action cell pushed off-screen.
   ============================================================================ */
body.ui-core-v663.page-warehouse_export_history .inventory-history-desktop-table{display:none!important}
body.ui-core-v663.page-warehouse_export_history .inventory-history-mobile-list{display:block!important}
body.ui-core-v663.page-warehouse_export_history .inventory-history-unified{
  overflow:visible!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(207,223,215,.76)!important;
  box-shadow:0 12px 34px rgba(12,47,34,.065),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
body.ui-core-v663.page-warehouse_export_history .inventory-history-toolbar{align-items:flex-end!important;gap:14px!important}
body.ui-core-v663.page-warehouse_export_history .inventory-history-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.ui-core-v663.page-warehouse_export_history .inventory-history-card{
  min-width:0!important;
  padding:14px!important;
  border:1px solid rgba(211,225,218,.88)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(249,252,250,.7))!important;
  box-shadow:0 7px 20px rgba(12,47,34,.05),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
body.ui-core-v663.page-warehouse_export_history .inventory-history-card-head{align-items:center!important;padding-bottom:9px!important}
body.ui-core-v663.page-warehouse_export_history .history-card-title-wrap{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
body.ui-core-v663.page-warehouse_export_history .history-card-icon{
  width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:linear-gradient(145deg,#e3f5ed,#f2faf6)!important;
  box-shadow:inset 0 0 0 1px rgba(188,224,207,.58)!important;
}
body.ui-core-v663.page-warehouse_export_history .history-card-icon img{width:18px!important;height:18px!important}
body.ui-core-v663.page-warehouse_export_history .history-card-unit{
  flex:0 0 auto!important;max-width:42%!important;padding:5px 8px!important;border-radius:999px!important;
  background:#eef8f3!important;color:#32705d!important;font-size:9px!important;font-weight:760!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.ui-core-v663.page-warehouse_export_history .history-field-wide{grid-column:1/-1!important}
body.ui-core-v663.page-warehouse_export_history .inventory-history-actions{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;
  margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(219,230,224,.82)!important;
}
body.ui-core-v663.page-warehouse_export_history .inventory-history-actions .btn,
body.ui-core-v663.page-warehouse_export_history .inventory-history-actions form,
body.ui-core-v663.page-warehouse_export_history .inventory-history-actions form .btn{width:100%!important;min-width:0!important;margin:0!important}
body.ui-core-v663.page-warehouse_export_history .inventory-history-actions .btn{
  min-height:36px!important;padding:7px 8px!important;border-radius:10px!important;font-size:10.5px!important;
}
body.ui-core-v663.page-warehouse_export_history .history-view-only{margin-top:10px!important;color:var(--ui-muted)!important;font-size:10px!important;text-align:center!important}

@media(min-width:961px){
  /* Desktop uses the same visual grammar as mobile, just with more columns. */
  body.ui-core-v663 .ui-page,
  body.ui-core-v663 .page-content{padding:18px 22px 40px!important}
  body.ui-core-v663 .card,
  body.ui-core-v663 .metric,
  body.ui-core-v663 .demo-kpi-card,
  body.ui-core-v663 .liquid-kpi-card,
  body.ui-core-v663 .inventory-kpi,
  body.ui-core-v663 .today-kpi,
  body.ui-core-v663 .admin-v52-panel,
  body.ui-core-v663 .admin-v53-task-card{
    border-color:rgba(208,223,216,.84)!important;
    box-shadow:0 8px 24px rgba(12,47,34,.055),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  body.ui-core-v663.page-warehouse_export_history .inventory-history-unified-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-head-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-card-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-filter{display:grid!important;grid-template-columns:150px minmax(240px,1fr) auto auto!important;gap:8px!important;align-items:end!important;min-width:min(100%,640px)!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-filter label{min-width:0!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-filter .search-wide{grid-column:auto!important}
}

@media(min-width:1280px){
  body.ui-core-v663.page-warehouse_export_history .inventory-history-list{grid-template-columns:repeat(2,minmax(430px,1fr))!important}
}

@media(max-width:620px){
  body.ui-core-v663.page-warehouse_export_history .inventory-history-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-core-v663.page-warehouse_export_history .inventory-history-card-body{grid-template-columns:1fr!important}
  body.ui-core-v663.page-warehouse_export_history .history-field-wide{grid-column:auto!important}
  body.ui-core-v663.page-warehouse_export_history .history-card-unit{max-width:48%!important}
}

/* ============================================================================
   v6.8.0 — ORDER FILE IMPORT · shared with manual order flow
   ============================================================================ */
body.ui-core-v663 .orders-create-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ui-core-v663 .demo-secondary-action{
  min-height:38px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid rgba(190,219,204,.9);border-radius:12px;background:rgba(236,249,243,.82);color:#087457;
  font-size:11px;font-weight:760;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 15px rgba(8,72,51,.06)
}
body.ui-core-v663 .demo-secondary-action img{width:16px;height:16px}
body.ui-core-v663 .order-input-mode{
  width:min(100%,420px);display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin-top:12px!important
}
body.ui-core-v663 .order-input-mode button{
  min-height:42px;border:0;background:transparent;color:#62736a;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:11px;font-weight:760;cursor:pointer
}
body.ui-core-v663 .order-input-mode button img{width:16px;height:16px;opacity:.78}
body.ui-core-v663 .order-input-mode button.active{background:#0b7f5e!important;color:#fff!important;box-shadow:0 6px 16px rgba(8,111,80,.14)!important}
body.ui-core-v663 .order-input-mode button.active img{filter:brightness(0) invert(1);opacity:1}
body.ui-core-v663 .order-import-panel[hidden],body.ui-core-v663 #orderManualPanel[hidden]{display:none!important}
body.ui-core-v663 .order-import-panel{
  padding:16px!important;border:1px solid rgba(198,221,209,.78)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(244,250,247,.66))!important;
  box-shadow:0 16px 42px rgba(8,46,32,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important
}
body.ui-core-v663 .order-import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
body.ui-core-v663 .order-import-head h3{margin:3px 0 4px!important;font-size:18px!important;font-weight:820!important;color:#14281f!important}
body.ui-core-v663 .order-import-head p{max-width:760px;margin:0;color:#74847c;font-size:11px;line-height:1.5}
body.ui-core-v663 .order-import-ai-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#e9f8f1;color:#087457;font-size:9px;font-weight:800;border:1px solid #caeadc}
body.ui-core-v663 .order-import-ai-badge img{width:14px;height:14px}
body.ui-core-v663 .order-import-dropzone{
  min-height:150px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;
  border:1.5px dashed #afcfc0!important;border-radius:17px!important;background:rgba(244,252,248,.72)!important;transition:.18s ease
}
body.ui-core-v663 .order-import-dropzone:hover,body.ui-core-v663 .order-import-dropzone.dragging{border-color:#0c8b66!important;background:#eefaf5!important;transform:translateY(-1px)}
body.ui-core-v663 .order-import-drop-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#def3e9;box-shadow:inset 0 0 0 1px #c7e8da}
body.ui-core-v663 .order-import-drop-icon img{width:20px;height:20px}
body.ui-core-v663 .order-import-dropzone strong{font-size:13px;color:#173026}
body.ui-core-v663 .order-import-dropzone small{font-size:10px;color:#819087;font-weight:500}
body.ui-core-v663 .order-import-dropzone em{margin-top:4px;font-size:9px;font-style:normal;font-weight:720;color:#087457}
body.ui-core-v663 .order-import-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
body.ui-core-v663 .order-import-actions .btn{min-height:38px}
body.ui-core-v663 .order-import-actions .btn img{width:15px;height:15px;vertical-align:-3px;filter:brightness(0) invert(1)}
body.ui-core-v663 .order-import-actions .btn-outline img{filter:none}
body.ui-core-v663 .order-import-status{margin-top:10px;padding:9px 11px;border-radius:11px;font-size:10px;font-weight:680}
body.ui-core-v663 .order-import-status.loading{background:#edf7ff;color:#2a6997;border:1px solid #d1e7f6}
body.ui-core-v663 .order-import-status.success{background:#eaf8f1;color:#087457;border:1px solid #c9e9dc}
body.ui-core-v663 .order-import-status.error{background:#fff0ef;color:#a63d37;border:1px solid #f0d2cf}
body.ui-core-v663 .order-import-preview{margin-top:12px;padding-top:12px;border-top:1px solid rgba(204,221,212,.8)}
body.ui-core-v663 .order-import-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
body.ui-core-v663 .order-import-preview-head h4{font-size:18px!important;margin:4px 0 1px!important;color:#15291f!important}
body.ui-core-v663 .order-import-preview-head p{margin:0;font-size:9px;color:#7d8d84}
body.ui-core-v663 .order-import-confidence{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e4f6ed;color:#087457;font-size:8.5px;font-weight:800}
body.ui-core-v663 .order-import-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.ui-core-v663 .order-import-facts>div{padding:9px 10px;border:1px solid #dce8e1;border-radius:12px;background:rgba(255,255,255,.7);min-width:0}
body.ui-core-v663 .order-import-facts small,body.ui-core-v663 .order-import-summary small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#84938b;font-weight:760}
body.ui-core-v663 .order-import-facts strong{display:block;margin-top:3px;font-size:10.5px;color:#20352b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-core-v663 .order-import-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
body.ui-core-v663 .order-import-summary>span{padding:10px;border-radius:12px;background:linear-gradient(180deg,#e9f8f1,#f3fbf7);border:1px solid #d3ecdf}
body.ui-core-v663 .order-import-summary strong{display:block;margin-top:3px;font-size:14px;color:#087457}
body.ui-core-v663 .order-import-warnings{margin:9px 0 0;padding:8px 10px 8px 27px;border-radius:11px;background:#fff8ea;border:1px solid #f2e0b7;color:#8b661e;font-size:9.5px;line-height:1.45}
body.ui-core-v663 .order-import-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
body.ui-core-v663 .order-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #dce8e1;border-radius:12px;background:rgba(255,255,255,.72)}
body.ui-core-v663 .order-import-row>div:first-child span{display:block;font-size:8px;font-weight:800;color:#0a7a5b}
body.ui-core-v663 .order-import-row>div:first-child strong{display:block;margin:2px 0;font-size:11px;color:#1d3127}
body.ui-core-v663 .order-import-row small{display:block;font-size:8.5px;color:#84928b}
body.ui-core-v663 .order-import-row>div:last-child{text-align:right}
body.ui-core-v663 .order-import-row>div:last-child strong{display:block;font-size:11px;color:#1d3127}
body.ui-core-v663 .order-import-row>div:last-child em{display:block;margin-top:2px;font-size:8.5px;font-style:normal;font-weight:700;color:#087457}
body.ui-core-v663 .order-import-applied{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:9px 10px;border:1px solid #cce9dc;border-radius:12px;background:#edf9f3}
body.ui-core-v663 .order-import-applied>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#daf2e7}
body.ui-core-v663 .order-import-applied img{width:16px;height:16px}
body.ui-core-v663 .order-import-applied strong{display:block;font-size:10.5px;color:#1c3429}
body.ui-core-v663 .order-import-applied small{display:block;margin-top:2px;font-size:8.5px;color:#74857c}
body.ui-core-v663 select.order-import-needs-review{border-color:#d89a2c!important;box-shadow:0 0 0 3px rgba(216,154,44,.12)!important}

@media(max-width:960px){
  body.ui-core-v663 .orders-create-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  body.ui-core-v663 .orders-create-actions>a{width:100%;min-height:40px}
  body.ui-core-v663 .order-input-mode{width:100%;margin-top:8px!important}
  body.ui-core-v663 .order-input-mode button{min-height:40px;font-size:10.5px}
  body.ui-core-v663 .order-import-panel{padding:11px!important;border-radius:16px!important}
  body.ui-core-v663 .order-import-head{gap:8px;margin-bottom:9px}
  body.ui-core-v663 .order-import-head h3{font-size:15px!important}
  body.ui-core-v663 .order-import-head p{font-size:9.5px;line-height:1.45}
  body.ui-core-v663 .order-import-ai-badge{padding:5px 7px;font-size:8px}
  body.ui-core-v663 .order-import-ai-badge img{width:12px;height:12px}
  body.ui-core-v663 .order-import-dropzone{min-height:124px;padding:14px 10px;border-radius:15px!important}
  body.ui-core-v663 .order-import-drop-icon{width:38px;height:38px;border-radius:12px}
  body.ui-core-v663 .order-import-dropzone strong{font-size:11.5px}
  body.ui-core-v663 .order-import-dropzone small{font-size:8.5px}
  body.ui-core-v663 .order-import-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  body.ui-core-v663 .order-import-actions .btn{width:100%;min-height:38px}
  body.ui-core-v663 .order-import-preview-head{align-items:center}
  body.ui-core-v663 .order-import-preview-head h4{font-size:15px!important}
  body.ui-core-v663 .order-import-preview-head .btn{min-height:36px;padding:7px 9px;font-size:9.5px}
  body.ui-core-v663 .order-import-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.ui-core-v663 .order-import-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  body.ui-core-v663 .order-import-summary>span{padding:8px}
  body.ui-core-v663 .order-import-summary strong{font-size:12px}
  body.ui-core-v663 .order-import-rows{grid-template-columns:1fr;gap:6px}
  body.ui-core-v663 .order-import-row{padding:8px 9px}
}

/* ============================================================================
   v6.8.1 — RESPONSIVE WORKFLOW PARITY
   Desktop keeps the proven spreadsheet-style export form, while mobile keeps
   the demo app workflow. Warehouse history returns to the demo hierarchy and
   order detail gets true tracking tables on large screens.
   ============================================================================ */
body.ui-core-v663 .export-desktop-legacy-head{display:none!important}
body.ui-core-v663 .export-desktop-entry-hint{display:none!important}
body.ui-core-v663 .order-detail-desktop-only{display:block!important}
body.ui-core-v663 .order-detail-mobile-only{display:none!important}

/* Warehouse history — restore the demo card language on every viewport. */
body.ui-core-v663.page-warehouse_export_history .inventory-history-unified,
body.ui-core-v663.page-warehouse_export_history .inventory-history-unified-head{display:none!important}
body.ui-core-v663 .warehouse-history-demo-v681{max-width:1180px!important;margin:0 auto!important;gap:10px!important}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-card{
  padding:13px!important;border:1px solid rgba(207,223,215,.82)!important;border-radius:17px!important;
  background:rgba(255,255,255,.82)!important;box-shadow:0 8px 24px rgba(12,45,33,.055)!important;
}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-card h3{margin:7px 0 9px!important;font-size:16px!important}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-count{display:flex;align-items:center;padding:0 9px;color:var(--ui-muted);font-size:10px;font-weight:650;white-space:nowrap}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-actions form{width:100%!important}
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-actions a,
body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-actions button{width:100%!important}

/* Order detail — readable column tracking instead of forcing card reading on PC. */
body.ui-core-v663 .order-detail-tracking-v681{max-width:1180px!important;margin:0 auto!important}
body.ui-core-v663 .order-detail-meta-strip{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:10px 0 0!important
}
body.ui-core-v663 .order-detail-meta-strip>span{padding:9px 10px;border:1px solid var(--ui-line);border-radius:11px;background:rgba(248,252,250,.76)}
body.ui-core-v663 .order-detail-meta-strip small,
body.ui-core-v663 .order-detail-meta-strip strong{display:block}
body.ui-core-v663 .order-detail-meta-strip small{font-size:8px;color:var(--ui-muted)}
body.ui-core-v663 .order-detail-meta-strip strong{margin-top:2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-core-v663 .order-detail-table-wrap{overflow:auto;border:1px solid var(--ui-line);border-radius:14px;background:#fff}
body.ui-core-v663 .order-detail-tracking-table,
body.ui-core-v663 .order-detail-delivery-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}
body.ui-core-v663 .order-detail-tracking-table th,
body.ui-core-v663 .order-detail-delivery-table th{
  position:sticky;top:0;z-index:2;padding:9px 10px;border-bottom:1px solid var(--ui-line);background:#f4f8f6;
  color:#66776f;font-size:9px;font-weight:780;text-align:left;white-space:nowrap
}
body.ui-core-v663 .order-detail-tracking-table td,
body.ui-core-v663 .order-detail-delivery-table td{padding:10px;border-bottom:1px solid #edf2ef;font-size:10.5px;vertical-align:middle}
body.ui-core-v663 .order-detail-tracking-table tr:last-child td,
body.ui-core-v663 .order-detail-delivery-table tr:last-child td{border-bottom:0}
body.ui-core-v663 .order-detail-tracking-table tbody tr:hover,
body.ui-core-v663 .order-detail-delivery-table tbody tr:hover{background:#fbfdfc}
body.ui-core-v663 .order-detail-tracking-table .num,
body.ui-core-v663 .order-detail-delivery-table .num{text-align:right;font-variant-numeric:tabular-nums}
body.ui-core-v663 .order-detail-tracking-table .delivered strong{color:#087657}
body.ui-core-v663 .order-detail-tracking-table .remaining strong{color:#a3680b}
body.ui-core-v663 .order-detail-tracking-table .muted-col,
body.ui-core-v663 .order-detail-delivery-table .muted-col{color:#8b9891;width:34px;text-align:center}
body.ui-core-v663 .order-detail-tracking-table .note-col{max-width:200px;color:#65756d}
body.ui-core-v663 .order-table-progress{display:grid;grid-template-columns:minmax(88px,1fr) 38px;align-items:center;gap:7px;min-width:140px}
body.ui-core-v663 .order-table-progress b{text-align:right;color:#315246;font-size:9px}

/* PC export — restore the old spreadsheet workflow without touching mobile. */
@media(min-width:961px){
  body.ui-core-v663.page-warehouse_export .export-desktop-legacy-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:10px!important}
  body.ui-core-v663.page-warehouse_export .export-desktop-legacy-head .actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
  body.ui-core-v663.page-warehouse_export .export-demo-head{display:none!important}
  body.ui-core-v663.page-warehouse_export .export-demo-shell{max-width:none!important;margin:0!important;display:block!important}
  body.ui-core-v663.page-warehouse_export .export-demo-tabs{max-width:none!important;margin-bottom:10px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-form-card{
    padding:16px!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important
  }
  body.ui-core-v663.page-warehouse_export .export-demo-section{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.ui-core-v663.page-warehouse_export .export-demo-section+.export-demo-section{margin-top:18px!important;padding-top:16px!important;border-top:1px solid #e7eeea!important}
  body.ui-core-v663.page-warehouse_export .export-demo-section-head{margin-bottom:10px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-section-head .demo-section-icon{display:none!important}
  body.ui-core-v663.page-warehouse_export .export-demo-section-head h3{font-size:14px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-order-linker{display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(460px,1.5fr)!important;gap:10px!important;align-items:end!important;margin-bottom:10px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-order-summary{display:grid!important;grid-template-columns:1fr 1fr auto auto!important;gap:8px!important;align-items:end!important}
  body.ui-core-v663.page-warehouse_export .export-demo-meta-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-meta-grid .wide{grid-column:auto!important}
  body.ui-core-v663.page-warehouse_export .export-demo-meta-grid label{min-width:0!important}
  body.ui-core-v663.page-warehouse_export .export-demo-notes{margin-top:10px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-wrap{overflow:auto!important;border:1px solid var(--ui-line)!important;border-radius:11px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table{min-width:1080px!important;width:100%!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table thead{display:table-header-group!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table tbody{display:table-row-group!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table tr{display:table-row!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table th,
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table td{display:table-cell!important;position:static!important;padding:7px 6px!important;vertical-align:middle!important}
  body.ui-core-v663.page-warehouse_export .export-demo-entry-table input{min-height:36px!important;padding:6px 7px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-add-row{display:inline-flex!important;margin-top:9px!important;min-height:36px!important}
  body.ui-core-v663.page-warehouse_export .export-desktop-entry-hint{display:flex!important;justify-content:space-between!important;gap:14px!important;margin-top:7px!important;color:var(--ui-muted)!important;font-size:9px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-summary>div{padding:9px 11px!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;background:#f7faf8!important}
  body.ui-core-v663.page-warehouse_export .export-demo-summary>div>span{display:none!important}
  body.ui-core-v663.page-warehouse_export .export-demo-summary p{margin:0!important}
  body.ui-core-v663.page-warehouse_export .export-demo-summary small{display:block!important;font-size:8px!important;color:var(--ui-muted)!important}
  body.ui-core-v663.page-warehouse_export .export-demo-summary strong{display:block!important;margin-top:2px!important;font-size:15px!important}
  body.ui-core-v663.page-warehouse_export .export-demo-commandbar{
    position:static!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;
    margin-top:14px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  body.ui-core-v663.page-warehouse_export .export-demo-commandbar .btn{min-width:132px!important}
}

@media(max-width:960px){
  body.ui-core-v663 .export-desktop-legacy-head{display:none!important}
  body.ui-core-v663 .order-detail-desktop-only{display:none!important}
  body.ui-core-v663 .order-detail-mobile-only{display:block!important}
  body.ui-core-v663 .order-detail-meta-strip{grid-template-columns:1fr 1fr!important;gap:6px!important}
  body.ui-core-v663 .order-detail-meta-strip>span{padding:8px!important}
  body.ui-core-v663 .warehouse-history-demo-v681{max-width:none!important;gap:8px!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-head{display:none!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-list{grid-template-columns:1fr!important;gap:8px!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-search{position:sticky!important;top:67px!important;z-index:25!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-card{padding:10px!important;border-radius:15px!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-actions a,
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-actions button{min-height:32px!important;font-size:8.5px!important}
}

@media(max-width:430px){
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-stats strong{font-size:9px!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-stats small{font-size:6.5px!important}
  body.ui-core-v663 .warehouse-history-demo-v681 .history-demo-count{display:none!important}
}

/* ============================================================================
   v6.8.2 — handwritten delivery-note import + cleaner order detail
   ============================================================================ */
body.ui-core-v663.page-order_detail .order-detail-status-clean{justify-content:flex-start!important}
body.ui-core-v663.page-order_detail .order-detail-status-clean>div{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
body.ui-core-v663.page-order_detail .order-detail-tracking-table .note-col{min-width:160px!important}
body.ui-core-v663.page-order_detail .order-spec-demo-top{justify-content:flex-start!important}

body.ui-core-v663.page-warehouse_export .export-note-scan-card{
  margin:0 0 12px!important;padding:14px!important;
  border:1px solid rgba(191,221,207,.88)!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(229,247,238,.84),rgba(250,253,251,.78))!important;
  box-shadow:0 10px 28px rgba(10,49,35,.07),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important
}
body.ui-core-v663.page-warehouse_export .export-note-scan-head{display:flex!important;align-items:flex-start!important;gap:11px!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-icon{width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#e5f7ef!important;box-shadow:inset 0 0 0 1px #c4e8d7!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-icon img{width:19px!important;height:19px!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-head h3{margin:2px 0 3px!important;font-size:16px!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-head p{margin:0!important;font-size:10px!important;color:var(--ui-muted)!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:11px!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-actions .btn{min-height:38px!important}
body.ui-core-v663.page-warehouse_export .export-note-file-button{cursor:pointer!important}
body.ui-core-v663.page-warehouse_export .export-note-file-button img{width:16px!important;height:16px!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-actions>small{flex:1 1 260px!important;font-size:9px!important;color:var(--ui-muted)!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-status{margin-top:10px!important;padding:9px 11px!important;border-radius:11px!important;background:#eef7f3!important;color:#315e4d!important;font-size:10px!important;font-weight:650!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-status.loading{background:#eef5fb!important;color:#315b7c!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-status.error{background:#fff0ef!important;color:#a33f38!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-status.success{background:#e9f8f0!important;color:#0b7757!important}
body.ui-core-v663.page-warehouse_export .export-note-scan-preview{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(195,217,207,.76)!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:9px!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-head strong{display:block!important;font-size:13px!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-head small{display:block!important;margin-top:2px!important;font-size:8px!important;color:var(--ui-muted)!important}
body.ui-core-v663.page-warehouse_export .export-note-match{padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:750!important;white-space:nowrap!important}
body.ui-core-v663.page-warehouse_export .export-note-match.ok{background:#dcf5e8!important;color:#087353!important}
body.ui-core-v663.page-warehouse_export .export-note-match.warn{background:#fff4de!important;color:#9a6413!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-bottom:8px!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-meta label{font-size:8px!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-meta input{min-height:36px!important;margin-top:3px!important}
body.ui-core-v663.page-warehouse_export .export-note-warnings{margin:6px 0 9px!important;padding:8px 10px 8px 25px!important;border-radius:10px!important;background:#fff8e9!important;color:#77551c!important;font-size:8.5px!important;line-height:1.45!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-table{overflow:auto!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-labels,
body.ui-core-v663.page-warehouse_export .export-note-preview-row{display:grid!important;grid-template-columns:28px 90px 90px 90px 90px minmax(150px,1fr) 32px!important;gap:5px!important;align-items:end!important;min-width:650px!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-labels{padding:0 4px 4px!important;color:var(--ui-muted)!important;font-size:7.5px!important;font-weight:750!important;text-transform:uppercase!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-row{padding:6px 4px!important;border-top:1px solid rgba(211,225,218,.72)!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-row label{font-size:0!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-row input{min-height:34px!important;padding:5px 7px!important;font-size:10px!important}
body.ui-core-v663.page-warehouse_export .export-note-row-no{align-self:center!important;text-align:center!important;font-size:9px!important;color:var(--ui-muted)!important}
body.ui-core-v663.page-warehouse_export .export-note-remove-row{width:30px!important;height:30px!important;align-self:center!important;border:1px solid #efd1cd!important;border-radius:9px!important;background:#fff4f2!important;color:#b3443d!important}
body.ui-core-v663.page-warehouse_export .export-note-empty{padding:12px!important;border:1px dashed #d2dfd8!important;border-radius:10px!important;color:var(--ui-muted)!important;font-size:10px!important}
body.ui-core-v663.page-warehouse_export .export-note-preview-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important;margin-top:10px!important}

@media(max-width:960px){
  body.ui-core-v663.page-warehouse_export .export-note-scan-card{margin:0 0 8px!important;padding:10px!important;border-radius:15px!important}
  body.ui-core-v663.page-warehouse_export .export-note-scan-head h3{font-size:14px!important}
  body.ui-core-v663.page-warehouse_export .export-note-scan-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  body.ui-core-v663.page-warehouse_export .export-note-scan-actions>small{grid-column:1/-1!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-meta{grid-template-columns:1fr 1fr!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-meta label:nth-child(3){grid-column:1/-1!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-labels{display:none!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-row{min-width:0!important;grid-template-columns:24px repeat(2,minmax(0,1fr)) 30px!important;gap:6px!important;padding:8px 0!important;align-items:end!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-row label{font-size:7.5px!important;color:var(--ui-muted)!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-row label:nth-of-type(1),
  body.ui-core-v663.page-warehouse_export .export-note-preview-row label:nth-of-type(2),
  body.ui-core-v663.page-warehouse_export .export-note-preview-row label:nth-of-type(3),
  body.ui-core-v663.page-warehouse_export .export-note-preview-row label:nth-of-type(4){grid-column:auto!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-row .scan-note-field{grid-column:2/4!important}
  body.ui-core-v663.page-warehouse_export .export-note-remove-row{grid-column:4!important;grid-row:1!important}
  body.ui-core-v663.page-warehouse_export .export-note-row-no{grid-row:1/3!important}
  body.ui-core-v663.page-warehouse_export .export-note-preview-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
}

/* ============================================================================
   v6.8.8 — MOBILE KEYBOARD / IOS FOCUS STABILITY
   iOS zooms the page when a focused form control computes below 16px.  The
   core theme previously forced 12px with !important, overriding app.css's
   mobile 16px rule.  The auth page also stayed vertically centered in 100dvh,
   so opening the keyboard re-centered the whole card.  Keep the layout locked
   to the viewport and let only intended scroll containers scroll sideways.
   ============================================================================ */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}
body.ui-core-v663{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}

@media(max-width:780px){
  /* 16px is required to stop Safari/iOS WebKit from auto-zooming on focus. */
  body.ui-core-v663 input:not([type="checkbox"]):not([type="radio"]),
  body.ui-core-v663 select,
  body.ui-core-v663 textarea{
    font-size:16px!important;
  }

  /* Do not re-center the login card when the visual viewport shrinks for the
     software keyboard.  This removes the jump/sideways drift while typing. */
  body.auth-page.ui-core-v663{
    display:block!important;
    min-height:100vh!important;
    min-height:100svh!important;
    height:auto!important;
    padding:
      max(14px,env(safe-area-inset-top,0px))
      max(12px,env(safe-area-inset-right,0px))
      max(18px,env(safe-area-inset-bottom,0px))
      max(12px,env(safe-area-inset-left,0px))!important;
    overflow-x:hidden!important;
  }
  body.auth-page.ui-core-v663 .auth-card{
    width:100%!important;
    max-width:390px!important;
    min-width:0!important;
    margin:clamp(10px,4svh,34px) auto 0!important;
  }
  body.auth-page.ui-core-v663 .stack-form,
  body.auth-page.ui-core-v663 .stack-form label,
  body.auth-page.ui-core-v663 .stack-form input,
  body.auth-page.ui-core-v663 .stack-form button{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* ============================================================================
   v6.8.9 — DESKTOP FUNCTION DIRECTORY
   Admin PC sidebar becomes a searchable, grouped function directory.
   Mobile keeps the compact v6.8.8 navigation unchanged.
   ============================================================================ */
body.ui-core-v663.is-admin .sidebar-desktop-directory{display:none}
body.ui-core-v663.is-admin .sidebar-mobile-directory{display:grid;gap:2px}

body.ui-core-v663.is-admin .ui-group-orders{--group-icon:url("ui-icons/order.svg")}
body.ui-core-v663.is-admin .ui-group-finance{--group-icon:url("ui-icons/money.svg")}
body.ui-core-v663.is-admin .ui-group-people{--group-icon:url("ui-icons/users.svg")}

@media(min-width:961px){
  :root{--ui-sidebar-w:306px}
  body.ui-core-v663.is-admin .sidebar{
    width:var(--ui-sidebar-w)!important;
    padding:16px 14px 13px!important;
  }
  body.ui-core-v663.is-admin .main-content{
    margin-left:var(--ui-sidebar-w)!important;
    width:calc(100% - var(--ui-sidebar-w))!important;
  }
  body.ui-core-v663.is-admin .sidebar-head{margin:0 4px 12px!important}
  body.ui-core-v663.is-admin .brand{gap:10px!important}
  body.ui-core-v663.is-admin .brand-logo-wrap{width:42px!important;height:42px!important;min-width:42px!important}
  body.ui-core-v663.is-admin .brand-copy strong{font-size:14.5px!important}
  body.ui-core-v663.is-admin .brand-copy small{font-size:8.5px!important}

  body.ui-core-v663.is-admin .sidebar-quick-search{
    position:relative;
    min-height:46px!important;
    margin:0 2px 11px!important;
    padding:0 38px 0 12px!important;
    border-radius:13px!important;
    border-color:rgba(255,255,255,.15)!important;
    background:rgba(255,255,255,.115)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 18px rgba(0,0,0,.06)!important;
  }
  body.ui-core-v663.is-admin .sidebar-quick-search>span{
    width:22px!important;min-width:22px!important;
    font-size:18px!important;color:rgba(226,250,240,.76)!important;
  }
  body.ui-core-v663.is-admin .sidebar-quick-search input{
    min-height:44px!important;
    padding:0!important;
    font-size:12.5px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  body.ui-core-v663.is-admin .sidebar-quick-search input::placeholder{color:rgba(239,252,247,.55)!important}
  body.ui-core-v663.is-admin .sidebar-quick-search::after{
    content:"Ctrl K";
    position:absolute;right:10px;top:50%;transform:translateY(-50%);
    min-width:34px;padding:3px 5px;
    border:1px solid rgba(255,255,255,.12);border-radius:6px;
    background:rgba(2,38,28,.22);color:rgba(236,251,245,.52);
    font-size:7.5px;font-weight:750;letter-spacing:.03em;text-align:center;
    pointer-events:none;
  }
  body.ui-core-v663.is-admin .sidebar-quick-search [data-sidebar-search-clear].show{right:48px!important}

  body.ui-core-v663.is-admin .sidebar-navigation{display:block!important;min-height:0}
  body.ui-core-v663.is-admin .sidebar-desktop-directory{display:grid;gap:5px}
  body.ui-core-v663.is-admin .sidebar-mobile-directory{display:none!important}

  body.ui-core-v663.is-admin .sidebar-section-label.sidebar-section-label-split{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    margin:12px 6px 4px!important;
    color:rgba(226,248,239,.46)!important;
    font-size:8.5px!important;font-weight:820!important;letter-spacing:.13em!important;
  }
  body.ui-core-v663.is-admin .sidebar-section-label.sidebar-section-label-split small{
    color:rgba(225,247,238,.30)!important;
    font-size:7.5px!important;font-weight:650!important;letter-spacing:.015em!important;text-transform:none!important;
  }

  body.ui-core-v663.is-admin .sidebar-overview-grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
    margin:0 1px 3px;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a{
    position:relative;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr);
    align-items:center;gap:7px;
    min-height:43px!important;
    padding:7px 8px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.045)!important;
    color:rgba(245,253,249,.78)!important;
    box-shadow:none!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a>span{
    width:28px!important;height:28px!important;min-width:28px!important;
    display:grid!important;place-items:center!important;
    border-radius:8px!important;background:rgba(255,255,255,.07)!important;
    color:rgba(236,251,245,.88)!important;font-size:12px!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a>b{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:inherit!important;font-size:10.5px!important;font-weight:680!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a>em{
    position:absolute;right:5px;top:4px;
    min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;
    border-radius:999px;background:#ef4742;color:#fff;font-size:7.5px;font-style:normal;font-weight:800;
    box-shadow:0 2px 7px rgba(90,0,0,.18);
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a:hover{
    background:rgba(255,255,255,.085)!important;color:#fff!important;
    border-color:rgba(255,255,255,.12)!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a.active{
    background:linear-gradient(135deg,rgba(49,164,120,.34),rgba(255,255,255,.10))!important;
    border-color:rgba(154,239,207,.18)!important;color:#fff!important;
    box-shadow:inset 0 0 0 1px rgba(183,245,221,.07),0 6px 15px rgba(0,0,0,.06)!important;
  }

  body.ui-core-v663.is-admin .desktop-admin-group{
    margin:0 1px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:13px!important;
    background:rgba(0,23,17,.09)!important;
    overflow:hidden;
  }
  body.ui-core-v663.is-admin .desktop-admin-group>summary{
    min-height:47px!important;
    padding:8px 9px!important;
    gap:8px!important;
    border-radius:12px!important;
    background:transparent!important;
  }
  body.ui-core-v663.is-admin .desktop-admin-group>summary:hover{background:rgba(255,255,255,.055)!important}
  body.ui-core-v663.is-admin .desktop-admin-group[open]>summary{
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
  }
  body.ui-core-v663.is-admin .desktop-admin-group>summary>.sidebar-group-icon{
    width:30px!important;height:30px!important;min-width:30px!important;
    border-radius:9px!important;background:rgba(255,255,255,.07)!important;
  }
  body.ui-core-v663.is-admin .desktop-admin-group>summary>.sidebar-group-icon::before{width:16px!important;height:16px!important}
  body.ui-core-v663.is-admin .desktop-admin-group[open]>summary>.sidebar-group-icon{
    background:rgba(91,224,172,.14)!important;color:#a8f3d7!important;
  }
  body.ui-core-v663.is-admin .sidebar-group-copy{
    min-width:0;display:grid;gap:1px;flex:1;
  }
  body.ui-core-v663.is-admin .sidebar-group-copy>b{
    color:rgba(249,255,252,.93)!important;font-size:11.5px!important;font-weight:720!important;line-height:1.2;
  }
  body.ui-core-v663.is-admin .sidebar-group-copy>small{
    color:rgba(225,246,237,.44)!important;font-size:8px!important;font-weight:540!important;line-height:1.2;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  body.ui-core-v663.is-admin .desktop-admin-group .sidebar-group-arrow{
    width:18px!important;margin-left:0!important;text-align:center!important;
    color:rgba(231,249,241,.42)!important;font-size:11px!important;
  }

  body.ui-core-v663.is-admin .sidebar-submenu.sidebar-submenu-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px!important;
    margin:0!important;
    padding:5px 6px 7px!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a{
    min-width:0;
    min-height:34px!important;
    padding:5px 6px!important;
    gap:5px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    color:rgba(235,249,243,.67)!important;
    font-size:9px!important;font-weight:600!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a>span:first-child{
    width:20px!important;height:20px!important;min-width:20px!important;
    border-radius:6px!important;background:rgba(255,255,255,.05)!important;
    color:rgba(234,250,243,.72)!important;font-size:9px!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a>b{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:inherit!important;font-size:9px!important;font-weight:620!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a:hover{
    background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.07)!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a.active{
    background:linear-gradient(135deg,rgba(44,157,116,.28),rgba(255,255,255,.065))!important;
    color:#fff!important;border-color:rgba(133,232,194,.14)!important;
    box-shadow:inset 0 0 0 1px rgba(192,246,225,.045)!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a.active::after{display:none!important}

  body.ui-core-v663.is-admin .sidebar-search-empty{
    display:grid;gap:3px;margin:8px 1px 2px;padding:13px 12px;
    border:1px dashed rgba(255,255,255,.13);border-radius:11px;
    background:rgba(255,255,255,.035);text-align:center;
  }
  body.ui-core-v663.is-admin .sidebar-search-empty[hidden]{display:none!important}
  body.ui-core-v663.is-admin .sidebar-search-empty b{color:rgba(248,255,252,.86);font-size:10.5px}
  body.ui-core-v663.is-admin .sidebar-search-empty small{color:rgba(226,247,239,.42)!important;font-size:8.5px!important;line-height:1.35}

  body.ui-core-v663.is-admin .sidebar-footer{
    margin-top:12px!important;padding-top:10px!important;
  }
  body.ui-core-v663.is-admin .sidebar-footer .user-chip{min-height:46px!important}
}

@media(max-width:960px){
  body.ui-core-v663.is-admin .sidebar-desktop-directory{display:none!important}
  body.ui-core-v663.is-admin .sidebar-mobile-directory{display:grid!important;gap:2px}
}

/* ============================================================================
   v6.9.1 — ADMIN LOGIN REFRESH
   Split desktop login, compact mobile login, stronger focus/accessibility.
   Keeps the v6.8.8 iOS keyboard/16px input protections intact.
   ============================================================================ */
body.auth-login-v691.ui-core-v663{
  display:grid!important;
  place-items:center!important;
  min-height:100vh!important;
  min-height:100svh!important;
  padding:24px!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 10% 4%,rgba(45,166,123,.16),transparent 30rem),
    radial-gradient(circle at 96% 90%,rgba(20,104,78,.10),transparent 27rem),
    linear-gradient(145deg,#f7fbf9 0%,#edf6f2 54%,#f7faf8 100%)!important;
}
body.auth-login-v691.ui-core-v663::before,
body.auth-login-v691.ui-core-v663::after{
  content:"";
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  filter:blur(.2px);
}
body.auth-login-v691.ui-core-v663::before{
  width:340px;height:340px;
  left:-170px;top:12%;
  border:1px solid rgba(14,123,91,.10);
  box-shadow:0 0 0 54px rgba(14,123,91,.025),0 0 0 108px rgba(14,123,91,.018);
}
body.auth-login-v691.ui-core-v663::after{
  width:260px;height:260px;
  right:-130px;bottom:-80px;
  border:1px solid rgba(14,123,91,.08);
  box-shadow:0 0 0 44px rgba(14,123,91,.022),0 0 0 88px rgba(14,123,91,.015);
}
body.auth-login-v691 .admin-login-shell{
  position:relative;
  z-index:1;
  width:min(1080px,calc(100vw - 48px));
  min-height:min(680px,calc(100svh - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  overflow:hidden;
  border:1px solid rgba(190,210,200,.82);
  border-radius:30px;
  background:rgba(255,255,255,.90);
  box-shadow:0 34px 100px rgba(18,67,49,.15),0 8px 26px rgba(18,67,49,.06),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}

/* Left brand panel -------------------------------------------------------- */
body.auth-login-v691 .admin-login-brand{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:32px 36px 30px;
  overflow:hidden;
  color:#f4fff9;
  background:
    radial-gradient(circle at 90% 16%,rgba(69,210,153,.23),transparent 16rem),
    radial-gradient(circle at 8% 96%,rgba(56,158,120,.24),transparent 20rem),
    linear-gradient(145deg,#07533e 0%,#063e31 48%,#032f25 100%);
}
body.auth-login-v691 .admin-login-brand::before{
  content:"";
  position:absolute;
  width:390px;height:390px;
  right:-190px;top:80px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 0 0 56px rgba(255,255,255,.025),0 0 0 112px rgba(255,255,255,.018);
}
body.auth-login-v691 .admin-login-brand::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:44%;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,transparent,#000);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000);
}
body.auth-login-v691 .admin-login-brand>*{position:relative;z-index:1}
body.auth-login-v691 .admin-login-brand-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
body.auth-login-v691 .admin-login-home-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 10px 0 7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:rgba(244,255,249,.78)!important;
  background:rgba(255,255,255,.055);
  text-decoration:none!important;
  font-size:11px;
  font-weight:680;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
body.auth-login-v691 .admin-login-home-link:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.10);
  transform:translateY(-1px);
}
body.auth-login-v691 .admin-login-home-link svg,
body.auth-login-v691 .admin-login-mobile-back svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
body.auth-login-v691 .admin-login-logo{
  width:164px;
  padding:8px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(0,0,0,.13),inset 0 1px 0 #fff;
}
body.auth-login-v691 .admin-login-logo img{display:block;width:100%;height:auto}
body.auth-login-v691 .admin-login-brand-copy{
  width:min(100%,500px);
  margin:auto 0;
  padding:44px 0 34px;
}
body.auth-login-v691 .admin-login-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  color:#9fe7c9;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.auth-login-v691 .admin-login-kicker-dot{
  width:7px;height:7px;border-radius:50%;background:#50d69e;box-shadow:0 0 0 5px rgba(80,214,158,.12),0 0 16px rgba(80,214,158,.42);
}
body.auth-login-v691 .admin-login-brand h1{
  max-width:520px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4.1vw,51px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:820!important;
}
body.auth-login-v691 .admin-login-brand-copy>p{
  max-width:470px;
  margin:18px 0 0;
  color:rgba(239,253,246,.69);
  font-size:13px;
  line-height:1.7;
}
body.auth-login-v691 .admin-login-feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:30px;
}
body.auth-login-v691 .admin-login-feature{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body.auth-login-v691 .admin-login-feature-icon{
  flex:0 0 34px;
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:10px;
  color:#9de6c8;
  background:rgba(121,229,188,.09);
  border:1px solid rgba(121,229,188,.12);
}
body.auth-login-v691 .admin-login-feature-icon svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
}
body.auth-login-v691 .admin-login-feature>span:last-child{min-width:0;display:grid;gap:2px}
body.auth-login-v691 .admin-login-feature b{color:#f5fff9;font-size:11.5px;font-weight:760}
body.auth-login-v691 .admin-login-feature small{color:rgba(232,251,241,.51)!important;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.auth-login-v691 .admin-login-brand-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.09);
  color:rgba(232,251,241,.46);
  font-size:9.5px;
}
body.auth-login-v691 .admin-login-status{display:inline-flex;align-items:center;gap:7px;color:rgba(232,251,241,.66)}
body.auth-login-v691 .admin-login-status i{width:7px;height:7px;border-radius:50%;background:#54d89f;box-shadow:0 0 0 4px rgba(84,216,159,.10)}

/* Right form panel ------------------------------------------------------- */
body.auth-login-v691 .admin-login-form-side{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px clamp(34px,4vw,58px) 28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(44,163,120,.07),transparent 15rem),
    rgba(255,255,255,.91);
}
body.auth-login-v691 .admin-login-mobile-head{display:none}
body.auth-login-v691 .admin-login-card{
  width:100%;
  max-width:410px;
  margin:auto;
}
body.auth-login-v691 .admin-login-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
body.auth-login-v691 .admin-login-card-icon{
  flex:0 0 44px;
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid #cde8dc;
  border-radius:14px;
  color:var(--ui-brand);
  background:linear-gradient(145deg,#f0fbf6,#e3f5ed);
  box-shadow:0 7px 18px rgba(18,102,76,.08),inset 0 1px 0 #fff;
}
body.auth-login-v691 .admin-login-card-icon svg,
body.auth-login-v691 .admin-login-control-icon svg,
body.auth-login-v691 .admin-login-password-toggle svg,
body.auth-login-v691 .admin-login-submit svg,
body.auth-login-v691 .admin-login-help-icon svg{
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body.auth-login-v691 .admin-login-card-icon svg{width:21px;height:21px}
body.auth-login-v691 .admin-login-card-kicker{
  margin-bottom:3px;
  color:var(--ui-brand);
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
}
body.auth-login-v691 .admin-login-card h2{
  margin:0!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:820!important;
}
body.auth-login-v691 .admin-login-card-lead{
  margin:0 0 26px;
  color:var(--ui-muted);
  font-size:12.5px;
  line-height:1.65;
}
body.auth-login-v691 .admin-login-alerts:empty{display:none}
body.auth-login-v691 .admin-login-alerts .alert{
  margin-bottom:12px!important;
  border:1px solid transparent;
  border-radius:12px!important;
  padding:10px 12px!important;
  font-size:11px!important;
  line-height:1.45;
}
body.auth-login-v691 .admin-login-alerts .alert-danger{border-color:#f4cfcc!important;background:#fff3f2!important;color:#9d2f2a!important}
body.auth-login-v691 .admin-login-alerts .alert-warning{border-color:#f0dfb7!important;background:#fff9ea!important;color:#7d591a!important}
body.auth-login-v691 .admin-login-alerts .alert-success{border-color:#cde8d8!important;background:#effaf4!important;color:#236449!important}
body.auth-login-v691 .admin-login-form{display:grid;gap:16px}
body.auth-login-v691 .admin-login-field{display:grid;gap:7px;margin:0!important;text-align:left}
body.auth-login-v691 .admin-login-label{color:#344b41;font-size:11px;font-weight:760}
body.auth-login-v691 .admin-login-control{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
}
body.auth-login-v691 .admin-login-control-icon{
  position:absolute;
  z-index:2;
  left:14px;
  top:50%;
  width:18px;height:18px;
  transform:translateY(-50%);
  color:#7b8e85;
  pointer-events:none;
}
body.auth-login-v691 .admin-login-control-icon svg{width:18px;height:18px}
body.auth-login-v691 #admin-login-form .admin-login-control input{
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 46px 0 44px!important;
  border:1px solid #cfddd6!important;
  border-radius:14px!important;
  outline:none!important;
  color:#15271f!important;
  background:#fbfdfc!important;
  box-shadow:0 1px 2px rgba(16,49,37,.025),inset 0 1px 0 rgba(255,255,255,.85)!important;
  font-size:13px!important;
  font-weight:580!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.auth-login-v691 #admin-login-form .admin-login-control input::placeholder{color:#a0ada7;opacity:1}
body.auth-login-v691 #admin-login-form .admin-login-control input:hover{border-color:#b8cec3!important;background:#fff!important}
body.auth-login-v691 #admin-login-form .admin-login-control input:focus{
  border-color:#39a87f!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(34,157,116,.11),0 8px 24px rgba(18,102,76,.06)!important;
}
body.auth-login-v691 .admin-login-control:focus-within .admin-login-control-icon{color:#0d8964}
body.auth-login-v691 .admin-login-password-toggle{
  position:absolute;
  z-index:3;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:34px;height:34px;
  display:grid;place-items:center;
  padding:0;
  border:0;
  border-radius:9px;
  color:#7b8e85;
  background:transparent;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
body.auth-login-v691 .admin-login-password-toggle:hover{background:#edf6f2;color:#087b5b}
body.auth-login-v691 .admin-login-password-toggle:focus-visible{outline:2px solid #37a67d;outline-offset:2px}
body.auth-login-v691 .admin-login-password-toggle svg{width:18px;height:18px}
body.auth-login-v691 .admin-login-password-toggle .eye-off{display:none}
body.auth-login-v691 .admin-login-password-toggle.is-visible .eye-open{display:none}
body.auth-login-v691 .admin-login-password-toggle.is-visible .eye-off{display:block}
body.auth-login-v691 .admin-login-submit{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:2px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#0e936b 0%,#087b5b 54%,#066a4f 100%);
  box-shadow:0 12px 24px rgba(8,123,91,.22),inset 0 1px 0 rgba(255,255,255,.22);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
body.auth-login-v691 .admin-login-submit:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(8,123,91,.26),inset 0 1px 0 rgba(255,255,255,.22);filter:saturate(1.06)}
body.auth-login-v691 .admin-login-submit:active{transform:translateY(0);box-shadow:0 7px 16px rgba(8,123,91,.20)}
body.auth-login-v691 .admin-login-submit:focus-visible{outline:3px solid rgba(52,171,127,.24);outline-offset:3px}
body.auth-login-v691 .admin-login-submit svg{width:17px;height:17px;transition:transform .16s ease}
body.auth-login-v691 .admin-login-submit:hover svg{transform:translateX(2px)}
body.auth-login-v691 .admin-login-help{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:22px;
  padding:12px 13px;
  border:1px solid #dfe9e4;
  border-radius:13px;
  background:#f7faf8;
}
body.auth-login-v691 .admin-login-help-icon{
  flex:0 0 26px;
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:8px;
  color:#0b815f;
  background:#e8f6ef;
}
body.auth-login-v691 .admin-login-help-icon svg{width:15px;height:15px}
body.auth-login-v691 .admin-login-help>span:last-child{display:grid;gap:2px;min-width:0}
body.auth-login-v691 .admin-login-help b{font-size:10.5px;color:#344c41}
body.auth-login-v691 .admin-login-help small{font-size:9.5px!important;line-height:1.45;color:#849289!important}
body.auth-login-v691 .admin-login-form-foot{
  width:100%;
  margin:26px auto 0;
  color:#95a29c;
  font-size:9px;
  text-align:center;
}

/* Login responsive ------------------------------------------------------- */
@media(max-width:920px){
  body.auth-login-v691 .admin-login-shell{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)}
  body.auth-login-v691 .admin-login-brand{padding:28px}
  body.auth-login-v691 .admin-login-brand h1{font-size:36px!important}
  body.auth-login-v691 .admin-login-feature-grid{grid-template-columns:1fr}
  body.auth-login-v691 .admin-login-feature:nth-child(4){display:none}
  body.auth-login-v691 .admin-login-form-side{padding-left:32px;padding-right:32px}
}

@media(max-width:780px){
  body.auth-login-v691.ui-core-v663{
    display:block!important;
    min-height:100vh!important;
    min-height:100svh!important;
    height:auto!important;
    padding:
      max(10px,env(safe-area-inset-top,0px))
      max(10px,env(safe-area-inset-right,0px))
      max(18px,env(safe-area-inset-bottom,0px))
      max(10px,env(safe-area-inset-left,0px))!important;
    overflow-x:hidden!important;
  }
  body.auth-login-v691.ui-core-v663::before,
  body.auth-login-v691.ui-core-v663::after{display:none}
  body.auth-login-v691 .admin-login-shell{
    width:100%;
    min-height:0;
    display:block;
    margin:0 auto;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.auth-login-v691 .admin-login-brand{display:none}
  body.auth-login-v691 .admin-login-form-side{
    width:100%;
    max-width:460px;
    display:block;
    margin:0 auto;
    padding:0;
    background:transparent;
  }
  body.auth-login-v691 .admin-login-mobile-head{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-bottom:10px;
  }
  body.auth-login-v691 .admin-login-mobile-head img{
    display:block;
    width:158px;
    max-width:48vw;
    height:auto;
  }
  body.auth-login-v691 .admin-login-mobile-back{
    position:absolute;
    left:0;
    top:50%;
    width:38px;height:38px;
    display:grid;place-items:center;
    transform:translateY(-50%);
    border:1px solid #d9e6df;
    border-radius:12px;
    color:#4d6157!important;
    background:rgba(255,255,255,.80);
    text-decoration:none!important;
    box-shadow:0 5px 16px rgba(24,62,47,.05);
  }
  body.auth-login-v691 .admin-login-card{
    width:100%;
    max-width:none;
    margin:0!important;
    padding:20px 17px 18px;
    border:1px solid rgba(204,220,212,.86);
    border-radius:21px;
    background:rgba(255,255,255,.90);
    box-shadow:0 18px 45px rgba(18,67,49,.10),inset 0 1px 0 #fff;
    backdrop-filter:blur(18px) saturate(145%);
    -webkit-backdrop-filter:blur(18px) saturate(145%);
  }
  body.auth-login-v691 .admin-login-card-head{gap:10px;margin-bottom:8px}
  body.auth-login-v691 .admin-login-card-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  body.auth-login-v691 .admin-login-card-icon svg{width:19px;height:19px}
  body.auth-login-v691 .admin-login-card h2{font-size:22px!important}
  body.auth-login-v691 .admin-login-card-lead{margin-bottom:20px;font-size:12px}
  body.auth-login-v691 .admin-login-form{gap:14px}
  body.auth-login-v691 .admin-login-label{font-size:11px}
  body.auth-login-v691 #admin-login-form .admin-login-control input{
    height:50px!important;
    min-height:50px!important;
    font-size:16px!important;
    padding-left:43px!important;
  }
  body.auth-login-v691 .admin-login-submit{min-height:50px;font-size:14px}
  body.auth-login-v691 .admin-login-help{margin-top:17px}
  body.auth-login-v691 .admin-login-form-foot{margin-top:14px;font-size:8.5px}
}

@media(max-width:380px){
  body.auth-login-v691 .admin-login-card{padding:17px 14px 15px}
  body.auth-login-v691 .admin-login-card-lead{font-size:11.5px}
  body.auth-login-v691 .admin-login-help small{font-size:9px!important}
}

@media(max-height:700px) and (min-width:781px){
  body.auth-login-v691.ui-core-v663{padding:14px!important}
  body.auth-login-v691 .admin-login-shell{min-height:calc(100vh - 28px)}
  body.auth-login-v691 .admin-login-brand{padding-top:24px;padding-bottom:22px}
  body.auth-login-v691 .admin-login-brand-copy{padding:26px 0 22px}
  body.auth-login-v691 .admin-login-brand h1{font-size:38px!important}
  body.auth-login-v691 .admin-login-feature-grid{margin-top:20px}
  body.auth-login-v691 .admin-login-form-side{padding-top:30px;padding-bottom:20px}
}

@media(prefers-reduced-motion:reduce){
  body.auth-login-v691 *{scroll-behavior:auto!important;transition:none!important}
}

/* ========================================================================
   v6.9.3 — ADMIN LOGIN CLEAN / SINGLE CARD
   ======================================================================== */
body.auth-login-v692.ui-core-v663{
  min-height:100vh!important;
  min-height:100svh!important;
  margin:0!important;
  overflow-x:hidden!important;
  color:#16251f;
  background:
    radial-gradient(circle at 16% 12%,rgba(27,139,99,.10),transparent 26rem),
    radial-gradient(circle at 86% 88%,rgba(21,103,78,.07),transparent 24rem),
    linear-gradient(150deg,#f8fbf9 0%,#eef5f1 48%,#f7faf8 100%)!important;
}
body.auth-login-v692.ui-core-v663::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(18,93,69,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,93,69,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 78%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 78%);
}
body.auth-login-v692 .login2-page{
  position:relative;
  z-index:1;
  min-height:100vh;
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:48px 20px;
}
body.auth-login-v692 .login2-shell{
  position:relative;
  width:min(472px,100%);
  overflow:hidden;
  border:1px solid rgba(191,211,201,.92);
  border-radius:25px;
  background:rgba(255,255,255,.95);
  box-shadow:0 28px 85px rgba(17,67,49,.13),0 6px 20px rgba(17,67,49,.05),inset 0 1px 0 #fff;
}
body.auth-login-v692 .login2-shell::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#0a7657,#15a174 54%,#71caa6);
}
body.auth-login-v692 .login2-brandbar{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:88px;
  padding:19px 22px 16px;
  border-bottom:1px solid #e4ece8;
  background:linear-gradient(180deg,#fbfdfc,#f6faf8);
}
body.auth-login-v692 .login2-logo{
  flex:0 0 64px;
  width:64px;height:48px;
  display:grid;
  place-items:center;
  padding:7px;
  border:1px solid #d9e6df;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 14px rgba(19,77,57,.055);
}
body.auth-login-v692 .login2-logo img{display:block;width:100%;height:auto}
body.auth-login-v692 .login2-brandcopy{min-width:0;display:grid;gap:2px;flex:1}
body.auth-login-v692 .login2-brandcopy span{color:#7e9188;font-size:9px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
body.auth-login-v692 .login2-brandcopy strong{color:#183328;font-size:14px;font-weight:820;letter-spacing:-.01em}
body.auth-login-v692 .login2-online{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:6px 8px;
  border:1px solid #d9e9e0;
  border-radius:999px;
  color:#4d6b5e;
  background:#f6fbf8;
  font-size:8.5px;
  font-weight:700;
  white-space:nowrap;
}
body.auth-login-v692 .login2-online i{width:6px;height:6px;border-radius:50%;background:#24aa78;box-shadow:0 0 0 3px rgba(36,170,120,.11)}

body.auth-login-v692 .login2-content{padding:29px 28px 24px}
body.auth-login-v692 .login2-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}
body.auth-login-v692 .login2-heading-icon{
  flex:0 0 42px;
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid #cae5d9;
  border-radius:13px;
  color:#087b5b;
  background:#edf8f3;
}
body.auth-login-v692 .login2-heading-icon svg,
body.auth-login-v692 .login2-control-icon svg,
body.auth-login-v692 .login2-password-toggle svg,
body.auth-login-v692 .login2-submit svg,
body.auth-login-v692 .login2-security-icon svg{
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body.auth-login-v692 .login2-heading-icon svg{width:20px;height:20px}
body.auth-login-v692 .login2-eyebrow{display:block;margin:1px 0 4px;color:#0d8b66;font-size:8.5px;font-weight:850;letter-spacing:.14em}
body.auth-login-v692 .login2-heading h1{margin:0!important;color:#172820!important;font-size:25px!important;line-height:1.15!important;font-weight:840!important;letter-spacing:-.025em!important}
body.auth-login-v692 .login2-heading p{margin:7px 0 0;color:#7b8c84;font-size:11.5px;line-height:1.55}

body.auth-login-v692 .login2-alerts:empty{display:none}
body.auth-login-v692 .login2-alerts .alert{margin:0 0 15px!important;padding:10px 12px!important;border:1px solid transparent;border-radius:11px!important;font-size:10.5px!important;line-height:1.45}
body.auth-login-v692 .login2-alerts .alert-danger{border-color:#f1ceca!important;background:#fff4f2!important;color:#9d312a!important}
body.auth-login-v692 .login2-alerts .alert-warning{border-color:#efdcb1!important;background:#fff9e9!important;color:#785619!important}
body.auth-login-v692 .login2-alerts .alert-success{border-color:#cbe5d5!important;background:#eff9f3!important;color:#286246!important}

body.auth-login-v692 .login2-form{display:grid;gap:15px}
body.auth-login-v692 .login2-field{display:grid;gap:7px;margin:0!important;text-align:left}
body.auth-login-v692 .login2-label{color:#33483e;font-size:10.5px;font-weight:780}
body.auth-login-v692 .login2-control{position:relative;display:flex;align-items:center;min-width:0}
body.auth-login-v692 .login2-control-icon{position:absolute;z-index:2;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#81928a;pointer-events:none}
body.auth-login-v692 .login2-control-icon svg{width:18px;height:18px}
body.auth-login-v692 #admin-login-form .login2-control input{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 46px 0 45px!important;
  border:1px solid #cfdcd6!important;
  border-radius:13px!important;
  outline:none!important;
  color:#172820!important;
  background:#fbfdfc!important;
  box-shadow:0 1px 2px rgba(15,57,42,.025)!important;
  font-size:16px!important;
  font-weight:580!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.auth-login-v692 #admin-login-form .login2-control input::placeholder{color:#a0aea7;opacity:1;font-weight:500}
body.auth-login-v692 #admin-login-form .login2-control input:hover{border-color:#b9cbc2!important;background:#fff!important}
body.auth-login-v692 #admin-login-form .login2-control input:focus{border-color:#2b9f76!important;background:#fff!important;box-shadow:0 0 0 4px rgba(36,154,113,.11)!important}
body.auth-login-v692 .login2-control:focus-within .login2-control-icon{color:#0b825f}
body.auth-login-v692 .login2-password-toggle{
  position:absolute;z-index:3;right:8px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;
  color:#83928b;background:transparent;cursor:pointer;transition:.15s ease;
}
body.auth-login-v692 .login2-password-toggle:hover{color:#087b5b;background:#eef6f2}
body.auth-login-v692 .login2-password-toggle:focus-visible{outline:2px solid #34a27a;outline-offset:2px}
body.auth-login-v692 .login2-password-toggle svg{width:18px;height:18px}
body.auth-login-v692 .login2-password-toggle .eye-off{display:none}
body.auth-login-v692 .login2-password-toggle.is-visible .eye-open{display:none}
body.auth-login-v692 .login2-password-toggle.is-visible .eye-off{display:block}

body.auth-login-v692 .login2-submit{
  width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;
  margin-top:3px;padding:0 18px;border:0;border-radius:13px;color:#fff;
  background:linear-gradient(135deg,#0d8d68 0%,#087758 58%,#07674e 100%);
  box-shadow:0 11px 23px rgba(8,119,88,.20),inset 0 1px 0 rgba(255,255,255,.20);
  font:inherit;font-size:13px;font-weight:820;cursor:pointer;transition:.16s ease;
}
body.auth-login-v692 .login2-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(8,119,88,.25),inset 0 1px 0 rgba(255,255,255,.20)}
body.auth-login-v692 .login2-submit:active{transform:translateY(0)}
body.auth-login-v692 .login2-submit:focus-visible{outline:3px solid rgba(42,161,119,.22);outline-offset:3px}
body.auth-login-v692 .login2-submit svg{width:17px;height:17px;transition:transform .16s ease}
body.auth-login-v692 .login2-submit:hover svg{transform:translateX(2px)}

body.auth-login-v692 .login2-security{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:11px 12px;border:1px solid #e1e9e5;border-radius:12px;background:#f8faf9}
body.auth-login-v692 .login2-security-icon{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#0a7d5d;background:#eaf5ef}
body.auth-login-v692 .login2-security-icon svg{width:15px;height:15px}
body.auth-login-v692 .login2-security>span:last-child{display:grid;gap:2px;min-width:0}
body.auth-login-v692 .login2-security b{color:#40544b;font-size:10px;font-weight:760}
body.auth-login-v692 .login2-security small{color:#8a9891!important;font-size:9.25px!important;line-height:1.45}
body.auth-login-v692 .login2-footer{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 16px;border-top:1px solid #e7eeea;color:#97a39d;background:#fafcfb;font-size:8.75px}
body.auth-login-v692 .login2-footer-dot{opacity:.5}

@media(max-width:600px){
  body.auth-login-v692.ui-core-v663{background:linear-gradient(180deg,#f5faf7 0%,#eef5f1 100%)!important}
  body.auth-login-v692.ui-core-v663::before{display:none}
  body.auth-login-v692 .login2-page{
    display:block;
    min-height:100vh;
    min-height:100svh;
    padding:max(24px,calc(env(safe-area-inset-top,0px) + 16px)) 12px max(18px,env(safe-area-inset-bottom,0px));
  }
  body.auth-login-v692 .login2-shell{width:100%;max-width:460px;margin:0 auto;border-radius:21px;box-shadow:0 17px 45px rgba(17,67,49,.10),0 4px 14px rgba(17,67,49,.04)}
  body.auth-login-v692 .login2-brandbar{min-height:76px;padding:15px 15px 13px;gap:10px}
  body.auth-login-v692 .login2-logo{flex-basis:58px;width:58px;height:44px;border-radius:12px}
  body.auth-login-v692 .login2-brandcopy span{font-size:8px}
  body.auth-login-v692 .login2-brandcopy strong{font-size:13px}
  body.auth-login-v692 .login2-online{padding:5px 7px;font-size:0;gap:0}
  body.auth-login-v692 .login2-online i{width:7px;height:7px}
  body.auth-login-v692 .login2-content{padding:23px 17px 20px}
  body.auth-login-v692 .login2-heading{gap:11px;margin-bottom:20px}
  body.auth-login-v692 .login2-heading-icon{flex-basis:39px;width:39px;height:39px;border-radius:12px}
  body.auth-login-v692 .login2-heading h1{font-size:22px!important}
  body.auth-login-v692 .login2-heading p{font-size:11px}
  body.auth-login-v692 .login2-form{gap:14px}
  body.auth-login-v692 #admin-login-form .login2-control input{height:52px!important;min-height:52px!important;font-size:16px!important}
  body.auth-login-v692 .login2-submit{min-height:52px;font-size:14px}
  body.auth-login-v692 .login2-security{margin-top:17px}
}
@media(max-width:360px){
  body.auth-login-v692 .login2-content{padding-left:14px;padding-right:14px}
  body.auth-login-v692 .login2-brandcopy span{display:none}
  body.auth-login-v692 .login2-heading p{font-size:10.5px}
}
@media(max-height:700px) and (min-width:601px){
  body.auth-login-v692 .login2-page{padding-top:24px;padding-bottom:24px}
  body.auth-login-v692 .login2-brandbar{min-height:76px;padding-top:14px;padding-bottom:13px}
  body.auth-login-v692 .login2-content{padding-top:22px;padding-bottom:20px}
  body.auth-login-v692 .login2-heading{margin-bottom:18px}
  body.auth-login-v692 .login2-security{margin-top:15px}
}
@media(prefers-reduced-motion:reduce){body.auth-login-v692 *{transition:none!important;scroll-behavior:auto!important}}

/* ============================================================================
   v6.9.4 — SINGLE DOCUMENT SCROLLBAR
   The older mobile/iPhone safety rules made both <html> and <body> vertical
   scroll containers.  On Chromium/Coc Coc (especially when the desktop window
   becomes narrow) that can render two adjacent page scrollbars.  Keep one
   document scroll owner only: <html>.  `overflow-x:clip` prevents horizontal
   drift without converting body overflow-y back to `auto`.
   ============================================================================ */
html{
  overflow-x:clip!important;
  overflow-y:auto!important;
}
body.ui-core-v663{
  overflow-x:clip!important;
  overflow-y:visible!important;
}

@media(max-width:960px){
  html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:clip!important;
    overflow-y:auto!important;
  }
  body.ui-core-v663,
  body.ui-core-v663.nav-open,
  body.ui-core-v663.sheet-open,
  body.ui-core-v663:not(.nav-open):not(.sheet-open){
    height:auto!important;
    min-height:100%!important;
    overflow-x:clip!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
  }
  body.ui-core-v663 .app-shell,
  body.ui-core-v663 .main-content,
  body.ui-core-v663 .page-content{
    height:auto!important;
    overflow-y:visible!important;
  }
}

/* ============================================================================
   v6.9.6 — DESKTOP OPERATIONS CONSOLE
   Desktop becomes a dense work console instead of an enlarged mobile layout.
   Mobile/PWA remains on the existing v6.9.6 presentation.
   ============================================================================ */
.desktop-ops-dashboard,
.desktop-workspace-title,
.desktop-topbar-actions{display:none}

@media(min-width:961px){
  :root{--ui-sidebar-w:264px}

  body.ui-core-v663.is-admin{
    background:#f4f7f5!important;
  }
  body.ui-core-v663.is-admin .sidebar{
    width:var(--ui-sidebar-w)!important;
    padding:17px 12px 12px!important;
    background:linear-gradient(180deg,#0a563f 0%,#074735 50%,#063b2e 100%)!important;
    border-right:1px solid rgba(2,44,32,.22)!important;
    box-shadow:10px 0 30px rgba(10,45,33,.08)!important;
  }
  body.ui-core-v663.is-admin .main-content{
    margin-left:var(--ui-sidebar-w)!important;
    width:calc(100% - var(--ui-sidebar-w))!important;
  }
  body.ui-core-v663.is-admin .sidebar-head{margin:0 4px 14px!important}
  body.ui-core-v663.is-admin .brand-logo-wrap{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
  body.ui-core-v663.is-admin .brand-copy strong{font-size:14px!important}
  body.ui-core-v663.is-admin .brand-copy small{font-size:8px!important}

  body.ui-core-v663.is-admin .sidebar-navigation{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:2px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.15) transparent;
  }
  body.ui-core-v663.is-admin .sidebar-section-label.sidebar-section-label-split{
    margin:12px 6px 5px!important;
    font-size:8px!important;
  }
  body.ui-core-v663.is-admin .sidebar-section-label.sidebar-section-label-split small{display:none!important}

  body.ui-core-v663.is-admin .sidebar-overview-grid{gap:5px!important;margin:0 1px 4px!important}
  body.ui-core-v663.is-admin .sidebar-overview-grid>a{
    grid-template-columns:25px minmax(0,1fr)!important;
    min-height:39px!important;
    padding:6px 7px!important;
    gap:6px!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.038)!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a>span{
    width:25px!important;height:25px!important;min-width:25px!important;border-radius:7px!important;font-size:11px!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a>b{font-size:9.8px!important}

  body.ui-core-v663.is-admin .desktop-admin-group{margin:0 1px!important;border-radius:11px!important}
  body.ui-core-v663.is-admin .desktop-admin-group>summary{
    min-height:43px!important;padding:7px 8px!important;gap:7px!important;border-radius:10px!important;
  }
  body.ui-core-v663.is-admin .desktop-admin-group>summary>.sidebar-group-icon{
    width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;
  }
  body.ui-core-v663.is-admin .sidebar-group-copy>b{font-size:10.8px!important}
  body.ui-core-v663.is-admin .sidebar-group-copy>small{font-size:7.7px!important}
  body.ui-core-v663.is-admin .sidebar-submenu.sidebar-submenu-grid{
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:4px 6px 7px!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a{
    min-height:31px!important;
    padding:4px 7px!important;
    border-radius:7px!important;
    font-size:9.5px!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a>span:first-child{
    width:19px!important;height:19px!important;min-width:19px!important;border-radius:5px!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a>b{font-size:9.5px!important}
  body.ui-core-v663.is-admin .sidebar-footer{margin-top:9px!important;padding-top:9px!important}
  body.ui-core-v663.is-admin .sidebar-footer .user-chip{min-height:43px!important}

  /* Desktop app bar: context first, actions second. */
  body.ui-core-v663.is-admin .topbar{
    min-height:68px!important;
    padding:9px 24px!important;
    gap:12px!important;
    background:rgba(255,255,255,.92)!important;
    border-bottom:1px solid #dfe7e2!important;
    box-shadow:0 1px 0 rgba(255,255,255,.9),0 5px 18px rgba(18,55,42,.035)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  }
  body.ui-core-v663.is-admin .desktop-workspace-title{display:grid;gap:3px;min-width:0}
  body.ui-core-v663.is-admin .mobile-workspace-title{display:none!important}
  body.ui-core-v663.is-admin .desktop-breadcrumb{
    display:flex;align-items:center;gap:6px;min-width:0;
    color:#829087;font-size:9px;font-weight:650;
  }
  body.ui-core-v663.is-admin .desktop-breadcrumb a{color:#6f8178;text-decoration:none}
  body.ui-core-v663.is-admin .desktop-breadcrumb a:hover{color:#087b5b}
  body.ui-core-v663.is-admin .desktop-breadcrumb span{color:#b3beb8}
  body.ui-core-v663.is-admin .desktop-breadcrumb b{min-width:0;color:#6b7c73;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663.is-admin .desktop-page-title-row{display:flex;align-items:baseline;gap:10px;min-width:0}
  body.ui-core-v663.is-admin .desktop-page-title-row h1{margin:0!important;font-size:18px!important;line-height:1.08!important;font-weight:820!important;color:#15261e!important}
  body.ui-core-v663.is-admin .desktop-page-title-row>span{color:#94a099;font-size:9px;font-weight:600}
  body.ui-core-v663.is-admin .desktop-topbar-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
  body.ui-core-v663.is-admin .desktop-action-button{
    min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;
    border:1px solid #d7e2dc;border-radius:9px;text-decoration:none!important;font-size:10.5px;font-weight:740;
    transition:background .14s ease,border-color .14s ease,transform .14s ease;
  }
  body.ui-core-v663.is-admin .desktop-action-button:hover{transform:translateY(-1px)}
  body.ui-core-v663.is-admin .desktop-action-button.subtle{background:#fff;color:#2b4337}
  body.ui-core-v663.is-admin .desktop-action-button.subtle:hover{background:#f4f8f6;border-color:#c9d8d0}
  body.ui-core-v663.is-admin .desktop-action-button.primary{background:#087b5b;color:#fff;border-color:#087b5b;box-shadow:0 6px 14px rgba(8,123,91,.14)}
  body.ui-core-v663.is-admin .desktop-action-button.primary:hover{background:#076e52}
  body.ui-core-v663.is-admin .topbar-meta{display:none!important}
  body.ui-core-v663.is-admin .topbar-admin-tools{margin-left:0!important}
  body.ui-core-v663.is-admin .topbar-tool-button,
  body.ui-core-v663.is-admin .topbar-user-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}

  body.ui-core-v663.is-admin .page-content{
    max-width:none!important;
    padding:22px 24px 40px!important;
    margin:0!important;
  }
  body.ui-core-v663.is-admin .page-content>.liquid-dashboard{display:none!important}
  body.ui-core-v663.is-admin .desktop-ops-dashboard{display:grid;gap:16px;width:100%;max-width:1540px;margin:0 auto}

  /* Dashboard heading */
  body.ui-core-v663 .desktop-ops-head{
    display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
    padding:2px 1px 1px;
  }
  body.ui-core-v663 .desktop-ops-kicker{display:block;margin-bottom:5px;color:#0b8764;font-size:9px;font-weight:850;letter-spacing:.14em}
  body.ui-core-v663 .desktop-ops-head h2{margin:0!important;font-size:26px!important;line-height:1.1!important;font-weight:830!important;letter-spacing:-.035em!important}
  body.ui-core-v663 .desktop-ops-head p{margin:7px 0 0;color:#718078;font-size:11.5px;line-height:1.5}
  body.ui-core-v663 .desktop-ops-period{display:flex;align-items:flex-end;gap:7px}
  body.ui-core-v663 .desktop-ops-period label{display:grid;gap:5px}
  body.ui-core-v663 .desktop-ops-period label>span{color:#738078;font-size:8.5px;font-weight:720}
  body.ui-core-v663 .desktop-ops-period input{width:150px!important;height:38px!important;min-height:38px!important;padding:0 10px!important;border-radius:9px!important;font-size:11px!important;background:#fff!important}
  body.ui-core-v663 .desktop-ops-period .btn{height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:9px!important;font-size:10px!important}

  /* Fast actions */
  body.ui-core-v663 .desktop-ops-quick{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  }
  body.ui-core-v663 .desktop-ops-quick>a{
    display:grid;grid-template-columns:36px minmax(0,1fr) 15px;align-items:center;gap:10px;
    min-height:66px;padding:10px 12px;border:1px solid #dce6e0;border-radius:11px;
    background:#fff;color:#21372c;text-decoration:none!important;
    box-shadow:0 3px 11px rgba(22,58,44,.025);transition:.15s ease;
  }
  body.ui-core-v663 .desktop-ops-quick>a:hover{transform:translateY(-1px);border-color:#c8dad1;box-shadow:0 7px 18px rgba(22,58,44,.055)}
  body.ui-core-v663 .desktop-ops-quick>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#edf7f2}
  body.ui-core-v663 .desktop-ops-quick>a>span img{width:18px;height:18px}
  body.ui-core-v663 .desktop-ops-quick>a>div{min-width:0;display:grid;gap:2px}
  body.ui-core-v663 .desktop-ops-quick>a b{font-size:11px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .desktop-ops-quick>a small{font-size:8.5px!important;color:#88948e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .desktop-ops-quick>a em{font-size:17px;font-style:normal;color:#a5b0aa}

  /* KPI line */
  body.ui-core-v663 .desktop-ops-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  body.ui-core-v663 .desktop-ops-kpi{
    position:relative;min-width:0;min-height:112px;padding:14px 14px 13px;
    display:flex;flex-direction:column;justify-content:center;
    border:1px solid #dce5e0;border-radius:11px;background:#fff;color:#192c23;text-decoration:none!important;
    box-shadow:0 3px 12px rgba(17,54,40,.025);overflow:hidden;
  }
  body.ui-core-v663 .desktop-ops-kpi:hover{border-color:#c6d9cf;box-shadow:0 7px 18px rgba(17,54,40,.055)}
  body.ui-core-v663 .desktop-ops-kpi .kpi-label{color:#718078;font-size:9px;font-weight:720}
  body.ui-core-v663 .desktop-ops-kpi strong{margin:5px 0 2px;font-size:24px;line-height:1;font-weight:820;letter-spacing:-.035em;color:#173027}
  body.ui-core-v663 .desktop-ops-kpi small{font-size:8.5px!important;color:#89958f}
  body.ui-core-v663 .desktop-ops-kpi>i{
    position:absolute;right:11px;top:11px;width:27px;height:27px;display:grid;place-items:center;
    border-radius:8px;background:#eef7f3;color:#0a8562;font-size:11px;font-style:normal;font-weight:800;
  }
  body.ui-core-v663 .desktop-ops-kpi.is-alert{border-color:#f0d7d4;background:linear-gradient(180deg,#fff,#fffafa)}
  body.ui-core-v663 .desktop-ops-kpi.is-alert>i{background:#fff0ef;color:#c3463f}

  /* Main 70/30 desktop workspace */
  body.ui-core-v663 .desktop-ops-workspace{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(300px,.95fr);gap:12px;align-items:start}
  body.ui-core-v663 .desktop-ops-maincol,
  body.ui-core-v663 .desktop-ops-sidecol{display:grid;gap:12px;min-width:0}
  body.ui-core-v663 .desktop-ops-panel{
    min-width:0;padding:15px 16px;border:1px solid #dce5e0;border-radius:11px;background:#fff;
    box-shadow:0 3px 12px rgba(17,54,40,.025);
  }
  body.ui-core-v663 .desktop-ops-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
  body.ui-core-v663 .desktop-ops-panel-head>div{display:grid;gap:2px}
  body.ui-core-v663 .desktop-ops-panel-head span{color:#0b8764;font-size:8px;font-weight:840;letter-spacing:.12em}
  body.ui-core-v663 .desktop-ops-panel-head h3{margin:0!important;font-size:14px!important;font-weight:790!important}
  body.ui-core-v663 .desktop-ops-panel-head>a{color:#517064;text-decoration:none!important;font-size:9px;font-weight:700;white-space:nowrap}
  body.ui-core-v663 .desktop-ops-panel-head>a:hover{color:#087b5b}
  body.ui-core-v663 .desktop-ops-panel-head.compact{margin-bottom:9px}

  body.ui-core-v663 .desktop-ops-task-list{display:grid}
  body.ui-core-v663 .desktop-ops-task{
    display:grid;grid-template-columns:34px minmax(0,1fr) auto 14px;align-items:center;gap:10px;
    min-height:58px;padding:8px 2px;border-top:1px solid #edf1ef;color:#23372d;text-decoration:none!important;
  }
  body.ui-core-v663 .desktop-ops-task:first-child{border-top:0}
  body.ui-core-v663 .desktop-ops-task .task-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#fff6e7;color:#9a6715;font-size:12px;font-weight:800}
  body.ui-core-v663 .desktop-ops-task.danger .task-mark{background:#fff0ef;color:#c83b35}
  body.ui-core-v663 .desktop-ops-task>div{min-width:0;display:grid;gap:2px}
  body.ui-core-v663 .desktop-ops-task>div b{font-size:10.5px;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .desktop-ops-task>div small{font-size:8.5px!important;color:#89948f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .desktop-ops-task>strong{min-width:26px;text-align:right;font-size:12px;color:#334a40}
  body.ui-core-v663 .desktop-ops-task>em{color:#a2ada7;font-size:16px;font-style:normal}
  body.ui-core-v663 .desktop-ops-all-clear{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #d9eee3;border-radius:9px;background:#f4fbf7}
  body.ui-core-v663 .desktop-ops-all-clear>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e1f4ea;color:#087b5b;font-weight:800}
  body.ui-core-v663 .desktop-ops-all-clear>div{display:grid;gap:2px}
  body.ui-core-v663 .desktop-ops-all-clear b{font-size:10.5px}
  body.ui-core-v663 .desktop-ops-all-clear small{font-size:8.5px!important}

  body.ui-core-v663 .desktop-ops-chart{height:176px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;padding:4px 4px 0}
  body.ui-core-v663 .desktop-ops-bar{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:5px;text-align:center}
  body.ui-core-v663 .desktop-ops-bar>strong{font-size:8.5px;color:#50645a;font-weight:700}
  body.ui-core-v663 .desktop-ops-bar>i{position:relative;display:block;min-height:110px;border-radius:7px;background:#f1f5f3;overflow:hidden}
  body.ui-core-v663 .desktop-ops-bar>i>b{position:absolute;left:27%;right:27%;bottom:0;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#4cc69b,#0b8764)}
  body.ui-core-v663 .desktop-ops-bar>small{font-size:8px!important;color:#8a9690}
  body.ui-core-v663 .desktop-ops-empty{min-height:90px;display:grid;place-items:center;color:#8c9892;font-size:9.5px}

  body.ui-core-v663 .desktop-ops-activity-list{display:grid}
  body.ui-core-v663 .desktop-ops-activity-list>a{
    display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;
    min-height:54px;padding:7px 1px;border-top:1px solid #edf1ef;color:#273b31;text-decoration:none!important;
  }
  body.ui-core-v663 .desktop-ops-activity-list>a:first-child{border-top:0}
  body.ui-core-v663 .desktop-ops-activity-list .activity-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#edf7f2}
  body.ui-core-v663 .desktop-ops-activity-list .activity-icon img{width:15px;height:15px}
  body.ui-core-v663 .desktop-ops-activity-list>a>div{min-width:0;display:grid;gap:2px}
  body.ui-core-v663 .desktop-ops-activity-list b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .desktop-ops-activity-list small{font-size:8px!important;color:#8a9690;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .desktop-ops-activity-list time{font-size:8px;color:#8f9b95;white-space:nowrap}

  body.ui-core-v663 .desktop-ops-shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  body.ui-core-v663 .desktop-ops-shortcut-grid>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:0 10px;border:1px solid #e2e9e5;border-radius:8px;background:#fafcfb;color:#344a3f;text-decoration:none!important}
  body.ui-core-v663 .desktop-ops-shortcut-grid>a:hover{background:#f1f7f4;border-color:#cfddd6;color:#087b5b}
  body.ui-core-v663 .desktop-ops-shortcut-grid b{font-size:9px;font-weight:680}
  body.ui-core-v663 .desktop-ops-shortcut-grid span{color:#a0aba5;font-size:14px}

  body.ui-core-v663 .desktop-ops-warning{margin:0!important;border-radius:9px!important;font-size:9px!important}

  /* Shared desktop density for data-heavy screens. */
  body.ui-core-v663.is-admin .page-content .card{border-radius:11px!important;box-shadow:0 3px 12px rgba(17,54,40,.025)!important}
  body.ui-core-v663.is-admin .page-content .table-wrap,
  body.ui-core-v663.is-admin .page-content .attendance-table-wrap{border-radius:9px!important}
  body.ui-core-v663.is-admin .page-content table thead th{font-size:9px!important;letter-spacing:.02em!important;background:#f6f9f7!important}
  body.ui-core-v663.is-admin .page-content table tbody td{font-size:10.5px!important}
  body.ui-core-v663.is-admin .page-content .btn{border-radius:8px!important}
}

@media(min-width:961px) and (max-width:1240px){
  :root{--ui-sidebar-w:248px}
  body.ui-core-v663 .desktop-ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ui-core-v663 .desktop-ops-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui-core-v663 .desktop-ops-workspace{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
  body.ui-core-v663.is-admin .desktop-action-button.subtle{display:none}
}

@media(max-width:960px){
  body.ui-core-v663 .desktop-ops-dashboard,
  body.ui-core-v663 .desktop-workspace-title,
  body.ui-core-v663 .desktop-topbar-actions{display:none!important}
  body.ui-core-v663 .mobile-workspace-title{display:block!important}
}

/* ============================================================================
   v6.9.7 — DESKTOP FOCUS DASHBOARD
   Ưu tiên tác vụ hằng ngày và bảng dữ liệu; bỏ biểu đồ khỏi Tổng quan PC.
   Mobile/PWA giữ nguyên layout v6.9.6.
   ============================================================================ */
.desktop-focus-dashboard{display:none}
.desktop-user-copy,
.desktop-global-search>span,
.desktop-global-search>kbd{display:none}

@media(min-width:961px){
  body.ui-core-v663.is-admin .desktop-topbar-actions{display:none!important}
  body.ui-core-v663.is-admin .topbar{padding:8px 22px!important;min-height:64px!important}
  body.ui-core-v663.is-admin .topbar-title{flex:0 1 250px!important;min-width:190px!important}
  body.ui-core-v663.is-admin .desktop-page-title-row h1{font-size:16px!important}
  body.ui-core-v663.is-admin .desktop-page-title-row>span{display:none!important}
  body.ui-core-v663.is-admin .topbar-admin-tools{
    flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:10px!important;margin-left:auto!important;min-width:0!important;
  }
  body.ui-core-v663.is-admin .topbar-tool-button.desktop-global-search{
    width:min(430px,36vw)!important;max-width:430px!important;height:38px!important;min-height:38px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    padding:0 10px!important;border:1px solid #d8e3dd!important;border-radius:10px!important;
    background:#f7faf8!important;color:#677a70!important;box-shadow:none!important;
  }
  body.ui-core-v663.is-admin .topbar-tool-button.desktop-global-search:hover{background:#fff!important;border-color:#bdd3c8!important}
  body.ui-core-v663.is-admin .desktop-global-search>img{width:15px!important;height:15px!important;opacity:.75!important;flex:0 0 auto!important}
  body.ui-core-v663.is-admin .desktop-global-search>span{
    display:block!important;min-width:0;flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-size:10px;font-weight:560;color:#708179;
  }
  body.ui-core-v663.is-admin .desktop-global-search>kbd{
    display:inline-flex!important;align-items:center;height:22px;padding:0 7px;border:1px solid #d4dfd9;border-bottom-width:2px;
    border-radius:6px;background:#fff;color:#76867e;font:600 8px/1 system-ui,sans-serif;white-space:nowrap;
  }
  body.ui-core-v663.is-admin .topbar-tool-button.task{flex:0 0 36px!important;width:36px!important;height:36px!important}
  body.ui-core-v663.is-admin .topbar-user-button{
    width:auto!important;min-width:132px!important;height:40px!important;min-height:40px!important;
    display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;
    padding:4px 9px 4px 5px!important;border:0!important;background:transparent!important;border-radius:10px!important;
  }
  body.ui-core-v663.is-admin .topbar-user-button:hover{background:#f5f8f6!important}
  body.ui-core-v663.is-admin .topbar-user-avatar{
    width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
    background:#e3eee8!important;color:#315044!important;font-size:10px!important;font-weight:800!important;
  }
  body.ui-core-v663.is-admin .desktop-user-copy{display:grid!important;gap:1px!important;min-width:0!important;text-align:left!important}
  body.ui-core-v663.is-admin .desktop-user-copy b{font-size:10px!important;line-height:1.2!important;color:#1d3027!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663.is-admin .desktop-user-copy small{font-size:8px!important;line-height:1.2!important;color:#849189!important;white-space:nowrap}

  body.ui-core-v663.is-admin .page-content>.desktop-focus-dashboard{display:grid!important}
  body.ui-core-v663.is-admin .desktop-focus-dashboard{
    width:100%;max-width:1540px;margin:0 auto;gap:14px;
  }
  body.ui-core-v663.is-admin .desktop-focus-warning{margin:0!important;border-radius:10px!important;font-size:9px!important}

  body.ui-core-v663 .desktop-focus-head{
    display:flex;align-items:center;justify-content:space-between;gap:24px;padding:1px 2px 2px;
  }
  body.ui-core-v663 .desktop-focus-head h2{
    margin:0!important;color:#13271e!important;font-size:24px!important;line-height:1.12!important;font-weight:830!important;letter-spacing:-.03em!important;
  }
  body.ui-core-v663 .desktop-focus-head p{margin:6px 0 0!important;color:#77867e!important;font-size:10.5px!important;line-height:1.45!important}
  body.ui-core-v663 .desktop-focus-primary-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
  body.ui-core-v663 .focus-action{
    min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    border:1px solid #d1ded7;border-radius:9px;background:#fff;color:#0a795a;text-decoration:none!important;
    font-size:10.5px;font-weight:760;box-shadow:0 3px 10px rgba(20,56,43,.035);transition:.15s ease;
  }
  body.ui-core-v663 .focus-action img{width:15px;height:15px}
  body.ui-core-v663 .focus-action:hover{transform:translateY(-1px);border-color:#b9d0c4;background:#f9fbfa}
  body.ui-core-v663 .focus-action.primary{background:#087b5b;border-color:#087b5b;color:#fff;box-shadow:0 7px 16px rgba(8,123,91,.15)}
  body.ui-core-v663 .focus-action.primary img{filter:brightness(0) invert(1)}
  body.ui-core-v663 .focus-action.primary:hover{background:#066f52}

  body.ui-core-v663 .desktop-focus-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  body.ui-core-v663 .focus-kpi{
    min-width:0;min-height:92px;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:10px;
    padding:12px 13px;border:1px solid #dce6e0;border-radius:10px;background:#fff;color:#1d3228;text-decoration:none!important;
    box-shadow:0 3px 12px rgba(17,54,40,.025);transition:.15s ease;
  }
  body.ui-core-v663 .focus-kpi:hover{transform:translateY(-1px);border-color:#c5d8ce;box-shadow:0 7px 18px rgba(17,54,40,.055)}
  body.ui-core-v663 .focus-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf7f2}
  body.ui-core-v663 .focus-kpi-icon img{width:18px;height:18px}
  body.ui-core-v663 .focus-kpi>div{min-width:0;display:grid;gap:2px}
  body.ui-core-v663 .focus-kpi small{font-size:9px!important;color:#657a70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .focus-kpi strong{font-size:21px;line-height:1.15;font-weight:830;letter-spacing:-.025em;color:#12291e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .focus-kpi em{font-size:8.5px;font-style:normal;color:#89968f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .focus-kpi em b{color:#c64a43;font-weight:750}
  body.ui-core-v663 .focus-kpi>i{font-size:16px;font-style:normal;color:#a1ada7}
  body.ui-core-v663 .focus-kpi.money .focus-kpi-icon{background:#fff2f0}

  body.ui-core-v663 .desktop-focus-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:12px;align-items:start}
  body.ui-core-v663 .focus-panel{
    min-width:0;border:1px solid #dce5e0;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(17,54,40,.025);overflow:hidden;
  }
  body.ui-core-v663 .focus-panel-head{
    min-height:56px;padding:12px 14px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #e7ece9;
  }
  body.ui-core-v663 .focus-panel-head>div{min-width:0;display:grid;gap:2px}
  body.ui-core-v663 .focus-panel-head h3{margin:0!important;font-size:13px!important;line-height:1.25!important;font-weight:790!important;color:#1c3026!important}
  body.ui-core-v663 .focus-panel-head p{margin:0!important;font-size:8.5px!important;line-height:1.35!important;color:#8b9791!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui-core-v663 .focus-panel-head>a{margin-top:2px;color:#087b5b;text-decoration:none!important;font-size:8.8px;font-weight:720;white-space:nowrap}
  body.ui-core-v663 .focus-panel-head>a:hover{text-decoration:underline!important}

  body.ui-core-v663 .focus-table-wrap{width:100%;overflow-x:auto}
  body.ui-core-v663 .focus-table{width:100%;border-collapse:collapse;table-layout:auto}
  body.ui-core-v663 .focus-table thead th{
    height:34px;padding:0 11px!important;border:0!important;border-bottom:1px solid #e7ece9!important;background:#f7faf8!important;
    color:#667a70!important;font-size:8.4px!important;font-weight:730!important;text-align:left;white-space:nowrap;
  }
  body.ui-core-v663 .focus-table tbody td{
    height:42px;padding:6px 11px!important;border:0!important;border-bottom:1px solid #eef2f0!important;background:#fff!important;
    color:#283b31!important;font-size:9.3px!important;vertical-align:middle;white-space:nowrap;
  }
  body.ui-core-v663 .focus-table tbody tr:last-child td{border-bottom:0!important}
  body.ui-core-v663 .focus-table tbody tr:hover td{background:#fbfdfc!important}
  body.ui-core-v663 .focus-table td.text-right,body.ui-core-v663 .focus-table th.text-right{text-align:right!important}
  body.ui-core-v663 .focus-table td.text-center,body.ui-core-v663 .focus-table th.text-center{text-align:center!important}
  body.ui-core-v663 .focus-code{color:#174b3a;text-decoration:none!important;font-weight:760}
  body.ui-core-v663 .focus-code:hover{color:#087b5b;text-decoration:underline!important}
  body.ui-core-v663 .focus-row-action{
    min-height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid #d3dfd9;border-radius:7px;
    background:#fff;color:#345247;text-decoration:none!important;font-size:8.5px;font-weight:700;
  }
  body.ui-core-v663 .focus-row-action:hover{background:#eff7f3;border-color:#bfd4c9;color:#087b5b}
  body.ui-core-v663 .focus-status{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;font-size:8px;font-weight:720;background:#eef3f0;color:#61736a}
  body.ui-core-v663 .focus-status.progress{background:#eaf4ff;color:#2a69a3}
  body.ui-core-v663 .focus-status.waiting{background:#fff5df;color:#a66d15}
  body.ui-core-v663 .focus-status.hold{background:#f0f1f2;color:#667078}
  body.ui-core-v663 .focus-status.late{background:#fff0ef;color:#c33e38}
  body.ui-core-v663 .focus-empty{min-height:120px;display:grid;place-items:center;padding:18px;color:#8a9790;font-size:9.5px}
  body.ui-core-v663 .focus-debt-panel .focus-table tbody td{height:39px}

  body.ui-core-v663 .desktop-focus-dashboard+.liquid-dashboard{display:none!important}
}

@media(min-width:961px) and (max-width:1240px){
  body.ui-core-v663.is-admin .topbar-tool-button.desktop-global-search{width:min(330px,31vw)!important}
  body.ui-core-v663.is-admin .desktop-user-copy{display:none!important}
  body.ui-core-v663.is-admin .topbar-user-button{width:40px!important;min-width:40px!important;grid-template-columns:30px!important;padding:5px!important}
  body.ui-core-v663 .desktop-focus-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui-core-v663 .desktop-focus-grid{grid-template-columns:1fr}
}

@media(max-width:960px){
  .desktop-focus-dashboard{display:none!important}
  .desktop-global-search>span,.desktop-global-search>kbd,.desktop-user-copy{display:none!important}
}

/* ============================================================================
   v6.9.8 — DESKTOP VISUAL HIERARCHY
   Richer PC presentation without decorative charts: stronger action priority,
   clearer panel hierarchy and restrained contextual colour. Mobile unchanged.
   ============================================================================ */
@media(min-width:961px){
  body.ui-core-v663.is-admin{
    background:
      radial-gradient(circle at 78% -8%,rgba(54,171,127,.075),transparent 28%),
      linear-gradient(180deg,#eef5f1 0,#f7faf8 320px,#f4f7f5 100%)!important;
  }
  body.ui-core-v663.is-admin .page-content{
    position:relative;
    padding:20px 24px 44px!important;
  }
  body.ui-core-v663.is-admin .topbar{
    background:rgba(255,255,255,.92)!important;
    border-bottom:1px solid #dfe8e3!important;
    box-shadow:0 8px 24px rgba(11,48,34,.045)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  }
  body.ui-core-v663.is-admin .sidebar{
    background:
      radial-gradient(circle at 12% 0,rgba(65,188,142,.14),transparent 24%),
      linear-gradient(180deg,#0a6047 0%,#07523e 46%,#043d30 100%)!important;
    box-shadow:12px 0 34px rgba(7,46,33,.10)!important;
  }
  body.ui-core-v663.is-admin .sidebar-section-label.sidebar-section-label-split{
    color:rgba(225,246,237,.58)!important;
    letter-spacing:.16em!important;
  }
  body.ui-core-v663.is-admin .sidebar-overview-grid>a.active,
  body.ui-core-v663.is-admin .sidebar-overview-grid>a:hover{
    background:linear-gradient(135deg,rgba(74,201,153,.22),rgba(255,255,255,.07))!important;
    box-shadow:inset 3px 0 0 #67d8aa,0 6px 15px rgba(2,35,25,.10)!important;
  }
  body.ui-core-v663.is-admin .desktop-admin-group[open]>summary{
    background:rgba(255,255,255,.075)!important;
    box-shadow:inset 3px 0 0 rgba(105,215,173,.82)!important;
  }
  body.ui-core-v663.is-admin .sidebar nav .sidebar-submenu-grid>a.active{
    background:rgba(99,214,170,.16)!important;
    color:#fff!important;
  }

  /* Today page — command centre instead of a flat card grid. */
  body.ui-core-v663.page-today .today-pc-hero{
    position:relative;overflow:hidden;
    min-height:116px;padding:22px 24px 21px 28px!important;
    border:1px solid #cfe3d9!important;border-radius:15px!important;
    background:
      linear-gradient(112deg,rgba(232,248,240,.98) 0%,rgba(248,252,250,.98) 56%,rgba(237,248,243,.94) 100%)!important;
    box-shadow:0 12px 28px rgba(15,62,45,.075)!important;
  }
  body.ui-core-v663.page-today .today-pc-hero::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
    background:linear-gradient(180deg,#08a475,#087b5b);
  }
  body.ui-core-v663.page-today .today-pc-hero::after{
    content:"";position:absolute;width:260px;height:260px;right:-92px;top:-130px;border-radius:50%;
    border:42px solid rgba(36,159,115,.055);pointer-events:none;
  }
  body.ui-core-v663.page-today .today-pc-hero .eyebrow{
    display:inline-flex!important;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;
    background:#daf1e6;color:#087b5b!important;font-size:8px!important;letter-spacing:.13em!important;
  }
  body.ui-core-v663.page-today .today-pc-hero h2{
    margin:7px 0 4px!important;font-size:25px!important;letter-spacing:-.035em!important;color:#152b21!important;
  }
  body.ui-core-v663.page-today .today-pc-hero p{max-width:720px;font-size:10.5px!important;color:#718078!important}
  body.ui-core-v663.page-today .today-pc-hero>.btn{
    position:relative;z-index:1;min-height:38px!important;padding:0 13px!important;border-radius:9px!important;
    background:#fff!important;border-color:#c8d9d0!important;color:#315647!important;box-shadow:0 5px 14px rgba(17,53,40,.05)!important;
  }

  body.ui-core-v663.page-today .today-quick-actions{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important;
  }
  body.ui-core-v663.page-today .today-action{
    position:relative;min-height:76px!important;grid-template-columns:35px minmax(0,1fr)!important;gap:9px!important;
    padding:11px 10px!important;border-radius:11px!important;overflow:hidden;
    box-shadow:0 4px 13px rgba(17,54,40,.035)!important;
  }
  body.ui-core-v663.page-today .today-action>span{
    width:35px!important;height:35px!important;border-radius:9px!important;
  }
  body.ui-core-v663.page-today .today-action>span img{width:17px!important;height:17px!important}
  body.ui-core-v663.page-today .today-action strong{font-size:10.5px!important;line-height:1.25!important}
  body.ui-core-v663.page-today .today-action small{margin-top:2px!important;font-size:8px!important;line-height:1.3!important}
  body.ui-core-v663.page-today .today-action em{display:none!important}
  body.ui-core-v663.page-today .today-action.is-primary{
    border-color:#bed9cd!important;background:linear-gradient(180deg,#fff,#f5fbf8)!important;
  }
  body.ui-core-v663.page-today .today-action.is-primary::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#15926d;
  }
  body.ui-core-v663.page-today .today-action.is-primary:hover{
    transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(12,76,53,.09)!important;
  }
  body.ui-core-v663.page-today .today-action.is-secondary{
    background:rgba(255,255,255,.76)!important;border-color:#dfe7e3!important;
  }
  body.ui-core-v663.page-today .today-action.is-secondary:hover{background:#fff!important}

  body.ui-core-v663.page-today .today-kpi-grid{gap:10px!important}
  body.ui-core-v663.page-today .today-kpi{
    position:relative;min-height:96px;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center;gap:11px;padding:13px 14px!important;border-radius:12px!important;overflow:hidden;
    background:#fff!important;box-shadow:0 6px 18px rgba(17,54,40,.045)!important;
  }
  body.ui-core-v663.page-today .today-kpi::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1b9a73;
  }
  body.ui-core-v663.page-today .today-kpi.kpi-attendance::before{background:#4e89c7}
  body.ui-core-v663.page-today .today-kpi.kpi-export::before{background:#23957a}
  body.ui-core-v663.page-today .today-kpi.kpi-inventory::before{background:#d59b3b}
  body.ui-core-v663.page-today .today-kpi-icon{
    width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:11px!important;
    background:#e8f6ef!important;box-shadow:inset 0 0 0 1px rgba(171,218,198,.5)!important;
  }
  body.ui-core-v663.page-today .kpi-attendance .today-kpi-icon{background:#edf4fb!important}
  body.ui-core-v663.page-today .kpi-export .today-kpi-icon{background:#e9f7f3!important}
  body.ui-core-v663.page-today .kpi-inventory .today-kpi-icon{background:#fff5e5!important}
  body.ui-core-v663.page-today .today-kpi-icon img{width:19px!important;height:19px!important}
  body.ui-core-v663.page-today .today-kpi>div{min-width:0}
  body.ui-core-v663.page-today .today-kpi small{font-size:8.3px!important;letter-spacing:.025em!important;text-transform:none!important}
  body.ui-core-v663.page-today .today-kpi strong{margin-top:3px!important;font-size:20px!important}
  body.ui-core-v663.page-today .today-kpi span:not(.today-kpi-icon){margin-top:3px!important;font-size:8.5px!important;color:#7e8b84!important}

  body.ui-core-v663.page-today .today-main-grid{grid-template-columns:minmax(0,1.22fr) minmax(370px,.78fr)!important;gap:12px!important}
  body.ui-core-v663.page-today .today-main-grid>.card,
  body.ui-core-v663.page-today .today-side-stack>.card{
    border-radius:13px!important;border-color:#d9e4de!important;background:rgba(255,255,255,.95)!important;
    box-shadow:0 7px 21px rgba(17,54,40,.045)!important;overflow:hidden;
  }
  body.ui-core-v663.page-today .today-main-grid .card-header{
    min-height:58px;margin:-1px -1px 10px!important;padding:12px 14px!important;
    border-bottom:1px solid #e5ece8!important;background:linear-gradient(180deg,#fbfdfc,#f7faf8)!important;
  }
  body.ui-core-v663.page-today .today-main-grid .card-header h2{
    display:flex;align-items:center;gap:7px;font-size:13px!important;letter-spacing:-.015em!important;
  }
  body.ui-core-v663.page-today .today-section-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#1b9a73;box-shadow:0 0 0 4px #e8f6ef}
  body.ui-core-v663.page-today .today-section-dot.amber{background:#cf8f29;box-shadow:0 0 0 4px #fff2db}
  body.ui-core-v663.page-today .today-section-dot.blue{background:#4c86be;box-shadow:0 0 0 4px #eaf3fb}

  body.ui-core-v663.page-today .today-document-list{gap:7px!important;padding:0 2px 2px}
  body.ui-core-v663.page-today .today-document-item{
    min-height:57px;grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;padding:8px 9px!important;
    border-radius:9px!important;border-color:#e3eae6!important;background:#fbfdfc!important;transition:.14s ease;
  }
  body.ui-core-v663.page-today .today-document-item:hover{
    background:#f4faf7!important;border-color:#cbded4!important;transform:translateX(2px);
  }
  body.ui-core-v663.page-today .today-document-icon{width:34px!important;height:34px!important;border-radius:9px!important}
  body.ui-core-v663.page-today .today-document-icon img{width:16px!important;height:16px!important}
  body.ui-core-v663.page-today .today-document-body span{font-size:7.5px!important;letter-spacing:.06em}
  body.ui-core-v663.page-today .today-document-body strong{font-size:10px!important}
  body.ui-core-v663.page-today .today-document-body p{margin-top:2px!important;font-size:8px!important}
  body.ui-core-v663.page-today .today-document-actions .btn{min-height:27px!important;padding:0 8px!important;border-radius:7px!important;font-size:8px!important}

  body.ui-core-v663.page-today .today-incomplete-panel{border-color:#eadfc9!important}
  body.ui-core-v663.page-today .today-incomplete-panel .card-header{background:linear-gradient(180deg,#fffdf8,#fffaf1)!important}
  body.ui-core-v663.page-today .today-incomplete-list{gap:6px!important}
  body.ui-core-v663.page-today .today-incomplete-list a{
    padding:9px 10px!important;border-radius:9px!important;background:#fffaf1!important;border-color:#f0dfc3!important;
    box-shadow:inset 3px 0 0 rgba(205,143,42,.38);
  }
  body.ui-core-v663.page-today .today-incomplete-list a:hover{background:#fff6e7!important;border-color:#e8d0a8!important}
  body.ui-core-v663.page-today .today-incomplete-list a>span{font-size:7.5px!important}
  body.ui-core-v663.page-today .today-incomplete-list a>strong{font-size:9.5px!important}
  body.ui-core-v663.page-today .today-incomplete-list a>small{font-size:7.7px!important}

  body.ui-core-v663.page-today .today-orders-panel{border-color:#d9e5ec!important}
  body.ui-core-v663.page-today .today-orders-panel .card-header{background:linear-gradient(180deg,#fbfdff,#f6fafc)!important}
  body.ui-core-v663.page-today .today-order-list>div{padding:8px 2px!important}
  body.ui-core-v663.page-today .today-order-list strong{font-size:9.5px!important}
  body.ui-core-v663.page-today .today-order-list small{font-size:7.7px!important}

  /* Dashboard v6.9.7: keep the no-chart approach, add visual rhythm. */
  body.ui-core-v663.is-admin .desktop-focus-head{
    position:relative;padding:17px 18px!important;border:1px solid #cfe1d7;border-radius:14px;
    background:linear-gradient(110deg,#eef8f3 0%,#fbfdfc 64%,#f0f8f4 100%);
    box-shadow:0 9px 24px rgba(17,54,40,.055);overflow:hidden;
  }
  body.ui-core-v663.is-admin .desktop-focus-head::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#12a678,#087b5b);
  }
  body.ui-core-v663 .focus-kpi{
    position:relative;overflow:hidden;border-radius:12px!important;box-shadow:0 6px 18px rgba(17,54,40,.04)!important;
  }
  body.ui-core-v663 .focus-kpi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#19956f;opacity:.85}
  body.ui-core-v663 .focus-kpi:nth-child(2)::after{background:#4d86bd}
  body.ui-core-v663 .focus-kpi:nth-child(3)::after{background:#d29a3b}
  body.ui-core-v663 .focus-kpi:nth-child(4)::after{background:#ca5b50}
  body.ui-core-v663 .focus-panel{border-radius:12px!important;box-shadow:0 7px 20px rgba(17,54,40,.045)!important}
  body.ui-core-v663 .focus-panel-head{background:linear-gradient(180deg,#fbfdfc,#f7faf8)!important}
  body.ui-core-v663 .focus-panel-head h3{position:relative;padding-left:11px}
  body.ui-core-v663 .focus-panel-head h3::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:#15926d}
  body.ui-core-v663 .focus-table thead th{background:#eff5f2!important;color:#536b60!important}
  body.ui-core-v663 .focus-table tbody tr:nth-child(even) td{background:#fbfdfc!important}
  body.ui-core-v663 .focus-table tbody tr:hover td{background:#f1f8f5!important}
}