/* KhoViet 1.7.25.4: consistent blue navigation and softened POS/dialog geometry. */
:root { --kv54-blue: #0877e6; --kv54-blue-dark: #0867cf; --kv54-blue-hover: #0d83f4; }
.app-shell .main-nav {
  background: var(--kv54-blue); border-bottom-color: #0066cb;
  color: #fff; box-shadow: 0 2px 6px rgba(0,57,128,.14);
}
.app-shell .main-nav>.nav-item,
.app-shell .main-nav>.nav-dropdown>summary {
  color: #fff; background: transparent; font-weight: 650;
  border-radius: 6px 6px 0 0;
}
.app-shell .main-nav>.nav-item:hover,
.app-shell .main-nav>.nav-dropdown>summary:hover { background: var(--kv54-blue-hover); color: #fff; }
.app-shell .main-nav>.nav-item.is-current,
.app-shell .main-nav>.nav-dropdown.is-current>summary,
.app-shell .main-nav>.nav-dropdown[open]>summary {
  background: var(--kv54-blue-dark); color: #fff;
  box-shadow: inset 0 -3px 0 #d2edff;
}
.app-shell .main-nav .nav-caret {color:inherit}
.app-shell .main-nav .nav-sales-cta {
  background: #fff; color:#006bd4; border:1px solid #d5edff;
  border-radius: 7px; height: 36px; box-shadow: 0 1px 3px #063e7a22;
}
.app-shell .main-nav .nav-sales-cta:hover {background:#eef7ff;color:#0057b8}
.app-shell .main-nav .nav-menu {background:#fff;border-radius: 0 0 10px 10px;}
.app-shell .main-nav .nav-menu a {color:#35485d}
.app-shell .main-nav .nav-menu a:hover {color:#006bcf;background:#eef6ff}
/* The slide-out navigation is intentionally white, with readable dark text. */
body.kv25-nav-open .app-shell .main-nav{background:#fff;border-right:1px solid #dce6f1;box-shadow:10px 12px 28px #18365225}
body.kv25-nav-open .app-shell .main-nav>.nav-item,
body.kv25-nav-open .app-shell .main-nav>.nav-dropdown>summary {color:#2d435b;border-radius:7px}
body.kv25-nav-open .app-shell .main-nav>.nav-item:hover,
body.kv25-nav-open .app-shell .main-nav>.nav-dropdown>summary:hover {background:#eff7ff;color:#006bd3}
body.kv25-nav-open .app-shell .main-nav>.nav-item.is-current,
body.kv25-nav-open .app-shell .main-nav>.nav-dropdown.is-current>summary {background:#e7f3ff;color:#006bcf;box-shadow:inset 3px 0 0 #0877e6}
body.kv25-nav-open .app-shell .main-nav .nav-sales-cta{background:#0877e6;color:#fff}
/* POS: rounded search, invoice tabs, cashier panel, footer actions and floating menu. */
body.pos-fullscreen .pos-v173 .pos-toolbar{background:#0877e6;border-radius:0 0 12px 12px;box-shadow:0 3px 10px #0a417322}
body.pos-fullscreen .pos-v173 .pos-search-wrap,
body.pos-fullscreen .pos-v173 .pos-search-wrap input {border-radius:9px}
body.pos-fullscreen .pos-v173 .pos-v173-tab {border-radius:10px 10px 0 0}
body.pos-fullscreen .pos-v173 .pos-add-invoice,
body.pos-fullscreen .pos-v173 .pos-top-icon,
body.pos-fullscreen .pos-v173 .pos-list-link,
body.pos-fullscreen .pos-v173 .kv22-menu-toggle {border-radius:8px}
body.pos-fullscreen .pos-v173 .pos-list-link {padding:8px 10px}
body.pos-fullscreen .pos-v173 .pos-v173-line,
body.pos-fullscreen .pos-v173 .pos-v173-note {border-radius:11px}
body.pos-fullscreen .pos-v173 .pos-v173-checkout {border-radius:15px}
body.pos-fullscreen .pos-v173 .pos-customer-search>input,
body.pos-fullscreen .pos-v173 .pos-v173-list select,
body.pos-fullscreen .pos-v173 .pos-money-row input {border-radius:9px}
body.pos-fullscreen .pos-v173 .pos-checkout-actions button {border-radius:10px}
body.pos-fullscreen .pos-v173 .kv22-pos-menu {border-radius:13px;box-shadow:0 22px 55px #1b477944}
/* Consistent blue accent and softened corners on all certificate dialogs. */
.kv53-dialog {border-radius:15px;box-shadow:0 25px 75px rgba(12,34,66,.38);overflow:hidden}
.kv53-dialog::backdrop {background:rgba(16,31,51,.52)}
.kv53-head {background:linear-gradient(180deg,#fff 65%,#f7fbff);border-bottom:1px solid #dceaf7}
.kv53-head h2 {color:#134b85}
.kv53-close {width:36px;height:36px;border-radius:9px;color:#4e6985}
.kv53-close:hover {background:#e9f4ff;color:#006bd4}
.kv53-grid th {background:#edf6ff;color:#245a90}
.kv53-grid tr:hover td {background:#f6fbff}
.kv53-actions {background:#f8fbff;border-top:1px solid #dceaf7;flex-wrap:wrap}
.kv53-btn {border-radius:9px;transition:background .12s ease,box-shadow .12s ease}
.kv53-btn:hover {background:#eef7ff}
.kv53-primary {background:var(--kv54-blue);color:#fff}
.kv53-primary:hover {background:var(--kv54-blue-dark)}
.kv53-danger:hover {background:#fff1f2}
.kv53-edit {background:#f3f9ff}
.kv53-edit-grid input,.kv53-edit-grid select {border-radius:9px}
.kv54-history-note {border-radius:9px;border:1px solid #f0e0a6}
/* Modals for invoice detail, purchase detail, account dialogs and POS popovers. */
:where(.pos-v173-modal section,.pos-history-table,.kv14-modal section,.kv17-modal section,
 .master-create-popover,.kv19-create-popover,.kv-prod-create-panel,
 .pos-search-popover,.pos-customer-results,.search-suggest-popover) {border-radius:11px}
:where(.pos-v173-modal section,.master-create-popover,.kv19-create-popover,.kv-prod-create-panel) {box-shadow:0 18px 48px #173e6b30}
:where(.pos-v173-modal button,.master-create-popover button,.kv19-create-popover button,.kv-prod-create-panel button) {border-radius:8px}
@media(max-width:790px){
 .app-shell .main-nav {overflow-x:auto;overflow-y:visible}
 .kv53-dialog {max-width:97vw;border-radius:12px}
}