/* Harmony POS brand theme — aligned with logo.jpg */
:root{
  --h-red:#c90812; --h-red-dark:#8f0008; --h-red-soft:#fff1f2;
  --h-charcoal:#1f2937; --h-slate:#374151; --h-muted:#667085;
  --h-silver:#d7dbe2; --h-line:#dfe3e8; --h-bg:#f4f5f7; --h-white:#fff;
  --h-success:#087f5b; --h-warning:#a65f00; --h-danger:#b42318;
}
html,body{color:var(--h-charcoal)}
body{background-color:var(--h-bg)}
a{color:var(--h-red-dark)}
/* Primary actions */
button:not(.btn-danger):not(.btn-delete):not(.delete-btn):not(.btn-cancel),
.btn-primary,.btn-primary-action,.action-primary,
input[type="submit"]{border-color:var(--h-red)!important}
.btn-primary,.btn-primary-action,.action-primary,input[type="submit"]{background:linear-gradient(135deg,var(--h-red),var(--h-red-dark))!important;color:#fff!important}
.btn-primary:hover,.btn-primary-action:hover,.action-primary:hover,input[type="submit"]:hover{filter:brightness(.94)}
/* Inputs and focus */
input:focus,select:focus,textarea:focus{border-color:var(--h-red)!important;box-shadow:0 0 0 3px rgba(201,8,18,.12)!important;outline:none!important}
/* Tables */
table thead th,.table thead th{background:#252b35!important;color:#fff!important;border-color:#3d4654!important}
table tbody tr:nth-child(even){background:#fafafa}
table tbody tr:hover{background:#fff3f4}
/* Cards / modals */
.modal-content,.card,.panel,.content-card{border-color:var(--h-line);box-shadow:0 12px 30px rgba(31,41,55,.12)}
.modal-header,.card-header{border-bottom-color:var(--h-line)}
/* Pagination / active controls */
.pagination .active,.pagination .active a,.page-item.active .page-link,.page-link.active{background:var(--h-red)!important;border-color:var(--h-red)!important;color:#fff!important}
.page-link{color:var(--h-charcoal)}
/* Readable status colors */
.text-muted,.muted{color:var(--h-muted)!important}
.text-danger{color:var(--h-danger)!important}.text-success{color:var(--h-success)!important}
/* Selection */
::selection{background:var(--h-red);color:#fff}

/* 2026-09-24 full Harmony UI alignment: remove legacy blue/navy chrome */
header,.header,.top-header,.topbar,.navbar,.nav-header,.page-header,.content-header,
.table-header,.section-header,.modal-titlebar,.cash-summary-heading,
#fundsModal .cash-summary-heading{
  background:linear-gradient(135deg,#252b35,#15191f)!important;
  color:#fff!important;border-color:#c90812!important;
}
/* Generic application buttons use Harmony red; semantic actions retain their meaning. */
button,.btn,a.btn,.action-btn,.filter-btn,.search-btn,.apply-btn,.export-btn,
.add-btn,.new-btn,.save-btn,.print-btn,.refresh-btn{
  background-color:#c90812!important;background-image:linear-gradient(135deg,#d30a15,#8f0008)!important;
  border-color:#a9060e!important;color:#fff!important;
}
button:hover,.btn:hover,a.btn:hover,.action-btn:hover,.filter-btn:hover,.search-btn:hover,.apply-btn:hover,.export-btn:hover,
.add-btn:hover,.new-btn:hover,.save-btn:hover,.print-btn:hover,.refresh-btn:hover{filter:brightness(.92);color:#fff!important}
/* Secondary/cancel controls are graphite rather than legacy blue. */
.btn-secondary,.secondary-btn,.cancel-btn,.btn-cancel,.clear-btn{background:#4b5563!important;background-image:none!important;border-color:#374151!important;color:#fff!important}
/* Keep destructive and positive semantic controls readable. */
.btn-danger,.btn-delete,.delete-btn,.danger-btn{background:#b42318!important;background-image:none!important;color:#fff!important}
.btn-success,.success-btn{background:#087f5b!important;background-image:none!important;color:#fff!important}
/* Legacy blue utility classes and POS panels */
.blue,.navy,.bg-primary,.bg-blue,.bg-navy{background:#252b35!important;color:#fff!important}
.text-primary,.text-blue,.navy-text{color:#8f0008!important}
/* POS cashier chrome */
.sales-header,.transaction-header,.system-shortcuts-header,.shortcut-header,
#salesTable thead th,.sales-table thead th{background:#252b35!important;color:#fff!important;border-color:#c90812!important}
/* Links should be dark/red, never low-contrast blue on gray. */
.main-content a:not(.btn):not(.page-link){color:#8f0008}

/* Final sidebar burger treatment: no red button tile/background. */
.burger-btn,
button.burger-btn,
.sidebar .burger-btn,
.sidebar button.burger-btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}
.burger-btn:hover,.burger-btn:focus,.burger-btn:active,
.sidebar .burger-btn:hover,.sidebar .burger-btn:focus,.sidebar .burger-btn:active {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.burger-btn span { background:#c90812 !important; }


/* HPOS exact HPOS_JNC Harmony alignment - 2026-09-24 */
/* Login/logout text */
.login-card h1,.login-card .store-name,.login-card .brand-name,.welcome-panel h1,.welcome-panel .store-name,
.login-container h1,.login-container .store-name{color:#fff!important}
/* Sidebars and burger */
.sidebar{background:linear-gradient(180deg,#242a34 0%,#171b22 72%,#11151b 100%)!important;border-right:3px solid #c90812!important}
.sidebar .burger-btn,.burger-btn{background:transparent!important;border:0!important;box-shadow:none!important;position:fixed!important;top:12px!important;left:183px!important;right:auto!important;z-index:2100!important}
.burger-btn.open,.sidebar.collapsed .burger-btn{left:18px!important;right:auto!important}
.burger-btn span{background:#c90812!important}
.sidebar-profile{padding-right:48px!important}
/* F8/F9 and payment dialogs */
#itemSearchModal .modal-header,#priceInquiryModal .modal-header,#paymentModal .modal-header,
#cashPaymentModal .modal-header,#ewalletPaymentModal .modal-header,#splitPaymentModal .modal-header,
#paymentSuccessModal .modal-header,.payment-success-modal .modal-header,.tender-modal .modal-header{background:#252b35!important;color:#fff!important;border-bottom:3px solid #c90812!important}
#itemSearchModal tr.selected,#itemSearchModal tbody tr.selected,#priceInquiryModal tr.selected,#priceInquiryModal tbody tr.selected{background:#c90812!important;color:#fff!important}
#itemSearchModal tr.selected td,#priceInquiryModal tr.selected td{color:#fff!important;font-weight:700!important}
/* Sales report / Funds & Expenses */
#fundsExpensesModal .modal-header,.funds-expenses-modal .modal-header{background:#252b35!important;color:#fff!important;border-bottom:3px solid #c90812!important}
.btn.blue,.btn.skyblue,.reprint-btn,#reprintBtn{background:linear-gradient(135deg,#d30a15,#8f0008)!important;color:#fff!important;border-color:#a9060e!important}

/* HH POS custom pages — exact Harmony visual language matching HPOS */
:root{--harmony-red:#c90012;--harmony-red-dark:#a9000f;--harmony-graphite:#222831;--harmony-dark:#171c22;--harmony-muted:#667085;--harmony-border:#d9dee7;--harmony-bg:#f4f5f7}
.page-header,.quotation-header,.credit-header,.report-header{background:#fff!important;color:var(--harmony-graphite)!important;border:1px solid #e4e7ec!important;border-left:5px solid var(--harmony-red)!important;border-radius:10px!important;box-shadow:0 4px 14px rgba(0,0,0,.06)!important}
.page-header h1,.page-header h2,.quotation-header h1,.quotation-header h2,.credit-header h1,.credit-header h2,.report-header h1,.report-header h2{color:var(--harmony-graphite)!important}
.page-header p,.quotation-header p,.credit-header p,.report-header p{color:var(--harmony-muted)!important}
.btn-primary,.btn-info,.btn-blue,.action-btn.primary{background:var(--harmony-red)!important;border-color:var(--harmony-red)!important;color:#fff!important}
.btn-primary:hover,.btn-info:hover,.btn-blue:hover,.action-btn.primary:hover{background:var(--harmony-red-dark)!important;border-color:var(--harmony-red-dark)!important;color:#fff!important}
thead th,.table thead th{background:var(--harmony-graphite)!important;color:#fff!important}
a{color:var(--harmony-red)} a:hover{color:var(--harmony-red-dark)}
input:focus,select:focus,textarea:focus{border-color:var(--harmony-red)!important;box-shadow:0 0 0 2px rgba(201,0,18,.12)!important;outline:none!important}
.pagination a,.pagination button,.page-link{color:#f3f4f6!important;background:var(--harmony-red)!important;border-color:var(--harmony-red)!important}.pagination a:hover,.pagination button:hover,.page-link:hover{background:var(--harmony-red-dark)!important;color:#fff!important}

/* 2026-09-25: Sales Report re-print action matches HPOS ash-gray control */
#viewSalesReportModal .btn.blue,#salesReportModal .btn.blue,.sales-report-page .btn.blue{background:#6c757d!important;background-image:none!important;border-color:#6c757d!important;color:#fff!important}
#viewSalesReportModal .btn.blue:hover,#salesReportModal .btn.blue:hover,.sales-report-page .btn.blue:hover{background:#5c636a!important;border-color:#565e64!important}

/* Sales Report: Re-print is a secondary/ash-gray action */