/* Gympilot360 compatibility layer for existing live PHP modules */
.content-page{width:100%;min-height:calc(100vh - 70px)}
.content-page>.content{padding:1.25rem}
.container-fluid{width:100%;margin-left:auto;margin-right:auto}
.row{display:flex;flex-wrap:wrap;margin-left:-.625rem;margin-right:-.625rem}
.row>*{padding-left:.625rem;padding-right:.625rem;min-width:0}
.col-12{width:100%}.col-6{width:50%}.col-md-4,.col-md-6,.col-md-8,.col-lg-3,.col-lg-6,.col-xl-2,.col-xl-3,.col-xl-5,.col-xl-7{width:100%}
@media(min-width:768px){.col-md-4{width:33.333333%}.col-md-6{width:50%}.col-md-8{width:66.666667%}}
@media(min-width:1024px){.col-lg-3{width:25%}.col-lg-6{width:50%}}
@media(min-width:1280px){.col-xl-2{width:16.666667%}.col-xl-3{width:25%}.col-xl-5{width:41.666667%}.col-xl-7{width:58.333333%}}
.card{background:var(--color-card);border:1px solid var(--color-default-200);border-radius:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:1rem}
.card-body{padding:1.25rem}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-default-200)}.card-title{font-weight:600;color:var(--color-default-800)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:.5rem;padding:.5rem .85rem;font-weight:600;font-size:.875rem;line-height:1.25rem;border:1px solid transparent;transition:.15s}
.btn-sm{padding:.375rem .65rem;font-size:.8125rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-success{background:var(--color-success);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-info{background:var(--color-info);color:#fff}.btn-light{background:var(--color-default-100);color:var(--color-default-700);border-color:var(--color-default-200)}
.btn-outline-primary{border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-info{border-color:var(--color-info);color:var(--color-info)}.btn-outline-success{border-color:var(--color-success);color:var(--color-success)}
.form-control,.form-select,.form-input{width:100%;border:1px solid var(--color-default-300);background:var(--color-card);border-radius:.5rem;padding:.55rem .75rem;color:var(--color-default-800);outline:none}.form-control:focus,.form-select:focus,.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}
.form-label{display:block;margin-bottom:.35rem;font-weight:600;color:var(--color-default-700)}textarea.form-control{min-height:90px}.input-group{display:flex}.input-group>.form-control{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.85rem;border-bottom:1px solid var(--color-default-200);vertical-align:middle}.table thead,.table-light{background:var(--color-default-150)}.table-hover tbody tr:hover{background:var(--color-default-100)}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700}.bg-primary-subtle{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.text-primary{color:var(--color-primary)}.bg-success-subtle{background:color-mix(in srgb,var(--color-success) 12%,transparent)}.text-success{color:var(--color-success)}.bg-warning-subtle{background:color-mix(in srgb,var(--color-warning) 14%,transparent)}.text-warning{color:var(--color-warning)}.bg-danger-subtle{background:color-mix(in srgb,var(--color-danger) 14%,transparent)}.text-danger{color:var(--color-danger)}.bg-info-subtle{background:color-mix(in srgb,var(--color-info) 12%,transparent)}.text-info{color:var(--color-info)}.bg-secondary-subtle{background:var(--color-default-150)}.text-secondary,.text-muted{color:var(--color-default-500)}
.alert{padding:.85rem 1rem;border-radius:.65rem;margin-bottom:1rem}.alert-success{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.alert-danger{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.alert-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}
.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.text-center{text-align:center}.text-end{text-align:right}.flex-wrap{flex-wrap:wrap}.flex-fill{flex:1 1 auto}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.ms-1{margin-left:.25rem}.ms-2{margin-left:.5rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.w-100{width:100%}.rounded{border-radius:.5rem}.rounded-circle{border-radius:999px}.shadow{box-shadow:0 8px 20px rgba(15,23,42,.06)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;color:var(--color-default-500);font-size:.875rem}.breadcrumb-item a{color:var(--color-primary)}.breadcrumb-item.active{color:var(--color-default-600)}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.avatar-xl{width:4rem;height:4rem}.fs-18{font-size:18px}.fs-22{font-size:22px}.fs-24{font-size:24px}.fs-30{font-size:30px}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.m-0{margin:0}

/* Phase 9 member module compatibility and Tailwind-style polish */
.nf-content{padding:1.25rem 1.5rem}
.nf-container-fluid{width:100%;margin-left:auto;margin-right:auto}
.object-fit-cover{object-fit:cover}
.object-fit-contain{object-fit:contain}
.img-thumbnail{border:1px solid rgba(148,163,184,.35);border-radius:.75rem;padding:.25rem;background:var(--tw-card-bg,#fff)}
.rounded-circle{border-radius:9999px}
.table-responsive{overflow-x:auto}
.table-nowrap{white-space:nowrap}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.75rem .875rem;border-bottom:1px solid rgba(148,163,184,.18);vertical-align:middle}
.table-light,.bg-body{background:rgba(148,163,184,.08)}
.table-hover tbody tr:hover{background:rgba(148,163,184,.08)}
.table-bordered{border:1px solid rgba(148,163,184,.18)}
.table-striped tbody tr:nth-child(odd){background:rgba(148,163,184,.035)}
.avatar{display:inline-flex;align-items:center;justify-content:center}
.avatar-md{width:2.5rem;height:2.5rem}
.avatar-xl{width:6rem;height:6rem}
.fs-12{font-size:.75rem}.fs-13{font-size:.8125rem}.fs-16{font-size:1rem}.fs-18{font-size:1.125rem}.fs-22{font-size:1.375rem}.fs-30{font-size:1.875rem}
.fw-semibold{font-weight:600}.fw-medium{font-weight:500}.fw-bold{font-weight:700}
.text-muted{color:rgb(100 116 139)}.text-end{text-align:right}.text-center{text-align:center}.text-start{text-align:left}
.d-flex{display:flex}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-sm-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}
.flex-wrap{flex-wrap:wrap}.flex-grow-1{flex-grow:1}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.ms-2{margin-inline-start:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.col-12,.col-xl-12,.col-md-12{grid-column:span 12/span 12}
.col-6{grid-column:span 6/span 6}
.col-md-6{grid-column:span 6/span 6}
.col-md-5{grid-column:span 5/span 5}
.col-md-4{grid-column:span 4/span 4}
.col-md-3{grid-column:span 3/span 3}
.col-md-2{grid-column:span 2/span 2}
.col-md-1{grid-column:span 1/span 1}
.col-lg-5{grid-column:span 5/span 5}.col-lg-7{grid-column:span 7/span 7}
.col-xl-2{grid-column:span 2/span 2}.col-xl-3{grid-column:span 3/span 3}.col-xl-4{grid-column:span 4/span 4}.col-xl-8{grid-column:span 8/span 8}.col-xl-9{grid-column:span 9/span 9}
@media(max-width:900px){.row{grid-template-columns:1fr}.col-6,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-12,.col-lg-5,.col-lg-7,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-8,.col-xl-9{grid-column:1/-1}.text-end{text-align:left}}
.nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid rgba(148,163,184,.25);margin-bottom:1rem}
.nav-link{display:inline-flex;align-items:center;padding:.625rem .875rem;border-radius:.5rem .5rem 0 0;color:rgb(100 116 139);font-weight:600}
.nav-link.active{background:rgba(59,130,246,.10);color:rgb(37 99 235)}
.tab-pane{display:none}.tab-pane.active{display:block}
.modal{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.55);display:none;overflow:auto;padding:2rem}
.modal.show{display:block}
.modal-dialog{max-width:48rem;margin:0 auto}.modal-lg{max-width:64rem}
.modal-content{background:#fff;border-radius:1rem;border:1px solid rgba(148,163,184,.25);box-shadow:0 30px 90px rgba(0,0,0,.25)}
.modal-header,.modal-footer{padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.18);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.modal-footer{border-top:1px solid rgba(148,163,184,.18);border-bottom:0}
.modal-body{padding:1.25rem}
.btn-close{width:2rem;height:2rem;border-radius:.5rem;background:rgba(148,163,184,.15);position:relative}
.btn-close:after{content:"×";font-size:1.3rem;line-height:1;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}

/* Phase 10 POS/Sales UI polish */
.d-none{display:none!important}
.d-grid{display:grid}.w-100{width:100%}.h-100{height:100%}
.bg-light{background:rgba(148,163,184,.10)!important}
.border{border:1px solid rgba(148,163,184,.25)!important}
.border-bottom{border-bottom:1px solid rgba(148,163,184,.22)!important}
.rounded{border-radius:.75rem!important}
.shadow{box-shadow:0 10px 30px rgba(15,23,42,.10)!important}
.position-absolute{position:absolute}.position-relative{position:relative}
.input-group{display:flex;align-items:stretch;width:100%}
.input-group .form-input{border-radius:.5rem 0 0 .5rem}
.input-group .btn{border-radius:0 .5rem .5rem 0}
.input-group-sm .form-input{padding:.425rem .625rem;font-size:.875rem}
.list-group{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;background:var(--color-card,#fff);overflow:hidden}
.list-group-item{display:block;padding:.75rem 1rem;background:var(--color-card,#fff);border-bottom:1px solid rgba(148,163,184,.18);color:var(--color-default-800,#1e293b)}
.list-group-item:last-child{border-bottom:0}.list-group-item-action:hover{background:rgba(59,130,246,.08)}
.alert{border-radius:.75rem;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.22)}
.alert-success{background:rgba(34,197,94,.10);color:rgb(22 163 74);border-color:rgba(34,197,94,.25)}
.alert-danger{background:rgba(239,68,68,.10);color:rgb(220 38 38);border-color:rgba(239,68,68,.25)}
.btn-outline-primary,.btn-outline-info,.btn-outline-success,.btn-outline-danger,.btn-outline-secondary{background:transparent;border:1px solid rgba(148,163,184,.35);color:var(--color-default-700,#334155)}
.btn-check{position:absolute;opacity:0;pointer-events:none}
.btn-check:checked+.btn{background:var(--color-primary,#3b82f6)!important;color:#fff!important;border-color:var(--color-primary,#3b82f6)!important}
.btn-group{display:inline-flex;border-radius:.75rem;overflow:hidden}.btn-group .btn{border-radius:0}.btn-group .btn:first-of-type{border-radius:.75rem 0 0 .75rem}.btn-group .btn:last-of-type{border-radius:0 .75rem .75rem 0}
.pos-main-container{min-height:calc(100vh - 190px);display:flex;flex-direction:column}
.pos-container{display:flex;flex:1;overflow:hidden;background:var(--color-card,#fff);border:1px solid rgba(148,163,184,.25);border-radius:1rem;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.product-grid{flex:3;overflow-y:auto;padding:1.25rem;background:rgba(148,163,184,.07);border-right:1px solid rgba(148,163,184,.22)}
.cart-section{flex:2;display:flex;flex-direction:column;background:var(--color-card,#fff);min-width:410px}
.customer-area{padding:1.25rem;border-bottom:1px solid rgba(148,163,184,.22);background:var(--color-card,#fff);flex-shrink:0}
.cart-items-wrapper{flex-grow:1;overflow-y:auto;padding:1.25rem;min-height:220px;position:relative}
.cart-summary{padding:1.25rem;border-top:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.07);flex-shrink:0}
.product-card{cursor:pointer;transition:all .18s ease;border:1px solid rgba(148,163,184,.25)!important;border-radius:1rem!important;height:100%;background:var(--color-card,#fff)}
.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.14);border-color:var(--color-primary,#3b82f6)!important}
.row-cols-2,.row-cols-sm-3,.row-cols-md-3,.row-cols-lg-4,.row-cols-xl-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1200px){.row-cols-2,.row-cols-sm-3,.row-cols-md-3,.row-cols-lg-4,.row-cols-xl-5{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:992px){.pos-container{flex-direction:column}.cart-section{min-width:100%;border-left:none;border-top:1px solid rgba(148,163,184,.22)}.row-cols-2,.row-cols-sm-3,.row-cols-md-3,.row-cols-lg-4,.row-cols-xl-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.row-cols-2,.row-cols-sm-3,.row-cols-md-3,.row-cols-lg-4,.row-cols-xl-5{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 11 Employees/Payroll/Class UI polish */
.bg-success-subtle{background:rgba(34,197,94,.12)!important}.bg-warning-subtle{background:rgba(245,158,11,.14)!important}.bg-danger-subtle{background:rgba(239,68,68,.12)!important}.bg-primary-subtle{background:rgba(59,130,246,.12)!important}.bg-info-subtle{background:rgba(6,182,212,.12)!important}
.text-success{color:rgb(22 163 74)!important}.text-warning{color:rgb(217 119 6)!important}.text-danger{color:rgb(220 38 38)!important}.text-primary{color:var(--color-primary,#3b82f6)!important}.text-info{color:rgb(8 145 178)!important}
.avatar-sm{width:2.25rem;height:2.25rem}.avatar-title{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.border-end{border-inline-end:1px solid rgba(148,163,184,.22)!important}.border-top{border-top:1px solid rgba(148,163,184,.22)!important}
.table-sm th,.table-sm td{padding:.45rem .6rem}
.table-nowrap th,.table-nowrap td{white-space:nowrap}
.font-size-11{font-size:.6875rem}.font-size-12{font-size:.75rem}.font-size-18{font-size:1.125rem}
.mx-auto{margin-left:auto;margin-right:auto}.opacity-50{opacity:.5}.rounded-pill{border-radius:9999px}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.justify-content-end{justify-content:flex-end}.align-items-sm-center{align-items:center}.flex-sm-row{flex-direction:row}.flex-column{flex-direction:column}

/* Phase 12 Reports / AI / WhatsApp UI polish */
.bg-purple-subtle{background:rgba(168,85,247,.12)!important}
.text-purple{color:rgb(147 51 234)!important}
.report-card,.automation-card{border:1px solid rgba(148,163,184,.22);border-radius:1rem;background:var(--color-card,#fff);box-shadow:0 10px 28px rgba(15,23,42,.08)}
.badge-soft{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}
.whatsapp-status-dot{width:.55rem;height:.55rem;border-radius:9999px;display:inline-block}
.pre-wrap{white-space:pre-wrap}
.max-h-report{max-height:68vh;overflow:auto}

/* Phase 0 shell alignment */
.gp-sidebar-logo{height:42px;width:auto;max-width:172px;object-fit:contain}
.gp-sidebar-logo-sm{height:34px;width:34px;object-fit:contain}
.app-menu .menu-icon{min-width:1.75rem;display:inline-flex;align-items:center;justify-content:center}
.app-menu .menu-icon .iconify{display:inline-flex;align-items:center;justify-content:center}
.app-menu .menu-link{gap:.65rem}
.app-header .hs-dropdown-menu{z-index:60}
html[data-sidenav-size=condensed] .app-menu .logo-lg{display:none!important}
html[data-sidenav-size=condensed] .app-menu .logo-sm{display:block!important}
html[data-sidenav-size=condensed] .app-menu .menu-text,
html[data-sidenav-size=condensed] .app-menu .menu-arrow,
html[data-sidenav-size=condensed] .app-menu .menu-title span{display:none!important}
html[data-sidenav-size=condensed] .app-menu .menu-link{justify-content:center;padding-inline:.65rem}
html[data-sidenav-size=condensed] .app-menu .sub-menu{display:none!important}
html[data-sidenav-size=condensed] .app-menu .side-nav{padding-inline:.55rem}
@media(max-width:1140px){
  html[data-sidenav-size=offcanvas] .app-menu{transform:translateX(0)}
}

/* Phase 0 Lucide shell icon repair */
.app-header svg,
.app-menu svg{display:block;stroke-width:2;flex-shrink:0}
.app-menu .menu-icon{color:inherit}
.app-menu .menu-icon svg{width:1.25rem;height:1.25rem}
.app-header .btn-icon svg{width:1.125rem;height:1.125rem}
.app-header .topbar-item{display:inline-flex;align-items:center}
.app-header .btn-icon{display:inline-flex;align-items:center;justify-content:center}
.app-header #topbar-search{height:2.375rem}
html[data-sidenav-size=condensed] .app-menu .menu-icon{min-width:auto}

/* Dashboard targeted visual cleanup */
.gp-dashboard-date-control .form-select,
.gp-dashboard-date-control .form-input{height:34px;font-size:.8rem}
.gp-dashboard-date-control .btn{height:34px}
@media(max-width:1024px){
  .gp-dashboard-date-control{width:100%}
  .gp-dashboard-date-control .form-select,
  .gp-dashboard-date-control .form-input,
  .gp-dashboard-date-control .btn{flex:1 1 150px}
}