/* GAWAGI UI — responsive polish layer (compact, touch-friendly, no forced zoom) */
:root{--gw-primary:#1463e8;--gw-primary-2:#0b3fa8;--gw-purple:#6d28d9;--gw-ink:#172033;--gw-muted:#667085;--gw-bg:#f4f7fb;--gw-line:#e7ecf3;--gw-card:#fff;--gw-radius:14px;--gw-shadow:0 6px 20px rgba(18,39,75,.06)}
html{scroll-behavior:smooth}body{color:var(--gw-ink);background:var(--gw-bg)}
*,*::before,*::after{box-sizing:border-box}
/* Keep the original application scale. Never force large controls or a wide page. */
.container,.container-fluid{max-width:1440px}
main,.content,.page-content,.hms-main,.hms-content{min-width:0;max-width:100%}
.card,.panel,.stat,.widget,.box,.dashboard-card,.module-card,.table-card,.form-card,.content-card,.section-card{border:1px solid #e1e7ef!important;border-radius:var(--gw-radius)!important;background:#fff;box-shadow:var(--gw-shadow)}
.card-header,.panel-h,.section-title,.widget-title{border-bottom:1px solid var(--gw-line);background:linear-gradient(135deg,rgba(20,99,232,.035),rgba(109,40,217,.02));font-weight:700}
.page-header,.hero,.module-hero,.dashboard-hero,.trash-hero{border:1px solid #e1e7ef;border-radius:16px!important;background:linear-gradient(135deg,#fff,#f8fbff 65%,#f7f3ff);box-shadow:0 8px 24px rgba(18,39,75,.06);overflow:hidden;position:relative}
.stat,.kpi,.metric-card{position:relative;overflow:hidden}.stat:before,.kpi:before,.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gw-primary),var(--gw-purple))}
.stat .n,.kpi .value,.metric-card .value{font-weight:800;letter-spacing:-.02em}
/* Tables stay within the viewport; mobile users can scroll horizontally rather than losing buttons. */
.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.table{--bs-table-bg:transparent;margin-bottom:0}
.table thead th{background:#f5f8fc;color:#17366f;border-bottom:1px solid #dfe7f2!important;font-size:.76rem;font-weight:800;white-space:nowrap}
.table tbody tr:hover{background:#f8fbff}.table td{border-color:#edf1f6;vertical-align:middle}
/* Compact controls — close to the original application size. */
.form-control,.form-select,.input-group-text{border:1px solid #d9e1ec;border-radius:9px;min-height:40px;box-shadow:none}
.form-control:focus,.form-select:focus{border-color:#6aa0f4;box-shadow:0 0 0 3px rgba(20,99,232,.09)}
.form-label{color:#344054;font-weight:650;margin-bottom:5px}
fieldset{border:1px solid #e1e8f2!important;border-radius:13px!important;padding:15px!important;background:#fff}
legend{font-size:.92rem;font-weight:800;color:#17366f;padding:0 6px}
.btn{border-radius:8px;font-weight:650;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}
.btn-primary,.btn-brand{background:linear-gradient(135deg,var(--gw-primary),var(--gw-primary-2));border:0}
.btn-action-edit{background:#eef5ff!important;color:#1454b7!important;border:1px solid #cfe0fb!important}
.btn-action-delete{background:#fff1f2!important;color:#c51f35!important;border:1px solid #ffd1d6!important}
.badge{border-radius:999px;padding:.38em .68em;font-weight:700}
.alert{border:0;border-radius:11px}
.dropdown-menu{border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 12px 30px rgba(18,39,75,.12);padding:6px}.dropdown-item{border-radius:7px;font-weight:600}
.pagination .page-link{border:0;margin:0 2px;border-radius:8px;color:#3b4a62;font-weight:700}.pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--gw-primary),var(--gw-primary-2))}
.empty-state{padding:38px 18px;text-align:center;color:#667085;border:1px dashed #ccd7e6;border-radius:14px;background:#fff}
.modal-content{border:1px solid #e1e7f0;border-radius:16px;box-shadow:0 20px 60px rgba(10,25,55,.18);overflow:hidden}.modal-header{background:linear-gradient(135deg,#f7faff,#f7f2ff);border-bottom:1px solid #e5eaf2}
.hms-side{box-shadow:5px 0 22px rgba(8,20,40,.14)!important}.hms-side .nav-link,.hms-side a{transition:background .12s,transform .12s}.hms-side .nav-link:hover{transform:translateX(2px)}
.hms-top{backdrop-filter:blur(8px);background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(220,227,237,.9)!important}
*{scrollbar-width:thin;scrollbar-color:#b9c7db transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:#b9c7db;border-radius:999px}
/* Action/Options groups wrap instead of pushing the page wider. */
.action-buttons,.options-buttons,.btn-group-wrap,.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.text-nowrap.action-buttons,.text-nowrap.options-buttons,.text-nowrap.table-actions{white-space:normal!important}
@media(max-width:991.98px){.page-header,.hero,.module-hero,.dashboard-hero,.trash-hero{border-radius:14px!important}.card,.panel,.stat,.widget,.box,.dashboard-card,.module-card,.table-card,.form-card,.content-card,.section-card{border-radius:13px!important}.table{min-width:0}.table-responsive .table{margin-bottom:0}.table td,.table th{white-space:nowrap}.action-buttons,.options-buttons,.table-actions{min-width:150px}}
@media(max-width:767.98px){.container,.container-fluid{padding-left:10px;padding-right:10px}.row{--bs-gutter-x:1rem}.page-header,.hero,.module-hero,.dashboard-hero,.trash-hero{padding:12px!important}.card-header,.panel-h{padding:11px 12px}.card-body{padding:12px}.form-control,.form-select{min-height:40px}.btn{min-height:38px}.table thead th{font-size:.72rem}.table td,.table th{padding:.55rem .55rem}.action-buttons .btn,.options-buttons .btn,.table-actions .btn{white-space:nowrap}.modal-dialog{margin:.65rem}.modal-body{padding:14px}}
@media(max-width:575.98px){.btn{font-size:.875rem}.btn-sm{font-size:.78rem}.stat,.kpi,.metric-card{padding:12px!important}.table-responsive{border-radius:10px}.table{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}