﻿/* Corporate visual refresh for the legacy hotel administration panel */
:root{--corp-ink:#24352b;--corp-muted:#718078;--corp-blue:#547b60;--corp-navy:#e8f0e9;--corp-sage:#edf3ee;--corp-bg:#f3f6f3;--corp-line:#dfe8e0;--corp-shadow:0 8px 26px rgba(35,57,41,.08)}
html,body,#wrap{background:var(--corp-bg);color:var(--corp-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
#header{background:#fff;border-bottom:1px solid var(--corp-line);box-shadow:0 2px 12px rgba(22,40,62,.05)}
#header .branding{background:#edf3ee;border-right:1px solid #dce6dd}
#header .branding .brand{display:flex;align-items:center;gap:10px;width:100%;height:45px;padding:0;background:none!important;background-image:none!important;color:#2c4935;letter-spacing:.07em;font-size:14px;line-height:normal;overflow:hidden}
#header .branding .brand:hover{color:#203b29}
#header .branding img.hotel-header-logo{display:block!important;width:140px!important;height:28px!important;max-width:140px!important;max-height:28px!important;object-fit:contain!important;overflow:hidden}
#header .branding .hotel-header-mark{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:9px;background:#dce9dd;color:#547b60;font-size:17px}
#header .branding .hotel-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#header .branding .offcanvas-toggle{color:#45644c}
#header .nav-right>li>a,#header .nav-left>li>a{color:#42566e}
#sidebar,#sidebar #sidebar-wrap,#sidebar #sidebar-wrap:before{background:var(--corp-sage);border-right:1px solid #dce6dd}
#sidebar.scheme-light,#sidebar.scheme-light #sidebar-wrap,#sidebar.scheme-light #sidebar-wrap:before{background:var(--corp-sage);border-right:1px solid #dce6dd}
#sidebar #navigation>li>a{color:#4b5e50;transition:background .18s ease,color .18s ease;border-left:3px solid transparent}
#sidebar #navigation>li>a:hover,#sidebar #navigation>li.open>a{background:#e2ece3;color:#31583a}
#sidebar #navigation>li.active>a{background:#dce9dd;color:#294e33;border-left-color:#6c9271;font-weight:700}
#sidebar.scheme-light #navigation>li:hover>a,#sidebar.scheme-light #navigation>li.open>a{background:#e2ece3;color:#31583a}
#sidebar.scheme-light #navigation>li.active>a{background:#dce9dd;color:#294e33;border-left-color:#6c9271;font-weight:700}
#sidebar #navigation>li>a>i{color:#66806b}
#sidebar #navigation .dropdown>ul{background:#e5eee6}
#sidebar.scheme-light #navigation .dropdown>ul{background:#e5eee6}
#sidebar #navigation .dropdown>ul li>a{color:#526355}
#sidebar #navigation .dropdown>ul li:hover>a,#sidebar #navigation .dropdown>ul li.active>a{background:#d9e7db;color:#31583a}
#sidebar.scheme-light #navigation .dropdown>ul li:hover>a,#sidebar.scheme-light #navigation .dropdown>ul li.active>a{background:#d9e7db;color:#31583a}
#sidebar .panel-heading,#sidebar .panel-body{background:transparent;border-color:#dce6dd}
#sidebar .panel-title>a{color:#596b5c}
#sidebar .panel-title>a:hover{color:#31583a}
.hotel-nav-badge{background:#dce9dd!important;color:#31583a!important;border:1px solid #c9dccb;border-radius:10px;font-weight:700}
/* In compact responsive mode, expand the sidebar beside the page instead of stretching it over the workspace. */
.appWrapper.sidebar-sm #sidebar.dropdown-open,.appWrapper.sidebar-xs #sidebar.dropdown-open{width:250px!important;max-width:calc(100vw - 72px);background:var(--corp-sage);z-index:30}
.appWrapper.sidebar-sm #sidebar.dropdown-open #sidebar-wrap:before,.appWrapper.sidebar-xs #sidebar.dropdown-open #sidebar-wrap:before{width:250px;max-width:calc(100vw - 72px);background:var(--corp-sage)}
.appWrapper.sidebar-sm #sidebar.dropdown-open #navigation,.appWrapper.sidebar-xs #sidebar.dropdown-open #navigation{width:250px;max-width:calc(100vw - 72px)}
.appWrapper.sidebar-sm #sidebar.dropdown-open #navigation>li.dropdown:hover>ul,.appWrapper.sidebar-xs #sidebar.dropdown-open #navigation>li.dropdown:hover>ul{position:static;left:auto;top:auto;width:auto;max-width:none;padding:5px 0;background:#e5eee6;box-shadow:none}
.appWrapper.sidebar-sm #sidebar.dropdown-open #navigation>li li.submenu:hover>ul,.appWrapper.sidebar-xs #sidebar.dropdown-open #navigation>li li.submenu:hover>ul{position:static;left:auto;top:auto;width:auto;max-width:none;padding:0 0 0 12px;background:transparent}
.appWrapper.sidebar-sm #controls.dropdown-open~#content,.appWrapper.sidebar-xs #controls.dropdown-open~#content{left:250px!important;right:0!important;width:auto!important;padding-left:0!important;box-sizing:border-box}
#content{background:var(--corp-bg)}
.content-header{padding:22px 25px 10px}
.breadcrumb{background:transparent;padding:0;color:var(--corp-muted)}
.tile,.panel,.modal-content{border:1px solid var(--corp-line);border-radius:10px;box-shadow:var(--corp-shadow);overflow:hidden;background:#fff}
.tile .tile-header{padding:19px 22px;border-bottom:1px solid var(--corp-line);background:#fff}
.tile .tile-header h1{font-size:17px;letter-spacing:.025em;color:var(--corp-ink)}
.tile .tile-body{padding:22px}
.tile .tile-header .controls a{color:var(--corp-blue)}
.form-control{border:1px solid #d6dee8;border-radius:6px;box-shadow:none;min-height:38px;color:var(--corp-ink)}
.form-control:focus{border-color:#5b9bd0;box-shadow:0 0 0 3px rgba(23,105,170,.12)}
.input-group-addon{background:#f7f9fc;border-color:#d6dee8;color:#52647a;border-radius:6px 0 0 6px}
.btn{border-radius:6px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(23,48,76,.12)}
.btn-primary,.btn-success{background:var(--corp-blue);border-color:var(--corp-blue)}
.table{color:#36495f}
.table>thead>tr>th{background:#f5f8fb!important;color:#42566e!important;border-bottom:1px solid var(--corp-line);font-size:11px;letter-spacing:.055em;padding:12px 10px}
.table>tbody>tr>td{border-top:1px solid #edf1f5;padding:11px 10px;vertical-align:middle}
.table-hover>tbody>tr:hover,.table>tbody>tr:hover{background:#f8fbfe}
.pagination>li>a{border-color:var(--corp-line);color:var(--corp-blue)}
.modal-header{background:#f7f9fc;border-bottom:1px solid var(--corp-line)}
.modal-title{font-weight:700;color:var(--corp-ink)}
.alert{border-radius:7px}
.page-core.page-login{width:100%;max-width:520px;float:none;margin:6vh auto;padding:15px}
.page-login .tile{margin:0 auto;border-radius:14px;box-shadow:0 18px 50px rgba(17,43,73,.14)}
.page-login .tile-header{padding:25px 20px;background:#fff}
.page-login .tile-header h1{font-size:22px;color:var(--corp-navy);letter-spacing:.04em}
.page-login .tile-body{padding:26px 30px 20px}
.page-login .form-control{height:44px}
.page-login button[type=submit]{height:44px;background:var(--corp-blue)!important;border-color:var(--corp-blue);border-radius:7px;font-weight:700}
@media(max-width:767px){#header .branding .brand{width:auto;max-width:calc(100% - 28px)}#header .branding img.hotel-header-logo{width:120px!important;height:24px!important;max-width:120px!important;max-height:24px!important}.appWrapper.sidebar-xs #controls.dropdown-open~#content{left:min(250px,calc(100vw - 72px))!important}.content-header{padding:14px 14px 8px}.tile .tile-body{padding:14px}.tile .tile-header{padding:15px}.table-responsive{border:0}}

/* Consistent, polished controls across the application. */
.btn{min-height:34px;padding:7px 13px;border-radius:7px;font-weight:650;letter-spacing:.01em;box-shadow:0 1px 2px rgba(28,48,34,.08);transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn:hover,.btn:focus{transform:translateY(-1px);box-shadow:0 5px 13px rgba(28,48,34,.16)}
.btn:focus-visible{outline:3px solid rgba(72,144,91,.28);outline-offset:2px}
.btn:active,.btn.active{transform:translateY(0);box-shadow:inset 0 2px 4px rgba(20,38,25,.14)}
.btn:disabled,.btn.disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}
.btn-primary{color:#fff;background:linear-gradient(135deg,#4d9a63,#347b4a);border-color:#347b4a}
.btn-primary:hover,.btn-primary:focus{color:#fff;background:linear-gradient(135deg,#438c58,#28673c);border-color:#28673c}
.btn-success{color:#fff;background:linear-gradient(135deg,#58a86d,#37844e);border-color:#37844e}
.btn-success:hover,.btn-success:focus{color:#fff;background:linear-gradient(135deg,#48945d,#2d7042);border-color:#2d7042}
.btn-default{color:#435449;background:#fff;border-color:#cbd8cd}
.btn-default:hover,.btn-default:focus{color:#284b32;background:#edf5ee;border-color:#9fbea4}
.btn-info{color:#fff;background:#4b8292;border-color:#407487}
.btn-info:hover,.btn-info:focus{color:#fff;background:#3b7181;border-color:#326575}
.btn-warning{color:#fff;background:#bd8732;border-color:#ac7626}
.btn-warning:hover,.btn-warning:focus{color:#fff;background:#a97425;border-color:#95651f}
.btn-danger{color:#fff;background:#bc5c57;border-color:#a94b47}
.btn-danger:hover,.btn-danger:focus{color:#fff;background:#a94b47;border-color:#93403c}
.btn-link{box-shadow:none}
.hotel-product-search{position:relative;margin:0 0 16px;padding:15px 16px 12px;border:1px solid #dfe9e0;border-radius:9px;background:linear-gradient(135deg,#f8fbf8,#f0f6f1)}
.hotel-product-search label{display:block;margin:0 0 7px;color:var(--corp-ink);font-size:13px;font-weight:700}
.hotel-product-search label .fa{margin-right:6px;color:#4d8b5d}
.hotel-product-search-input{max-width:560px;padding-left:13px;background:#fff;font-size:14px}
.hotel-product-search-hint{display:block;margin-top:6px;color:#718078;font-size:12px}
.hotel-product-table{font-size:13px}
.hotel-product-table>thead>tr>th{background:#eaf2eb!important;color:#385642!important;border-color:#dce8dd;font-size:11px}
.hotel-product-table>tbody>tr:hover{background:#f5faf5}
.hotel-product-table .form-control{min-width:76px;min-height:34px;padding:6px 8px}
.hotel-add-product-btn{min-width:105px;background:linear-gradient(135deg,#58a86d,#37844e)!important;border-color:#37844e!important;color:#fff!important}
.hotel-add-product-btn .fa{margin-right:4px}
.hotel-product-modal-footer{padding:13px 20px;background:#fbfdfb;border-top:1px solid var(--corp-line)}
.hotel-modal-close{font-size:27px;opacity:.58;text-shadow:none}
.hotel-modal-close:hover,.hotel-modal-close:focus{opacity:.9}
.hotel-modal-accept{min-width:142px;min-height:42px;padding:10px 22px;border:1px solid #2f7543;border-radius:8px;background:linear-gradient(135deg,#6bc681 0%,#31834b 55%,#276a3c 100%);color:#fff;font-size:15px;font-weight:750;letter-spacing:.025em;text-shadow:0 1px 1px rgba(20,70,34,.2);box-shadow:0 5px 14px rgba(50,129,72,.3),inset 0 1px 0 rgba(255,255,255,.3)}
.hotel-modal-accept:hover,.hotel-modal-accept:focus{border-color:#245e36;background:linear-gradient(135deg,#78d18b 0%,#34844b 55%,#205d33 100%);color:#fff;box-shadow:0 7px 18px rgba(50,129,72,.38),inset 0 1px 0 rgba(255,255,255,.34)}
.hotel-modal-accept .fa{margin-right:7px}
@media(max-width:767px){.hotel-product-search{padding:12px}.hotel-product-search-input{max-width:none}.hotel-product-table{font-size:12px}.hotel-product-modal-footer{padding:11px 14px}.hotel-modal-accept{width:100%}}
.page-sales-consultation{display:block!important;position:relative;width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:0 0 18px!important;box-sizing:border-box}
.page-sales-consultation>.pageheader,.page-sales-consultation>.pagecontent{display:block;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.page-sales-consultation>.pageheader{margin-top:0;margin-bottom:12px;padding:12px 16px 4px}
.page-sales-consultation>.pageheader h2{margin:4px 0;font-size:24px}
.page-sales-consultation>.pagecontent{padding:0 8px!important}
.page-sales-consultation .tile{display:block;width:100%!important;max-width:none!important;margin:0 0 14px!important;box-sizing:border-box}
.page-sales-consultation .tile-body.table-responsive{display:block;width:100%!important;max-width:none!important;margin:0;padding:0;overflow-x:auto}
.page-sales-consultation .table{width:100%;margin-bottom:0}
.page-sales-consultation .sales-delete-form{display:inline-block;margin:0}
.page-sales-consultation .table td.text-nowrap{white-space:nowrap}
@media(max-width:767px){.page-sales-consultation>.pageheader{padding:12px 12px 4px}.page-sales-consultation>.pagecontent{padding:0 6px!important}.page-sales-consultation>.pageheader h2{font-size:21px}.page-sales-consultation .table td.text-nowrap{white-space:normal;min-width:190px}.page-sales-consultation .sales-delete-form{margin-top:4px}}
.inventory-report-page{width:100%;max-width:none;padding:0 8px 20px;box-sizing:border-box}
.inventory-report-summary>.tile-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:linear-gradient(120deg,#f4faf4,#fff)}
.inventory-summary-copy{display:flex;align-items:center;gap:13px}
.inventory-summary-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#e2f0e4;color:#3b8150;font-size:21px}
.inventory-summary-copy strong,.inventory-summary-copy small{display:block}
.inventory-summary-copy strong{color:#334c38;font-size:15px}
.inventory-summary-copy small{margin-top:4px;color:#718078}
.inventory-summary-total{color:#2f7543;font-size:27px;font-weight:750;white-space:nowrap}
.inventory-report-page .tile{width:100%;max-width:none}
.inventory-report-page .tile-header h3{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inventory-count{padding:5px 9px;border-radius:20px;background:#edf4ee;color:#58705c;font-size:12px;font-weight:600}
.inventory-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.inventory-report-filter{position:relative;flex:1;max-width:520px}
.inventory-report-filter>i{position:absolute;top:12px;left:13px;color:#718078}
.inventory-report-filter .form-control{padding-left:36px}
.inventory-report-actions{display:flex;flex-wrap:wrap;gap:8px}
.inventory-report-table-wrap{width:100%;overflow-x:auto}
.inventory-report-table{min-width:680px}
.inventory-report-table tfoot{background:#f5f8f5;font-weight:700}
@media(max-width:767px){.inventory-report-page{padding:0 6px 14px}.inventory-summary-total{font-size:22px}.inventory-summary-icon{width:42px;height:42px}.inventory-summary-copy strong{font-size:13px}.inventory-report-toolbar{align-items:stretch;flex-direction:column}.inventory-report-filter{max-width:none}.inventory-report-actions>*{flex:1}}
.cashbox-report-summary-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid var(--corp-line);background:#f9fbf9}
.cashbox-report-actions .btn{margin:2px 0}
@media(max-width:767px){.cashbox-report-summary-actions>*{flex:1}}
.product-maintenance-body{padding:20px!important}
.product-inventory-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
.product-inventory-overview>div{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid #e0e9e1;border-radius:10px;background:linear-gradient(120deg,#f7faf7,#fff)}
.product-overview-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e4f0e5;color:#3f8050;font-size:18px}
.product-overview-warning{background:#fff2dc;color:#ad7a27}
.product-inventory-overview small,.product-inventory-overview strong{display:block}
.product-inventory-overview small{color:#718078;font-size:12px}
.product-inventory-overview strong{margin-top:2px;color:#2d4433;font-size:21px}
.product-maintenance-filters{display:grid;grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) minmax(190px,1fr) auto;align-items:end;gap:12px;margin-bottom:17px;padding:16px;border:1px solid #dfe8e0;border-radius:10px;background:#f7faf7}
.product-maintenance-filters label{display:block;margin-bottom:6px;color:#435749;font-size:12px;font-weight:700}
.product-search-field>div{position:relative}.product-search-field i{position:absolute;top:12px;left:12px;color:#718078}.product-search-field .form-control{padding-left:35px}
.product-maintenance-filters .form-control{min-height:39px;background:#fff}
.product-filter-actions{display:flex;align-items:center;gap:9px}.product-filter-count{padding:0 2px 9px;color:#718078;font-size:12px;white-space:nowrap}.product-filter-count span{color:#31583a;font-weight:700}
.product-table-wrap{width:100%;border:1px solid #e1e9e2;border-radius:9px}
.product-maintenance-table{min-width:900px;margin:0;font-size:13px}
.product-maintenance-table>thead>tr>th{background:#eaf2eb!important;color:#385642!important;border-color:#dce8dd;font-size:11px}
.product-maintenance-table>tbody>tr>td{vertical-align:middle}
.product-maintenance-row[data-stock=low]{background:#fffaf1}
.product-maintenance-row[data-stock=low]:hover{background:#fff4df}
.product-stock-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}
.product-stock-low{background:#fff0d4;color:#9b6515}.product-stock-ok{background:#e8f4ea;color:#347548}.product-stock-unset{background:#f0f2f0;color:#748078}
.product-row-actions{min-width:185px;white-space:nowrap}.product-row-actions .btn{padding:6px 9px}
.product-create-action{display:inline-block;padding:9px 13px;border-radius:7px;background:linear-gradient(135deg,#5ba66d,#367b49);color:#fff!important;font-weight:700}
.product-create-action:hover{background:linear-gradient(135deg,#4b975d,#2e693e);text-decoration:none}
.product-maintenance-body .modal-content{overflow:hidden}.product-maintenance-body .modal-header{padding:17px 20px;background:linear-gradient(120deg,#edf5ee,#fff)}.product-maintenance-body .modal-title{font-size:17px}
.product-maintenance-body .modal-body{padding:22px!important}.product-maintenance-body .modal-body .form-group{margin-bottom:15px}.product-maintenance-body .modal-footer{padding:13px 20px;background:#f8faf8}
@media(max-width:900px){.product-maintenance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.product-filter-count{padding-bottom:8px}}
@media(max-width:600px){.product-maintenance-body{padding:12px!important}.product-inventory-overview{grid-template-columns:1fr}.product-maintenance-filters{grid-template-columns:1fr;padding:12px}.product-filter-actions{align-items:center;justify-content:space-between}.product-filter-count{padding-bottom:0}}
