/*
  AMNKO R9 Theme
  AMNKO unified structure + AMNKO visual identity
  Applied centrally so Cashier / Companies / Institutions share the same design system.
*/
:root{
  --amnko-primary:#00b8d9;
  --amnko-primary-600:#0098b3;
  --amnko-primary-700:#007f98;
  --amnko-navy:#102a43;
  --amnko-ink:#172033;
  --amnko-muted:#64748b;
  --amnko-bg:#f6f8fb;
  --amnko-surface:#ffffff;
  --amnko-surface-2:#f8fafc;
  --amnko-border:#e5eaf0;
  --amnko-border-strong:#d8e0e8;
  --amnko-radius-sm:10px;
  --amnko-radius:14px;
  --amnko-radius-lg:18px;
  --amnko-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --amnko-shadow-sm:0 6px 16px rgba(15,23,42,.055);
  --amnko-shadow-md:0 12px 28px rgba(15,23,42,.075);
  --amnko-topbar-h:56px;
  --amnko-sidebar-w: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: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-shell{
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-shadow:0 6px 14px rgba(15,23,42,.10);
}
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-shell{ width:30px; height:30px; border-radius:10px; }
  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:linear-gradient(135deg, var(--amnko-primary) 0%, var(--amnko-primary-700) 100%) !important;
}

/* ===== Progressive editions visual tone ===== */
body.amnko-r9.edition-simple .advanced-only-hint{ display:none !important; }
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-shell{
  width:32px !important;
  height:32px !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 4px 10px rgba(15,23,42,.12) !important;
  overflow:hidden;
}
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-shell{ width:30px !important; height:30px !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-shell{
  width:68px !important;
  height:36px !important;
  padding:4px 8px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 6px 14px rgba(15,23,42,.12) !important;
}
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-shell{ width:62px !important; height:34px !important; }
  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 .impact-info{ border-inline-start-color:var(--amnko-primary); }
body.amnko-r9 .impact-success{ border-inline-start-color:#22c55e; }
body.amnko-r9 .impact-warning{ border-inline-start-color:#f59e0b; }
body.amnko-r9 .impact-danger{ border-inline-start-color:#ef4444; }
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; }
}