/* SPMB Production UI V13
   Mobile-first, desktop-ready, safe override for existing Bootstrap/PHP pages. */
:root{
  --spmb-primary:#0f766e;
  --spmb-primary-2:#14b8a6;
  --spmb-primary-soft:#ecfdf5;
  --spmb-accent:#2563eb;
  --spmb-danger:#dc2626;
  --spmb-warning:#f59e0b;
  --spmb-dark:#0f172a;
  --spmb-ink:#111827;
  --spmb-muted:#64748b;
  --spmb-bg:#f5f7fb;
  --spmb-card:#ffffff;
  --spmb-border:rgba(15,23,42,.10);
  --spmb-radius:18px;
  --spmb-radius-lg:26px;
  --spmb-shadow:0 12px 34px rgba(15,23,42,.08);
  --spmb-shadow-sm:0 6px 18px rgba(15,23,42,.06);
  --spmb-focus:0 0 0 .25rem rgba(20,184,166,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;line-height:1.55;background:var(--spmb-bg);color:var(--spmb-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
body.text-light,html[data-bs-theme="dark"] body{background:radial-gradient(circle at 10% 0%,rgba(20,184,166,.14),transparent 28%),linear-gradient(180deg,#08111f,#0f172a 48%,#111827);color:#e5e7eb}
a{transition:.18s ease;color:inherit}a:hover{opacity:.92}img,svg,video,canvas,iframe{max-width:100%;height:auto}.container{max-width:1180px}.container-fluid{max-width:1480px;margin-inline:auto}.text-muted{color:var(--spmb-muted)!important}html[data-bs-theme="dark"] .text-muted,body.text-light .text-muted,.muted{color:#94a3b8!important}
/* production header/hero */
.hero,.top,.head{position:relative;overflow:hidden;border-radius:var(--spmb-radius-lg)!important;background:linear-gradient(135deg,#0f172a 0%,#0f766e 50%,#2563eb 100%)!important;color:#fff!important;box-shadow:var(--spmb-shadow)!important;border:0!important}.hero:before,.top:before{content:"";position:absolute;inset:-80px -80px auto auto;width:240px;height:240px;background:rgba(255,255,255,.13);border-radius:50%;filter:blur(2px)}.hero>* ,.top>*{position:relative;z-index:1}.hero h1,.hero h2,.hero h3,.top h1,.top h2,.top h3{letter-spacing:-.02em}.hero .btn,.top .btn{box-shadow:0 6px 18px rgba(0,0,0,.14)}
/* cards */
.card,.sheet,.stat,.item,.list-group-item{border-radius:var(--spmb-radius)!important;border:1px solid var(--spmb-border)!important;box-shadow:var(--spmb-shadow-sm);background:rgba(255,255,255,.96);backdrop-filter:saturate(130%) blur(6px)}html[data-bs-theme="dark"] .card,body.text-light .card,html[data-bs-theme="dark"] .sheet,body.text-light .sheet{background:rgba(15,23,42,.76)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)}.card:hover,.stat:hover{transform:translateY(-1px);transition:.18s ease}.card-header,.card-footer{background:transparent;border-color:var(--spmb-border)}
/* stats */
.stat{min-height:116px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(37,99,235,.07)),#fff!important}.num{font-size:clamp(26px,3.6vw,42px)!important;font-weight:900!important;letter-spacing:-.04em;color:var(--spmb-primary)!important}
/* buttons */
.btn{border-radius:999px!important;font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:40px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-success,.btn-primary,.btn-emerald,.btn-main{background:linear-gradient(135deg,var(--spmb-primary),var(--spmb-primary-2))!important;border-color:transparent!important;color:#fff!important}.btn-outline-light,.btn-outline-secondary,.btn-soft{border-color:rgba(148,163,184,.45)!important}.btn-sm{min-height:34px;font-size:.82rem}.btn-group{gap:.35rem;flex-wrap:wrap}.btn-group>.btn{border-radius:999px!important}
/* forms */
.form-control,.form-select{border-radius:14px!important;border:1px solid var(--spmb-border);min-height:42px}.form-control:focus,.form-select:focus{border-color:var(--spmb-primary-2)!important;box-shadow:var(--spmb-focus)!important}.form-label{font-weight:700;color:#334155}.form-text,.small-muted{color:var(--spmb-muted)}html[data-bs-theme="dark"] .form-label,body.text-light .form-label{color:#d1d5db}html[data-bs-theme="dark"] .form-control,body.text-light .form-control,html[data-bs-theme="dark"] .form-select,body.text-light .form-select{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}html[data-bs-theme="dark"] .form-control::placeholder,body.text-light .form-control::placeholder{color:#94a3b8}
/* tables */
.table-responsive{border-radius:16px;border:1px solid var(--spmb-border);overflow:auto;-webkit-overflow-scrolling:touch;background:rgba(255,255,255,.72)}.table{margin-bottom:0;vertical-align:middle;min-width:820px}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:rgba(15,23,42,.035);white-space:nowrap}.table td{color:#1f2937}.table td,.table th{padding:.82rem .9rem;border-color:rgba(15,23,42,.08)}.table-hover tbody tr:hover{background:rgba(20,184,166,.055)}html[data-bs-theme="dark"] .table-responsive,body.text-light .table-responsive{background:rgba(15,23,42,.55);border-color:rgba(255,255,255,.10)}html[data-bs-theme="dark"] .table th,body.text-light .table th{background:rgba(255,255,255,.07);color:#cbd5e1}html[data-bs-theme="dark"] .table td,body.text-light .table td{color:#e5e7eb}html[data-bs-theme="dark"] .table td,html[data-bs-theme="dark"] .table th,body.text-light .table td,body.text-light .table th{border-color:rgba(255,255,255,.08)}
/* badges/alerts */
.badge{border-radius:999px;padding:.42em .7em;font-weight:800;letter-spacing:.01em}.alert{border-radius:16px!important;border:0;box-shadow:var(--spmb-shadow-sm)}
/* layout helpers */
.action-stack,.toolbar,.d-flex.gap-1,.d-flex.gap-2,.d-flex.gap-3{flex-wrap:wrap}.toolbar{border-radius:18px}.spmb-mobile-only{display:none!important}.spmb-desktop-only{display:initial!important}.spmb-page-shell{min-height:100vh}.spmb-page-title{letter-spacing:-.025em}.spmb-admin-quickbar{position:sticky;top:0;z-index:1020;padding:.65rem;background:rgba(245,247,251,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08)}html[data-bs-theme="dark"] .spmb-admin-quickbar,body.text-light .spmb-admin-quickbar{background:rgba(15,23,42,.84);border-bottom-color:rgba(255,255,255,.08)}
/* print documents */
.sheet{max-width:920px;margin:0 auto 24px!important}.sheet .body{padding:28px}.sheet .item{box-shadow:none;background:#fff}.success{border-radius:16px!important}
@media (min-width: 992px){.container-fluid.p-4{padding:28px!important}.row.g-4{--bs-gutter-x:1.4rem;--bs-gutter-y:1.4rem}.hero,.top{padding:26px!important}.card.p-4{padding:26px!important}.spmb-sticky-side{position:sticky;top:88px}}
@media (max-width: 991.98px){.container,.container-fluid{padding-left:14px!important;padding-right:14px!important}.container-fluid.p-4,.container.py-4{padding-top:16px!important;padding-bottom:16px!important}.p-4{padding:1rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.mb-4{margin-bottom:1rem!important}h1{font-size:1.62rem!important;line-height:1.18}h2{font-size:1.42rem!important;line-height:1.22}h3{font-size:1.22rem!important;line-height:1.28}h4{font-size:1.1rem!important}.hero,.top{border-radius:20px!important;padding:18px!important}.card{border-radius:18px!important}.row.g-4{--bs-gutter-y:1rem}.row.g-3{--bs-gutter-y:.85rem}.table-responsive{margin-left:0;margin-right:0}.table td:first-child,.table th:first-child{position:sticky;left:0;z-index:1;background:inherit}.spmb-desktop-only{display:none!important}.spmb-mobile-only{display:initial!important}}
@media (max-width: 767.98px){body{font-size:14px}.container,.container-fluid{padding-left:10px!important;padding-right:10px!important}.p-3{padding:.85rem!important}.p-4{padding:.92rem!important}.hero .d-flex,.top .d-flex,.d-flex.justify-content-between,.d-flex.align-items-center,.d-flex.flex-wrap.justify-content-between{align-items:stretch!important}.hero .d-flex>*,.top .d-flex>*,.d-flex.justify-content-between>*,.d-flex.flex-wrap.justify-content-between>*{width:100%}.btn{width:100%;min-height:42px;text-align:center;white-space:normal}.btn.btn-sm{padding:.48rem .72rem}.d-inline,.d-inline-block{display:block!important}form.d-inline,form.d-flex{display:flex!important;width:100%;gap:.4rem}form.d-inline .btn,form.d-flex .btn{flex:1 1 auto;width:auto}.form-control,.form-select{font-size:16px;min-height:44px}.badge{white-space:normal;line-height:1.25}.stat{padding:16px!important;min-height:96px}.num{font-size:28px!important}.modal-dialog{margin:.5rem}.modal-content{border-radius:18px}.toolbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:8px!important;margin:0 0 12px!important}.grid{grid-template-columns:1fr!important;gap:10px!important}.wide{grid-column:auto!important}.sign{display:block!important;margin-top:18px!important}.sign div{width:100%!important;margin-top:20px}.head{padding:22px!important}.body{padding:18px!important}.spmb-card-list .table,.spmb-card-list thead,.spmb-card-list tbody,.spmb-card-list th,.spmb-card-list td,.spmb-card-list tr{display:block;min-width:0}.spmb-card-list thead{display:none}.spmb-card-list tr{background:rgba(255,255,255,.96);border:1px solid var(--spmb-border);border-radius:16px;margin-bottom:10px;box-shadow:var(--spmb-shadow-sm);overflow:hidden}.spmb-card-list td{display:flex;justify-content:space-between;gap:12px;border:0!important;border-bottom:1px solid rgba(15,23,42,.06)!important;white-space:normal!important}.spmb-card-list td:before{content:attr(data-label);font-weight:800;color:var(--spmb-muted);min-width:38%;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em}.spmb-card-list td:last-child{border-bottom:0!important}.spmb-card-list td:first-child{position:static}.spmb-card-list .table-responsive{border:0;background:transparent}.spmb-card-list .table{font-size:13px}html[data-bs-theme="dark"] .spmb-card-list tr,body.text-light .spmb-card-list tr{background:rgba(15,23,42,.82);border-color:rgba(255,255,255,.10)}}
@media (max-width: 575.98px){.table{min-width:660px;font-size:12px}.table.table-sm{min-width:620px;font-size:12px}.card .table{margin-bottom:0}.list-group-item{padding:.75rem}.alert{padding:.8rem}.sheet{width:100%!important}.sheet .item{padding:12px!important}}
@media print{.spmb-no-print,.navbar,.sidebar,.offcanvas,.modal,.toast,.btn:not(.print-keep),.toolbar{display:none!important}body{background:#fff!important;color:#000!important}.card,.sheet{box-shadow:none!important;border:1px solid #ddd!important}.table{min-width:0!important;font-size:11px}.table-responsive{border:0!important;overflow:visible!important}a{text-decoration:none;color:#000}.sheet{max-width:100%!important;margin:0!important}.head{background:#fff!important;color:#000!important;border-bottom:2px solid #111!important}.item{break-inside:avoid}}