/*
  R13.4.0 cleanup note: package-only hardening; no locked UI redesign.
  AMNKO R9 Theme — tokenized in R13.2.4
  AMNKO unified structure + AMNKO visual identity
  Applied centrally so Cashier / Companies / Institutions share the same design system.
*/
:root{
  --amnko-primary:var(--amk-color-primary,#00a8c8);
  --amnko-primary-600:var(--amk-color-primary-600,#0891b2);
  --amnko-primary-700:var(--amk-color-primary-700,#087e96);
  --amnko-navy:var(--amk-color-heading,#0f172a);
  --amnko-ink:var(--amk-color-text,#172033);
  --amnko-muted:var(--amk-color-muted,#64748b);
  --amnko-bg:var(--amk-color-app-bg,#f6f8fb);
  --amnko-surface:var(--amk-color-surface,#ffffff);
  --amnko-surface-2:var(--amk-color-surface-soft,#f8fafc);
  --amnko-border:var(--amk-color-border,#e2e8f0);
  --amnko-border-strong:var(--amk-color-border-strong,#cbd5e1);
  --amnko-radius-sm:var(--amk-radius-sm,10px);
  --amnko-radius:var(--amk-radius-md,14px);
  --amnko-radius-lg:var(--amk-radius-lg,18px);
  --amnko-shadow-xs:var(--amk-shadow-xs,0 1px 2px rgba(15,23,42,.04));
  --amnko-shadow-sm:var(--amk-shadow-sm,0 6px 16px rgba(15,23,42,.055));
  --amnko-shadow-md:var(--amk-shadow-md,0 12px 28px rgba(15,23,42,.075));
  --amnko-topbar-h:var(--amk-topbar-height,56px);
  --amnko-sidebar-w:var(--amk-sidebar-width,196px);
}

/* ===== Core shell ===== */
html{ background:var(--amnko-bg); }
body.amnko-r9,
body{
  background:var(--amnko-bg) !important;
  color:var(--amnko-ink);
  font-size:14px;
}
body.amnko-r9 .content-wrap{ background:var(--amnko-bg) !important; }
body.amnko-r9 .page-content{
  padding:18px 22px 22px !important;
  animation:none !important;
}
@media (min-width:992px){
  body.amnko-r9 .sidebar-col{ flex:0 0 var(--amnko-sidebar-w) !important; max-width:var(--amnko-sidebar-w) !important; }
  body.amnko-r9 .main-col{ flex:1 1 auto !important; max-width:calc(100% - var(--amnko-sidebar-w)) !important; }
}
@media (max-width:991px){
  body.amnko-r9 .page-content{ padding:14px !important; }
}

/* ===== Compact AMNKO unified topbar ===== */
body.amnko-r9 .app-header{
  min-height:var(--amnko-topbar-h) !important;
  height:var(--amnko-topbar-h);
  padding:7px 16px !important;
  background:var(--amk-gradient-primary, linear-gradient(135deg, var(--amnko-primary) 0%, var(--amnko-primary-700) 100%)) !important;
  box-shadow:0 4px 16px rgba(0,184,217,.12) !important;
  border:0 !important;
}
body.amnko-r9 .app-header .app-title{ font-size:1.08rem !important; letter-spacing:0 !important; text-shadow:none !important; }
body.amnko-r9 .app-title-wrap{ line-height:1.05 !important; }
body.amnko-r9 .amnko-topbar-brand{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.1;
}
body.amnko-r9 .amnko-topbar-logo{
  width:26px;
  height:auto;
  max-height:18px;
  object-fit:contain;
  display:block;
}
body.amnko-r9 .amnko-topbar-title{ display:block; min-width:0; }
@media (max-width:575px){
    body.amnko-r9 .amnko-topbar-logo{ width:23px; max-height:16px; }
}
body.amnko-r9 .app-subtitle{ font-size:.76rem !important; margin-top:3px !important; color:rgba(255,255,255,.82) !important; }
body.amnko-r9 .amnko-edition-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.16);
  color:#fff;
  border-radius:999px;
  padding:2px 9px;
  font-size:.68rem;
  font-weight:900;
  line-height:1.4;
  white-space:nowrap;
}
body.amnko-r9 .amnko-edition-pill::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#fff;
  opacity:.9;
}
body.amnko-r9.edition-business .amnko-edition-pill::before{ background:#fbbf24; }
body.amnko-r9.edition-erp .amnko-edition-pill::before{ background:#22c55e; }
body.amnko-r9 .amnko-topbar-app-btn,
body.amnko-r9 .amnko-topbar-icon-btn,
body.amnko-r9 .user-badge{
  min-height:36px !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
body.amnko-r9 .user-badge{ padding:5px 12px !important; font-size:.78rem !important; }
@media (max-width:991px){
  body.amnko-r9 .app-header{ height:auto; min-height:54px !important; padding:7px 10px !important; }
  body.amnko-r9 .app-header .fs-5{ font-size:.96rem !important; }
}

/* ===== Sidebar ===== */
body.amnko-r9 .sidebar{
  background:linear-gradient(180deg, #14191f 0%, #20252d 100%) !important;
  border-left:1px solid rgba(255,255,255,.06);
  box-shadow:none !important;
}
body.amnko-r9 .sidebar__top{ padding:16px 12px 10px !important; }
body.amnko-r9 .sidebar__logo{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
}
body.amnko-r9 .sidebar__logo img,
body.amnko-r9 .amnko-sidebar-logo{
  width:126px !important;
  max-width:82% !important;
  height:auto !important;
  max-height:92px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.22)) !important;
}
body.amnko-r9 .sidebar__menu{ padding-top:8px !important; }
body.amnko-r9 .sidebar a.sidebar__link{
  margin:2px 10px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:.9rem;
  font-weight:800 !important;
  border:1px solid transparent;
  position:relative;
  transform:none !important;
}
body.amnko-r9 .sidebar a.sidebar__link .nav-icon{ opacity:.78; }
body.amnko-r9 .sidebar a.sidebar__link:hover{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
}
body.amnko-r9 .sidebar a.sidebar__link.active{
  background:rgba(0,184,217,.13) !important;
  border-color:rgba(0,184,217,.22) !important;
  color:#e9fbff !important;
}
body.amnko-r9 .sidebar a.sidebar__link.active::before{
  content:"";
  position:absolute;
  right:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:999px 0 0 999px;
  background:var(--amnko-primary);
}
body.amnko-r9 .sidebar__bottom{
  background:rgba(0,0,0,.16) !important;
  border-top:1px solid rgba(255,255,255,.07);
  padding:12px !important;
}
body.amnko-r9 .offcanvas.sidebar-offcanvas{ background:#171d24 !important; }

/* ===== Page headings and AMNKO unified control area ===== */
body.amnko-r9 .page-content h1,
body.amnko-r9 .page-content .h1,
body.amnko-r9 .page-content h2,
body.amnko-r9 .page-content .h2,
body.amnko-r9 .page-content h3,
body.amnko-r9 .page-content .h3{
  color:#0f172a;
  letter-spacing:-.25px;
}
body.amnko-r9 .page-content h1,
body.amnko-r9 .page-content .h1{ font-size:1.7rem; font-weight:900; }
body.amnko-r9 .page-content h2,
body.amnko-r9 .page-content .h2{ font-size:1.35rem; font-weight:900; }
body.amnko-r9 .page-content h3,
body.amnko-r9 .page-content .h3{ font-size:1.18rem; font-weight:900; }
body.amnko-r9 .page-content > .container-fluid,
body.amnko-r9 .page-content > .container{ padding-top:0 !important; }
body.amnko-r9 .amnko-page-head,
body.amnko-r9 .page-content > .container-fluid > .d-flex:first-child,
body.amnko-r9 .page-content > .container > .d-flex:first-child{
  margin-bottom:12px !important;
}
body.amnko-r9 .text-muted{ color:var(--amnko-muted) !important; }

/* ===== Tabs: module sub-navigation ===== */
body.amnko-r9 .nav.nav-tabs{
  border-bottom:1px solid var(--amnko-border) !important;
  background:transparent;
  margin-bottom:16px !important;
  padding-bottom:0;
}
body.amnko-r9 .nav-tabs .nav-link{
  border:0 !important;
  color:#475569 !important;
  border-radius:12px 12px 0 0 !important;
  padding:10px 15px !important;
  font-weight:850;
  min-height:42px;
  position:relative;
}
body.amnko-r9 .nav-tabs .nav-link:hover{
  color:var(--amnko-primary-700) !important;
  background:rgba(0,184,217,.06) !important;
}
body.amnko-r9 .nav-tabs .nav-link.active{
  color:var(--amnko-primary-700) !important;
  background:#fff !important;
  box-shadow:var(--amnko-shadow-xs);
}
body.amnko-r9 .nav-tabs .nav-link.active::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:-1px;
  height:3px;
  border-radius:999px;
  background:var(--amnko-primary);
}

/* ===== Cards / sheets ===== */
body.amnko-r9 .card,
body.amnko-r9 .amnko-card{
  background:var(--amnko-surface) !important;
  border:1px solid var(--amnko-border) !important;
  border-radius:var(--amnko-radius-lg) !important;
  box-shadow:var(--amnko-shadow-sm) !important;
}
body.amnko-r9 .card-header{
  background:#fff !important;
  border-bottom:1px solid var(--amnko-border) !important;
  padding:12px 16px !important;
  font-weight:900;
}
body.amnko-r9 .card-body{ padding:16px !important; }
body.amnko-r9 .rounded-4{ border-radius:var(--amnko-radius-lg) !important; }
body.amnko-r9 .shadow-sm{ box-shadow:var(--amnko-shadow-sm) !important; }
body.amnko-r9 .border-0{ border-color:var(--amnko-border) !important; }

/* ===== Buttons and inputs ===== */
body.amnko-r9 .btn{
  border-radius:11px !important;
  font-weight:850;
  transition:background-color .15s ease, border-color .15s ease, transform .12s ease, box-shadow .12s ease;
}
body.amnko-r9 .btn:hover{ transform:translateY(-1px); }
body.amnko-r9 .btn:active{ transform:translateY(0); }
body.amnko-r9 .btn-primary,
body.amnko-r9 .btn-amnko-primary{
  background:linear-gradient(135deg, var(--amnko-primary) 0%, var(--amnko-primary-600) 100%) !important;
  border-color:transparent !important;
  box-shadow:0 8px 18px rgba(0,184,217,.18) !important;
}
body.amnko-r9 .btn-outline-primary{
  color:var(--amnko-primary-700) !important;
  border-color:rgba(0,184,217,.45) !important;
  background:#fff !important;
}
body.amnko-r9 .btn-outline-primary:hover{
  color:#fff !important;
  background:var(--amnko-primary-600) !important;
}
body.amnko-r9 .btn-light{
  background:#fff !important;
  border-color:var(--amnko-border) !important;
  color:#334155 !important;
}
body.amnko-r9 .form-control,
body.amnko-r9 .form-select,
body.amnko-r9 .input-group-text{
  border-radius:12px !important;
  border-color:var(--amnko-border) !important;
  background:#fff;
  box-shadow:none !important;
  min-height:40px;
}
body.amnko-r9 .form-control:focus,
body.amnko-r9 .form-select:focus{
  border-color:rgba(0,184,217,.55) !important;
  box-shadow:0 0 0 3px rgba(0,184,217,.10) !important;
}
body.amnko-r9 .input-group .form-control,
body.amnko-r9 .input-group .form-select{ background:#fff !important; }
body.amnko-r9 .input-group-text{ background:var(--amnko-surface-2) !important; color:#64748b; }
body.amnko-r9 label.form-label{ font-size:.78rem; color:#64748b; font-weight:900; margin-bottom:6px; }

/* ===== Data tables ===== */
body.amnko-r9 .table-responsive{
  border-radius:var(--amnko-radius-lg);
}
body.amnko-r9 table.table{
  --bs-table-hover-bg:rgba(0,184,217,.045);
  color:#1f2937;
}
body.amnko-r9 .table > :not(caption) > * > *{
  padding:.74rem .8rem;
  border-bottom-color:var(--amnko-border);
}
body.amnko-r9 .table thead th,
body.amnko-r9 .table-light th,
body.amnko-r9 thead.bg-light th{
  background:var(--amnko-surface-2) !important;
  color:#475569 !important;
  font-size:.78rem;
  font-weight:900;
  border-bottom:1px solid var(--amnko-border-strong) !important;
}
body.amnko-r9 .table tbody tr:last-child td{ border-bottom-color:transparent; }
body.amnko-r9 .badge{
  border-radius:999px !important;
  font-weight:900;
  letter-spacing:0;
}

/* ===== Filter / search panels ===== */
body.amnko-r9 .amnko-filter-card,
body.amnko-r9 form[data-amnko-report-period],
body.amnko-r9 form[data-amnko-auto-filter="1"]{
  background:#fff;
  border:1px solid var(--amnko-border);
  border-radius:var(--amnko-radius-lg);
  box-shadow:var(--amnko-shadow-sm);
}
body.amnko-r9 form[data-amnko-report-period]{ padding:14px !important; }
body.amnko-r9 .amnko-pill-btn{
  border-radius:999px !important;
  border-color:var(--amnko-border) !important;
  background:#fff !important;
  color:#334155;
}
body.amnko-r9 .amnko-pill-btn.active{
  background:rgba(0,184,217,.10) !important;
  color:var(--amnko-primary-700) !important;
  border-color:rgba(0,184,217,.35) !important;
}

/* ===== Unified empty state ===== */
body.amnko-r9 .amnko-empty-state,
body.amnko-r9 .pos-empty-cart,
body.amnko-r9 .pos-cart-sheet-empty{
  border:1px dashed #cbd5e1 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%) !important;
  color:#64748b !important;
  padding:26px 16px !important;
  text-align:center !important;
}
body.amnko-r9 .amnko-empty-state::before{
  content:"";
  display:block;
  width:42px;
  height:42px;
  margin:0 auto 10px;
  border-radius:14px;
  background:rgba(0,184,217,.11);
  border:1px solid rgba(0,184,217,.18);
}
body.amnko-r9 td.amnko-empty-state::before{ display:none; }

/* ===== Dashboard ===== */
body.amnko-r9 .owner-dashboard .display-6{ font-size:2rem !important; line-height:1.1; }
body.amnko-r9 .owner-dashboard .card .small.text-muted.fw-bold{ font-size:.78rem; }
body.amnko-r9 .owner-dashboard .progress{
  background:#e6f8fb !important;
  height:14px !important;
  border-radius:999px;
}
body.amnko-r9 .owner-dashboard .progress-bar{ background:var(--amnko-primary) !important; }
body.amnko-r9 .owner-dashboard .alert{
  border-radius:14px !important;
  box-shadow:none !important;
}

/* ===== POS ===== */
body.amnko-r9[data-amnko-route="pos"] .page-content{ padding:0 !important; }
body.amnko-r9 .pos-container{
  background:var(--amnko-bg) !important;
  min-height:calc(100vh - var(--amnko-topbar-h)) !important;
}
body.amnko-r9 .bill-section{
  background:#fff !important;
  border-left:1px solid var(--amnko-border) !important;
  box-shadow:none !important;
}
body.amnko-r9 .pos-bill-footer{
  box-shadow:0 -6px 18px rgba(15,23,42,.06) !important;
  border-color:var(--amnko-border) !important;
}
body.amnko-r9 .product-card{
  border:1px solid var(--amnko-border) !important;
  border-radius:16px !important;
  box-shadow:var(--amnko-shadow-xs) !important;
}
body.amnko-r9 .product-card:hover{
  border-color:rgba(0,184,217,.45) !important;
  box-shadow:var(--amnko-shadow-sm) !important;
}
body.amnko-r9 .pos-cart-card{
  border-color:var(--amnko-border) !important;
  border-radius:14px !important;
}
body.amnko-r9 .pos-cart-card.selected{
  border-color:rgba(0,184,217,.55) !important;
  box-shadow:0 0 0 3px rgba(0,184,217,.09) !important;
}
body.amnko-r9 .btn-main-pay,
body.amnko-r9 #btnPay,
body.amnko-r9 #btnPayMobile,
body.amnko-r9 #btnPayFromCart{
  background:linear-gradient(135deg, var(--amnko-primary) 0%, var(--amnko-primary-600) 100%) !important;
  border:0 !important;
  color:#fff !important;
}

/* ===== Delivery board ===== */
body.amnko-r9 .delivery-page .delivery-touch-column .card-header{
  background:var(--amnko-surface-2) !important;
}
body.amnko-r9 .delivery-touch-card{
  border-color:var(--amnko-border) !important;
  box-shadow:var(--amnko-shadow-xs) !important;
}
body.amnko-r9 .delivery-touch-card:hover{
  border-color:rgba(0,184,217,.35) !important;
  box-shadow:var(--amnko-shadow-sm) !important;
}

/* ===== Customers / inventory / reports common refinements ===== */
body.amnko-r9 .amnko-mobile-list .amnko-item-card,
body.amnko-r9 .amnko-item-card{
  border-color:var(--amnko-border) !important;
  box-shadow:var(--amnko-shadow-xs) !important;
  border-radius:15px !important;
}
body.amnko-r9 .amnko-item-chevron{
  background:rgba(0,184,217,.10) !important;
  color:var(--amnko-primary-700) !important;
}
body.amnko-r9 .modal-content{
  border:1px solid var(--amnko-border) !important;
  box-shadow:var(--amnko-shadow-md) !important;
}
body.amnko-r9 .modal-header.amnko-bg-gradient,
body.amnko-r9 .amnko-bg-gradient{
  background:var(--amk-gradient-primary, linear-gradient(135deg, var(--amnko-primary) 0%, var(--amnko-primary-700) 100%)) !important;
}

/* ===== Progressive editions visual tone ===== */
body.amnko-r9.edition-simple .nav-tabs .nav-link{ padding-inline:13px !important; }
body.amnko-r9.edition-business .app-header{ background:linear-gradient(135deg, #00b8d9 0%, #007f98 100%) !important; }
body.amnko-r9.edition-erp .app-header{ background:linear-gradient(135deg, #00b8d9 0%, #0f766e 100%) !important; }

/* ===== Mobile cleanup ===== */
@media (max-width:575px){
  body.amnko-r9 .card-body{ padding:13px !important; }
  body.amnko-r9 .nav-tabs .nav-link{ padding:9px 12px !important; }
  body.amnko-r9 .page-content h1,
  body.amnko-r9 .page-content .h1{ font-size:1.45rem; }
  body.amnko-r9 .page-content h2,
  body.amnko-r9 .page-content .h2{ font-size:1.22rem; }
  body.amnko-r9 .page-content h3,
  body.amnko-r9 .page-content .h3{ font-size:1.08rem; }
  body.amnko-r9 .owner-dashboard .display-6{ font-size:1.55rem !important; }
}


/* ===== R9.1 Visual acceptance refinements ===== */
body.amnko-r9 .nav.nav-tabs{
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap;
  scrollbar-width:thin;
}
body.amnko-r9 .nav-tabs .nav-link{ white-space:nowrap; }
body.amnko-r9 .card + .card{ margin-top:14px; }
body.amnko-r9 .page-content .alert{ border-radius:var(--amnko-radius) !important; }
body.amnko-r9 .table-responsive{ background:#fff; border:1px solid var(--amnko-border); }
body.amnko-r9 .table-responsive > .table{ margin-bottom:0; }
@media (min-width:992px){
  body.amnko-r9[data-amnko-route="products"] .nav.nav-tabs,
  body.amnko-r9[data-amnko-route="invoices"] .nav.nav-tabs,
  body.amnko-r9[data-amnko-route="delivery"] .nav.nav-tabs{
    padding-inline:4px;
  }
}

/* ===== R9.2 Visual polish + final logo fix ===== */
:root{
  --amnko-topbar-h:52px;
  --amnko-sidebar-w:188px;
  --amnko-primary:#00b8d9;
  --amnko-primary-600:#009fbd;
  --amnko-primary-700:#007f98;
}

/* Header: calmer AMNKO unified command bar */
body.amnko-r9 .app-header{
  min-height:var(--amnko-topbar-h) !important;
  height:var(--amnko-topbar-h) !important;
  padding:6px 14px !important;
  background:linear-gradient(135deg,#00b8d9 0%,#008fa8 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 3px 10px rgba(15,23,42,.09) !important;
}
body.amnko-r9.edition-business .app-header{ background:linear-gradient(135deg,#00b8d9 0%,#00839b 100%) !important; }
body.amnko-r9.edition-erp .app-header{ background:linear-gradient(135deg,#00b8d9 0%,#047f84 100%) !important; }
body.amnko-r9 .app-title-wrap{ min-width:0; }
body.amnko-r9 .app-header .app-title{
  font-size:1rem !important;
  font-weight:900 !important;
}
body.amnko-r9 .app-subtitle{
  font-size:.70rem !important;
  margin-top:2px !important;
  opacity:.94;
}
body.amnko-r9 .amnko-topbar-brand{ gap:7px !important; }
body.amnko-r9 .amnko-topbar-logo{
  width:24px !important;
  max-width:24px !important;
  max-height:15px !important;
  object-fit:contain !important;
  image-rendering:auto;
}
body.amnko-r9 .amnko-topbar-app-btn,
body.amnko-r9 .amnko-topbar-icon-btn,
body.amnko-r9 .user-badge{
  min-height:34px !important;
  height:34px;
  padding-block:4px !important;
}
body.amnko-r9 .amnko-topbar-app-btn{ padding-inline:12px !important; font-size:.84rem; }
body.amnko-r9 .user-badge{ padding-inline:10px !important; }

/* Sidebar logo: official uploaded logo, no stretch, balanced on dark surface */
body.amnko-r9 .sidebar{
  background:linear-gradient(180deg,#121820 0%,#1d242d 100%) !important;
}
body.amnko-r9 .sidebar__top{
  padding:14px 12px 8px !important;
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.amnko-r9 .sidebar__logo{
  width:100% !important;
  min-height:82px;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.amnko-r9 .sidebar__logo img,
body.amnko-r9 .amnko-sidebar-logo{
  width:112px !important;
  max-width:112px !important;
  height:auto !important;
  max-height:82px !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.22)) !important;
  transform:none !important;
}
body.amnko-r9 .sidebar__menu{
  padding-top:4px !important;
}
body.amnko-r9 .sidebar a.sidebar__link{
  margin:1px 9px !important;
  padding:9px 11px !important;
  min-height:38px;
  border-radius:11px !important;
  font-size:.86rem;
  line-height:1.25;
}
body.amnko-r9 .sidebar a.sidebar__link .nav-icon{
  width:19px !important;
  height:19px !important;
  color:rgba(255,255,255,.68);
}
body.amnko-r9 .sidebar a.sidebar__link.active{
  background:linear-gradient(90deg,rgba(0,184,217,.18),rgba(0,184,217,.06)) !important;
  border-color:rgba(0,184,217,.20) !important;
}
body.amnko-r9 .sidebar__bottom{
  padding:10px 12px !important;
}
body.amnko-r9 .sidebar__bottom small{ font-size:.72rem; }

/* Page rhythm: less vertical waste, clearer sheets */
body.amnko-r9 .page-content{ padding:16px 22px 22px !important; }
body.amnko-r9 .page-content h1,
body.amnko-r9 .page-content .h1{ font-size:1.58rem !important; }
body.amnko-r9 .page-content h2,
body.amnko-r9 .page-content .h2{ font-size:1.28rem !important; }
body.amnko-r9 .page-content h3,
body.amnko-r9 .page-content .h3{ font-size:1.12rem !important; }
body.amnko-r9 .page-content > .container-fluid > .card:first-child,
body.amnko-r9 .page-content > .container > .card:first-child{
  margin-top:0 !important;
}
body.amnko-r9 .card,
body.amnko-r9 .amnko-card{
  border-radius:16px !important;
  box-shadow:0 5px 14px rgba(15,23,42,.045) !important;
}
body.amnko-r9 .card-body{ padding:15px !important; }
body.amnko-r9 .card-header{ padding:11px 15px !important; }
body.amnko-r9 .display-6{ font-size:1.75rem !important; }

/* Tabs: no ugly scrollbar, better long-module alignment */
body.amnko-r9 .nav.nav-tabs{
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap !important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-inline:8px !important;
  background:rgba(255,255,255,.58);
  border-bottom:1px solid var(--amnko-border) !important;
  border-radius:0 0 12px 12px;
}
body.amnko-r9 .nav.nav-tabs::-webkit-scrollbar{ height:0; display:none; }
body.amnko-r9 .nav-tabs .nav-link{
  padding:9px 13px !important;
  min-height:38px;
  font-size:.86rem;
  white-space:nowrap !important;
}
body.amnko-r9 .nav-tabs .nav-link.active::after{
  left:10px;
  right:10px;
  height:2px;
}
body.amnko-r9[data-amnko-route="products"] .nav.nav-tabs,
body.amnko-r9[data-amnko-route="shifts"] .nav.nav-tabs,
body.amnko-r9[data-amnko-route="invoices"] .nav.nav-tabs,
body.amnko-r9[data-amnko-route="delivery"] .nav.nav-tabs{
  position:relative;
}

/* Filters and tables: stronger consistency across POS, customers, inventory, reports */
body.amnko-r9 form[data-amnko-report-period],
body.amnko-r9 form[data-amnko-auto-filter="1"],
body.amnko-r9 .amnko-filter-card{
  padding:14px !important;
  border-radius:16px !important;
}
body.amnko-r9 .form-control,
body.amnko-r9 .form-select,
body.amnko-r9 .input-group-text{
  min-height:38px !important;
  border-radius:11px !important;
}
body.amnko-r9 .table-responsive{
  border-radius:16px !important;
  overflow:auto;
}
body.amnko-r9 .table > :not(caption) > * > *{
  padding:.66rem .75rem !important;
  vertical-align:middle;
}
body.amnko-r9 .table thead th,
body.amnko-r9 .table-light th,
body.amnko-r9 thead.bg-light th{
  font-size:.76rem !important;
  white-space:nowrap;
}
body.amnko-r9 .btn{
  border-radius:10px !important;
}

/* Empty states: smaller and balanced */
body.amnko-r9 .amnko-empty-state,
body.amnko-r9 .pos-empty-cart,
body.amnko-r9 .pos-cart-sheet-empty{
  padding:22px 14px !important;
  border-radius:16px !important;
}
body.amnko-r9 .amnko-empty-state::before{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
}

/* Dashboard: tighter KPI grid and less visual noise */
body.amnko-r9 .owner-dashboard .card{
  min-height:unset !important;
}
body.amnko-r9 .owner-dashboard .card .btn-sm,
body.amnko-r9 .owner-dashboard .card .btn{
  --bs-btn-padding-y:.28rem;
  --bs-btn-padding-x:.62rem;
}
body.amnko-r9 .owner-dashboard .display-6{
  font-size:1.72rem !important;
  margin-bottom:.1rem !important;
}

/* POS: operational first, less empty space */
body.amnko-r9[data-amnko-route="pos"] .page-content{
  padding:0 !important;
}
body.amnko-r9 .pos-container{
  min-height:calc(100vh - var(--amnko-topbar-h)) !important;
}
body.amnko-r9 .bill-section{
  background:#fff !important;
  border-left:1px solid var(--amnko-border) !important;
}
body.amnko-r9 .bill-section .card{
  border-radius:16px !important;
}
body.amnko-r9 .pos-bill-footer{
  padding-top:10px !important;
}
body.amnko-r9 #searchResults{
  min-height:210px;
}
body.amnko-r9 .category-btn{
  border-radius:12px !important;
}
body.amnko-r9 .pos-topnotice-overlay + .alert,
body.amnko-r9[data-amnko-route="pos"] .alert{
  margin:10px 16px !important;
  padding:11px 14px !important;
}

/* Admin page cards closer to application tiles */
body.amnko-r9[data-amnko-route="admin"] .card,
body.amnko-r9[data-amnko-route="settings"] .card{
  border-radius:15px !important;
}
body.amnko-r9[data-amnko-route="admin"] .card-body{
  padding:18px !important;
}

/* Long inventory screens: keep action bar compact */
body.amnko-r9[data-amnko-route="products"] .page-content .btn-lg,
body.amnko-r9[data-amnko-route="products"] .page-content .btn{
  min-height:38px;
}
body.amnko-r9[data-amnko-route="products"] .page-content .card,
body.amnko-r9[data-amnko-route="invoices"] .page-content .card,
body.amnko-r9[data-amnko-route="shifts"] .page-content .card{
  margin-bottom:14px;
}

@media (max-width:991px){
  body.amnko-r9 .app-header{
    height:auto !important;
    min-height:52px !important;
    padding:6px 10px !important;
  }
    body.amnko-r9 .amnko-topbar-logo{ width:22px !important; max-height:14px !important; }
  body.amnko-r9 .page-content{ padding:14px !important; }
  body.amnko-r9 .sidebar__top{ min-height:96px; }
  body.amnko-r9 .sidebar__logo img,
  body.amnko-r9 .amnko-sidebar-logo{ width:104px !important; max-width:104px !important; max-height:76px !important; }
}

/* R9.2 Login/logo consistency */
body.amnko-r9 .amnko-login-logo{
  width:170px;
  max-width:70%;
  height:auto;
  object-fit:contain;
}
body.amnko-r9 .nav.nav-tabs.amnko-tabs-overflow{
  padding-bottom:1px !important;
}
body.amnko-r9 .nav.nav-tabs.amnko-tabs-overflow::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:0;
  bottom:0;
  width:22px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.85));
}
body.amnko-r9 .nav.nav-tabs.amnko-tabs-overflow{ position:relative; }


/* ===== R9.3 visual review + logo theme cleanup ===== */
:root{
  --amnko-topbar-h:54px;
  --amnko-sidebar-w:192px;
}

/* Use black logo on light surfaces */
body.amnko-r9 .amnko-topbar-logo{
  width:52px !important;
  max-width:52px !important;
  max-height:24px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}
body.amnko-r9 .amnko-topbar-brand{ gap:9px !important; }
body.amnko-r9 .app-title-wrap{ margin-inline:auto; }
body.amnko-r9 .app-header .app-title{ font-size:1.02rem !important; }
body.amnko-r9 .user-badge, body.amnko-r9 .amnko-topbar-app-btn, body.amnko-r9 .amnko-topbar-icon-btn{
  min-height:35px !important;
}

/* Use white logo on dark sidebar */
body.amnko-r9 .sidebar{
  background:linear-gradient(180deg,#10161d 0%,#1a2129 100%) !important;
}
body.amnko-r9 .sidebar__top{
  min-height:126px !important;
  padding:16px 12px 10px !important;
}
body.amnko-r9 .sidebar__logo{
  min-height:94px !important;
}
body.amnko-r9 .sidebar__logo img,
body.amnko-r9 .amnko-sidebar-logo{
  width:126px !important;
  max-width:126px !important;
  max-height:94px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.28)) !important;
}
body.amnko-r9 .sidebar a.sidebar__link{
  margin:2px 10px !important;
  padding:9px 12px !important;
}
body.amnko-r9 .sidebar__bottom{
  background:rgba(0,0,0,.14) !important;
}

/* Header / layout rhythm cleanup */
body.amnko-r9 .page-content{ padding:16px 20px 20px !important; }
body.amnko-r9 .container-fluid.py-3.owner-dashboard{ padding-top:0 !important; }
body.amnko-r9 .page-content > .container-fluid:first-child,
body.amnko-r9 .page-content > .container:first-child{ padding-top:0 !important; }
body.amnko-r9 .card,
body.amnko-r9 .amnko-card{ border-radius:16px !important; }
body.amnko-r9 .card-body{ padding:14px !important; }
body.amnko-r9 .table-responsive{ overflow:auto; }

/* Better alignment for tabs and first toolbars */
body.amnko-r9 .nav.nav-tabs{ margin-bottom:14px !important; }
body.amnko-r9 .nav-tabs .nav-link{ font-weight:800 !important; }
body.amnko-r9 .page-content .d-flex.flex-wrap.align-items-center.justify-content-between.mb-4.gap-3,
body.amnko-r9 .page-content .d-flex.align-items-center.justify-content-between.flex-wrap.gap-2.mb-3{
  margin-bottom:14px !important;
}

/* POS polish: fix clipping, footer hierarchy, reduce awkward empty space */
body.amnko-r9[data-amnko-route="pos"] .page-content{
  padding:10px 16px 16px !important;
}
body.amnko-r9[data-amnko-route="pos"] .page-content > .alert,
body.amnko-r9[data-amnko-route="pos"] .page-content > [data-amnko-shift-banner]{
  margin:0 0 12px 0 !important;
  border-radius:16px !important;
}
body.amnko-r9 .pos-container{ gap:0 !important; }
body.amnko-r9 .bill-section{
  border-left:1px solid var(--amnko-border) !important;
  border-radius:0 18px 18px 0;
}
body.amnko-r9 .bill-section > .card{
  min-height:100% !important;
}
body.amnko-r9 .pos-bill-footer{
  padding:14px !important;
  border-top:1px solid var(--amnko-border) !important;
}
body.amnko-r9 .pos-bill-footer > .d-flex.justify-content-between.mb-3.pt-2.border-top{
  align-items:flex-end !important;
  gap:10px;
  margin-top:10px !important;
}
body.amnko-r9 .pos-bill-footer h4{ font-size:1rem !important; line-height:1.25 !important; }
body.amnko-r9 .pos-bill-footer #total{ font-size:2rem !important; }
body.amnko-r9 .pos-footer-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
body.amnko-r9 .pos-footer-actions #btnSaveDesktop{ grid-column:1 / -1; }
body.amnko-r9 #searchResults{ min-height:0 !important; max-height:190px !important; }
body.amnko-r9 .category-btn{ min-height:38px; }
body.amnko-r9 .pos-empty-cart{ padding:22px 12px 26px !important; }

/* Customers / payments / admin: less excessive vertical white space */
body.amnko-r9[data-amnko-route="customers"] .card-body,
body.amnko-r9[data-amnko-route="payments"] .card-body,
body.amnko-r9[data-amnko-route="admin"] .card-body,
body.amnko-r9[data-amnko-route="products"] .card-body,
body.amnko-r9[data-amnko-route="shifts"] .card-body{
  padding:14px !important;
}
body.amnko-r9[data-amnko-route="customers"] .table .amnko-empty-state,
body.amnko-r9[data-amnko-route="payments"] .table .amnko-empty-state{
  min-height:170px;
}
body.amnko-r9[data-amnko-route="admin"] .card .card-body{
  text-align:center;
}
body.amnko-r9[data-amnko-route="admin"] .card .card-body .fw-bold.fs-5{ font-size:1.35rem !important; }

/* Login */
body.amnko-r9 .amnko-login-logo{
  width:190px !important;
  max-width:72% !important;
  max-height:110px !important;
}

@media (max-width:991px){
    body.amnko-r9 .amnko-topbar-logo{ width:48px !important; max-width:48px !important; max-height:22px !important; }
  body.amnko-r9 .page-content{ padding:14px !important; }
  body.amnko-r9[data-amnko-route="pos"] .page-content{ padding:10px 12px 14px !important; }
  body.amnko-r9 .sidebar__top{ min-height:112px !important; }
  body.amnko-r9 .sidebar__logo img,
  body.amnko-r9 .amnko-sidebar-logo{ width:116px !important; max-width:116px !important; max-height:86px !important; }
  body.amnko-r9 .pos-footer-actions{ grid-template-columns:1fr !important; }
}


/* ===== R9.4 Operation UX / Flow Compliance Review ===== */
body.amnko-r9 .amnko-flow-card{
  border:1px solid var(--amnko-border) !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}
body.amnko-r9 .amnko-flow-steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  position:relative;
}
body.amnko-r9 .amnko-flow-step{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fff;
  border:1px solid var(--amnko-border);
  border-radius:14px;
  padding:11px 12px;
  min-height:78px;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}
body.amnko-r9 .amnko-flow-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #cbd5e1;
  margin-top:2px;
  flex:0 0 auto;
  background:#fff;
  position:relative;
}
body.amnko-r9 .amnko-flow-step.is-done .amnko-flow-dot,
body.amnko-r9 .amnko-flow-step.is-active .amnko-flow-dot{
  border-color:var(--amnko-primary);
  background:var(--amnko-primary);
}
body.amnko-r9 .amnko-flow-step.is-done .amnko-flow-dot::after{
  content:"";
  position:absolute;
  width:8px;
  height:4px;
  border-inline-start:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
  top:4px;
  left:3px;
}
body.amnko-r9 .amnko-flow-step.is-active{
  border-color:rgba(0,184,217,.36);
  box-shadow:0 0 0 3px rgba(0,184,217,.08);
}
body.amnko-r9 .amnko-flow-step.is-active .amnko-flow-label{ color:var(--amnko-primary-700); }
body.amnko-r9 .amnko-flow-step.is-pending{ opacity:.78; }
body.amnko-r9 .amnko-flow-step.is-skipped{ opacity:.62; background:#f8fafc; }
body.amnko-r9 .amnko-flow-step.is-blocked,
body.amnko-r9 .amnko-flow-step.is-cancelled{
  background:#fff7f7;
  border-color:rgba(239,68,68,.22);
}
body.amnko-r9 .amnko-flow-step.is-blocked .amnko-flow-dot,
body.amnko-r9 .amnko-flow-step.is-cancelled .amnko-flow-dot{
  border-color:#ef4444;
  background:#ef4444;
}
body.amnko-r9 .amnko-flow-label{
  font-weight:900;
  color:#0f172a;
  line-height:1.25;
}
body.amnko-r9 .amnko-flow-note{
  font-size:.76rem;
  color:#64748b;
  margin-top:3px;
  line-height:1.35;
}
body.amnko-r9 .amnko-impact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
}
body.amnko-r9 .amnko-impact-card{
  background:#fff;
  border:1px solid var(--amnko-border);
  border-radius:15px;
  padding:12px 14px;
  box-shadow:0 3px 12px rgba(15,23,42,.04);
  border-inline-start:4px solid #cbd5e1;
}
body.amnko-r9 .amnko-impact-title{
  font-size:.76rem;
  color:#64748b;
  font-weight:900;
  margin-bottom:4px;
}
body.amnko-r9 .amnko-impact-value{
  font-size:1.05rem;
  color:#0f172a;
  font-weight:900;
}
body.amnko-r9 .amnko-impact-note{
  font-size:.76rem;
  color:#64748b;
  margin-top:3px;
  line-height:1.35;
}
body.amnko-r9 .amnko-next-action,
body.amnko-r9 .amnko-next-card{
  border:1px solid var(--amnko-border) !important;
  border-inline-start:4px solid var(--amnko-primary) !important;
  border-radius:16px !important;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.045);
  padding:13px 15px;
}
body.amnko-r9 .amnko-next-warning{ border-inline-start-color:#f59e0b !important; background:#fffaf0; }
body.amnko-r9 .amnko-next-success{ border-inline-start-color:#22c55e !important; background:#f0fdf4; }
body.amnko-r9 .amnko-next-danger{ border-inline-start-color:#ef4444 !important; background:#fff7f7; }
body.amnko-r9 .amnko-next-neutral{ border-inline-start-color:#94a3b8 !important; }
body.amnko-r9 .doc-actionbar{
  background:#fff;
  border:1px solid var(--amnko-border);
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}
body.amnko-r9 .doc-sheet{
  background:#fff;
  border:1px solid var(--amnko-border);
  border-radius:16px;
  padding:13px 14px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}
body.amnko-r9 .doc-smartbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.amnko-r9 .doc-stat-button{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  min-width:128px;
  min-height:58px;
  border:1px solid var(--amnko-border);
  border-radius:13px;
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  padding:9px 12px;
}
body.amnko-r9 .doc-stat-button:hover{
  border-color:rgba(0,184,217,.35);
  background:#f8fdff;
}
body.amnko-r9 .doc-stat-button .stat-value{ font-weight:900; }
body.amnko-r9 .doc-stat-button .stat-label{ font-size:.76rem; color:#64748b; font-weight:800; }
@media (max-width:575px){
  body.amnko-r9 .amnko-flow-steps,
  body.amnko-r9 .amnko-impact-grid{ grid-template-columns:1fr; }
  body.amnko-r9 .doc-actionbar{ padding:12px; }
}


/* ===== R12.5.20 UI/UX Final Consistency Pass =====
   One visual language for cashier now, and business/ERP later.
*/
:root{
  --amnko-touch:44px;
  --amnko-mobile-bottom-safe:calc(96px + env(safe-area-inset-bottom));
}
body.amnko-r9{
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}
body.amnko-r9 .page-content > .container-fluid,
body.amnko-r9 .page-content > .container{
  max-width:100%;
}
body.amnko-r9 .amnko-section-title,
body.amnko-r9 .amnko-r9-title{
  line-height:1.35;
}
body.amnko-r9 .card-header,
body.amnko-r9 .modal-header,
body.amnko-r9 .offcanvas-header{
  min-height:52px;
}
body.amnko-r9 .modal-header:not(.amnko-bg-gradient){
  background:#fff !important;
}
body.amnko-r9 .modal-footer,
body.amnko-r9 .card-footer{
  gap:8px;
  flex-wrap:wrap;
  background:#fff;
  border-color:var(--amnko-border) !important;
}
body.amnko-r9 .btn,
body.amnko-r9 .form-control,
body.amnko-r9 .form-select,
body.amnko-r9 .input-group-text,
body.amnko-r9 .form-check-input{
  min-height:var(--amnko-touch);
}
body.amnko-r9 .btn-sm{
  min-height:34px;
}
body.amnko-r9 .btn-close{
  min-width:38px;
  min-height:38px;
  background-size:.82em;
}
body.amnko-r9 .form-text,
body.amnko-r9 .extra-small,
body.amnko-r9 .small{
  line-height:1.7;
}
body.amnko-r9 .input-group{ flex-wrap:nowrap; }
body.amnko-r9 .input-group > .btn{ min-height:var(--amnko-touch); }
body.amnko-r9 textarea.form-control{ min-height:96px; }
body.amnko-r9 .form-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border:1px solid #eef2f7;
  border-radius:14px;
  background:#fff;
}
body.amnko-r9 .form-check .form-check-input{
  float:none;
  margin:2px 0 0 0;
  flex:0 0 auto;
}
body.amnko-r9 .form-check-label{ width:100%; }
body.amnko-r9 .dropdown-menu{
  border:1px solid var(--amnko-border);
  border-radius:16px;
  box-shadow:var(--amnko-shadow-md);
  padding:8px;
}
body.amnko-r9 .dropdown-item{
  border-radius:12px;
  font-weight:800;
  min-height:38px;
  display:flex;
  align-items:center;
}
body.amnko-r9 .alert{
  border-radius:16px !important;
  line-height:1.8;
}
body.amnko-r9 .badge{ line-height:1.55; }
body.amnko-r9 .table-responsive{
  -webkit-overflow-scrolling:touch;
}
body.amnko-r9 .table caption,
body.amnko-r9 .table .text-muted{ line-height:1.65; }
body.amnko-r9 .amnko-table-actions{
  white-space:normal !important;
}
body.amnko-r9 .amnko-table-actions .btn,
body.amnko-r9 .table td .btn{
  margin:.12rem;
}
body.amnko-r9 .amnko-actions,
body.amnko-r9 .amnko-toolbar,
body.amnko-r9 .btn-group{
  gap:8px;
  flex-wrap:wrap;
}
body.amnko-r9 .amnko-mobile-only-label{ display:none; }
body.amnko-r9 .amnko-kpi-grid,
body.amnko-r9 .row.g-3 > [class*="col-"] > .card.h-100{
  min-width:0;
}
body.amnko-r9 .amnko-mobile-stack td::before{
  content:attr(data-label);
  font-weight:900;
  color:#64748b;
  display:none;
}
body.amnko-r9 .amnko-mobile-scroll-hint{
  display:none;
}
body.amnko-r9 .amnko-select-search,
body.amnko-r9 .amnko-search-box{
  position:relative;
}
body.amnko-r9 .amnko-search-box .form-control,
body.amnko-r9 input[type="search"]{
  padding-inline-start:14px;
  padding-inline-end:14px;
}
body.amnko-r9 .offcanvas.sidebar-offcanvas{
  max-width:86vw;
}
body.amnko-r9 .offcanvas-body{
  -webkit-overflow-scrolling:touch;
}
body.amnko-r9 .mobile-bottom-nav{
  padding-bottom:env(safe-area-inset-bottom);
}
body.amnko-r9 .mobile-bottom-nav a,
body.amnko-r9 .mobile-bottom-nav button{
  min-height:58px;
}
body.amnko-r9 .amnko-click-item,
body.amnko-r9 .amnko-row-clickable{
  -webkit-tap-highlight-color:rgba(0,184,217,.14);
}
body.amnko-r9 .amnko-row-clickable:focus-visible,
body.amnko-r9 .btn:focus-visible,
body.amnko-r9 .form-control:focus-visible,
body.amnko-r9 .form-select:focus-visible{
  outline:3px solid rgba(0,184,217,.24);
  outline-offset:2px;
}
@media (max-width:991px){
  body.amnko-r9.has-bottom-nav{ padding-bottom:var(--amnko-mobile-bottom-safe) !important; }
  body.amnko-r9.has-bottom-nav .page-content{ padding-bottom:var(--amnko-mobile-bottom-safe) !important; }
  body.amnko-r9 .app-header .user-badge{ padding-inline:8px !important; }
  body.amnko-r9 .app-header .user-badge small{ font-size:.72rem; }
  body.amnko-r9 .amnko-topbar-app-btn{ display:none !important; }
  body.amnko-r9 .modal-dialog{
    margin:10px;
  }
  body.amnko-r9 .modal-dialog-scrollable .modal-content{
    max-height:calc(100vh - 20px);
  }
  body.amnko-r9 .modal-body{ padding:14px !important; }
  body.amnko-r9 .modal-footer > .btn,
  body.amnko-r9 .card-footer > .btn,
  body.amnko-r9 .amnko-actions > .btn,
  body.amnko-r9 .amnko-toolbar > .btn{
    flex:1 1 150px;
  }
  body.amnko-r9 .row.g-3{ --bs-gutter-x:.75rem; --bs-gutter-y:.75rem; }
  body.amnko-r9 .card-body{ padding:13px !important; }
  body.amnko-r9 .page-content .d-flex.justify-content-between,
  body.amnko-r9 .page-content .d-flex.align-items-center.justify-content-between{
    gap:10px !important;
  }
  body.amnko-r9 .page-content .d-flex.justify-content-between > .d-flex,
  body.amnko-r9 .page-content .d-flex.align-items-center.justify-content-between > .d-flex{
    min-width:0;
  }
  body.amnko-r9 .amnko-tabs-scroll,
  body.amnko-r9 .nav.nav-tabs{
    scroll-snap-type:x proximity;
  }
  body.amnko-r9 .nav-tabs .nav-link{ scroll-snap-align:start; }
}
@media (max-width:767px){
  body.amnko-r9 .table-responsive{
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  body.amnko-r9 table.amnko-mobile-stack{
    display:block;
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }
  body.amnko-r9 table.amnko-mobile-stack thead{ display:none; }
  body.amnko-r9 table.amnko-mobile-stack tbody,
  body.amnko-r9 table.amnko-mobile-stack tr,
  body.amnko-r9 table.amnko-mobile-stack td{
    display:block;
    width:100%;
  }
  body.amnko-r9 table.amnko-mobile-stack tr{
    background:#fff;
    border:1px solid var(--amnko-border);
    border-radius:16px;
    margin:0 0 10px;
    overflow:hidden;
    box-shadow:0 5px 14px rgba(15,23,42,.045);
  }
  body.amnko-r9 table.amnko-mobile-stack td{
    display:grid;
    grid-template-columns:minmax(98px,38%) minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:10px 12px !important;
    border-bottom:1px solid #eef2f7 !important;
    text-align:inherit !important;
    min-height:42px;
    white-space:normal !important;
  }
  body.amnko-r9 table.amnko-mobile-stack td:last-child{ border-bottom:0 !important; }
  body.amnko-r9 table.amnko-mobile-stack td::before{ display:block; }
  body.amnko-r9 table.amnko-mobile-stack td.text-end{ text-align:inherit !important; }
  body.amnko-r9 table.amnko-mobile-stack td[dir="ltr"]{ direction:rtl !important; }
  body.amnko-r9 table.amnko-mobile-stack td[dir="ltr"] > *,
  body.amnko-r9 table.amnko-mobile-stack td[dir="ltr"] strong,
  body.amnko-r9 table.amnko-mobile-stack td[dir="ltr"] span:not(.badge){ direction:ltr; unicode-bidi:isolate; }
  body.amnko-r9 table.amnko-mobile-stack .amnko-table-actions,
  body.amnko-r9 table.amnko-mobile-stack td:last-child:has(.btn){
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    justify-content:stretch;
  }
  body.amnko-r9 table.amnko-mobile-stack .amnko-table-actions::before,
  body.amnko-r9 table.amnko-mobile-stack td:last-child:has(.btn)::before{
    flex:0 0 100%;
  }
  body.amnko-r9 table.amnko-mobile-stack td .btn{
    flex:1 1 120px;
    margin:0;
  }
  body.amnko-r9 .amnko-mobile-list .amnko-item-card,
  body.amnko-r9 .amnko-item-card{
    min-height:64px;
  }
  body.amnko-r9 .btn-lg{ min-height:48px; }
  body.amnko-r9 .input-group{
    flex-wrap:wrap;
    gap:8px;
  }
  body.amnko-r9 .input-group > .form-control,
  body.amnko-r9 .input-group > .form-select,
  body.amnko-r9 .input-group > .btn,
  body.amnko-r9 .input-group > .input-group-text{
    border-radius:12px !important;
  }
  body.amnko-r9 .input-group > .btn{ flex:1 1 auto; }
  body.amnko-r9 .form-control,
  body.amnko-r9 .form-select{ font-size:16px; }
  body.amnko-r9 .amnko-filter-card .row > [class*="col-"],
  body.amnko-r9 form[data-amnko-report-period] .row > [class*="col-"]{
    margin-bottom:2px;
  }
  body.amnko-r9 .amnko-actions,
  body.amnko-r9 .amnko-toolbar{
    width:100%;
  }
  body.amnko-r9 .amnko-actions .btn,
  body.amnko-r9 .amnko-toolbar .btn{
    flex:1 1 130px;
  }
  body.amnko-r9 .amnko-flash-card{ width:min(100%, 520px); }
  body.amnko-r9 .amnko-flash-body{ flex-direction:column; padding-inline-end:0; }
}
@media (max-width:420px){
  body.amnko-r9 .mobile-bottom-nav .nav{ padding-inline:5px; }
  body.amnko-r9 .mobile-bottom-nav a,
  body.amnko-r9 .mobile-bottom-nav button{ font-size:11px; padding-inline:3px; }
  body.amnko-r9 .page-content h1,
  body.amnko-r9 .page-content .h1{ font-size:1.32rem !important; }
  body.amnko-r9 table.amnko-mobile-stack td{ grid-template-columns:1fr; gap:4px; }
  body.amnko-r9 table.amnko-mobile-stack td::before{ font-size:.78rem; }
}
@media (hover:none){
  body.amnko-r9 .btn:hover{ transform:none; }
}
@media print{
  body.amnko-r9 .mobile-bottom-nav,
  body.amnko-r9 .sidebar,
  body.amnko-r9 .app-header{ display:none !important; }
  body.amnko-r9 .main-col,
  body.amnko-r9 .content-wrap{ max-width:100% !important; width:100% !important; margin:0 !important; }
  body.amnko-r9 .page-content{ padding:0 !important; }
  body.amnko-r9 .card{ box-shadow:none !important; border:1px solid #ddd !important; }
}


/* ===== R12.5.21 Login polish and form-safety overrides ===== */
body.amnko-r9[data-amnko-route="login"] .page-content{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 16px !important;
  background:
    radial-gradient(circle at 15% 10%, rgba(0,184,217,.12), transparent 26%),
    radial-gradient(circle at 85% 82%, rgba(0,127,152,.10), transparent 30%),
    var(--amnko-bg);
}
.amnko-login-screen{ width:100%; display:flex; align-items:center; justify-content:center; }
.amnko-login-card{
  width:min(940px,100%);
  min-height:560px;
  background:#fff;
  border:1px solid var(--amnko-border);
  border-radius:32px;
  box-shadow:0 26px 70px rgba(15,23,42,.10);
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);
}
.amnko-login-brand-panel{
  position:relative;
  padding:44px 38px;
  background:linear-gradient(145deg,#0f172a 0%,#102a43 48%,#007f98 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}
.amnko-login-brand-panel:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  inset-inline-start:-110px;
  bottom:-105px;
}
.amnko-login-brand-glow{
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(0,184,217,.25);
  filter:blur(12px);
  inset-inline-end:-80px;
  top:-80px;
}
.amnko-login-logo{
  width:160px;
  max-width:72%;
  height:auto;
  object-fit:contain;
  margin-bottom:34px;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));
}
.amnko-login-brand-panel h1{
  position:relative;
  z-index:1;
  margin:0 0 14px;
  color:#fff !important;
  font-size:2rem !important;
  font-weight:950 !important;
  letter-spacing:-.45px;
}
.amnko-login-brand-panel p{
  position:relative;
  z-index:1;
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:2;
  font-weight:750;
  max-width:340px;
}
.amnko-login-points{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}
.amnko-login-points span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  font-weight:900;
  font-size:.82rem;
}
.amnko-login-form-panel{
  padding:44px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.amnko-login-mobile-logo{ display:none; text-align:center; margin-bottom:16px; }
.amnko-login-mobile-logo img{ max-height:82px; object-fit:contain; }
.amnko-login-heading{ margin-bottom:28px; }
.amnko-login-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  border-radius:999px;
  background:#e0f7fb;
  color:var(--amnko-primary-700);
  font-size:.78rem;
  font-weight:950;
  margin-bottom:12px;
}
.amnko-login-eyebrow:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--amnko-primary);
}
.amnko-login-heading h2{
  margin:0 0 8px;
  color:#0f172a !important;
  font-size:2rem !important;
  font-weight:950 !important;
  letter-spacing:-.5px;
}
.amnko-login-heading p{ margin:0; color:#64748b; line-height:1.8; font-weight:750; }
.amnko-login-form{ display:grid; gap:16px; }
.amnko-login-field label{
  display:block;
  margin-bottom:7px;
  color:#334155;
  font-weight:900;
  font-size:.86rem;
}
.amnko-login-control{
  position:relative;
  display:flex;
  align-items:center;
  min-height:56px;
  border:1px solid #dbe4ee;
  border-radius:18px;
  background:#f8fafc;
  transition:.16s ease;
  overflow:hidden;
}
.amnko-login-control:focus-within{
  background:#fff;
  border-color:rgba(0,184,217,.74);
  box-shadow:0 0 0 4px rgba(0,184,217,.10);
}
.amnko-login-icon{
  width:54px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#64748b;
  flex:0 0 54px;
}
.amnko-login-control input{
  border:0;
  outline:0;
  background:transparent;
  width:100%;
  min-height:56px;
  padding:0 0 0 16px;
  color:#0f172a;
  font-size:1rem;
  font-weight:800;
}
.amnko-login-control input::placeholder{ color:#94a3b8; font-weight:700; }
.amnko-login-submit{
  border:0;
  min-height:56px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--amnko-primary) 0%,var(--amnko-primary-700) 100%);
  color:#fff;
  font-size:1.05rem;
  font-weight:950;
  box-shadow:0 14px 28px rgba(0,184,217,.18);
  transition:.16s ease;
  margin-top:4px;
}
.amnko-login-submit:hover{ transform:translateY(-1px); filter:brightness(.98); }
.amnko-login-submit:active{ transform:translateY(0); }
.amnko-login-footer{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid #eef2f7;
  color:#64748b;
  font-size:.82rem;
  font-weight:800;
  text-align:center;
}
@media (max-width:860px){
  .amnko-login-card{ grid-template-columns:1fr; width:min(480px,100%); min-height:auto; border-radius:26px; }
  .amnko-login-brand-panel{ display:none; }
  .amnko-login-form-panel{ padding:30px 22px; }
  .amnko-login-mobile-logo{ display:block; }
  .amnko-login-heading{ text-align:center; margin-bottom:22px; }
  .amnko-login-heading h2{ font-size:1.68rem !important; }
}
@media (max-width:480px){
  body.amnko-r9[data-amnko-route="login"] .page-content{ padding:16px 10px !important; align-items:flex-start; }
  .amnko-login-card{ border-radius:22px; box-shadow:0 12px 34px rgba(15,23,42,.08); }
  .amnko-login-form-panel{ padding:24px 16px; }
  .amnko-login-control,.amnko-login-icon,.amnko-login-control input,.amnko-login-submit{ min-height:52px; }
  .amnko-login-icon{ height:52px; width:48px; flex-basis:48px; }
}

/* R12.5.22: purchase form and admin mobile refinements */
body.amnko-r9 .purchase-page-head h3{ font-size:1.24rem; }
body.amnko-r9 .purchase-vendor-bill .purchase-section{
  border:1px solid var(--amnko-border);
  border-radius:18px;
  background:#fff;
  padding:16px;
}
body.amnko-r9 .purchase-vendor-bill .purchase-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.amnko-r9 .purchase-vendor-bill .purchase-section-title h5{ color:#0f172a; }
body.amnko-r9 .purchase-vendor-bill .doc-line-entry{
  border:1px solid #eaf0f6;
  border-radius:16px;
  background:#f8fafc;
  padding:14px;
}
body.amnko-r9 .purchase-vendor-bill .doc-line-table-wrap{
  border:1px solid var(--amnko-border);
  border-radius:16px;
  overflow:hidden;
}
body.amnko-r9 .purchase-total-panel{
  border-radius:18px;
  border:1px solid rgba(0,184,217,.22);
  background:linear-gradient(180deg,#ffffff 0%,#f8fdff 100%);
  padding:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
body.amnko-r9 .purchase-accounting-panel{
  border:1px solid var(--amnko-border);
  border-radius:18px;
  background:#f8fafc;
  padding:16px;
}
body.amnko-r9 .purchase-payment-box{
  border:1px solid rgba(15,23,42,.06)!important;
}
body.amnko-r9 .purchase-final-actions{
  border-top:1px solid var(--amnko-border);
  padding-top:14px;
}
body.amnko-r9 .purchase-final-actions .btn{ min-height:48px; }
@media (max-width:767px){
  body.amnko-r9 .purchase-head-actions{ width:100%; }
  body.amnko-r9 .purchase-head-actions .btn{ flex:1 1 140px; }
  body.amnko-r9 .purchase-vendor-bill .purchase-section{ padding:12px; border-radius:16px; }
  body.amnko-r9 .purchase-vendor-bill .doc-line-entry{ padding:10px; }
  body.amnko-r9 .purchase-final-actions{ flex-direction:column; }
  body.amnko-r9 .purchase-final-actions .btn{ width:100%; }
}


/* R12.5.23: clean empty states and POS layout refinements */
body.amnko-r9 .amnko-empty-state:has(.amnko-empty-state-icon)::before,
body.amnko-r9 .pos-empty-cart::before,
body.amnko-r9 .pos-cart-sheet-empty::before{ display:none !important; }
body.amnko-r9 .amnko-empty-state .amnko-empty-state-title{ font-weight:900; color:#0f172a; }
body.amnko-r9 .amnko-empty-state .amnko-empty-state-text:empty{ display:none; }
body.amnko-r9 td .amnko-empty-state{ width:min(520px,100%); margin:0 auto; }
body.amnko-r9 .product-empty-row td{ padding:28px 16px !important; }
body.amnko-r9 .amnko-fav-badge{ font-size:.7rem; }
body.amnko-r9 .amnko-favorite-settings{ border-color:rgba(245,158,11,.28) !important; background:linear-gradient(180deg,#fffaf0 0%,#fff 100%) !important; }
body.amnko-r9[data-amnko-route="pos"] #emptyCartMsg.pos-empty-cart{ min-height:auto !important; max-height:none !important; overflow:visible !important; }
body.amnko-r9[data-amnko-route="pos"] #cartItems{ overflow:visible !important; }
body.amnko-r9 .pos-products-empty{ min-height:160px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
body.amnko-r9 .purchase-final-actions .btn,
body.amnko-r9 .purchase-head-actions .btn{ border-radius:14px !important; min-height:44px; }