/* ============================================================
   SONANI ADMIN — PREMIUM UI/UX SYSTEM
   LOCAL UPDATE 006 V1
   Visual redesign only. Business logic remains in existing modules.
   ============================================================ */

:root{
  --ux-bg:#f5f7fb;
  --ux-surface:#ffffff;
  --ux-surface-2:#f9fafc;
  --ux-surface-3:#f2f4f8;
  --ux-text:#172033;
  --ux-text-2:#46516a;
  --ux-muted:#7c879e;
  --ux-line:#e3e8f0;
  --ux-line-2:#d7dee9;
  --ux-primary:#5c55e8;
  --ux-primary-2:#4c46ce;
  --ux-primary-soft:#efefff;
  --ux-gold:#a88747;
  --ux-gold-soft:#faf5e9;
  --ux-success:#16845b;
  --ux-success-soft:#eaf8f2;
  --ux-warning:#a86311;
  --ux-warning-soft:#fff5df;
  --ux-danger:#c44049;
  --ux-danger-soft:#fff0f1;
  --ux-info:#2877c7;
  --ux-info-soft:#eaf4ff;
  --ux-sidebar:#101828;
  --ux-sidebar-2:#162033;
  --ux-sidebar-text:#d8deea;
  --ux-sidebar-muted:#8e9aaf;
  --ux-radius:14px;
  --ux-radius-sm:10px;
  --ux-shadow-sm:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.04);
  --ux-shadow:0 8px 28px rgba(16,24,40,.08);
  --ux-shadow-lg:0 20px 60px rgba(16,24,40,.16);
  --ux-sidebar-w:252px;
  --ux-topbar-h:72px;
  --ux-font:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html{background:var(--ux-bg)}
