/* HH POS final Harmony alignment — based on finalized HPOS visual master */
:root{--h-red:#c90012;--h-red-dark:#9f0010;--h-graphite:#1f242c;--h-dark:#171b21;--h-ash:#eef0f2;--h-muted:#69707a;--h-white:#fff;}
html,body{accent-color:var(--h-red)}
a{color:var(--h-red)} a:hover{color:var(--h-red-dark)}
.btn-primary,.btn-info,.btn-success:not(.status-success),button.btn-primary,input[type=submit].btn-primary{background:var(--h-red)!important;border-color:var(--h-red)!important;color:#fff!important}
.btn-primary:hover,.btn-info:hover{background:var(--h-red-dark)!important;border-color:var(--h-red-dark)!important}
.bg-primary,.bg-info,.text-bg-primary{background:var(--h-red)!important;color:#fff!important}.text-primary,.text-info{color:var(--h-red)!important}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--h-red)!important;box-shadow:0 0 0 .2rem rgba(201,0,18,.12)!important;outline-color:var(--h-red)!important}
.table thead th,table thead th{background:var(--h-graphite)!important;color:#fff!important;border-color:#343a43!important}
.pagination .page-link{background:var(--h-red)!important;border-color:rgba(255,255,255,.28)!important;color:#f1f1f1!important}.pagination .page-link:hover,.pagination .active .page-link{background:var(--h-red-dark)!important;color:#fff!important}
.modal-header{background:var(--h-graphite)!important;color:#fff!important;border-bottom:3px solid var(--h-red)!important}.modal-header .modal-title,.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header label{color:#fff!important}.modal-header .btn-close{filter:invert(1) grayscale(1)}
/* kill legacy navy/blue utility styles used by older HH pages */
[style*="#007bff" i],[style*="#0d6efd" i],[style*="#0056b3" i],[style*="#004085" i],[style*="#003366" i],[style*="#001f3f" i],[style*="navy" i]{border-color:var(--h-red)!important}
/* HH-specific credit / quotation / hosted modules */
.credit-header,.quotation-header,.page-header,.content-header,.panel-heading,.card-header.bg-primary{background:var(--h-graphite)!important;color:#fff!important;border-bottom-color:var(--h-red)!important}
.credit-header *, .quotation-header *, .page-header *, .content-header *{color:inherit}
.badge-primary,.badge-info{background:var(--h-red)!important;color:#fff!important}
.dropdown-item.active,.dropdown-item:active{background:var(--h-red)!important;color:#fff!important}
.list-group-item.active{background:var(--h-red)!important;border-color:var(--h-red)!important}
/* cashier modal rows / item searches */
.item-row.selected,.search-result.selected,.selected-row,tr.selected,.keyboard-selected{background:var(--h-red)!important;color:#fff!important}.item-row.selected *,.search-result.selected *,tr.selected *,.keyboard-selected *{color:#fff!important}
/* burger: upper-right on expanded sidebars; transparent background */
.sidebar-toggle,.toggle-btn,.menu-toggle,.burger-btn,#sidebarToggle,#toggleSidebar{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--h-red)!important}
.sidebar:not(.collapsed) .sidebar-toggle,.sidebar:not(.collapsed) .toggle-btn,.sidebar:not(.collapsed) .menu-toggle,.sidebar:not(.collapsed) .burger-btn{position:absolute!important;top:12px!important;right:12px!important;left:auto!important}
/* developer/store pages */
.dev-box,.settings-card,.settings-container{border-top:4px solid var(--h-red)!important}.dev-box h1,.dev-box h2,.settings-card h1,.settings-card h2{color:var(--h-graphite)!important}
/* reports / funds modal */
.report-header,.funds-header,.excel-header{background:var(--h-graphite)!important;color:#fff!important;border-bottom:3px solid var(--h-red)!important}
@media(max-width:900px){.sidebar:not(.collapsed) .sidebar-toggle,.sidebar:not(.collapsed) .toggle-btn,.sidebar:not(.collapsed) .menu-toggle,.sidebar:not(.collapsed) .burger-btn{right:8px!important}}
/* 2026-09-25 HHPOS Harmony refinements */
td .btn.btn-success,
td button.btn-success,
td a.btn-success{background:#198754!important;background-image:none!important;border-color:#198754!important;color:#fff!important}
td .btn.btn-success:hover,td button.btn-success:hover,td a.btn-success:hover{background:#157347!important;border-color:#146c43!important;color:#fff!important}

/* 2026-09-26 full modal audit: align every HH POS modal/popup with HPOS/JNC Harmony UI */
.modal .modal-content,.modal-content,.modalbox,.prompt-modal-content,.payment-modal-content,.search-modal-content,.details-modal-content,.auth-modal-content{border:0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.28)!important;background:#fff!important}
.modal-header,.modal .modal-header,.prompt-modal-header,.payment-modal-header,.search-modal-header,.details-modal-header,.auth-modal-header,.barcode-modal-header,.movement-modal-header{background:#252b35!important;background-image:none!important;color:#fff!important;border:0!important;border-bottom:4px solid var(--h-red)!important}
.modal-header *, .prompt-modal-header *, .payment-modal-header *, .search-modal-header *, .details-modal-header *, .auth-modal-header *, .barcode-modal-header *, .movement-modal-header *{color:#fff!important}
.modal-header .close,.modal-header .close-btn,.modal-header .btn-close,.prompt-modal-header .close,.payment-modal-header .close,.search-modal-header .close,.details-modal-header .close,.auth-modal-header .close{color:#fff!important;opacity:.95!important}
.modal-footer,.modal-actions{border-top:1px solid #e4e7eb!important;background:#fafafa!important}
.modal input:focus,.modal select:focus,.modal textarea:focus,.modalbox input:focus,.modalbox select:focus,.modalbox textarea:focus{border-color:var(--h-red)!important;box-shadow:0 0 0 3px rgba(201,0,18,.10)!important;outline:none!important}
.modal .btn-primary,.modalbox .btn-primary,.modal-actions .primary,.prompt-modal-content .btn-primary,.payment-modal-content .btn-primary{background:var(--h-red)!important;background-image:none!important;border-color:var(--h-red)!important;color:#fff!important}
.modal .btn-primary:hover,.modalbox .btn-primary:hover,.modal-actions .primary:hover{background:var(--h-red-dark)!important;border-color:var(--h-red-dark)!important}
.modal table thead th,.modalbox table thead th{background:#252b35!important;color:#fff!important;border-color:#343a43!important}
.modal tr.selected,.modal tr.keyboard-selected,.modal .selected-row,.modal .search-result.selected,.modal .item-row.selected,.modalbox tr.selected,.modalbox .keyboard-selected{background:var(--h-red)!important;color:#fff!important}
.modal tr.selected *,.modal tr.keyboard-selected *,.modal .selected-row *,.modal .search-result.selected *,.modal .item-row.selected *,.modalbox tr.selected *,.modalbox .keyboard-selected *{color:#fff!important}
/* Legacy search/dropdown highlight colors inside modal flows */
.searchable-select-option:hover,.searchable-select-option.active,.search-result:hover,.search-result.active{background:var(--h-red)!important;color:#fff!important}
/* HH-specific credit modals */
.credit-page .modalbox{padding:0!important}.credit-page .modalbox>h3{margin:0!important;padding:14px 18px!important;background:#252b35!important;color:#fff!important;border-bottom:4px solid var(--h-red)!important}.credit-page .modalbox>.field:first-of-type{margin-top:16px}.credit-page .modalbox>.field,.credit-page .modalbox>.detail-grid,.credit-page .modalbox>.section-title,.credit-page .modalbox>.history-list{margin-left:18px!important;margin-right:18px!important}.credit-page .modal-actions{padding:12px 18px!important;margin-top:16px!important}.credit-page .btn-history{background:var(--h-red)!important;color:#fff!important}