body.sonani-v27,
body.sonani-v27 *{box-sizing:border-box}
body.sonani-v27{
  background:var(--ux-bg)!important;
  color:var(--ux-text)!important;
  font-family:var(--ux-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.sonani-v27 a{color:inherit}
body.sonani-v27 ::selection{background:#deddff;color:#292361}

/* -------- App shell -------- */
body.sonani-v27 .sidebar{
  width:var(--ux-sidebar-w)!important;
  background:var(--ux-sidebar)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  padding:14px 12px!important;
  z-index:1200!important;
  transition:width .22s ease,transform .22s ease!important;
}
body.sonani-v27 .app{margin-left:var(--ux-sidebar-w)!important;transition:margin-left .22s ease!important;min-width:0!important}
body.sonani-v27.ux-sidebar-collapsed{--ux-sidebar-w:78px}
body.sonani-v27.ux-sidebar-collapsed .sidebar .brand-copy,
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav span:not(.nav-style-group-icon):not(.nav-inventory-group-icon),
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav-style-group-title span:last-child,
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav-inventory-group-title span:last-child,
body.sonani-v27.ux-sidebar-collapsed .sidebar .ux-nav-section-label,
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav-bottom span{display:none!important}
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav a,
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav-bottom a{justify-content:center!important;padding-inline:0!important}
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav-style-group-title,
body.sonani-v27.ux-sidebar-collapsed .sidebar .nav-inventory-group-title{justify-content:center!important;padding-inline:0!important}

body.sonani-v27 .brand{
  min-height:52px!important;
  margin:0 2px 10px!important;
  padding:7px 8px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body.sonani-v27 .brand-monogram,
body.sonani-v27 .auth-brand-mark{
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#665ef1,#4b46ca)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(92,85,232,.28)!important;
  display:grid!important;place-items:center!important;
  font-weight:800!important;letter-spacing:.04em!important;
}
body.sonani-v27 .brand-copy strong{color:#fff!important;font-size:13px!important;letter-spacing:.16em!important}
body.sonani-v27 .brand-copy span{color:var(--ux-sidebar-muted)!important;font-size:9px!important;letter-spacing:.18em!important}

body.sonani-v27 .nav{padding:2px 0 12px!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#344055 transparent}
body.sonani-v27 .nav>a,
body.sonani-v27 .nav-style-group-items>a,
body.sonani-v27 .nav-inventory-group-items>a,
body.sonani-v27 .nav-memo-group a,
body.sonani-v27 .nav-bottom>a{
  min-height:42px!important;
  border-radius:10px!important;
  padding:0 11px!important;
  margin:2px 0!important;
  color:var(--ux-sidebar-text)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-size:12px!important;
  font-weight:600!important;
  gap:10px!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.sonani-v27 .nav a:hover,
body.sonani-v27 .nav-bottom a:hover{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
body.sonani-v27 .nav a.active,
body.sonani-v27 .nav-style-group-items>a.active,
body.sonani-v27 .nav-inventory-group-items>a.active,
body.sonani-v27 .nav-memo-group a.active{
  color:#fff!important;
  background:rgba(92,85,232,.25)!important;
  border-color:rgba(132,126,255,.28)!important;
  box-shadow:inset 3px 0 0 #8c87ff!important;
}
body.sonani-v27 .nav svg{width:18px!important;height:18px!important;opacity:.9;flex:0 0 auto}
body.sonani-v27 .nav-style-group,
body.sonani-v27 .nav-inventory-group,
body.sonani-v27 .nav-memo-group{margin:8px 0!important;padding:0!important;border:0!important;background:transparent!important}
body.sonani-v27 .nav-style-group-title,
body.sonani-v27 .nav-inventory-group-title{
  color:var(--ux-sidebar-muted)!important;
  min-height:32px!important;
  padding:0 10px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  gap:8px!important;
}
body.sonani-v27 .ux-nav-section-label{
  padding:17px 10px 6px!important;
  color:#748198!important;
  font-size:9px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
}
body.sonani-v27 .nav-bottom{border-top:1px solid rgba(255,255,255,.08)!important;padding-top:10px!important}

body.sonani-v27 .topbar{
  min-height:var(--ux-topbar-h)!important;
  height:auto!important;
  position:sticky!important;top:0!important;z-index:1000!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid var(--ux-line)!important;
  box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
  padding:10px 22px!important;
}
body.sonani-v27 .topbar-left{gap:10px!important}
body.sonani-v27 .sidebar-toggle,
body.sonani-v27 .icon-square,
body.sonani-v27 .plain-btn{
  border:1px solid var(--ux-line)!important;
  background:#fff!important;
  color:var(--ux-text-2)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.sonani-v27 .sidebar-toggle:hover,
body.sonani-v27 .icon-square:hover,
body.sonani-v27 .plain-btn:hover{border-color:#c9cfe0!important;background:var(--ux-surface-2)!important;color:var(--ux-primary)!important}
body.sonani-v27 .topbar-search{
  width:min(510px,42vw)!important;
  min-height:42px!important;
  background:var(--ux-surface-2)!important;
  border:1px solid var(--ux-line)!important;
  border-radius:11px!important;
  padding:0 11px!important;
  box-shadow:none!important;
}
body.sonani-v27 .topbar-search:focus-within{border-color:#aaa6ff!important;box-shadow:0 0 0 3px rgba(92,85,232,.09)!important;background:#fff!important}
body.sonani-v27 .topbar-search input{font-size:12px!important;color:var(--ux-text)!important}
body.sonani-v27 .topbar-search kbd{font-size:9px!important;border-color:var(--ux-line-2)!important;background:#fff!important;color:var(--ux-muted)!important;border-radius:7px!important}
body.sonani-v27 .topbar-actions{gap:8px!important}
body.sonani-v27 .profile{border-left:1px solid var(--ux-line)!important;padding-left:12px!important;margin-left:2px!important}
body.sonani-v27 .avatar{background:var(--ux-primary-soft)!important;color:var(--ux-primary)!important;border:1px solid #d8d6ff!important;border-radius:10px!important}
body.sonani-v27 .profile-copy strong{font-size:11px!important;color:var(--ux-text)!important}
body.sonani-v27 .profile-copy span{font-size:9px!important;color:var(--ux-muted)!important}
body.sonani-v27 .rate-chip{border-radius:10px!important;background:var(--ux-surface-2)!important;border:1px solid var(--ux-line)!important;padding:7px 10px!important}

/* -------- Main layout -------- */
body.sonani-v27 .main{
  max-width:none!important;
  margin:0!important;
  padding:24px 26px 48px!important;
  min-width:0!important;
}
body.sonani-v27 .page-intro{
  min-height:78px!important;
  margin:0 0 16px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body.sonani-v27 .page-intro h1{font-size:27px!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--ux-text)!important;font-weight:780!important}
body.sonani-v27 .page-intro p{font-size:11.5px!important;line-height:1.55!important;color:var(--ux-muted)!important;max-width:780px!important}
body.sonani-v27 .eyebrow{color:var(--ux-primary)!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:800!important;margin-bottom:6px!important}
body.sonani-v27 .intro-actions{gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
body.sonani-v27 .ux-breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--ux-muted);font-size:9.5px;font-weight:600}
body.sonani-v27 .ux-breadcrumb a{text-decoration:none;color:var(--ux-muted)}
body.sonani-v27 .ux-breadcrumb a:hover{color:var(--ux-primary)}
body.sonani-v27 .ux-breadcrumb b{font-weight:700;color:var(--ux-text-2)}
body.sonani-v27 .ux-page-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}

/* -------- Surfaces / Cards -------- */
body.sonani-v27 .card,
body.sonani-v27 .metric-card,
body.sonani-v27 .settings-tile,
body.sonani-v27 .master-card,
body.sonani-v27 .inventory-card,
body.sonani-v27 .memo-card,
body.sonani-v27 .pricing-card,
body.sonani-v27 .table-card,
body.sonani-v27 .role-card{
  background:var(--ux-surface)!important;
  border:1px solid var(--ux-line)!important;
  border-radius:var(--ux-radius)!important;
  box-shadow:var(--ux-shadow-sm)!important;
}
body.sonani-v27 .card-head{
  padding:15px 17px!important;
  border-bottom:1px solid var(--ux-line)!important;
  min-height:58px!important;
}
body.sonani-v27 .card-head h2{font-size:15px!important;font-weight:750!important;color:var(--ux-text)!important;letter-spacing:-.01em!important}
body.sonani-v27 .card-head p{font-size:10.5px!important;color:var(--ux-muted)!important;line-height:1.45!important}
body.sonani-v27 .metric-card{padding:17px!important;min-height:118px!important}
body.sonani-v27 .metric-card strong{font-size:27px!important;letter-spacing:-.03em!important;color:var(--ux-text)!important}
body.sonani-v27 .metric-card small{font-size:9.5px!important;color:var(--ux-muted)!important}
body.sonani-v27 .metric-icon{border-radius:10px!important;background:var(--ux-primary-soft)!important;color:var(--ux-primary)!important}

/* -------- Buttons -------- */
body.sonani-v27 .btn{
  min-height:38px!important;
  border-radius:10px!important;
  padding:0 14px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease!important;
}
body.sonani-v27 .btn.primary{
  background:var(--ux-primary)!important;
  border-color:var(--ux-primary)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(92,85,232,.18)!important;
}
body.sonani-v27 .btn.primary:hover{background:var(--ux-primary-2)!important;transform:translateY(-1px)!important;box-shadow:0 9px 22px rgba(92,85,232,.22)!important}
body.sonani-v27 .btn.secondary{background:#fff!important;color:var(--ux-text-2)!important;border-color:var(--ux-line-2)!important}
body.sonani-v27 .btn.secondary:hover{background:var(--ux-surface-2)!important;border-color:#b9c1d1!important;color:var(--ux-text)!important}
body.sonani-v27 .btn.danger{background:var(--ux-danger-soft)!important;color:var(--ux-danger)!important;border-color:#ffd7da!important}
body.sonani-v27 .btn.small{min-height:32px!important;padding:0 10px!important;font-size:10px!important;border-radius:8px!important}
body.sonani-v27 button:focus-visible,
body.sonani-v27 a:focus-visible,
body.sonani-v27 input:focus-visible,
body.sonani-v27 select:focus-visible,
body.sonani-v27 textarea:focus-visible{outline:3px solid rgba(92,85,232,.18)!important;outline-offset:1px!important}

/* -------- Inputs / forms -------- */
body.sonani-v27 label{color:var(--ux-text-2)}
body.sonani-v27 input,
body.sonani-v27 select,
body.sonani-v27 textarea{
  border:1px solid var(--ux-line-2)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--ux-text)!important;
  box-shadow:none!important;
  font-family:var(--ux-font)!important;
  font-size:11.5px!important;
}
body.sonani-v27 input,
body.sonani-v27 select{min-height:40px!important;padding:0 11px!important}
body.sonani-v27 textarea{padding:10px 11px!important;line-height:1.55!important}
body.sonani-v27 input::placeholder,
body.sonani-v27 textarea::placeholder{color:#a0a9ba!important}
body.sonani-v27 input:focus,
body.sonani-v27 select:focus,
body.sonani-v27 textarea:focus{border-color:#aaa6ff!important;box-shadow:0 0 0 3px rgba(92,85,232,.08)!important;outline:0!important}
body.sonani-v27 input:disabled,
body.sonani-v27 select:disabled,
body.sonani-v27 textarea:disabled{background:#f3f5f8!important;color:#7e899e!important}
body.sonani-v27 .field-note,
body.sonani-v27 .form-help,
body.sonani-v27 small{line-height:1.45}
body.sonani-v27 .form-grid,
body.sonani-v27 .employee-form-grid,
body.sonani-v27 .inventory-form-grid{gap:13px 14px!important}

/* -------- Tables -------- */
body.sonani-v27 table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;background:#fff!important}
body.sonani-v27 .table-wrap,
body.sonani-v27 .inventory-table-wrap,
body.sonani-v27 .pricing-table-wrap,
body.sonani-v27 .memo-table-scroll{
  border-radius:0 0 var(--ux-radius) var(--ux-radius)!important;
  scrollbar-color:#c9cfda transparent;
  scrollbar-width:thin;
}
body.sonani-v27 thead th{
  position:sticky!important;top:0!important;z-index:5!important;
  background:#f4f6f9!important;
  color:#364057!important;
  border-bottom:1px solid var(--ux-line-2)!important;
  border-right:1px solid #e9edf3!important;
  padding:10px 10px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.sonani-v27 tbody td{
  border-bottom:1px solid #edf0f4!important;
  border-right:1px solid #f0f2f6!important;
  padding:9px 10px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  color:var(--ux-text-2)!important;
  vertical-align:middle!important;
}
body.sonani-v27 tbody tr:hover td{background:#fafbfe!important;color:var(--ux-text)!important}
body.sonani-v27 tbody tr:last-child td{border-bottom:0!important}
body.sonani-v27 tfoot td,
body.sonani-v27 tr.total td,
body.sonani-v27 .inventory-price-total-row td{background:#f6f7fa!important;font-weight:800!important;color:var(--ux-text)!important}
body.sonani-v27 .row-actions{gap:5px!important;white-space:nowrap!important}
body.sonani-v27 .icon-square.sm{width:30px!important;height:30px!important;border-radius:8px!important}
body.sonani-v27 .table-live-status.success{color:var(--ux-success)!important}
body.sonani-v27 .table-live-status.error{color:var(--ux-danger)!important}

/* -------- Toolbars / filters -------- */
body.sonani-v27 .table-toolbar,
body.sonani-v27 .filters-row,
body.sonani-v27 .filter-row,
body.sonani-v27 .master-toolbar,
body.sonani-v27 .inventory-toolbar,
body.sonani-v27 .memo-toolbar{
  background:#fff!important;
  border-color:var(--ux-line)!important;
  gap:8px!important;
}
body.sonani-v27 .search-box,
body.sonani-v27 .search-wrap{border-radius:10px!important}
body.sonani-v27 .pagination,
body.sonani-v27 .table-footer{font-size:10px!important;color:var(--ux-muted)!important}

/* -------- Tabs -------- */
body.sonani-v27 .settings-tabs-shell,
body.sonani-v27 .memo-tabs-shell,
body.sonani-v27 .pricing-tabs,
body.sonani-v27 .editor-nav{
  background:#fff!important;
  border:1px solid var(--ux-line)!important;
  border-radius:12px!important;
  box-shadow:var(--ux-shadow-sm)!important;
  padding:5px!important;
  gap:4px!important;
  margin:0 0 16px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body.sonani-v27 .settings-tabs-shell::-webkit-scrollbar,
body.sonani-v27 .memo-tabs-shell::-webkit-scrollbar{display:none}
body.sonani-v27 .settings-tabs-shell a,
body.sonani-v27 .memo-tabs-shell a,
body.sonani-v27 .pricing-tabs a,
body.sonani-v27 .pricing-tabs button,
body.sonani-v27 .editor-nav button{
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--ux-text-2)!important;
  min-height:34px!important;
  padding:0 11px!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.sonani-v27 .settings-tabs-shell a:hover,
body.sonani-v27 .memo-tabs-shell a:hover,
body.sonani-v27 .pricing-tabs a:hover,
body.sonani-v27 .pricing-tabs button:hover,
body.sonani-v27 .editor-nav button:hover{background:var(--ux-surface-3)!important;color:var(--ux-text)!important}
body.sonani-v27 .settings-tabs-shell a.active,
body.sonani-v27 .memo-tabs-shell a.active,
body.sonani-v27 .pricing-tabs .active,
body.sonani-v27 .editor-nav .active{
  background:var(--ux-primary)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(92,85,232,.18)!important;
}

/* -------- Status pills -------- */
body.sonani-v27 .status-pill,
body.sonani-v27 .memo-status,
body.sonani-v27 .badge,
body.sonani-v27 .status-chip{
  border-radius:999px!important;
  padding:4px 8px!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.1!important;
  border:1px solid transparent!important;
}
body.sonani-v27 .status-pill.active,
body.sonani-v27 .memo-status.complete,
body.sonani-v27 .memo-status.accepted,
body.sonani-v27 .status-chip.success{background:var(--ux-success-soft)!important;color:var(--ux-success)!important;border-color:#cfeee1!important}
body.sonani-v27 .memo-status.pending,
body.sonani-v27 .status-chip.warning{background:var(--ux-warning-soft)!important;color:var(--ux-warning)!important;border-color:#f5dfac!important}
body.sonani-v27 .memo-status.partial{background:var(--ux-info-soft)!important;color:var(--ux-info)!important;border-color:#cfe5fb!important}
body.sonani-v27 .memo-status.cancelled,
body.sonani-v27 .status-chip.danger{background:var(--ux-danger-soft)!important;color:var(--ux-danger)!important;border-color:#ffd7da!important}

/* -------- Modals -------- */
body.sonani-v27 .modal-backdrop{background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px)!important;padding:24px!important}
body.sonani-v27 .modal{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:var(--ux-shadow-lg)!important;
  max-height:min(88vh,900px)!important;
  overflow:hidden!important;
}
body.sonani-v27 .modal-head{padding:16px 18px!important;border-bottom:1px solid var(--ux-line)!important;background:#fff!important}
body.sonani-v27 .modal-head h2{font-size:17px!important;letter-spacing:-.02em!important}
body.sonani-v27 .modal-body{padding:16px 18px!important;overflow:auto!important;max-height:calc(88vh - 132px)!important;background:#fff!important}
body.sonani-v27 .modal-footer,
body.sonani-v27 .modal-actions{padding:12px 18px!important;border-top:1px solid var(--ux-line)!important;background:#fafbfc!important;position:sticky!important;bottom:0!important;z-index:4!important}
body.sonani-v27 .modal-close{width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid var(--ux-line)!important;background:#fff!important;color:var(--ux-text-2)!important}

/* -------- Settings tiles -------- */
body.sonani-v27 .settings-tile-grid{gap:12px!important}
body.sonani-v27 .settings-tile{padding:16px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
body.sonani-v27 .settings-tile:hover{transform:translateY(-2px)!important;border-color:#cfd4ff!important;box-shadow:var(--ux-shadow)!important}
body.sonani-v27 .settings-tile-icon{background:var(--ux-primary-soft)!important;color:var(--ux-primary)!important;border-radius:10px!important}

/* -------- Pricing / Inventory detail -------- */
body.sonani-v27 .inventory-price-summary-card,
body.sonani-v27 .inventory-breakup-panel,
body.sonani-v27 .inventory-price-block{
  border-color:var(--ux-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.sonani-v27 .inventory-price-summary-card.website,
body.sonani-v27 .inventory-breakup-panel.website{background:#f6f5ff!important;border-color:#dedcff!important}
body.sonani-v27 .inventory-price-summary-card.website strong,
body.sonani-v27 .inventory-breakup-panel.website strong{color:var(--ux-primary-2)!important}
body.sonani-v27 .inventory-price-summary-card.selling-live{background:#eefaf5!important;border-color:#d1eee1!important}

/* -------- Premium login -------- */
body.login-page.sonani-v27{min-height:100vh!important;background:#eef1f7!important;padding:24px!important;display:grid!important;place-items:center!important}
body.login-page.sonani-v27 .login-shell{width:min(1120px,100%)!important;min-height:660px!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 28px 90px rgba(16,24,40,.16)!important;border:1px solid rgba(255,255,255,.7)!important}
body.login-page.sonani-v27 .login-panel{padding:54px 56px!important;background:#fff!important}
body.login-page.sonani-v27 .login-art{background:#111827!important;position:relative!important;overflow:hidden!important}
body.login-page.sonani-v27 .login-art:before{content:"";position:absolute;inset:auto -150px -180px auto;width:430px;height:430px;border-radius:50%;background:rgba(92,85,232,.2)}
body.login-page.sonani-v27 .login-art:after{content:"";position:absolute;inset:70px auto auto -110px;width:280px;height:280px;border-radius:50%;background:rgba(168,135,71,.12)}
body.login-page.sonani-v27 .login-art-inner{position:relative;z-index:2!important}
body.login-page.sonani-v27 .login-art h2{font-size:36px!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#fff!important;max-width:520px!important}
body.login-page.sonani-v27 .login-art p{color:#aab4c6!important;line-height:1.65!important}
body.login-page.sonani-v27 .login-feature-grid>div{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;padding:15px!important}
body.login-page.sonani-v27 .login-feature-grid strong{color:#fff!important}
body.login-page.sonani-v27 .login-feature-grid span{color:#99a5b8!important}
body.login-page.sonani-v27 .login-field>span{font-size:10px!important;font-weight:750!important;color:var(--ux-text-2)!important;margin-bottom:6px!important}
body.login-page.sonani-v27 .login-submit{width:100%!important;min-height:44px!important}
body.login-page.sonani-v27 .login-security-note{color:var(--ux-muted)!important;background:var(--ux-surface-2)!important;border:1px solid var(--ux-line)!important;border-radius:10px!important;padding:10px 12px!important}

/* -------- UX utility classes -------- */
body.sonani-v27 .ux-density-toggle{width:38px;height:38px;border:1px solid var(--ux-line);background:#fff;border-radius:10px;color:var(--ux-text-2);display:grid;place-items:center;cursor:pointer;font-size:15px}
body.sonani-v27 .ux-density-toggle:hover{background:var(--ux-surface-2);color:var(--ux-primary)}
body.sonani-v27 .ux-sidebar-collapse{width:30px;height:30px;border:0;background:rgba(255,255,255,.06);border-radius:8px;color:#aab4c6;display:grid;place-items:center;cursor:pointer;margin-left:auto}
body.sonani-v27 .ux-sidebar-collapse:hover{background:rgba(255,255,255,.1);color:#fff}
body.sonani-v27.ux-compact tbody td{padding-top:6px!important;padding-bottom:6px!important}
body.sonani-v27.ux-compact thead th{padding-top:8px!important;padding-bottom:8px!important}
body.sonani-v27.ux-compact .card-head{padding-top:11px!important;padding-bottom:11px!important;min-height:50px!important}
body.sonani-v27 .ux-section-hint{display:inline-flex;align-items:center;gap:6px;color:var(--ux-muted);font-size:9.5px}
body.sonani-v27 .ux-section-hint:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ux-primary)}

/* ============================================================
   LOCAL UPDATE 006 V1.1 — SHELL GEOMETRY STABILIZATION
   The legacy Sonani shell keeps the sidebar as an off-canvas drawer by
   default. Premium desktop mode must explicitly restore it as a docked
   workspace and must subtract the sidebar width from .app.
   ============================================================ */
@media (min-width:1025px){
  body.sonani-v27 .sidebar{
    transform:translateX(0)!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
  }
  body.sonani-v27 .app{
    margin-left:var(--ux-sidebar-w)!important;
    width:calc(100% - var(--ux-sidebar-w))!important;
    max-width:calc(100% - var(--ux-sidebar-w))!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  body.sonani-v27 .topbar{
    width:100%!important;
    max-width:100%!important;
  }
  body.sonani-v27 .main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
}

/* Keep wide operational tables inside their own scroller instead of making
   the entire application wider than the viewport. */
body.sonani-v27 .table-wrap,
body.sonani-v27 .master-table-wrap,
body.sonani-v27 .inventory-table-wrap,
body.sonani-v27 .memo-table-wrap,
body.sonani-v27 .pricing-table-wrap{
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
}

/* Tab bars must belong to the page width, never the document width. */
body.sonani-v27 .settings-tabs-shell,
body.sonani-v27 .memo-tabs-shell,
body.sonani-v27 .pricing-tabs,
body.sonani-v27 .editor-nav{
  width:100%!important;
  max-width:100%!important;
}

/* -------- Responsive -------- */
@media (max-width:1280px){
  :root{--ux-sidebar-w:222px}
  body.sonani-v27 .main{padding:20px 20px 42px!important}
  body.sonani-v27 .topbar-search{width:min(420px,36vw)!important}
  body.sonani-v27 .page-intro h1{font-size:25px!important}
}
@media (max-width:1024px){
  body.sonani-v27 .sidebar{transform:translateX(-100%)!important;width:260px!important}
  body.sonani-v27 .sidebar.open{transform:translateX(0)!important}
  body.sonani-v27 .app{margin-left:0!important;width:100%!important;max-width:100%!important}
  body.sonani-v27 .topbar-search{width:min(420px,52vw)!important}
  body.sonani-v27 .main{padding:18px 16px 38px!important}
  body.sonani-v27 .page-intro{align-items:flex-start!important;flex-direction:column!important;min-height:0!important;padding-top:6px!important}
  body.sonani-v27 .intro-actions{width:100%!important}
}
@media (max-width:720px){
  body.sonani-v27 .topbar{padding:8px 10px!important;min-height:62px!important}
  body.sonani-v27 .topbar-search{flex:1!important;width:auto!important}
  body.sonani-v27 .rate-chip,.profile-copy{display:none!important}
  body.sonani-v27 .main{padding:14px 10px 30px!important}
  body.sonani-v27 .page-intro h1{font-size:23px!important}
  body.sonani-v27 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.sonani-v27 .btn{min-height:36px!important;padding-inline:11px!important}
  body.sonani-v27 .modal-backdrop{padding:8px!important}
  body.sonani-v27 .modal{width:100%!important;max-width:none!important;border-radius:14px!important}
  body.login-page.sonani-v27{padding:0!important;background:#fff!important}
  body.login-page.sonani-v27 .login-shell{min-height:100vh!important;border-radius:0!important;box-shadow:none!important;display:block!important}
  body.login-page.sonani-v27 .login-art{display:none!important}
  body.login-page.sonani-v27 .login-panel{padding:38px 24px!important;min-height:100vh!important}
}


/* ============================================================
   LOCAL UPDATE 006 V1.2 — VIDEO-STYLE MAIN MENU
   Compact icon rail <-> expanded accordion navigation.
   This section intentionally affects the sidebar only.
   ============================================================ */

@media (min-width:1025px){
  body.sonani-v27.ux-video-menu{
    --ux-sidebar-w:214px;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed{
    --ux-sidebar-w:64px;
  }

  body.sonani-v27.ux-video-menu .sidebar{
    width:var(--ux-sidebar-w)!important;
    background:#fff!important;
    border-right:1px solid #e3e6ed!important;
    padding:8px 7px 54px!important;
    box-shadow:3px 0 14px rgba(16,24,40,.03)!important;
    overflow:hidden!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .brand{
    min-height:52px!important;
    margin:0 0 5px!important;
    padding:6px 8px!important;
    border-bottom:1px solid #eceef3!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.sonani-v27.ux-video-menu .brand-monogram{
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:9px!important;
  }
  body.sonani-v27.ux-video-menu .brand-copy strong{color:#242a35!important}
  body.sonani-v27.ux-video-menu .brand-copy span{color:#9299a8!important}

  body.sonani-v27.ux-video-menu .sidebar .nav{
    padding:4px 0 8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    height:calc(100vh - 120px)!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .ux-nav-section-label{display:none!important}

  body.sonani-v27.ux-video-menu .sidebar .nav>a,
  body.sonani-v27.ux-video-menu .sidebar .nav-bottom>a,
  body.sonani-v27.ux-video-menu .sidebar .nav-style-group-items>a,
  body.sonani-v27.ux-video-menu .sidebar .nav-inventory-group-items>a,
  body.sonani-v27.ux-video-menu .sidebar .nav-memo-group a{
    min-height:36px!important;
    border-radius:6px!important;
    margin:1px 0!important;
    padding:0 10px!important;
    border:0!important;
    color:#4c535f!important;
    background:transparent!important;
    font-size:11.5px!important;
    font-weight:500!important;
    box-shadow:none!important;
    transform:none!important;
    gap:9px!important;
    white-space:nowrap!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .nav>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-bottom>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-style-group-items>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-inventory-group-items>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-memo-group a:hover{
    background:#f4f1e8!important;
    color:#2d3036!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .nav a.active,
  body.sonani-v27.ux-video-menu .sidebar .nav-style-group-items>a.active,
  body.sonani-v27.ux-video-menu .sidebar .nav-inventory-group-items>a.active,
  body.sonani-v27.ux-video-menu .sidebar .nav-memo-group a.active{
    background:#c9b878!important;
    color:#272516!important;
    font-weight:650!important;
    box-shadow:none!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .nav svg{
    width:17px!important;height:17px!important;
    color:#5e6570!important;
    opacity:1!important;
  }

  body.sonani-v27.ux-video-menu .ux-menu-fallback-icon{
    width:18px;height:18px;min-width:18px;
    display:inline-grid!important;place-items:center;
    color:#5e6570;font-size:15px;line-height:1;
  }

  body.sonani-v27.ux-video-menu .nav-style-group,
  body.sonani-v27.ux-video-menu .nav-inventory-group,
  body.sonani-v27.ux-video-menu .nav-memo-group{
    margin:1px 0!important;
  }

  body.sonani-v27.ux-video-menu .nav-style-group-title,
  body.sonani-v27.ux-video-menu .nav-inventory-group-title{
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:6px!important;
    color:#4c535f!important;
    font-size:11.5px!important;
    font-weight:500!important;
    text-transform:none!important;
    letter-spacing:0!important;
    cursor:pointer!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    user-select:none!important;
    white-space:nowrap!important;
  }

  body.sonani-v27.ux-video-menu .nav-style-group-title:hover,
  body.sonani-v27.ux-video-menu .nav-inventory-group-title:hover{
    background:#f4f1e8!important;
    color:#2d3036!important;
  }

  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>
  .nav-style-group-title,
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>
  .nav-inventory-group-title{
    background:#c9b878!important;
    color:#272516!important;
  }

  body.sonani-v27.ux-video-menu .ux-menu-arrow{
    margin-left:auto!important;
    font-size:13px!important;
    transition:transform .16s ease!important;
  }
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open .ux-menu-arrow{
    transform:rotate(180deg)!important;
  }

  body.sonani-v27.ux-video-menu .nav-style-group-items,
  body.sonani-v27.ux-video-menu .nav-inventory-group-items{
    display:none!important;
    padding:2px 0 3px 16px!important;
  }
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>
  .nav-style-group-items,
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>
  .nav-inventory-group-items{
    display:block!important;
  }

  body.sonani-v27.ux-video-menu .nav-style-group-items>a,
  body.sonani-v27.ux-video-menu .nav-inventory-group-items>a{
    min-height:31px!important;
    padding-left:13px!important;
    font-size:10.8px!important;
    position:relative!important;
  }
  body.sonani-v27.ux-video-menu .nav-style-group-items>a:before,
  body.sonani-v27.ux-video-menu .nav-inventory-group-items>a:before{
    content:"";
    width:4px;height:4px;border-radius:50%;
    background:#9a9fab;
    flex:0 0 auto;
  }

  body.sonani-v27.ux-video-menu .sidebar .nav-bottom{
    border-top:1px solid #eceef3!important;
    background:#fff!important;
    padding:6px 0 0!important;
  }

  body.sonani-v27.ux-video-menu .ux-video-menu-toggle{
    position:absolute;
    left:7px;right:7px;bottom:7px;
    height:36px;
    border:0;
    border-top:1px solid #eceef3;
    background:#fff;
    color:#505763;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:9px;
    padding:5px 10px 0;
    font:600 11px/1 var(--ux-font);
    z-index:3;
  }
  body.sonani-v27.ux-video-menu .ux-video-menu-toggle:hover{color:#151922}
  body.sonani-v27.ux-video-menu .ux-menu-toggle-lines{font-size:17px;width:18px;text-align:center}

  /* Collapsed rail: exactly like the reference video — icons only. */
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar{
    padding-inline:7px!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .brand{
    justify-content:center!important;
    padding-inline:0!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .brand-copy{display:none!important}
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .nav>a,
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .nav-bottom>a{
    justify-content:center!important;
    padding:0!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .nav>a>span:not(.ux-menu-fallback-icon),
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .nav-bottom>a>span:not(.ux-menu-fallback-icon){
    display:none!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .nav-style-group-title,
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .nav-inventory-group-title{
    justify-content:center!important;
    padding:0!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .nav-style-group-title>span:not(.nav-style-group-icon),
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .nav-inventory-group-title>span:not(.nav-inventory-group-icon){
    display:none!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .nav-style-group-items,
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .nav-inventory-group-items{
    display:none!important;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .ux-video-menu-toggle{
    justify-content:center;
    padding-inline:0;
  }
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .ux-menu-toggle-copy{display:none!important}

  body.sonani-v27.ux-video-menu .app{
    margin-left:var(--ux-sidebar-w)!important;
    width:calc(100% - var(--ux-sidebar-w))!important;
    max-width:calc(100% - var(--ux-sidebar-w))!important;
    transition:margin-left .18s ease,width .18s ease,max-width .18s ease!important;
  }

  /* The legacy top Menu button also expands/collapses this rail on desktop. */
  body.sonani-v27.ux-video-menu .sidebar-toggle span{display:inline!important}
}

/* Mobile stays an off-canvas drawer; no tiny icon rail. */
@media (max-width:1024px){
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed{--ux-sidebar-w:260px}
  body.sonani-v27.ux-video-menu .ux-video-menu-toggle{display:none!important}
}



/* ============================================================
   LOCAL UPDATE 006 V1.3 — HOVER SIDEBAR + SONANI THEME
   ============================================================ */

@media (min-width:1025px){

  /* Desktop no longer needs the top Menu button. */
  body.sonani-v27.ux-video-menu .sidebar-toggle{
    display:none!important;
  }

  /* Remove bottom click toggle: hover is the interaction. */
  body.sonani-v27.ux-video-menu .ux-video-menu-toggle{
    display:none!important;
  }

  body.sonani-v27.ux-video-menu{
    --ux-sidebar-w:220px;
  }

  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed{
    --ux-sidebar-w:66px;
  }

  body.sonani-v27.ux-video-menu .sidebar{
    background:#ffffff!important;
    border-right:1px solid #e7e9f2!important;
    box-shadow:4px 0 18px rgba(35,38,64,.045)!important;
    padding:8px 7px 12px!important;
    transition:
      width .18s ease,
      box-shadow .18s ease!important;
  }

  body.sonani-v27.ux-video-menu .sidebar:hover{
    box-shadow:8px 0 28px rgba(49,46,129,.10)!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .brand{
    border-bottom:1px solid #eef0f6!important;
  }

  /* Sonani purple replaces the beige/gold reference color. */
  body.sonani-v27.ux-video-menu .sidebar .nav>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-bottom>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-style-group-items>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-inventory-group-items>a:hover,
  body.sonani-v27.ux-video-menu .sidebar .nav-memo-group a:hover,
  body.sonani-v27.ux-video-menu .nav-style-group-title:hover,
  body.sonani-v27.ux-video-menu .nav-inventory-group-title:hover{
    background:#f4f3ff!important;
    color:#4f46e5!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .nav a.active,
  body.sonani-v27.ux-video-menu .sidebar .nav-style-group-items>a.active,
  body.sonani-v27.ux-video-menu .sidebar .nav-inventory-group-items>a.active,
  body.sonani-v27.ux-video-menu .sidebar .nav-memo-group a.active,
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>.nav-style-group-title,
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>.nav-inventory-group-title{
    background:#5b4df4!important;
    color:#ffffff!important;
    box-shadow:0 6px 14px rgba(91,77,244,.16)!important;
  }

  body.sonani-v27.ux-video-menu .sidebar .nav a.active svg,
  body.sonani-v27.ux-video-menu .sidebar .nav a.active .ux-menu-fallback-icon,
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>.nav-style-group-title .nav-style-group-icon,
  body.sonani-v27.ux-video-menu .ux-menu-accordion.ux-open>.nav-inventory-group-title .nav-inventory-group-icon{
    color:#ffffff!important;
  }

  body.sonani-v27.ux-video-menu .ux-menu-fallback-icon,
  body.sonani-v27.ux-video-menu .sidebar .nav svg{
    color:#62697a!important;
  }

  body.sonani-v27.ux-video-menu .nav-style-group-items,
  body.sonani-v27.ux-video-menu .nav-inventory-group-items{
    border-left:1px solid #e8e8f6!important;
    margin-left:17px!important;
    padding-left:9px!important;
  }

  body.sonani-v27.ux-video-menu .nav-style-group-items>a:before,
  body.sonani-v27.ux-video-menu .nav-inventory-group-items>a:before{
    background:#bbb8e7!important;
  }

  /* Collapsed rail stays clean and icon-only. */
  body.sonani-v27.ux-video-menu.ux-sidebar-collapsed .sidebar .brand{
    justify-content:center!important;
  }

  /* Main content follows current rail width cleanly. */
  body.sonani-v27.ux-video-menu .app{
    margin-left:var(--ux-sidebar-w)!important;
    width:calc(100% - var(--ux-sidebar-w))!important;
    max-width:calc(100% - var(--ux-sidebar-w))!important;
    transition:
      margin-left .18s ease,
      width .18s ease,
      max-width .18s ease!important;
  }

  /* When hover opens menu, submenu text becomes visible naturally. */
  body.sonani-v27.ux-video-menu:not(.ux-sidebar-collapsed) .sidebar{
    overflow:hidden!important;
  }

  body.sonani-v27.ux-video-menu:not(.ux-sidebar-collapsed) .sidebar .nav{
    overflow-y:auto!important;
  }

  /* Cleaner header after removing desktop Menu button. */
  body.sonani-v27.ux-video-menu .topbar{
    padding-left:18px!important;
  }
}

/* Mobile keeps one necessary trigger for the off-canvas navigation. */
@media (max-width:1024px){
  body.sonani-v27.ux-video-menu .sidebar-toggle{
    display:inline-flex!important;
  }
}



/* ============================================================
   LOCAL UPDATE 006 V1.4 — PREMIUM FIXED ERP SIDEBAR
   Reference behavior: full readable left navigation, accordion groups.
   ============================================================ */

@media (min-width:1025px){

  body.sonani-v27.ux-fixed-sidebar{
    --ux-sidebar-w:226px!important;
  }

  body.sonani-v27.ux-fixed-sidebar .sidebar-toggle{
    display:none!important;
  }

  body.sonani-v27.ux-fixed-sidebar .sidebar{
    transform:none!important;
    width:226px!important;
    min-width:226px!important;
    max-width:226px!important;
    padding:0!important;
    background:#ffffff!important;
    border-right:1px solid #e6e8ef!important;
    box-shadow:3px 0 18px rgba(26,31,54,.045)!important;
    overflow:hidden!important;
    transition:none!important;
    display:flex!important;
    flex-direction:column!important;
  }

  /* Brand */
  body.sonani-v27.ux-fixed-sidebar .sidebar .brand{
    flex:0 0 66px!important;
    height:66px!important;
    min-height:66px!important;
    padding:0 16px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    border-bottom:1px solid #eef0f5!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.sonani-v27.ux-fixed-sidebar .brand-monogram{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:10px!important;
    box-shadow:0 4px 12px rgba(91,77,244,.14)!important;
  }

  body.sonani-v27.ux-fixed-sidebar .brand-copy{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:1px!important;
  }

  body.sonani-v27.ux-fixed-sidebar .brand-copy strong{
    font-size:13px!important;
    font-weight:750!important;
    color:#161a24!important;
    letter-spacing:.01em!important;
  }

  body.sonani-v27.ux-fixed-sidebar .brand-copy span{
    display:block!important;
    font-size:9.5px!important;
    color:#8b92a1!important;
  }

  /* Main nav scroll area */
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 9px 12px!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#d9dbea transparent!important;
  }

  body.sonani-v27.ux-fixed-sidebar .sidebar .nav::-webkit-scrollbar{width:4px!important}
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav::-webkit-scrollbar-thumb{
    background:#d9dbea!important;
    border-radius:20px!important;
  }

  body.sonani-v27.ux-fixed-sidebar .ux-nav-section-label{
    display:none!important;
  }

  /* Top-level links */
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav>a,
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav-bottom>a{
    width:100%!important;
    min-height:38px!important;
    margin:2px 0!important;
    padding:0 11px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#4f5664!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:11.5px!important;
    font-weight:560!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    transition:
      background .14s ease,
      color .14s ease,
      border-color .14s ease,
      transform .14s ease!important;
  }

  body.sonani-v27.ux-fixed-sidebar .sidebar .nav>a:hover,
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav-bottom>a:hover{
    background:#f6f5ff!important;
    color:#4f46e5!important;
    border-color:#ebe9ff!important;
    transform:translateX(1px)!important;
  }

  body.sonani-v27.ux-fixed-sidebar .sidebar .nav>a.active,
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav-bottom>a.active{
    background:linear-gradient(135deg,#5b4df4,#675cf6)!important;
    color:#fff!important;
    border-color:#5b4df4!important;
    box-shadow:0 6px 14px rgba(91,77,244,.18)!important;
    font-weight:650!important;
  }

  body.sonani-v27.ux-fixed-sidebar .sidebar .nav>a.active svg,
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav>a.active .ux-menu-fallback-icon{
    color:#fff!important;
  }

  /* Icon treatment */
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav svg,
  body.sonani-v27.ux-fixed-sidebar .ux-menu-fallback-icon,
  body.sonani-v27.ux-fixed-sidebar .nav-style-group-icon,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex:0 0 18px!important;
    display:inline-grid!important;
    place-items:center!important;
    color:#707789!important;
    font-size:15px!important;
    line-height:1!important;
  }

  /* Accordion parent */
  body.sonani-v27.ux-fixed-sidebar .nav-style-group,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group,
  body.sonani-v27.ux-fixed-sidebar .nav-memo-group{
    margin:2px 0!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-title,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-title{
    width:100%!important;
    min-height:38px!important;
    padding:0 11px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#4f5664!important;
    background:transparent!important;
    font-size:11.5px!important;
    font-weight:580!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
    transition:background .14s ease,color .14s ease,border-color .14s ease!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-title:hover,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-title:hover{
    background:#f6f5ff!important;
    color:#4f46e5!important;
    border-color:#ebe9ff!important;
  }

  body.sonani-v27.ux-fixed-sidebar .ux-menu-accordion.ux-open>
  .nav-style-group-title,
  body.sonani-v27.ux-fixed-sidebar .ux-menu-accordion.ux-open>
  .nav-inventory-group-title{
    background:#f1efff!important;
    color:#4f46e5!important;
    border-color:#e4e0ff!important;
    font-weight:650!important;
  }

  body.sonani-v27.ux-fixed-sidebar .ux-menu-arrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
    margin-left:auto!important;
    color:#9298a7!important;
    font-size:13px!important;
    transition:transform .16s ease!important;
  }

  body.sonani-v27.ux-fixed-sidebar .ux-menu-accordion.ux-open .ux-menu-arrow{
    transform:rotate(180deg)!important;
    color:#5b4df4!important;
  }

  /* Submenus */
  body.sonani-v27.ux-fixed-sidebar .nav-style-group-items,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-items{
    display:none!important;
    margin:3px 0 6px 17px!important;
    padding:3px 0 3px 11px!important;
    border-left:1px solid #e4e2f4!important;
  }

  body.sonani-v27.ux-fixed-sidebar .ux-menu-accordion.ux-open>
  .nav-style-group-items,
  body.sonani-v27.ux-fixed-sidebar .ux-menu-accordion.ux-open>
  .nav-inventory-group-items{
    display:block!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-items>a,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-items>a,
  body.sonani-v27.ux-fixed-sidebar .nav-memo-group a{
    width:100%!important;
    min-height:32px!important;
    margin:1px 0!important;
    padding:0 9px!important;
    border-radius:7px!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#707789!important;
    background:transparent!important;
    font-size:10.8px!important;
    font-weight:540!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-items>a:before,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-items>a:before{
    content:""!important;
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:#b9b7d8!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-items>a:hover,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-items>a:hover,
  body.sonani-v27.ux-fixed-sidebar .nav-memo-group a:hover{
    color:#4f46e5!important;
    background:#f7f6ff!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-items>a.active,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-items>a.active,
  body.sonani-v27.ux-fixed-sidebar .nav-memo-group a.active{
    color:#4f46e5!important;
    background:#eeecff!important;
    font-weight:650!important;
  }

  body.sonani-v27.ux-fixed-sidebar .nav-style-group-items>a.active:before,
  body.sonani-v27.ux-fixed-sidebar .nav-inventory-group-items>a.active:before{
    background:#5b4df4!important;
  }

  /* Bottom actions */
  body.sonani-v27.ux-fixed-sidebar .sidebar .nav-bottom{
    flex:0 0 auto!important;
    padding:8px 9px 10px!important;
    margin:0!important;
    border-top:1px solid #eef0f5!important;
    background:#fff!important;
  }

  body.sonani-v27.ux-fixed-sidebar .ux-video-menu-toggle{
    display:none!important;
  }

  /* Never use the compact-rail rules on desktop. */
  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .sidebar{
    width:226px!important;
    min-width:226px!important;
    max-width:226px!important;
  }

  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .brand-copy,
  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .sidebar .nav>a>span,
  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .nav-style-group-title>span,
  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .nav-inventory-group-title>span{
    display:initial!important;
  }

  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .nav-style-group-items,
  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .nav-inventory-group-items{
    display:none!important;
  }

  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .ux-menu-accordion.ux-open>
  .nav-style-group-items,
  body.sonani-v27.ux-fixed-sidebar.ux-sidebar-collapsed .ux-menu-accordion.ux-open>
  .nav-inventory-group-items{
    display:block!important;
  }

  body.sonani-v27.ux-fixed-sidebar .app{
    margin-left:226px!important;
    width:calc(100% - 226px)!important;
    max-width:calc(100% - 226px)!important;
    transition:none!important;
  }

  body.sonani-v27.ux-fixed-sidebar .topbar{
    padding-left:16px!important;
  }
}

/* Mobile keeps the existing slide-out navigation. */
@media (max-width:1024px){
  body.sonani-v27.ux-fixed-sidebar .sidebar-toggle{
    display:inline-flex!important;
  }
}


/* ============================================================
   LOCAL UPDATE 006 V1.5 — AUTO-HOVER HIDDEN SIDEBAR
   Desktop: hidden by default, reveal on left-edge hover.
   ============================================================ */

@media (min-width:1025px){

  body.sonani-v27.ux-auto-hover-sidebar{
    --ux-hover-sidebar-w:236px;
    --ux-hover-trigger-w:12px;
  }

  /* Desktop top Menu button is not needed. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar-toggle{
    display:none!important;
  }

  /* Sidebar becomes an overlay so page content never jumps. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1200!important;

    width:var(--ux-hover-sidebar-w)!important;
    min-width:var(--ux-hover-sidebar-w)!important;
    max-width:var(--ux-hover-sidebar-w)!important;

    transform:translateX(calc(-1 * (var(--ux-hover-sidebar-w) - var(--ux-hover-trigger-w))))!important;

    background:#ffffff!important;
    border-right:1px solid #e4e7f0!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:10px 0 34px rgba(31,35,60,.08)!important;
    overflow:hidden!important;

    display:flex!important;
    flex-direction:column!important;

    transition:
      transform .20s cubic-bezier(.2,.75,.25,1),
      box-shadow .20s ease!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within{
    transform:translateX(0)!important;
    box-shadow:18px 0 44px rgba(38,40,78,.14)!important;
  }

  /* Slim left hover trigger visible while closed. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar::after{
    content:"";
    position:absolute;
    top:88px;
    right:0;
    width:var(--ux-hover-trigger-w);
    height:92px;
    border-radius:10px 0 0 10px;
    background:linear-gradient(180deg,#5b4df4,#7a6ff7);
    box-shadow:0 4px 16px rgba(91,77,244,.26);
    opacity:.82;
    pointer-events:none;
    transition:opacity .15s ease;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar::after,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover::after{
    opacity:0;
  }

  /* Premium Sonani brand header. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .brand{
    flex:0 0 68px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    border-bottom:1px solid #eef0f5!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .brand-monogram{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    border-radius:10px!important;
    box-shadow:0 5px 14px rgba(91,77,244,.16)!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .brand-copy{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    gap:2px!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .brand-copy strong{
    font-size:13px!important;
    font-weight:750!important;
    color:#171b25!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .brand-copy span{
    display:block!important;
    font-size:9.5px!important;
    color:#8e95a4!important;
  }

  /* Scrollable main navigation. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:10px 9px 12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#d9dbea transparent!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav::-webkit-scrollbar{
    width:4px!important;
  }
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav::-webkit-scrollbar-thumb{
    background:#d9dbea!important;
    border-radius:20px!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-nav-section-label{
    display:none!important;
  }

  /* Top level menu rows */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a{
    width:100%!important;
    min-height:39px!important;
    margin:2px 0!important;
    padding:0 11px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;

    display:flex!important;
    align-items:center!important;
    gap:10px!important;

    background:transparent!important;
    color:#515968!important;
    box-shadow:none!important;

    font-size:11.5px!important;
    font-weight:560!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;

    transition:
      background .13s ease,
      border-color .13s ease,
      color .13s ease,
      transform .13s ease!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a:hover,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a:hover{
    background:#f5f4ff!important;
    border-color:#ebe9ff!important;
    color:#4f46e5!important;
    transform:translateX(2px)!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a.active,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a.active{
    background:#5b4df4!important;
    border-color:#5b4df4!important;
    color:#fff!important;
    font-weight:650!important;
    box-shadow:0 6px 16px rgba(91,77,244,.18)!important;
  }

  /* Icons */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav svg,
  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-fallback-icon,
  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-icon,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex:0 0 18px!important;
    display:inline-grid!important;
    place-items:center!important;
    color:#71788a!important;
    font-size:15px!important;
    line-height:1!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a.active svg,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a.active .ux-menu-fallback-icon{
    color:#fff!important;
  }

  /* Accordion parents */
  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group,
  body.sonani-v27.ux-auto-hover-sidebar .nav-memo-group{
    margin:2px 0!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-title{
    width:100%!important;
    min-height:39px!important;
    padding:0 11px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;

    display:flex!important;
    align-items:center!important;
    gap:10px!important;

    background:transparent!important;
    color:#515968!important;

    font-size:11.5px!important;
    font-weight:580!important;
    line-height:1!important;
    cursor:pointer!important;
    white-space:nowrap!important;

    transition:
      background .13s ease,
      border-color .13s ease,
      color .13s ease!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-title:hover,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-title:hover{
    background:#f5f4ff!important;
    border-color:#ebe9ff!important;
    color:#4f46e5!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-accordion.ux-open>
  .nav-style-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-accordion.ux-open>
  .nav-inventory-group-title{
    background:#efedff!important;
    border-color:#e2deff!important;
    color:#4f46e5!important;
    font-weight:650!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-arrow{
    display:inline-flex!important;
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    color:#9a9fad!important;
    transition:transform .15s ease!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-accordion.ux-open .ux-menu-arrow{
    transform:rotate(180deg)!important;
    color:#5b4df4!important;
  }

  /* Submenus */
  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items{
    display:none!important;
    margin:3px 0 6px 17px!important;
    padding:3px 0 3px 11px!important;
    border-left:1px solid #e3e1f3!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-accordion.ux-open>
  .nav-style-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-accordion.ux-open>
  .nav-inventory-group-items{
    display:block!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items>a,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items>a,
  body.sonani-v27.ux-auto-hover-sidebar .nav-memo-group a{
    width:100%!important;
    min-height:32px!important;
    margin:1px 0!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:7px!important;

    display:flex!important;
    align-items:center!important;
    gap:8px!important;

    background:transparent!important;
    color:#737a8b!important;

    font-size:10.8px!important;
    font-weight:540!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items>a:before,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items>a:before{
    content:""!important;
    width:5px!important;
    height:5px!important;
    min-width:5px!important;
    border-radius:50%!important;
    background:#bbb9d8!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items>a:hover,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items>a:hover,
  body.sonani-v27.ux-auto-hover-sidebar .nav-memo-group a:hover{
    background:#f7f6ff!important;
    color:#4f46e5!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items>a.active,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items>a.active,
  body.sonani-v27.ux-auto-hover-sidebar .nav-memo-group a.active{
    background:#eceaff!important;
    color:#4f46e5!important;
    font-weight:650!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items>a.active:before,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items>a.active:before{
    background:#5b4df4!important;
  }

  /* Bottom Settings / Logout */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom{
    flex:0 0 auto!important;
    margin:0!important;
    padding:8px 9px 10px!important;
    border-top:1px solid #eef0f5!important;
    background:#fff!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-video-menu-toggle{
    display:none!important;
  }

  /* Main application always uses the full desktop width.
     Sidebar overlays it only while open. */
  body.sonani-v27.ux-auto-hover-sidebar .app{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
    transition:none!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .topbar{
    padding-left:18px!important;
  }

  /* Tiny breathing room so left-most page content is not exactly under trigger. */
  body.sonani-v27.ux-auto-hover-sidebar .main{
    padding-left:max(18px, var(--main-pad,18px))!important;
  }
}

/* Mobile keeps classic off-canvas navigation + hamburger. */
@media (max-width:1024px){
  body.sonani-v27.ux-auto-hover-sidebar .sidebar-toggle{
    display:inline-flex!important;
  }
}


/* ============================================================
   LOCAL UPDATE 006 V1.6 — ICON RAIL + HOVER EXPAND
   Closed state keeps full navigation icons visible.
   ============================================================ */

@media (min-width:1025px){

  body.sonani-v27.ux-auto-hover-sidebar{
    --ux-rail-w:62px;
    --ux-expanded-sidebar-w:236px;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar-toggle{
    display:none!important;
  }

  /* Closed state = visible icon rail, not hidden strip. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1200!important;

    width:var(--ux-rail-w)!important;
    min-width:var(--ux-rail-w)!important;
    max-width:var(--ux-rail-w)!important;

    transform:none!important;
    border-radius:0!important;
    background:#fff!important;
    border-right:1px solid #e3e6ef!important;
    box-shadow:4px 0 18px rgba(31,35,60,.055)!important;
    overflow:hidden!important;

    display:flex!important;
    flex-direction:column!important;

    transition:
      width .19s cubic-bezier(.2,.75,.25,1),
      min-width .19s cubic-bezier(.2,.75,.25,1),
      max-width .19s cubic-bezier(.2,.75,.25,1),
      box-shadow .19s ease!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within{
    width:var(--ux-expanded-sidebar-w)!important;
    min-width:var(--ux-expanded-sidebar-w)!important;
    max-width:var(--ux-expanded-sidebar-w)!important;
    box-shadow:14px 0 36px rgba(38,40,78,.13)!important;
  }

  /* Remove V1.5 purple edge trigger completely. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar::after{
    display:none!important;
    content:none!important;
  }

  /* Brand: logo icon always visible, text only when expanded. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .brand{
    flex:0 0 66px!important;
    height:66px!important;
    min-height:66px!important;
    padding:0 12px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    border-bottom:1px solid #eef0f5!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .brand-monogram{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
    border-radius:10px!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .brand-copy{
    opacity:0!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    transition:opacity .12s ease!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .brand-copy,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .brand-copy,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .brand-copy{
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
    display:flex!important;
    flex-direction:column!important;
  }

  /* Navigation rail */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:9px 7px 10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  /* Top-level rows in collapsed rail */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a{
    width:100%!important;
    min-height:40px!important;
    margin:2px 0!important;
    padding:0!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
  }

  /* Labels hidden in compact rail. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a>span:not(.ux-menu-fallback-icon),
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a>span:not(.ux-menu-fallback-icon){
    display:none!important;
  }

  /* Icons remain clearly visible in compact rail. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a svg,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a svg,
  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-fallback-icon{
    display:inline-grid!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    place-items:center!important;
    margin:0!important;
    color:#656d7d!important;
    font-size:16px!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a:hover,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a:hover{
    background:#f3f1ff!important;
    color:#5147df!important;
    transform:none!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a.active,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom>a.active{
    background:#5b4df4!important;
    color:#fff!important;
    box-shadow:0 5px 13px rgba(91,77,244,.18)!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a.active svg,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav>a.active .ux-menu-fallback-icon{
    color:#fff!important;
  }

  /* Parent groups become clean icon buttons while collapsed. */
  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-title{
    width:100%!important;
    min-height:40px!important;
    margin:2px 0!important;
    padding:0!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-title>span:not(.nav-style-group-icon):not(.ux-menu-fallback-icon),
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-title>span:not(.nav-inventory-group-icon):not(.ux-menu-fallback-icon){
    display:none!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-icon,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-icon{
    display:inline-grid!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    place-items:center!important;
    margin:0!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .ux-menu-arrow{
    display:none!important;
  }

  /* Never show submenu while rail is compact. */
  body.sonani-v27.ux-auto-hover-sidebar .nav-style-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .nav-inventory-group-items{
    display:none!important;
  }

  /* EXPANDED STATE ------------------------------------------ */

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar .nav>a,
  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar .nav-bottom>a,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav>a,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav-bottom>a,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav>a,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav-bottom>a{
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 11px!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar .nav>a>span,
  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .sidebar .nav-bottom>a>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav>a>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav-bottom>a>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav>a>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav-bottom>a>span{
    display:inline-flex!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .nav-style-group-title,
  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .nav-inventory-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav-style-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav-inventory-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav-style-group-title,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav-inventory-group-title{
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 11px!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .nav-style-group-title>span,
  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .nav-inventory-group-title>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav-style-group-title>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .nav-inventory-group-title>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav-style-group-title>span,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .nav-inventory-group-title>span{
    display:inline-flex!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .ux-menu-arrow,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .ux-menu-arrow,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .ux-menu-arrow{
    display:inline-flex!important;
    margin-left:auto!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .ux-menu-accordion.ux-open>.nav-style-group-items,
  body.sonani-v27.ux-auto-hover-sidebar.ux-sidebar-open .ux-menu-accordion.ux-open>.nav-inventory-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .ux-menu-accordion.ux-open>.nav-style-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:hover .ux-menu-accordion.ux-open>.nav-inventory-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .ux-menu-accordion.ux-open>.nav-style-group-items,
  body.sonani-v27.ux-auto-hover-sidebar .sidebar:focus-within .ux-menu-accordion.ux-open>.nav-inventory-group-items{
    display:block!important;
  }

  /* Bottom rail icons visible while compact. */
  body.sonani-v27.ux-auto-hover-sidebar .sidebar .nav-bottom{
    flex:0 0 auto!important;
    padding:7px!important;
    margin:0!important;
    border-top:1px solid #eef0f5!important;
    background:#fff!important;
  }

  /* App permanently reserves only the icon rail width.
     Expanded sidebar overlays the content without moving it. */
  body.sonani-v27.ux-auto-hover-sidebar .app{
    margin-left:var(--ux-rail-w)!important;
    width:calc(100% - var(--ux-rail-w))!important;
    max-width:calc(100% - var(--ux-rail-w))!important;
    transition:none!important;
  }

  body.sonani-v27.ux-auto-hover-sidebar .topbar{
    padding-left:16px!important;
  }
}

@media (max-width:1024px){
  body.sonani-v27.ux-auto-hover-sidebar .sidebar-toggle{
    display:inline-flex!important;
  }
}



/* ============================================================
   LOCAL UPDATE 006 V1.7 — COMPACT PAGE HEADERS
   Remove breadcrumb + eyebrow labels globally.
   Keep only the actual page title and useful actions/status.
   ============================================================ */

/* Generated/global breadcrumb */
body.sonani-v27 .ux-breadcrumb,
body.sonani-v27 .breadcrumb,
body.sonani-v27 .breadcrumbs,
body.sonani-v27 [class*="breadcrumb"]{
  display:none!important;
}

/* Small uppercase page category labels such as:
   PHYSICAL STOCK / MASTER SETTINGS / MEMO OPERATIONS / etc. */
body.sonani-v27 .page-eyebrow,
body.sonani-v27 .page-kicker,
body.sonani-v27 .section-eyebrow,
body.sonani-v27 .eyebrow,
body.sonani-v27 .page-subtitle-label,
body.sonani-v27 .main>.eyebrow,
body.sonani-v27 .page-head>.eyebrow,
body.sonani-v27 .page-header>.eyebrow,
body.sonani-v27 .page-intro>.eyebrow,
body.sonani-v27 [class*="eyebrow"]{
  display:none!important;
}

/* UX V27 injects a small blue uppercase hint on many pages. */
body.sonani-v27 .ux-page-kicker,
body.sonani-v27 .ux-page-eyebrow{
  display:none!important;
}

/* Compact page header region globally. */
body.sonani-v27 .page-head,
body.sonani-v27 .page-header,
body.sonani-v27 .page-intro,
body.sonani-v27 .content-header,
body.sonani-v27 .master-page-head,
body.sonani-v27 .memo-page-head{
  margin-top:0!important;
  padding-top:0!important;
  margin-bottom:10px!important;
  padding-bottom:0!important;
}

/* Main content starts closer to topbar. */
body.sonani-v27 .main{
  padding-top:14px!important;
}

/* Keep title, but make it more efficient. */
body.sonani-v27 .page-head h1,
body.sonani-v27 .page-header h1,
body.sonani-v27 .page-intro h1,
body.sonani-v27 .content-header h1,
body.sonani-v27 main h1{
  margin-top:0!important;
  margin-bottom:4px!important;
  line-height:1.08!important;
}

/* If header has only title + status/actions, avoid unnecessary tall wrappers. */
body.sonani-v27 .page-head,
body.sonani-v27 .page-header{
  min-height:0!important;
}

/* Reduce space before first real card/table/tab after page heading. */
body.sonani-v27 .page-head + *,
body.sonani-v27 .page-header + *,
body.sonani-v27 .page-intro + *{
  margin-top:8px!important;
}