:root{--brand:#111;--gold:#c9a646;--muted:#6b7280;--soft:#f7f7f9}
*{box-sizing:border-box}
body{font-family:Inter,Arial,sans-serif;background:#f4f5f7;color:#151515}
.topbar{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.navbar-brand img{height:46px;width:auto}.brand-title{font-weight:800;letter-spacing:.2px}.brand-sub{font-size:11px;color:#777;margin-top:-4px}
.nav-link{font-weight:600;color:#333!important;border-radius:9px;padding:8px 10px!important}.nav-link:hover{background:#f3efe4;color:#000!important}
.page{padding:26px 0 60px}.hero{background:linear-gradient(135deg,#111,#343434);color:#fff;border-radius:24px;padding:26px;box-shadow:0 20px 55px rgba(0,0,0,.18);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(201,166,70,.24)}
.cardx{background:#fff;border:0;border-radius:20px;box-shadow:0 12px 34px rgba(17,24,39,.08)}
.metric{padding:20px;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(17,24,39,.08);border-left:5px solid var(--gold);transition:.2s}.metric:hover{transform:translateY(-3px)}
.metric .label{font-size:12px;color:#666;text-transform:uppercase;font-weight:800;letter-spacing:.7px}.metric .value{font-size:27px;font-weight:900;margin-top:5px}
.btn-dark{background:#111;border-color:#111}.btn-gold{background:var(--gold);border-color:var(--gold);color:#111;font-weight:800}
.table thead th{font-size:12px;text-transform:uppercase;color:#777;letter-spacing:.4px}.table td,.table th{vertical-align:middle}
.form-control,.form-select{border-radius:12px}.badge-soft{background:#f3efe4;color:#6b4e00}.status-red{color:#b91c1c;font-weight:900}
.blink{animation:blink 1s infinite;color:#dc2626;font-weight:900}@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;font-size:12px;color:#777;padding:7px 14px;text-align:center;z-index:20}
.print-only{display:none}
@media print{.topbar,.no-print,.footer{display:none!important}.page{padding:0}.cardx,.metric,.hero{box-shadow:none!important;border:1px solid #ddd}.print-only{display:block}.container{max-width:100%!important}body{background:#fff}.blink{animation:none;color:#dc2626}}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.metric.big .value{font-size:34px}.status-received{background:#dcfce7;color:#166534}.status-pending{background:#fee2e2;color:#991b1b}.status-other{background:#fef3c7;color:#92400e}.glass{background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}
.brand-static{cursor:default}.metric .value{font-size:clamp(20px,2vw,28px);line-height:1.18;word-break:break-word}.metric.big .value{font-size:clamp(22px,2.2vw,32px);line-height:1.18}.amount-fit{font-size:clamp(18px,2vw,30px)!important;line-height:1.18}.action-link{font-weight:800;text-decoration:none}.db-tile{border-left:5px solid var(--gold);border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 30px rgba(17,24,39,.07)}.section-title{font-weight:900;letter-spacing:.2px}.small-help{font-size:12px;color:#6b7280}.row-emergency{background:#fee2e2!important}.badge-asap{animation:blink 1s infinite;background:#dc2626;color:#fff}

.metric .value{font-size:1.65rem!important;line-height:1.2;word-break:break-word}.metric .label{font-size:.72rem}.amount-fit{font-size:1.55rem!important}.required-star:after{content:' *';color:#dc3545}.table-actions a{margin-right:8px}.search-panel{background:#fff;border-radius:18px;padding:14px;box-shadow:0 15px 40px rgba(0,0,0,.06)}

/* v10 readability / ERP polish */
.hero{background:#fff!important;color:#111!important;border:1px solid #e5e7eb;box-shadow:0 16px 45px rgba(0,0,0,.08)}
.hero .text-white-50{color:#374151!important}.hero:after{background:rgba(201,166,70,.18)}
.metric .label,.table thead th{color:#111!important}.metric .value{color:#050505}.btn-action{border-radius:12px;font-weight:800;padding:.45rem .8rem}.btn-soft{background:#f3f4f6;border:1px solid #ddd;color:#111}.btn-soft:hover{background:#111;color:#fff}.amount-aed{font-weight:900;color:#111}.filter-title{font-weight:900;color:#111}.easy-box{border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}.section-note{font-size:12px;color:#6b7280}.check-row{border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin-bottom:8px;background:#fafafa}.check-row:hover{background:#fff7df;border-color:#c9a646}.status-pill{border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px;display:inline-block}.pill-received{background:#dcfce7;color:#166534}.pill-balance{background:#fee2e2;color:#991b1b}.pill-upcoming{background:#dbeafe;color:#1e40af}
@media print{a[href]:after{content:""}.btn,.no-print{display:none!important}.hero{color:#111!important;background:#fff!important}.table{font-size:12px}.cardx,.metric{break-inside:avoid}.print-only{font-size:14px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:15px}}
.print-click{cursor:pointer}.print-click:hover{border-color:#c9a646!important;box-shadow:0 18px 50px rgba(201,166,70,.18)!important}

@media print{body.print-dashboard-only .page > .container-fluid > *{display:none!important}body.print-dashboard-only .dashboard-print-area{display:block!important}body.print-dashboard-only .dashboard-print-area *{visibility:visible!important}body.print-dashboard-only .dashboard-print-area .no-print{display:none!important}}
.recent-status-list .table td,.recent-status-list .table th{vertical-align:middle}.person-count-link{font-weight:700;text-decoration:none}.assign-tools{background:#fff7d6;border:1px dashed #c9a646;border-radius:14px;padding:10px;margin-bottom:12px}

/* v10 modern layout updates */
.btn-action,.btn-dark{cursor:pointer;border-radius:14px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.btn-action:hover,.btn-dark:hover{transform:translateY(-1px)}
.assign-panel{border:1px solid #ead27a;background:linear-gradient(135deg,#fffdf4,#fff);border-radius:22px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.assign-card{height:100%;border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:13px;transition:.18s;box-shadow:0 8px 22px rgba(17,24,39,.05)}
.assign-card:hover{border-color:#c9a646;box-shadow:0 14px 32px rgba(201,166,70,.14)}
.total-cost-field{font-weight:900;background:#fff7d6!important;border-color:#c9a646!important;color:#111}
body:fullscreen .topbar{position:static}.nav-link.btn{font-weight:700;text-decoration:none}
@media print{.assign-panel,.assign-card{box-shadow:none!important;border-color:#ddd!important}.total-cost-field{border-color:#111!important}}

/* v10 final requested dashboard/header updates */
.topbar{background:linear-gradient(90deg,#111827,#1f2937 45%,#7c5c12)!important;border-bottom:0;box-shadow:0 14px 35px rgba(0,0,0,.18)}
.brand-title{color:#fff;font-size:18px}.brand-sub{color:#fde68a!important}.navbar-toggler{background:#fff;border-radius:12px}.navbar-nav{flex-wrap:wrap;align-items:center;justify-content:flex-end}.navbar .nav-link{margin:2px 1px;padding:7px 9px!important;color:#fff!important;font-size:13px;line-height:1.15;border:1px solid rgba(255,255,255,.12)}
.navbar .nav-link:hover{background:#fff!important;color:#111!important;transform:translateY(-1px)}
.nav-home{background:#2563eb}.nav-events{background:#16a34a}.nav-recent{background:#0d9488}.nav-labours{background:#ca8a04}.nav-drivers{background:#ea580c}.nav-employees{background:#7c3aed}.nav-payments{background:#be123c}.nav-asap{background:#dc2626}.nav-visa{background:#0891b2}.nav-ticket{background:#4f46e5}.nav-price{background:#65a30d}.nav-reports{background:#475569}.nav-database{background:#9333ea}.nav-logout{background:#fff!important;color:#dc2626!important;border-color:#fff!important;font-weight:900!important}
.btn-action{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:34px}.hero .btn-action{background:#111!important;color:#fff!important;border:1px solid #111!important}
.quick-person-box{border:1px dashed #c9a646;background:linear-gradient(135deg,#fffbeb,#fff);border-radius:18px;padding:14px}.assign-card input::placeholder{font-size:12px}.kpi-grid .metric:last-child{background:linear-gradient(135deg,#111827,#374151);border-left-color:#fbbf24}.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value{color:#fff!important}
@media (max-width:1200px){.navbar .nav-link{font-size:12px;padding:6px 7px!important}.brand-sub{display:none}}
@media print{.topbar{display:none!important}.btn-action{display:none!important}}


/* ================= Wish Events ERP v12 clean off-white theme ================= */
:root{--brand:#2b2925;--gold:#b9934a;--muted:#6f6a61;--soft:#f4f1ea;--paper:#fbfaf7;--line:#e6dfd2}
body{background:linear-gradient(135deg,#fbfaf7,#f1ede4)!important;color:#2b2925!important;font-size:14px}
.topbar{background:#f7f3ea!important;border-bottom:1px solid #ded6c8!important;box-shadow:0 8px 28px rgba(58,49,33,.08)!important}.navbar-brand img{height:48px}.brand-title{color:#2b2925!important;font-weight:900}.brand-sub{color:#7a6a4a!important}.navbar .nav-link{background:#ebe3d4!important;color:#2b2925!important;border:1px solid #ded6c8!important;border-radius:12px!important;box-shadow:none!important}.navbar .nav-link:hover{background:#ded2bd!important;color:#111!important}.nav-logout{background:#fff!important;color:#b91c1c!important}.hero{background:#fbfaf7!important;border:1px solid var(--line)!important;color:#2b2925!important}.cardx,.metric,.db-tile,.easy-box,.search-panel,.assign-card{background:#fffdf9!important;border:1px solid var(--line)!important;box-shadow:0 12px 34px rgba(58,49,33,.07)!important}.metric{border-left:5px solid var(--gold)!important}.metric .value{font-size:clamp(18px,1.6vw,24px)!important}.metric .label{font-size:11px!important}.btn-dark,.btn-action{background:#2b2925!important;border-color:#2b2925!important;color:#fff!important}.btn-dark:hover,.btn-action:hover{background:#b9934a!important;border-color:#b9934a!important;color:#111!important}.btn-print{cursor:pointer;min-width:90px}.footer{background:#f7f3ea!important;border-top:1px solid var(--line)!important;color:#6f6a61!important}.form-control,.form-select{border-color:#d9cfbd!important;background:#fff!important}.total-cost-field{background:#fff8e7!important;border-color:#b9934a!important}.assign-panel{background:#fffaf0!important;border-color:#d6c494!important}.quick-person-box{background:#fbfaf7!important;border-color:#d6c494!important}.print-only{font-size:14px}.table-responsive{overflow-x:auto}.welcome-soft{animation:softfade .45s ease}@keyframes softfade{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
@media print{body{background:#fff!important}.topbar,.footer,.no-print{display:none!important}.cardx,.metric,.hero{border:1px solid #aaa!important;box-shadow:none!important}.print-only{display:block!important}.page{padding:0!important}.container-fluid{padding:0!important}.table{font-size:11px!important}}

/* v12 dashboard fixes */
.dash-info-wrap{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.dash-info{background:#fffdf9;border:1px solid var(--line);border-radius:16px;padding:9px 12px;min-width:125px;box-shadow:0 8px 18px rgba(58,49,33,.06)}
.dash-info-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#6f6a61;font-weight:900}
.dash-info strong{font-size:13px;color:#2b2925}.count-pill{display:inline-block;min-width:34px;text-align:center;border-radius:999px;padding:4px 10px;background:#f4f1ea;border:1px solid #e6dfd2;font-weight:900;color:#2b2925}.recent-status-list table th,.recent-status-list table td{white-space:nowrap}.btn-print{pointer-events:auto!important;position:relative;z-index:3}
@media print{.dash-info-wrap{justify-content:flex-start}.dash-info{box-shadow:none!important}.recent-status-list table th,.recent-status-list table td{white-space:normal}.dashboard-print-area{display:block!important}}

/* v12 polished dashboard/time/weather/print update */
.dashboard-hero{padding:22px!important;overflow:hidden}.dashboard-logo{width:82px;height:82px;object-fit:contain;border-radius:22px;background:#fff;border:1px solid #e3d8c4;box-shadow:0 12px 28px rgba(58,49,33,.12);padding:8px}.hero-subtitle{color:#6f6a61;font-weight:700}.premium-info{align-items:stretch;justify-content:flex-end}.dash-info{position:relative;overflow:hidden;text-align:left}.dash-info:before{content:"";position:absolute;right:-22px;top:-28px;width:74px;height:74px;border-radius:50%;background:rgba(185,147,74,.13)}.dash-icon,.weather-logo{display:inline-flex;min-width:42px;height:34px;padding:0 8px;align-items:center;justify-content:center;border-radius:14px;background:#f3ead9;border:1px solid #e4d2af;font-size:12px;font-weight:900;margin-bottom:5px}.dash-info strong{display:block;font-size:15px!important;font-weight:900!important;color:#111!important}.weather-card strong,.date-card strong,.time-card strong{color:#111!important}.kpi-grid .metric .value,.kpi-grid .metric .label{color:#111!important}.kpi-grid .metric:last-child{background:linear-gradient(135deg,#fffdf9,#fff4da)!important;border-left-color:#111!important}.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value{color:#111!important}.metric .value.amount-fit{color:#111!important}.brand-static img{border-radius:16px;background:#fff;padding:4px;border:1px solid #e3d8c4;box-shadow:0 8px 20px rgba(58,49,33,.10)}
@media (max-width:991px){.premium-info{justify-content:flex-start}.dash-info{min-width:170px}.dashboard-logo{width:68px;height:68px}}
@media print{.dashboard-logo{width:64px;height:64px;box-shadow:none!important}.dash-icon,.weather-logo{border:1px solid #aaa;background:#fff}.premium-info{display:flex!important}.btn-print,.no-print{display:none!important}.kpi-grid .metric:last-child{background:#fff!important}.dash-info strong,.metric .value,.metric .label{color:#000!important}}

/* v12 requested dashboard final polish */
.dashboard-tools-row{display:flex;align-items:stretch;justify-content:space-between;gap:14px;width:100%}
.dashboard-tools-row .dash-info-wrap{flex:1;justify-content:flex-start;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:12px}
.dashboard-tools-row .btn-print{align-self:center;white-space:nowrap;padding:.65rem 1rem;min-height:46px}
.dash-info{min-width:0;padding:13px 15px!important;border-radius:18px!important}
.dash-icon,.weather-logo{display:inline-flex;min-width:52px!important;height:36px!important;padding:0 10px!important;align-items:center;justify-content:center;border-radius:14px!important;background:#fff4db!important;border:1px solid #e4d2af!important;font-size:12px!important;font-weight:900!important;margin-bottom:6px!important;color:#000!important}
.dash-info-label{font-size:11px!important;color:#111!important}
.dash-info strong{font-size:16px!important;color:#000!important}
.weather-card strong,.date-card strong,.time-card strong{color:#000!important}
.metric .value,.metric .label,.amount-fit{color:#000!important}
.dashboard-logo{width:92px!important;height:92px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#fff8e7)!important;padding:10px!important;border:2px solid #d6c494!important;box-shadow:0 16px 36px rgba(58,49,33,.18)!important}
.brand-static img{border-radius:18px!important;background:#fff8e7!important;padding:5px!important;border:1px solid #d6c494!important}
.kpi-grid .metric:last-child{background:linear-gradient(135deg,#111827,#2b2925)!important;border-left-color:#b9934a!important}
.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value{color:#fff!important}
@media(max-width:991px){.dashboard-tools-row{flex-direction:column}.dashboard-tools-row .dash-info-wrap{grid-template-columns:1fr}.dashboard-tools-row .btn-print{align-self:flex-start}.dashboard-logo{width:74px!important;height:74px!important}}
@media print{.dashboard-tools-row{display:block!important}.dashboard-tools-row .dash-info-wrap{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.dashboard-logo{box-shadow:none!important}.kpi-grid .metric:last-child{background:#fff!important}.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value{color:#000!important}}

/* v12 balance cards width polish */
.kpi-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:stretch}
.kpi-grid .metric{grid-column:span 3;min-height:112px;display:flex;flex-direction:column;justify-content:center}
.kpi-grid .metric.balance-wide{grid-column:span 4;min-height:126px}
.kpi-grid .metric.total-balance-wide{grid-column:span 12;min-height:140px;background:#fffdf9!important;border-left:5px solid var(--gold)!important}
.kpi-grid .metric.total-balance-wide .label{font-size:14px!important;color:#111!important}
.kpi-grid .metric.total-balance-wide .value{font-size:clamp(30px,3vw,44px)!important;color:#111!important}
.kpi-grid .metric.balance-wide .value{font-size:clamp(24px,2.4vw,36px)!important;color:#111!important}
@media(max-width:1199px){.kpi-grid .metric{grid-column:span 4}.kpi-grid .metric.balance-wide{grid-column:span 6}.kpi-grid .metric.total-balance-wide{grid-column:span 12}}
@media(max-width:767px){.kpi-grid{grid-template-columns:1fr!important}.kpi-grid .metric,.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:1/-1!important}}
@media print{.kpi-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}.kpi-grid .metric{grid-column:span 3!important}.kpi-grid .metric.balance-wide{grid-column:span 4!important}.kpi-grid .metric.total-balance-wide{grid-column:span 12!important;background:#fff!important;border-left:5px solid #aaa!important}}

/* v12 refined balanced dashboard layout */
.refined-tools-row{align-items:center!important;gap:12px!important}
.refined-info-wrap{display:grid!important;grid-template-columns:minmax(360px,1.7fr) minmax(190px,.9fr)!important;gap:12px!important;width:100%!important;justify-content:stretch!important}
.datetime-card{min-width:360px!important}
.weather-card{min-width:190px!important}
.datetime-card strong{font-size:17px!important;letter-spacing:.1px;white-space:nowrap}
.weather-logo{font-size:21px!important;min-width:48px!important;background:linear-gradient(135deg,#fff9e9,#f4e2b8)!important}
.dashboard-logo{width:84px!important;height:84px!important;border-radius:22px!important;background:#fffdf8!important;padding:7px!important;border:1px solid #d6c494!important;box-shadow:0 12px 28px rgba(58,49,33,.14)!important}
.brand-static img{height:50px!important;border-radius:14px!important;background:#fffdf8!important;padding:3px!important;border:1px solid #d6c494!important;box-shadow:0 6px 16px rgba(58,49,33,.10)!important}
.kpi-grid .metric.balance-wide{grid-column:span 4!important;min-height:118px!important}
.kpi-grid .metric.total-balance-wide{grid-column:4 / span 6!important;min-height:124px!important;background:#fffdf9!important;border-left:5px solid var(--gold)!important}
.kpi-grid .metric.total-balance-wide .label{font-size:12px!important;color:#111!important}
.kpi-grid .metric.total-balance-wide .value{font-size:clamp(24px,2.4vw,34px)!important;color:#111!important}
.kpi-grid .metric.balance-wide .value{font-size:clamp(22px,2.15vw,31px)!important;color:#111!important}
@media(max-width:1199px){.refined-info-wrap{grid-template-columns:1fr!important}.datetime-card{min-width:0!important}.kpi-grid .metric.total-balance-wide{grid-column:span 6!important}}
@media(max-width:767px){.refined-info-wrap{grid-template-columns:1fr!important}.datetime-card strong{white-space:normal}.kpi-grid .metric.total-balance-wide{grid-column:1/-1!important}}
@media print{.refined-info-wrap{display:grid!important;grid-template-columns:2fr 1fr!important}.kpi-grid .metric.total-balance-wide{grid-column:4 / span 6!important;background:#fff!important}}

/* v12 dashboard KPI size correction: close to earlier compact layout */
.kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;
  gap:14px!important;
}
.kpi-grid .metric,
.kpi-grid .metric.balance-wide,
.kpi-grid .metric.total-balance-wide{
  grid-column:auto!important;
  min-height:104px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.kpi-grid .metric .label,
.kpi-grid .metric.balance-wide .label,
.kpi-grid .metric.total-balance-wide .label{
  font-size:11px!important;
  color:#111!important;
}
.kpi-grid .metric .value,
.kpi-grid .metric.balance-wide .value,
.kpi-grid .metric.total-balance-wide .value,
.kpi-grid .metric .value.amount-fit{
  font-size:clamp(18px,1.6vw,24px)!important;
  line-height:1.18!important;
  color:#111!important;
}
.kpi-grid .metric.total-balance-wide{
  background:#fffdf9!important;
  border-left:5px solid var(--gold)!important;
}
@media(max-width:767px){
  .kpi-grid{grid-template-columns:1fr!important}
}
@media print{
  .kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}
  .kpi-grid .metric,.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:auto!important;min-height:85px!important;padding:10px!important;background:#fff!important}
}


/* v12 two-line dashboard cards + clean date/time label */
.datetime-card .dash-info-label{display:none!important}
.datetime-card .dash-icon{font-size:20px!important;min-width:46px!important}
.kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(26,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.kpi-grid .metric{
  grid-column:span 2!important;
  min-height:96px!important;
  padding:14px 12px!important;
}
.kpi-grid .metric:nth-child(6),
.kpi-grid .metric:nth-child(7),
.kpi-grid .metric:nth-child(8),
.kpi-grid .metric.balance-wide{
  grid-column:span 3!important;
  min-height:112px!important;
  padding:16px 14px!important;
}
.kpi-grid .metric.total-balance-wide{
  grid-column:span 4!important;
  min-height:124px!important;
  padding:18px 16px!important;
  background:#fffdf9!important;
  border-left:5px solid var(--gold)!important;
}
.kpi-grid .metric .label{font-size:10.5px!important;line-height:1.15!important;color:#111!important}
.kpi-grid .metric .value{font-size:clamp(17px,1.25vw,22px)!important;color:#111!important}
.kpi-grid .metric:nth-child(6) .value,
.kpi-grid .metric:nth-child(7) .value,
.kpi-grid .metric:nth-child(8) .value,
.kpi-grid .metric.balance-wide .value{font-size:clamp(19px,1.55vw,26px)!important;color:#111!important}
.kpi-grid .metric.total-balance-wide .value{font-size:clamp(22px,1.9vw,31px)!important;color:#111!important}
@media(max-width:1399px){
  .kpi-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}
  .kpi-grid .metric{grid-column:span 3!important}
  .kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),.kpi-grid .metric.balance-wide{grid-column:span 4!important}
  .kpi-grid .metric.total-balance-wide{grid-column:span 6!important}
}
@media(max-width:767px){
  .kpi-grid{grid-template-columns:1fr!important}
  .kpi-grid .metric,.kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:1/-1!important}
}
@media print{
  .datetime-card .dash-icon{border:1px solid #aaa!important;background:#fff!important}
  .kpi-grid{grid-template-columns:repeat(26,minmax(0,1fr))!important;gap:8px!important}
  .kpi-grid .metric{grid-column:span 2!important;min-height:78px!important;padding:8px!important;background:#fff!important}
  .kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),.kpi-grid .metric.balance-wide{grid-column:span 3!important;min-height:84px!important;padding:8px!important}
  .kpi-grid .metric.total-balance-wide{grid-column:span 4!important;min-height:90px!important;padding:8px!important;background:#fff!important}
}

/* v12 requested: make every dashboard card the same size as Total Balance */
.kpi-grid{
  grid-template-columns:repeat(24,minmax(0,1fr))!important;
  gap:12px!important;
}
.kpi-grid .metric,
.kpi-grid .metric:nth-child(6),
.kpi-grid .metric:nth-child(7),
.kpi-grid .metric:nth-child(8),
.kpi-grid .metric.balance-wide,
.kpi-grid .metric.total-balance-wide{
  grid-column:span 4!important;
  min-height:124px!important;
  padding:18px 16px!important;
  background:#fffdf9!important;
  border-left:5px solid var(--gold)!important;
}
.kpi-grid .metric .label,
.kpi-grid .metric.total-balance-wide .label{
  font-size:12px!important;
  line-height:1.15!important;
  color:#111!important;
}
.kpi-grid .metric .value,
.kpi-grid .metric:nth-child(6) .value,
.kpi-grid .metric:nth-child(7) .value,
.kpi-grid .metric:nth-child(8) .value,
.kpi-grid .metric.balance-wide .value,
.kpi-grid .metric.total-balance-wide .value{
  font-size:clamp(22px,1.9vw,31px)!important;
  color:#111!important;
}
@media(max-width:1399px){
  .kpi-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}
  .kpi-grid .metric,
  .kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),
  .kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:span 4!important}
}
@media(max-width:767px){
  .kpi-grid{grid-template-columns:1fr!important}
  .kpi-grid .metric,
  .kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),
  .kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:1/-1!important}
}
@media print{
  .kpi-grid{grid-template-columns:repeat(24,minmax(0,1fr))!important;gap:8px!important}
  .kpi-grid .metric,
  .kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),
  .kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:span 4!important;min-height:90px!important;padding:8px!important;background:#fff!important}
}

/* ===== v12 final refinements ===== */
.info-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#5d4b21;margin-bottom:6px}
.info-line{display:flex;align-items:center;gap:10px}
.dash-info{min-width:260px}
.weather-card{min-width:200px}
.balance-red{color:#b91c1c!important;font-weight:900}
.section-tabs .btn{border-radius:14px}
.kpi-grid .metric,.kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8),.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{min-height:112px!important;padding:16px 14px!important}
@media print{.info-title{color:#111!important}.no-print{display:none!important}}

/* v12 requested polish */
.professional-logo,.dashboard-logo{object-fit:contain;background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 25px rgba(0,0,0,.10);border:1px solid rgba(0,0,0,.06)}
.brand-logo.professional-logo{width:70px;height:52px;max-height:52px;object-fit:contain}
.dashboard-logo{width:150px;height:88px;object-fit:contain}
.dash-info .info-title{font-size:1.05rem;font-weight:800;color:#111;letter-spacing:.2px;margin-bottom:4px}.dash-info .info-line strong{font-size:1.08rem;color:#111}.dash-info .dash-icon,.dash-info .weather-logo{font-size:1.55rem;line-height:1}.dash-info-wrap{min-width:520px;justify-content:flex-start}.refined-tools-row{justify-content:flex-start!important}.metric .value,.amount-fit{color:#111!important}.balance-red{color:#d11a2a!important}.event-total-mini{font-size:.82rem;font-weight:800;color:#111;background:#f6f1e8;border-radius:10px;padding:6px 8px;margin-top:6px;display:inline-block}.assign-type-filter{max-width:260px}.quick-person-box{background:#fffaf0;border:1px solid #eadcc4;border-radius:16px;padding:12px}.assignment-search-row{background:#fafafa;border-radius:14px;padding:10px}@media (max-width: 992px){.dash-info-wrap{min-width:auto;width:100%}.dashboard-logo{width:130px;height:75px}}

/* v12 final: uploaded logo + visible balance cards */
.topbar .navbar-brand img,
.brand-static img,
.dashboard-logo img,
img[src*="logo"]{
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 14px !important;
  padding: 4px !important;
}
.metric.balance-card,
.metric.balance-card *,
.stat-card.balance,
.stat-card.balance *,
.balance-card,
.balance-card *{
  color: #ffffff !important;
}
.metric.balance-card .label,
.metric.balance-card .value{
  color: #ffffff !important;
}
.metric.balance-card{
  background: linear-gradient(135deg,#111827,#1f2937) !important;
  border: 1px solid #d4af37 !important;
  box-shadow: 0 10px 24px rgba(17,24,39,.18) !important;
}
@media print{
  .metric.balance-card,
  .metric.balance-card *{
    color:#111 !important;
    background:#fff !important;
  }
}

/* v11 Events person-create flow update */
.person-create-card{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,20,20,.08);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.quick-person-box{
  border:1px dashed rgba(0,0,0,.18);
  border-radius:18px;
  padding:14px;
  background:rgba(250,248,241,.75);
}

/* ===== v12 redesign: modern Wish Events layout from reference, keeping ERP details ===== */
:root{--we-panel:#fffdf9;--we-border:#e8dfd0;--we-ink:#171717;--we-muted:#7b756c;--we-gold:#d6a93a;--we-red:#dc2626}
body{background:linear-gradient(180deg,#fbfaf7 0%,#f3efe7 100%)!important;color:var(--we-ink)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}.page{padding:28px 28px 84px!important}.topbar{background:rgba(255,253,249,.96)!important;border-right:1px solid var(--we-border)!important;border-bottom:0!important;box-shadow:8px 0 32px rgba(57,47,31,.07)!important}
@media(min-width:992px){.topbar{position:fixed!important;left:0;top:0;bottom:0;width:250px;z-index:1000;display:block!important;overflow-y:auto}.topbar .container-fluid{display:block!important;padding:22px 12px!important}.topbar .navbar-brand{width:100%;padding:0 8px 22px!important;border-bottom:1px solid var(--we-border);margin-bottom:18px!important}.topbar .navbar-brand img{width:54px!important;height:54px!important;max-height:54px!important;border-radius:16px!important;padding:6px!important;box-shadow:none!important}.brand-title{font-size:19px!important;color:var(--we-ink)!important;line-height:1.1!important}.brand-sub{font-size:11px!important;color:var(--we-muted)!important}.navbar-collapse{display:block!important}.navbar-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0!important;width:100%}.navbar .nav-link{width:100%;justify-content:flex-start!important;text-align:left!important;padding:12px 14px!important;border-radius:16px!important;background:transparent!important;color:#222!important;border:1px solid transparent!important;font-weight:750!important;font-size:14px!important;box-shadow:none!important}.navbar .nav-link:hover{background:#fff8e8!important;border-color:#ecd493!important;color:#111!important;transform:none!important}.navbar .nav-link.nav-events{background:linear-gradient(135deg,#e0b13e,#c99625)!important;color:#fff!important;border-color:#d6a93a!important;box-shadow:0 10px 24px rgba(214,169,58,.22)!important}.navbar .dropdown-menu{position:static!important;transform:none!important;width:100%;border-radius:14px;border-color:var(--we-border);box-shadow:none;margin-top:6px}.navbar-toggler{display:none!important}main.page{margin-left:250px!important;min-height:100vh}}
@media(max-width:991px){.topbar{position:sticky!important;top:0!important;border-bottom:1px solid var(--we-border)!important}.navbar .nav-link{border-radius:12px!important;background:#fff8ed!important;color:#222!important;margin:3px 0!important}.page{padding:18px 12px 76px!important}}
.cardx,.search-panel,.metric,.easy-box,.assign-panel,.assign-card,.person-create-card,.quick-person-box{background:var(--we-panel)!important;border:1px solid var(--we-border)!important;border-radius:22px!important;box-shadow:0 18px 46px rgba(58,49,33,.07)!important}.search-panel{padding:22px!important;border-radius:24px!important;align-items:center}.form-control,.form-select{height:48px;border-radius:14px!important;border:1px solid #e1d6c6!important;background:#fff!important;color:#181818!important}.btn-dark,.btn-action,.btn-gold{border-radius:14px!important;font-weight:900!important;min-height:44px!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}.btn-dark{background:linear-gradient(135deg,#25221e,#161412)!important;border:0!important;color:#fff!important}.btn-success{background:linear-gradient(135deg,#d9aa3c,#b8871d)!important;border:0!important;color:#fff!important}
.kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(210px,1fr))!important;gap:16px!important;margin-bottom:24px!important}.kpi-grid .metric,.kpi-grid .metric:nth-child(n),.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{min-height:124px!important;padding:22px!important;border-left:0!important;border-radius:22px!important;position:relative;overflow:hidden;display:flex!important;flex-direction:column!important;justify-content:center!important}.kpi-grid .metric:before{content:"";position:absolute;left:22px;top:22px;width:48px;height:48px;border-radius:50%;background:rgba(214,169,58,.16)}.kpi-grid .metric .label{padding-left:66px;font-size:12px!important;color:#222!important;letter-spacing:.2px!important;text-transform:uppercase;font-weight:900!important}.kpi-grid .metric .value{padding-left:66px;margin-top:6px;font-size:clamp(22px,2vw,31px)!important;color:#0b0b0b!important;font-weight:950!important}.kpi-grid .metric:last-child,.kpi-grid .metric.balance-card,.metric.balance-card{background:var(--we-panel)!important;border:1px solid var(--we-border)!important;border-left:0!important;box-shadow:0 18px 46px rgba(58,49,33,.07)!important}.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value,.metric.balance-card .label,.metric.balance-card .value,.metric.balance-card *{color:#111!important}.kpi-grid .metric:last-child .value{color:#bd6a00!important}
.table{margin-bottom:0!important}.table thead th{background:#fffaf1!important;color:#111!important;border-bottom:1px solid var(--we-border)!important;padding:14px!important;font-size:12px!important}.table td{padding:13px 14px!important;border-color:#eee6da!important}.status-pill{border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important}.footer{left:250px!important;background:rgba(255,253,249,.92)!important;border-top:1px solid var(--we-border)!important;color:#68635b!important}@media(max-width:991px){.footer{left:0!important}.kpi-grid{grid-template-columns:1fr!important}}
.btn-close-x{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:999px!important;border:1px solid rgba(220,38,38,.25)!important;background:#fff!important;color:var(--we-red)!important;font-size:22px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(220,38,38,.12)!important;padding:0!important;cursor:pointer!important}.btn-close-x:hover{background:#dc2626!important;color:#fff!important;transform:translateY(-1px)}.assign-list-toggle.btn-dark{width:auto!important;padding:0 14px!important;font-size:13px!important;min-height:34px!important}.event-form-section,.quick-person-box,.assign-panel{animation:weFade .22s ease both}@keyframes weFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media print{main.page{margin-left:0!important}.topbar,.footer,.no-print{display:none!important}.kpi-grid{grid-template-columns:repeat(4,1fr)!important}.cardx,.metric,.search-panel{box-shadow:none!important;background:#fff!important}}

/* ===== v12 exact reference layout polish ===== */
:root{--we-bg:#f7f4ee;--we-card:#ffffff;--we-line:#ece5da;--we-gold:#d8a637;--we-gold-dark:#b98519;--we-black:#201d1a;--we-text:#171717;--we-muted:#7b7f8a;--we-red:#dc2626}
html,body{min-height:100%;background:#f7f4ee!important;color:var(--we-text)!important;font-family:"Inter","Segoe UI",Arial,sans-serif!important}
.topbar{background:#fff!important;border-right:1px solid #e8e2d7!important;box-shadow:8px 0 28px rgba(31,29,25,.05)!important}
@media(min-width:992px){.topbar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;overflow-y:auto!important;z-index:1030!important}.topbar .container-fluid{display:block!important;padding:22px 12px!important}.topbar .navbar-brand{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 22px 0!important;padding:0 6px 22px 6px!important;border-bottom:1px solid #eee7da!important}.navbar-brand img{width:48px!important;height:48px!important;max-height:48px!important;object-fit:contain!important;border-radius:12px!important;background:#fff!important;padding:0!important;border:0!important;box-shadow:none!important}.brand-title{font-size:20px!important;font-weight:900!important;letter-spacing:.2px!important;color:#1d1d1d!important;white-space:nowrap!important}.brand-sub{display:none!important}.navbar-collapse{display:block!important}.navbar-nav{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;width:100%!important}.navbar-toggler{display:none!important}.navbar .nav-link{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;border-radius:16px!important;padding:13px 14px!important;background:transparent!important;border:1px solid transparent!important;color:#1f2328!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;text-align:left!important;min-height:48px!important}.navbar .nav-link:hover{background:#fff7e5!important;border-color:#f1da9f!important;color:#111!important}.navbar .nav-link.nav-events{background:linear-gradient(135deg,#e0b23f,#c79325)!important;color:#fff!important;border-color:#d4a12d!important;box-shadow:0 10px 24px rgba(216,166,55,.28)!important}.navbar .nav-link::before{width:22px;display:inline-flex;justify-content:center;font-size:18px;line-height:1}.nav-home::before{content:"⌂"}.nav-events::before{content:"▣"}.nav-recent::before{content:"◷"}.nav-labours::before{content:"👥"}.nav-drivers::before{content:"▤"}.nav-employees::before{content:"♙"}.nav-payments::before{content:"▥"}.nav-asap::before{content:"!"}.nav-visa::before{content:"▧"}.nav-ticket::before{content:"▦"}.nav-price::before{content:"$"}.nav-reports::before{content:"▥"}.nav-database::before{content:"◫"}.nav-logout::before{content:"↪"}.navbar .dropdown-menu{position:static!important;transform:none!important;width:100%!important;margin:6px 0 0 0!important;border-radius:16px!important;border-color:#eee1c7!important;box-shadow:none!important;background:#fffaf0!important}.we-app-header{position:fixed!important;left:250px!important;right:0!important;top:0!important;height:76px!important;background:#fff!important;border-bottom:1px solid #e8e2d7!important;display:flex!important;align-items:center!important;padding:0 34px!important;z-index:1025!important;gap:18px!important}main.page{margin-left:250px!important;padding:110px 34px 92px!important;min-height:100vh!important}.footer{left:250px!important}}
@media(max-width:991px){.we-app-header{display:none!important}.topbar{position:sticky!important;top:0!important;border-bottom:1px solid #e8e2d7!important}.navbar-brand img{width:44px!important;height:44px!important;object-fit:contain!important}.brand-title{font-weight:900!important}.page{padding:18px 12px 78px!important}.footer{left:0!important}}
.we-menu-btn{border:0;background:transparent;font-size:26px;font-weight:900;color:#111;padding:6px 10px;border-radius:12px}.we-menu-btn:hover{background:#f5f1e9}.we-app-spacer{flex:1}.we-notify{width:42px;height:42px;border:0;border-right:1px solid #eee;background:#fff;font-size:21px}.we-login-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;font-weight:850;box-shadow:0 10px 22px rgba(0,0,0,.12)}.we-user-box{display:flex;align-items:center;gap:10px}.we-avatar{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#e3b446,#c79423);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px}.we-user-text{display:flex;flex-direction:column;line-height:1.08}.we-user-text strong{font-size:14px;font-weight:850}.we-user-text small{font-size:12px;color:#90949e;margin-top:3px}
.cardx,.search-panel,.metric,.easy-box,.assign-panel,.assign-card,.person-create-card,.quick-person-box{background:#fff!important;border:1px solid #ebe4d8!important;border-radius:22px!important;box-shadow:0 18px 44px rgba(42,36,26,.06)!important}.search-panel{padding:22px!important;border-radius:24px!important;margin-bottom:20px!important}.form-control,.form-select{height:48px!important;border-radius:14px!important;border:1px solid #e4d9c8!important;background:#fff!important;color:#202020!important}.btn-dark,.btn-action{border-radius:14px!important;background:linear-gradient(135deg,#2d2925,#171512)!important;border:0!important;color:#fff!important;font-weight:900!important;min-height:44px!important;box-shadow:0 10px 22px rgba(0,0,0,.14)!important}.btn-success{border-radius:14px!important;background:linear-gradient(135deg,#d9ad40,#bd8520)!important;border:0!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 22px rgba(216,166,55,.22)!important}
.kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:16px!important;margin-bottom:24px!important}.kpi-grid .metric,.kpi-grid .metric:nth-child(n),.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide,.metric.balance-card{min-height:124px!important;padding:20px 22px!important;border-left:0!important;border-radius:22px!important;display:grid!important;grid-template-columns:64px 1fr!important;grid-template-rows:auto auto!important;align-content:center!important;column-gap:16px!important;position:relative!important;overflow:hidden!important;background:#fff!important;color:#111!important}.kpi-grid .metric:before{content:""!important;grid-row:1/3!important;grid-column:1!important;width:58px!important;height:58px!important;border-radius:999px!important;background:#fff2cf!important;border:0!important;align-self:center!important}.kpi-grid .metric:nth-child(2):before{background:#e7f6d9!important}.kpi-grid .metric:nth-child(3):before{background:#dff0ff!important}.kpi-grid .metric:nth-child(4):before,.metric.balance-card:before{background:#fff1cb!important}.kpi-grid .metric .label{grid-column:2!important;grid-row:1!important;padding-left:0!important;font-size:13px!important;color:#1e1e1e!important;letter-spacing:.1px!important;text-transform:uppercase!important;font-weight:850!important;line-height:1.15!important}.kpi-grid .metric .value{grid-column:2!important;grid-row:2!important;padding-left:0!important;margin-top:6px!important;font-size:clamp(23px,2vw,32px)!important;color:#0a0a0a!important;font-weight:950!important;line-height:1.1!important}.kpi-grid .metric:nth-child(2) .value{color:#21833a!important}.kpi-grid .metric:nth-child(3) .value{color:#0d71bd!important}.kpi-grid .metric:nth-child(4) .value,.balance-red{color:#c96d00!important}.kpi-grid .metric:last-child,.metric.balance-card,.metric.balance-card *{background:#fff!important;color:#111!important}.metric.balance-card{border:1px solid #ebe4d8!important;box-shadow:0 18px 44px rgba(42,36,26,.06)!important}.metric.balance-card .value{color:#c96d00!important}
@media(max-width:1199px){.kpi-grid{grid-template-columns:repeat(2,minmax(190px,1fr))!important}}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr!important}.we-user-text{display:none}}
.table thead th{background:#fff!important;color:#151515!important;border-bottom:1px solid #e5e7eb!important;font-size:12px!important;font-weight:900!important;padding:16px 14px!important;text-transform:uppercase!important}.table td{padding:14px!important;border-color:#f0eee9!important;vertical-align:middle!important}.cardx.p-3{padding:0!important;overflow:hidden!important}.cardx .table{margin-bottom:0!important}.footer{position:fixed!important;bottom:0!important;right:0!important;text-align:center!important;padding:16px!important;background:#fff!important;border-top:1px solid #e8e2d7!important;color:#4f535a!important;font-size:13px!important;z-index:1020!important}
.btn-close-x{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:999px!important;border:1px solid rgba(220,38,38,.28)!important;background:#fff!important;color:#dc2626!important;font-size:22px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(220,38,38,.12)!important;padding:0!important}.btn-close-x:hover{background:#dc2626!important;color:#fff!important}
@media print{.topbar,.we-app-header,.footer,.no-print{display:none!important}main.page{margin-left:0!important;padding:0!important}.kpi-grid{grid-template-columns:repeat(4,1fr)!important}.cardx,.metric,.search-panel{box-shadow:none!important;background:#fff!important}}


/* ===== v12 final requested exact dashboard/event redesign ===== */
.we-login-link{display:none!important}
.we-profile-arrow{color:#8c8f96;font-weight:900;font-size:18px;margin-left:2px}.we-notify{border:0!important;border-radius:999px;background:#fff7e5!important;color:#111!important;box-shadow:0 8px 20px rgba(42,36,26,.07)!important}.we-user-box{padding:8px 12px;border-radius:18px;background:#fff!important;border:1px solid #eee4d4!important;box-shadow:0 10px 24px rgba(42,36,26,.06)!important}.we-avatar{background:linear-gradient(135deg,#e4b43f,#c89222)!important;color:#fff!important}
.navbar .nav-link.nav-events:not(.active){background:transparent!important;color:#1f2328!important;border-color:transparent!important;box-shadow:none!important}.navbar .nav-link.active,.navbar .dropdown-toggle.active{background:linear-gradient(135deg,#e0b23f,#c79325)!important;color:#fff!important;border-color:#d4a12d!important;box-shadow:0 10px 24px rgba(216,166,55,.28)!important}.navbar .nav-link.active::before{color:#fff!important}
.dashboard-hero,.events-modern-head{background:#fff!important;border:1px solid #ebe4d8!important;border-radius:28px!important;padding:22px!important;box-shadow:0 18px 44px rgba(42,36,26,.06)!important}.section-logo{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:18px;padding:6px;border:1px solid #eee4d4;box-shadow:0 10px 24px rgba(42,36,26,.08)}
.kpi-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:16px!important}.kpi-grid .metric,.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide,.kpi-grid .metric:nth-child(6),.kpi-grid .metric:nth-child(7),.kpi-grid .metric:nth-child(8){grid-column:auto!important;min-height:132px!important;background:#fff!important;border:1px solid #ebe4d8!important;border-left:0!important;border-radius:24px!important;padding:18px!important;display:flex!important;align-items:center!important;gap:14px!important;box-shadow:0 18px 44px rgba(42,36,26,.06)!important}.metric-logo{width:52px;height:52px;min-width:52px;border-radius:18px;background:linear-gradient(135deg,#fff8e3,#f0d590);display:flex;align-items:center;justify-content:center;border:1px solid #ead397;box-shadow:0 9px 18px rgba(216,166,55,.15);z-index:1}.metric-logo span{font-size:24px}.metric-body{min-width:0}.kpi-grid .metric .label,.event-stat .label{font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.55px!important;color:#6c6254!important;margin-bottom:7px!important;padding-left:0!important}.kpi-grid .metric .value,.event-stat .value{font-size:clamp(22px,2vw,30px)!important;font-weight:950!important;color:#111!important;line-height:1.12!important;word-break:break-word!important;padding-left:0!important}
.events-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.event-stat{min-height:118px!important;background:#fff!important;border:1px solid #ebe4d8!important;border-radius:24px!important;padding:18px!important;display:flex!important;align-items:center!important;gap:14px!important;box-shadow:0 18px 44px rgba(42,36,26,.06)!important}.search-panel{border-radius:26px!important;padding:18px!important;box-shadow:0 18px 44px rgba(42,36,26,.06)!important}.events-table-card{border-radius:26px!important;overflow:hidden!important}.events-table-card table{margin-bottom:0!important}.events-table-card thead th{background:#faf4e8!important;color:#2d2925!important;border-bottom:1px solid #eadfcf!important;padding:14px!important}.events-table-card tbody td{padding:13px 14px!important;border-color:#f0e8db!important}.events-table-card tbody tr:hover{background:#fffaf0!important}.empty-events{text-align:center!important;padding:42px!important;color:#7b756c!important}.empty-icon{font-size:42px;margin-bottom:8px}.event-form-section{padding:22px!important;border-radius:28px!important;overflow:hidden!important}.event-form-section .row{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.event-form-section .form-label{font-weight:800;color:#3a352f;margin-bottom:6px}.assign-panel,.quick-person-box,.person-create-card{padding:18px!important;border-radius:24px!important}.assign-card{padding:16px!important;border-radius:20px!important}.btn-close-x{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:20px!important;background:#fff!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.32)!important}.btn-close-x:hover{background:#dc2626!important;color:#fff!important}.assign-list-toggle:not(.btn-close-x){border-radius:999px!important}
.db-tile-logo{display:flex!important;align-items:center!important;gap:14px!important}.db-mini-icon{width:48px;height:48px;min-width:48px;border-radius:16px;background:linear-gradient(135deg,#fff8e3,#f0d590);display:flex;align-items:center;justify-content:center;font-size:23px;border:1px solid #ead397}.db-tile{border-left:0!important}
@media(max-width:991px){.we-app-header{position:sticky!important;top:0!important;left:0!important}.page{padding:22px 0 84px!important}.kpi-grid,.events-summary-grid{grid-template-columns:1fr!important}.dashboard-logo{width:110px!important;height:70px!important}.we-user-text small{display:none}}

/* v12 final professional update */
body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f6f3ec;color:#171717}.topbar{border-bottom:1px solid #e7dec8}.nav-link.active,.nav-link:hover{background:#ffe082!important;color:#111!important}.navbar-brand img{height:58px;border-radius:50%;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.we-app-header{height:64px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:14px;padding:0 22px;box-shadow:0 8px 26px rgba(0,0,0,.04);position:sticky;top:73px;z-index:8}.we-app-spacer{flex:1}.we-notify{position:relative;border:0;background:#fff4c6;width:48px;height:48px;border-radius:50%;font-size:22px;box-shadow:0 8px 22px rgba(201,166,70,.25)}.note-dot{position:absolute;right:-4px;top:-6px;background:#dc2626;color:#fff;border-radius:999px;font-size:10px;padding:2px 5px}.notify-menu{min-width:310px;max-height:360px;overflow:auto}.notify-row{padding:10px;border-bottom:1px solid #eee}.notify-row small{display:block;color:#777;margin-top:4px}.we-user-box{border:1px solid #eadfbf;background:#fff;border-radius:999px;padding:6px 12px;display:flex;align-items:center;gap:10px}.we-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}.we-user-text{display:flex;flex-direction:column;line-height:1.05}.we-user-text small{color:#777}.admin-menu{min-width:240px}.metric{border:1px solid #eadfbf!important;border-left:6px solid var(--gold)!important}.metric-logo{width:48px;height:48px;border-radius:50%;background:#fff4cf;display:grid;place-items:center;margin-bottom:10px;font-size:24px;box-shadow:inset 0 0 0 1px #eadfbf}.dashboard-step-card{display:flex;gap:12px;align-items:center}.dashboard-step-card .metric-logo{margin-bottom:0}.cardx{border:1px solid #eee0bd!important}.form-control,.form-select{border:1px solid #d9d2c3!important;padding:.62rem .8rem}.form-label{font-weight:800;color:#252525}.table td,.table th{padding:.75rem!important;white-space:nowrap}.table-responsive{overflow-x:auto}.save-disabled{opacity:.45;pointer-events:none}.balance-red{color:#b91c1c}.btn-soft{border-radius:12px}.btn-dark{border-radius:12px}.page .container-fluid{max-width:1700px}.kpi-grid{align-items:stretch}.kpi-grid .metric{min-width:0}.amount-fit{white-space:normal}.recent-kpi .metric{grid-column:span 6!important}.print-only{font-size:13px}.section-tabs .btn{font-weight:800}.payment-summary{font-weight:900;background:#fff8df;border:1px solid #eadfbf;border-radius:12px;padding:10px 14px}.footer{position:fixed}.no-wrap{white-space:nowrap}
@media(max-width:900px){.we-app-header{top:64px}.dashboard-step-card{display:block}.recent-kpi .metric{grid-column:1/-1!important}.table td,.table th{white-space:normal}.page{padding-top:16px}}
@media print{.we-app-header,.topbar,.no-print,.footer{display:none!important}.print-only{display:block!important}.page{padding:0!important}.cardx,.metric{box-shadow:none!important;border:1px solid #bbb!important}body{background:#fff!important}}

/* ===== FINAL DASHBOARD REFERENCE UI OVERRIDE - 2026-05 ===== */
:root{
  --ref-bg:#f7f9fc;
  --ref-sidebar:#ffffff;
  --ref-card:#ffffff;
  --ref-line:#e8edf5;
  --ref-text:#111827;
  --ref-muted:#667085;
  --ref-gold:#d9a62e;
  --ref-blue:#1f73d6;
  --ref-green:#12915a;
  --ref-purple:#7c3fd4;
  --ref-orange:#f08a1a;
  --ref-red:#ef3340;
  --ref-cyan:#0f9aa7;
  --ref-violet:#7c3fd4;
}
html,body{background:var(--ref-bg)!important;color:var(--ref-text)!important;font-family:"Inter","Segoe UI",Arial,sans-serif!important;overflow-x:hidden!important;}
body::before{display:none!important;content:none!important;}
.page{padding:28px 28px 86px!important;}
.page .container-fluid{max-width:1680px!important;padding-left:20px!important;padding-right:20px!important;}

/* Sidebar like reference */
.topbar{background:var(--ref-sidebar)!important;border-right:1px solid var(--ref-line)!important;box-shadow:8px 0 24px rgba(16,24,40,.04)!important;border-bottom:0!important;}
@media(min-width:992px){
  .topbar{width:242px!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:1030!important;overflow-y:auto!important;}
  .topbar .container-fluid{display:block!important;padding:22px 14px!important;}
  .topbar .navbar-brand{display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid var(--ref-line)!important;margin:0 0 18px!important;padding:0 8px 24px!important;}
  .topbar .navbar-brand img{width:48px!important;height:48px!important;max-height:48px!important;border-radius:12px!important;object-fit:contain!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;}
  .brand-title{font-size:18px!important;font-weight:900!important;color:#111827!important;white-space:nowrap!important;letter-spacing:.1px!important;}
  .brand-sub{display:none!important;}
  .navbar-collapse{display:block!important;}
  .navbar-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;margin:0!important;}
  .navbar-toggler{display:none!important;}
  .navbar .nav-link{height:auto!important;min-height:46px!important;width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px 15px!important;border-radius:16px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;color:#202938!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important;text-align:left!important;white-space:normal!important;}
  .navbar .nav-link:hover{background:#f8fafc!important;border-color:#edf2f7!important;color:#111827!important;transform:none!important;}
  .navbar .nav-link.nav-events:not(.active){background:transparent!important;color:#202938!important;border-color:transparent!important;box-shadow:none!important;}
  .navbar .nav-link.active,.navbar .dropdown-toggle.active,.navbar .nav-link.nav-home.active{background:linear-gradient(135deg,#e2b33b,#c99521)!important;color:#fff!important;border-color:#d6a22a!important;box-shadow:0 10px 22px rgba(217,166,46,.30)!important;}
  .navbar .nav-link.active::before{color:#fff!important;}
  main.page{margin-left:242px!important;min-height:100vh!important;}
  .footer{left:242px!important;}
}
.navbar .nav-link::before{font-size:17px!important;width:20px!important;min-width:20px!important;text-align:center!important;line-height:1!important;color:inherit!important;}
.nav-home::before{content:"⌂"}.nav-events::before{content:"▣"}.nav-recent::before{content:"◷"}.nav-labours::before{content:"♟"}.nav-drivers::before{content:"🚚"}.nav-employees::before{content:"●"}.nav-payments::before{content:"▤"}.nav-asap::before{content:"!"}.nav-visa::before{content:"▧"}.nav-ticket::before{content:"🎟"}.nav-price::before{content:"$"}.nav-reports::before{content:"▥"}.nav-database::before{content:"▦"}.nav-logout::before{content:"↪"}

/* top right header */
.we-app-header{height:70px!important;background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--ref-line)!important;box-shadow:0 10px 28px rgba(16,24,40,.04)!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0 28px!important;position:sticky!important;top:0!important;z-index:1020!important;}
@media(min-width:992px){.we-app-header{margin-left:242px!important;}}
.we-app-spacer{flex:1!important;}
.we-notify{width:50px!important;height:50px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--ref-line)!important;box-shadow:0 10px 24px rgba(16,24,40,.06)!important;font-size:20px!important;display:grid!important;place-items:center!important;position:relative!important;}
.note-dot{right:2px!important;top:-3px!important;background:#ff4d5e!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;min-width:20px!important;height:20px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important;padding:0!important;}
.we-user-box{min-height:54px!important;border-radius:20px!important;background:#fff!important;border:1px solid var(--ref-line)!important;box-shadow:0 10px 24px rgba(16,24,40,.06)!important;padding:7px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;}
.we-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#e0b23f,#c89222)!important;color:#fff!important;font-weight:900!important;display:grid!important;place-items:center!important;}
.we-user-text strong{font-size:14px!important;color:#111827!important;}.we-user-text small{font-size:12px!important;color:#667085!important;}

/* dashboard hero */
.dashboard-hero{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:18px 0 22px!important;margin-bottom:18px!important;overflow:visible!important;}
.dashboard-hero::after,.hero::after,.dash-info::before,.metric::before{display:none!important;content:none!important;}
.dashboard-hero .row{align-items:center!important;}
.dashboard-logo{width:92px!important;height:92px!important;object-fit:contain!important;background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 12px 28px rgba(16,24,40,.07)!important;}
.dashboard-hero h2{font-size:30px!important;line-height:1.15!important;font-weight:900!important;color:#0f172a!important;margin-bottom:8px!important;}
.hero-subtitle{font-size:14px!important;color:#667085!important;font-weight:600!important;}
.refined-info-wrap,.dash-info-wrap{display:grid!important;grid-template-columns:1.1fr .95fr!important;gap:16px!important;min-width:0!important;width:100%!important;justify-content:stretch!important;}
.dash-info{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:18px 20px!important;min-height:92px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;}
.info-title{font-size:12px!important;line-height:1!important;color:#344054!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.45px!important;margin-bottom:14px!important;}
.info-line{display:flex!important;align-items:center!important;gap:14px!important;}
.dash-icon,.weather-logo{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;background:#eef4ff!important;border:1px solid #d7e5ff!important;color:var(--ref-blue)!important;font-size:17px!important;display:grid!important;place-items:center!important;margin:0!important;}
.weather-logo{background:#fff7ed!important;border-color:#fed7aa!important;color:#f97316!important;}
.dash-info strong{font-size:15px!important;font-weight:800!important;color:#111827!important;white-space:nowrap!important;}

/* KPI cards exactly airy */
.kpi-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;margin:16px 0 22px!important;align-items:stretch!important;}
.kpi-grid .metric,.dashboard-kpi-card,.kpi-grid .metric:nth-child(n),.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:auto!important;min-width:0!important;min-height:164px!important;background:#fff!important;border:1px solid var(--ref-line)!important;border-left:1px solid var(--ref-line)!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:22px 20px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:14px!important;position:relative!important;overflow:hidden!important;flex-direction:row!important;}
.metric-logo{width:62px!important;height:62px!important;min-width:62px!important;border-radius:50%!important;background:#f2f7ff!important;border:1px solid #cfe0ff!important;box-shadow:none!important;display:grid!important;place-items:center!important;margin:0!important;}
.metric-logo span{font-size:27px!important;line-height:1!important;}
.metric-body{min-width:0!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;justify-content:flex-start!important;padding-top:8px!important;}
.kpi-grid .metric .label{font-size:12px!important;line-height:1.2!important;color:#344054!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.35px!important;margin:0 0 18px!important;padding:0!important;white-space:normal!important;}
.kpi-grid .metric .value{font-size:30px!important;line-height:1.05!important;font-weight:900!important;margin:0 0 auto!important;color:var(--ref-blue)!important;padding:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.metric-desc{font-size:13px!important;color:#667085!important;font-weight:500!important;margin-top:28px!important;line-height:1.35!important;}
.kpi-blue .metric-logo{background:#eef5ff!important;border-color:#cfe0ff!important;color:var(--ref-blue)!important}.kpi-blue .value{color:var(--ref-blue)!important}
.kpi-green .metric-logo{background:#eefdf5!important;border-color:#c8f0da!important;color:var(--ref-green)!important}.kpi-green .value{color:var(--ref-green)!important}
.kpi-purple .metric-logo{background:#f5efff!important;border-color:#decaff!important;color:var(--ref-purple)!important}.kpi-purple .value{color:var(--ref-purple)!important}
.kpi-orange .metric-logo{background:#fff7ed!important;border-color:#fed7aa!important;color:var(--ref-orange)!important}.kpi-orange .value{color:var(--ref-orange)!important}
.kpi-red .metric-logo{background:#fff1f2!important;border-color:#fecdd3!important;color:var(--ref-red)!important}.kpi-red .value{color:var(--ref-red)!important}
.kpi-cyan .metric-logo{background:#ecfeff!important;border-color:#a5f3fc!important;color:var(--ref-cyan)!important}.kpi-cyan .value{color:var(--ref-cyan)!important}
.kpi-violet .metric-logo{background:#f5f3ff!important;border-color:#ddd6fe!important;color:var(--ref-violet)!important}.kpi-violet .value{color:var(--ref-violet)!important}

/* Recent table reference */
.dashboard-table-card,.recent-status-list.cardx{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;overflow:hidden!important;padding:0!important;margin-top:4px!important;}
.recent-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:22px 22px 16px!important;background:#fff!important;}
.recent-table-head h5{font-size:18px!important;color:#111827!important;font-weight:900!important;}
.recent-search{position:relative!important;max-width:500px!important;width:38%!important;min-width:320px!important;}
.recent-search input{width:100%!important;height:44px!important;border:1px solid var(--ref-line)!important;border-radius:12px!important;padding:0 44px 0 16px!important;outline:none!important;background:#fff!important;color:#111827!important;font-size:14px!important;box-shadow:0 4px 12px rgba(16,24,40,.03)!important;}
.recent-search span{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;color:#667085!important;font-size:22px!important;}
.dashboard-table-card .table-responsive{padding:0 14px 14px!important;}
.dashboard-table-card table{border:1px solid var(--ref-line)!important;border-radius:14px!important;overflow:hidden!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;}
.dashboard-table-card thead th{background:#fbfcfe!important;color:#344054!important;border-bottom:1px solid var(--ref-line)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.35px!important;padding:15px 18px!important;white-space:nowrap!important;}
.dashboard-table-card tbody td{padding:16px 18px!important;border-color:#f1f4f8!important;color:#344054!important;vertical-align:middle!important;}
.dashboard-table-card tbody tr:hover{background:#fbfcfe!important;}
.empty-state{min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#667085!important;padding:36px!important;}
.empty-state-icon{width:74px!important;height:54px!important;border-radius:14px!important;background:#eaf2ff!important;color:#2f6fd6!important;display:grid!important;place-items:center!important;font-size:46px!important;line-height:1!important;margin-bottom:14px!important;}
.empty-state strong{font-size:18px!important;color:#111827!important;margin-bottom:6px!important;}.empty-state span{font-size:14px!important;color:#667085!important;}

.footer{position:fixed!important;left:242px!important;right:0!important;bottom:0!important;background:#fff!important;border-top:1px solid var(--ref-line)!important;color:#667085!important;text-align:center!important;padding:15px!important;font-size:13px!important;box-shadow:0 -8px 22px rgba(16,24,40,.03)!important;}

@media(max-width:1500px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.kpi-grid .metric{min-height:158px!important;}.kpi-grid .metric .value{font-size:27px!important;}}
@media(max-width:1199px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important;}.recent-search{width:100%!important;}}
@media(max-width:991px){main.page{margin-left:0!important}.we-app-header{margin-left:0!important;top:0!important}.footer{left:0!important}.page{padding:18px 12px 86px!important}.topbar{position:sticky!important;top:0!important;border-bottom:1px solid var(--ref-line)!important}.navbar .nav-link{background:#fff!important;color:#111827!important;border:1px solid var(--ref-line)!important}.dashboard-hero .row{gap:18px!important}.dashboard-logo{width:76px!important;height:76px!important}.dashboard-hero h2{font-size:24px!important}.recent-table-head{flex-direction:column!important;align-items:stretch!important}.recent-search{min-width:0!important;width:100%!important}.kpi-grid{grid-template-columns:1fr!important;}.kpi-grid .metric{min-height:150px!important;}}
@media print{.topbar,.we-app-header,.footer,.no-print{display:none!important}main.page{margin-left:0!important}.page{padding:0!important}.kpi-grid{grid-template-columns:repeat(3,1fr)!important}.kpi-grid .metric,.dashboard-table-card,.dash-info{box-shadow:none!important;border:1px solid #ddd!important}}

/* ===== Dashboard Balance Layout Update - Rechecked ===== */
.page{padding-top:14px!important;}
.page .container-fluid{padding-top:0!important;}
.dashboard-hero{padding-top:8px!important;padding-bottom:12px!important;margin-bottom:10px!important;}
.dashboard-balance-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:10px!important;
  margin-bottom:16px!important;
}
.dashboard-balance-grid .dashboard-kpi-card,
.dashboard-balance-grid .metric,
.dashboard-balance-grid .metric:nth-child(n){
  grid-column:auto!important;
  min-height:142px!important;
  height:100%!important;
  padding:18px 16px!important;
  border-radius:16px!important;
  align-items:flex-start!important;
  gap:12px!important;
}
.dashboard-balance-grid .metric-logo{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
}
.dashboard-balance-grid .metric-logo span{font-size:24px!important;}
.dashboard-balance-grid .metric .label{font-size:11.5px!important;margin-bottom:10px!important;}
.dashboard-balance-grid .metric .value{font-size:clamp(22px,1.75vw,28px)!important;line-height:1.08!important;}
.dashboard-balance-grid .metric-desc{font-size:12.5px!important;margin-top:18px!important;}
.dashboard-balance-grid .total-balance-card .value,
.dashboard-balance-grid .total-balance-card .amount-fit{color:#ef3340!important;font-weight:950!important;}
.dashboard-balance-grid .total-balance-card .metric-logo{background:#fff1f2!important;border-color:#fecdd3!important;color:#ef3340!important;}
@media(min-width:1200px){
  .dashboard-balance-grid .metric:nth-child(11){grid-column:2 / span 1!important;}
  .dashboard-balance-grid .metric:nth-child(12){grid-column:3 / span 1!important;}
}
@media(max-width:1399px){
  .dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .dashboard-balance-grid .metric:nth-child(11),
  .dashboard-balance-grid .metric:nth-child(12){grid-column:auto!important;}
}
@media(max-width:1199px){.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){.dashboard-balance-grid{grid-template-columns:1fr!important;}}


/* FINAL DASHBOARD BALANCE PATCH - compact, clean and error-safe */
.dashboard-hero{margin-top:0!important;margin-bottom:18px!important;padding:18px 20px!important;}
main.page,.page{padding-top:18px!important;}
.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin-top:0!important;margin-bottom:20px!important;align-items:stretch!important;}
.dashboard-balance-grid .metric{grid-column:auto!important;min-height:138px!important;width:100%!important;background:#fff!important;border:1px solid #e8edf5!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:20px!important;display:flex!important;gap:14px!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important;}
.dashboard-balance-grid .metric-logo{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff8dc!important;border:1px solid #f0d98a!important;box-shadow:none!important;}
.dashboard-balance-grid .metric-logo span{font-size:22px!important;}
.dashboard-balance-grid .metric-body{min-width:0!important;flex:1!important;}
.dashboard-balance-grid .label{font-size:12px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:.35px!important;text-transform:uppercase!important;color:#344054!important;margin:0 0 10px!important;white-space:normal!important;}
.dashboard-balance-grid .value{font-size:clamp(22px,2vw,30px)!important;line-height:1.1!important;font-weight:950!important;color:#111827!important;margin:0 0 10px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.dashboard-balance-grid .metric-desc{font-size:12px!important;line-height:1.3!important;color:#98a2b3!important;margin:0!important;}
.dashboard-balance-grid .no-card-logo{display:block!important;}
.dashboard-balance-grid .no-card-logo .metric-body{width:100%!important;}
.dashboard-balance-grid .total-balance-card .value{color:#dc2626!important;font-weight:1000!important;}
.dashboard-balance-grid .total-balance-card{border-color:#fecaca!important;background:#fff!important;}
.dashboard-table-card{margin-top:0!important;border-radius:18px!important;}
@media(max-width:1500px){.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:1199px){.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){.dashboard-balance-grid{grid-template-columns:1fr!important;}.dashboard-balance-grid .metric{min-height:126px!important;}}
@media print{.dashboard-balance-grid{grid-template-columns:repeat(3,1fr)!important}.dashboard-balance-grid .metric{box-shadow:none!important;background:#fff!important}}


/* ===== FINAL USER PATCH: left-flow cards + sidebar hide/show ===== */
.sidebar-toggle{position:fixed!important;top:18px!important;left:18px!important;z-index:9999!important;background:#d9a51c!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:8px 12px!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(217,165,28,.28)!important;line-height:1!important;}
.sidebar-toggle:hover{background:#c99625!important;transform:translateY(-1px)!important;}
@media(min-width:992px){.sidebar.topbar{transition:width .3s ease, transform .3s ease, padding .3s ease!important;}.sidebar.topbar.hidden{width:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;transform:translateX(-260px)!important;border-right:0!important;}main.page.main-content{margin-left:250px!important;transition:margin-left .3s ease!important;}main.page.main-content.full,body.sidebar-collapsed main.page{margin-left:0!important;}.we-app-header{transition:margin-left .3s ease, left .3s ease!important;}.we-app-header.full,body.sidebar-collapsed .we-app-header{margin-left:0!important;left:0!important;}.footer.full,body.sidebar-collapsed .footer{left:0!important;}}
@media(max-width:991px){.sidebar-toggle{top:14px!important;left:14px!important}}
.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
.dashboard-balance-grid .metric,.dashboard-balance-grid .metric:nth-child(11),.dashboard-balance-grid .metric:nth-child(12){grid-column:auto!important;}
@media(min-width:1200px){.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}.dashboard-balance-grid .metric:nth-child(11),.dashboard-balance-grid .metric:nth-child(12){grid-column:auto!important;}}
@media(max-width:1199px){.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){.dashboard-balance-grid{grid-template-columns:1fr!important;}}


/* ===== USER REQUESTED SIDEBAR BUTTON + HEADER ALIGNMENT FIX ===== */
.sidebar-toggle{
  position:fixed!important;
  top:22px!important;
  left:18px!important;
  z-index:9999!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#d9a51c!important;
  color:#fff!important;
  border:2px solid #b88300!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  padding:0!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(217,165,28,.28)!important;
}
.sidebar-toggle:hover{background:#c99625!important;transform:translateY(-1px)!important;}
.sidebar-header{
  padding-left:55px!important;
  padding-right:15px!important;
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.sidebar-logo{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
}
.sidebar-title{
  font-size:18px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}
@media(min-width:992px){
  .sidebar.topbar{
    width:230px!important;
    transition:transform .3s ease!important;
  }
  .sidebar.topbar.hidden{
    transform:translateX(-230px)!important;
    width:230px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  main.page.main-content, main.page{
    margin-left:230px!important;
    transition:margin-left .3s ease!important;
  }
  main.page.main-content.full, body.sidebar-collapsed main.page{
    margin-left:0!important;
  }
  .we-app-header{
    margin-left:230px!important;
    transition:margin-left .3s ease,left .3s ease!important;
  }
  .we-app-header.full, body.sidebar-collapsed .we-app-header{
    margin-left:0!important;
    left:0!important;
  }
  .footer{left:230px!important;}
  .footer.full, body.sidebar-collapsed .footer{left:0!important;}
  .topbar .container-fluid{padding:0 12px 22px!important;}
  .topbar .navbar-brand.sidebar-header{margin:0 0 18px!important;border-bottom:1px solid var(--ref-line,#eceff3)!important;}
}
@media(max-width:991px){
  .sidebar-toggle{top:14px!important;left:14px!important;}
  .sidebar-header{padding-left:55px!important;height:68px!important;}
}


/* ===== FINAL FULL FILE UI RECHECK PATCH ===== */
.cardx,.search-panel,.easy-box,.assign-panel,.assign-card,.person-create-card,.quick-person-box,.modal-content,.db-tile,.metric,.dashboard-table-card{box-sizing:border-box!important;overflow:visible!important;}
.cardx,.search-panel,.easy-box,.assign-panel,.assign-card,.person-create-card,.quick-person-box,.modal-content{padding:22px!important;border-radius:20px!important;}
.modal-header,.modal-body,.modal-footer{padding-left:24px!important;padding-right:24px!important;}
.modal-header .btn-close{margin-right:0!important;margin-left:auto!important;position:relative!important;right:0!important;top:0!important;}
.form-label,.label,.metric-desc,.table td,.table th,.btn,.nav-link,.dropdown-item,.dropdown-item-text{overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important;}
.form-control,.form-select,textarea.form-control{min-height:48px!important;padding:12px 14px!important;line-height:1.35!important;}
textarea.form-control{min-height:96px!important;}.table-responsive{padding:4px!important;}.table td,.table th{vertical-align:middle!important;}
.dashboard-balance-grid .total-balance-card .label,.dashboard-balance-grid .total-balance-card .value,.dashboard-balance-grid .total-balance-card .amount-fit{color:#dc2626!important;font-weight:1000!important;}
.dashboard-balance-grid .total-balance-card .metric-desc{color:#991b1b!important;font-weight:700!important;}.dashboard-balance-grid .total-balance-card{border-color:#fecaca!important;background:#fffafa!important;}
.event-summary-grid,.recent-kpi{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
.event-summary-grid .event-stat,.recent-kpi .event-stat{min-height:132px!important;background:#fff!important;border:1px solid #e8edf5!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:22px!important;display:flex!important;align-items:center!important;gap:16px!important;overflow:visible!important;}
.event-summary-grid .metric-logo,.recent-kpi .metric-logo,.event-stat .metric-logo{width:58px!important;height:58px!important;min-width:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin:0!important;background:#fff8dc!important;border:1px solid #f0d98a!important;}
.event-summary-grid .metric-logo span,.recent-kpi .metric-logo span,.event-stat .metric-logo span{font-size:26px!important;}
.event-summary-grid .label,.recent-kpi .label,.event-stat .label{font-size:12px!important;text-transform:uppercase!important;font-weight:900!important;color:#344054!important;margin:0 0 8px!important;}
.event-summary-grid .value,.recent-kpi .value,.event-stat .value{font-size:clamp(24px,2vw,32px)!important;font-weight:950!important;color:#111827!important;line-height:1.1!important;}
@media(max-width:1199px){.event-summary-grid,.recent-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}@media(max-width:640px){.event-summary-grid,.recent-kpi{grid-template-columns:1fr!important;}}
.sidebar-toggle{top:18px!important;left:184px!important;width:38px!important;height:38px!important;border-radius:50%!important;font-size:24px!important;line-height:1!important;z-index:10050!important;}
.sidebar-header{padding-left:18px!important;padding-right:52px!important;min-height:82px!important;height:82px!important;gap:12px!important;overflow:visible!important;}
.sidebar-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;border-radius:14px!important;object-fit:contain!important;}
.sidebar-title{font-size:19px!important;font-weight:900!important;letter-spacing:.3px!important;white-space:nowrap!important;color:#111827!important;}.brand-sub{font-size:11px!important;font-weight:800!important;}
.navbar .nav-link::before{width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:10px!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 6px 14px rgba(16,24,40,.12)!important;}
.nav-home::before{background:#2563eb!important}.nav-events::before{background:#16a34a!important}.nav-recent::before{background:#0d9488!important}.nav-labours::before{background:#a855f7!important}.nav-drivers::before{background:#ea580c!important}.nav-employees::before{background:#7c3aed!important}.nav-payments::before{background:#be123c!important}.nav-asap::before{background:#dc2626!important}.nav-visa::before{background:#0891b2!important}.nav-ticket::before{background:#4f46e5!important}.nav-price::before{background:#65a30d!important}.nav-reports::before{background:#475569!important}.nav-database::before{background:#9333ea!important}.nav-logout::before{background:#ef4444!important}
.navbar .nav-link{display:flex!important;align-items:center!important;min-height:46px!important;padding:9px 12px!important;white-space:normal!important;}.navbar .nav-link.active::before{background:rgba(255,255,255,.25)!important;color:#fff!important;box-shadow:none!important;}
@media(max-width:991px){.sidebar-toggle{left:18px!important;top:16px!important}.sidebar-header{padding-left:62px!important;padding-right:18px!important}}


/* ==== Auto UI spacing fixes added by ChatGPT ==== */
.card, .panel, .form-card, .table-card, .visa-cost-card, .ticket-cost-card, .pickup-price-card,
.balance-card, .asap-card, .dashboard-card, .stat-card {
  padding: 20px !important;
  box-sizing: border-box;
}

table th, table td {
  padding: 12px 14px !important;
}

.table-responsive, .table-wrapper, .balance-table-wrapper, .asap-table-wrapper {
  overflow-x: auto;
  padding: 0 6px;
}

input, select, textarea {
  padding: 10px 14px !important;
  box-sizing: border-box;
}

label {
  margin-bottom: 6px !important;
  display: block;
}

.form-grid, .grid, .visa-cost-grid, .ticket-cost-grid, .pickup-price-grid {
  gap: 16px !important;
}

.sidebar-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.sidebar-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.dashboard-stat-card, .event-stat-card, .summary-card {
  min-height: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
/* ==== End Auto UI fixes ==== */


/* ==== FINAL DIRECT PAGE FIXES: exact requested touching-side sections ==== */
.form-section-card,
.table-section-card,
.asap-card,
.asap-mark-card,
.emergency-balance-card,
.all-balances-card,
.visa-cost-card,
.ticket-cost-card,
.pickup-price-card,
.visa-cost-table,
.ticket-cost-table,
.pickup-price-table {
  padding: 24px !important;
  border-radius: 20px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.form-section-card form,
.form-clean-grid {
  row-gap: 18px !important;
  column-gap: 0 !important;
}

.form-section-card .form-label,
.visa-cost-card .form-label,
.ticket-cost-card .form-label,
.pickup-price-card .form-label {
  display: block !important;
  margin: 0 0 7px 0 !important;
  padding-left: 2px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  line-height: 1.25 !important;
}

.form-section-card .form-control,
.form-section-card .form-select,
.visa-cost-card .form-control,
.visa-cost-card .form-select,
.ticket-cost-card .form-control,
.ticket-cost-card .form-select,
.pickup-price-card .form-control,
.pickup-price-card .form-select {
  min-height: 46px !important;
  padding: 11px 14px !important;
  border-radius: 13px !important;
}

.table-section-card h5,
.asap-card h5,
.emergency-balance-card h5,
.all-balances-card h5 {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

.table-section-card .table-responsive,
.asap-card .table-responsive,
.emergency-balance-card .table-responsive,
.all-balances-card .table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  padding: 0 4px 4px 4px !important;
  margin: 0 !important;
}

.table-section-card table,
.asap-card table,
.emergency-balance-card table,
.all-balances-card table {
  margin-bottom: 0 !important;
  min-width: 720px !important;
}

.table-section-card .table th,
.table-section-card .table td,
.asap-card .table th,
.asap-card .table td,
.emergency-balance-card .table th,
.emergency-balance-card .table td,
.all-balances-card .table th,
.all-balances-card .table td {
  padding: 13px 15px !important;
  white-space: nowrap !important;
}

.empty-state,
.asap-card .text-muted {
  padding: 18px 14px !important;
  text-align: center !important;
  margin-top: 12px !important;
  background: #fbfaf7 !important;
  border-radius: 14px !important;
}

/* Sidebar logo/toggle final placement: logo clear, button on right side of Wish Events */
.sidebar-header {
  position: relative !important;
  padding: 16px 14px !important;
  min-height: 86px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  overflow: visible !important;
}

.sidebar-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.sidebar-logo {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  background: #fffdf8 !important;
  border: 1px solid #d6c494 !important;
  border-radius: 14px !important;
  padding: 4px !important;
}

.sidebar-title {
  font-size: 18px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

.sidebar-toggle {
  position: static !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  z-index: 5 !important;
}

@media (max-width: 991px) {
  .sidebar-header {
    padding: 14px 16px !important;
  }
  .sidebar-logo {
    width: 46px !important;
    height: 46px !important;
  }
}
/* ==== END FINAL DIRECT PAGE FIXES ==== */


/* ==== Move sidebar three-dots button to marked right edge area ==== */
.sidebar {
  overflow: visible !important;
}

.sidebar-header {
  position: relative !important;
  overflow: visible !important;
  padding-right: 44px !important;
}

.sidebar-toggle {
  position: absolute !important;
  top: 18px !important;
  right: -19px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  z-index: 9999 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}

body.sidebar-collapsed .sidebar-toggle,
.sidebar.collapsed .sidebar-toggle {
  right: -19px !important;
  top: 18px !important;
}
/* ==== End move sidebar three-dots button ==== */


/* ==== FINAL sidebar toggle placement/reopen fix ==== */
/* Put the three-dot button on the sidebar/main border where marked */
.sidebar-toggle {
  position: fixed !important;
  top: 28px !important;
  left: 176px !important;
  right: auto !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  z-index: 99999 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  background: #d9a51f !important;
  color: #ffffff !important;
  border: 2px solid #c79213 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
}

/* When sidebar is hidden, keep button visible on left edge so sidebar can open again */
body.sidebar-collapsed .sidebar-toggle,
.sidebar.collapsed .sidebar-toggle,
body.is-sidebar-collapsed .sidebar-toggle,
body.collapsed-sidebar .sidebar-toggle {
  left: 12px !important;
  top: 28px !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Keep sidebar allowed to overflow so the button is never clipped */
.sidebar,
.topbar.sidebar,
.navbar.sidebar {
  overflow: visible !important;
}

/* Give brand enough room; button no longer overlaps logo/text */
.sidebar-header {
  padding-right: 18px !important;
}
/* ==== END FINAL sidebar toggle placement/reopen fix ==== */


/* Keep page usable when sidebar is collapsed */
body.sidebar-collapsed .sidebar,
.sidebar.collapsed {
  transform: translateX(-190px) !important;
}

body.sidebar-collapsed .main-content,
body.sidebar-collapsed main,
body.sidebar-collapsed .content {
  margin-left: 0 !important;
}
/* ==== END collapsed usability fix ==== */


/* ==== EXACT MENU TOGGLE POSITION + CLOSE/REOPEN FIX ==== */

/* Sidebar width is around 202px in the current UI.
   Place the 3-dot button just outside/right edge in the yellow marked area. */
.sidebar-toggle {
  position: fixed !important;
  top: 38px !important;
  left: 203px !important;
  right: auto !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  border-radius: 50% !important;
  z-index: 999999 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #d9a51f !important;
  color: #ffffff !important;
  border: 2px solid #c79213 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.24) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Do not clip the floating button */
.sidebar,
.topbar.sidebar,
.navbar.sidebar,
.sidebar-header {
  overflow: visible !important;
}

/* When menu is closed, hide the full left menu but keep the 3 dots visible to reopen */
body.sidebar-collapsed .sidebar,
body.sidebar-collapsed .topbar.sidebar,
body.sidebar-collapsed .navbar.sidebar,
.sidebar.collapsed {
  transform: translateX(-100%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Button remains visible after sidebar closes */
body.sidebar-collapsed .sidebar-toggle,
body.is-sidebar-collapsed .sidebar-toggle,
body.collapsed-sidebar .sidebar-toggle {
  position: fixed !important;
  top: 38px !important;
  left: 12px !important;
  right: auto !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 999999 !important;
}

/* Expand content after menu closes */
body.sidebar-collapsed .main,
body.sidebar-collapsed main,
body.sidebar-collapsed .content,
body.sidebar-collapsed .main-content,
body.sidebar-collapsed .page-content,
body.sidebar-collapsed .app-main {
  margin-left: 0 !important;
  padding-left: 24px !important;
}

/* If layout uses CSS vars */
body.sidebar-collapsed {
  --sidebar-width: 0px !important;
}

/* ==== END EXACT MENU TOGGLE POSITION + CLOSE/REOPEN FIX ==== */

/* ==== TRUE FINAL SIDEBAR TOGGLE FIX: outside sidebar, smaller, lower, glass, working close/open ==== */
#sidebarToggleBtn.sidebar-toggle {
  position: fixed !important;
  top: 54px !important;
  left: 207px !important;
  right: auto !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  z-index: 2147483647 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  background: rgba(210,156,28,.56) !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  box-shadow: 0 8px 24px rgba(80,60,18,.22), inset 0 1px 0 rgba(255,255,255,.55) !important;
  backdrop-filter: blur(12px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(145%) !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
#sidebarToggleBtn.sidebar-toggle:hover {
  background: rgba(210,156,28,.72) !important;
  transform: translateY(-1px) !important;
}
body.sidebar-collapsed nav.sidebar,
body.sidebar-collapsed .topbar.sidebar,
body.sidebar-collapsed .navbar.sidebar,
body.sidebar-collapsed .sidebar,
nav.sidebar.hidden,
.topbar.sidebar.hidden,
.navbar.sidebar.hidden,
.sidebar.hidden,
nav.sidebar.collapsed,
.topbar.sidebar.collapsed,
.navbar.sidebar.collapsed,
.sidebar.collapsed {
  transform: translateX(-235px) !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
body.sidebar-collapsed #sidebarToggleBtn.sidebar-toggle,
body.is-sidebar-collapsed #sidebarToggleBtn.sidebar-toggle,
body.collapsed-sidebar #sidebarToggleBtn.sidebar-toggle {
  left: 14px !important;
  top: 54px !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.sidebar-collapsed main.page,
body.sidebar-collapsed main.page.main-content,
body.sidebar-collapsed .main-content,
body.sidebar-collapsed .page,
body.sidebar-collapsed .content {
  margin-left: 0 !important;
  padding-left: 24px !important;
}
body.sidebar-collapsed .we-app-header,
body.sidebar-collapsed .footer {
  left: 0 !important;
  margin-left: 0 !important;
}
@media (max-width: 991px) {
  #sidebarToggleBtn.sidebar-toggle { left: 14px !important; top: 18px !important; }
}
/* ==== END TRUE FINAL SIDEBAR TOGGLE FIX ==== */


/* ==== EVENTS PAGE LEFT TOUCHING FIX ==== */
/* Add proper breathing room inside Add New Event and assignment cards */
.event-form-card,
.event-assign-card,
#eventFormWrap,
#assignWrap {
  padding: 24px 26px !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Header/title should not touch the left border */
.event-form-card h5,
.event-assign-card h5,
#eventFormWrap h5,
#assignWrap h5,
.event-form-title,
.event-assign-title {
  margin-left: 0 !important;
  margin-bottom: 18px !important;
  padding-left: 0 !important;
  line-height: 1.3 !important;
}

/* Fix Bootstrap row negative margins causing content to touch left side */
.event-form-card .row,
.event-assign-card .row,
#eventFormWrap .row,
#assignWrap .row,
#eventForm {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Add proper gaps inside event form */
.event-form-grid,
#eventForm {
  row-gap: 16px !important;
  column-gap: 0 !important;
}

/* Ensure every field has safe internal spacing */
.event-form-card [class*="col-"],
.event-assign-card [class*="col-"],
#eventFormWrap [class*="col-"],
#assignWrap [class*="col-"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* But first column should still have breathing room */
.event-form-card [class*="col-"]:first-child,
.event-assign-card [class*="col-"]:first-child,
#eventFormWrap [class*="col-"]:first-child,
#assignWrap [class*="col-"]:first-child {
  padding-left: 8px !important;
}

/* Labels and inputs clean alignment */
.event-form-card label,
.event-assign-card label,
#eventFormWrap label,
#assignWrap label {
  display: block !important;
  margin: 0 0 7px 0 !important;
  padding-left: 2px !important;
  line-height: 1.25 !important;
}

.event-form-card input,
.event-form-card select,
.event-form-card textarea,
.event-assign-card input,
.event-assign-card select,
.event-assign-card textarea,
#eventFormWrap input,
#eventFormWrap select,
#eventFormWrap textarea,
#assignWrap input,
#assignWrap select,
#assignWrap textarea {
  padding: 11px 14px !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
}

/* Assignment tab/search content should not start from border */
.event-assign-card .btn,
#assignWrap .btn {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

.event-assign-card .small,
#assignWrap .small {
  padding-left: 0 !important;
  margin-bottom: 10px !important;
}

/* Responsive safe padding */
@media (max-width: 768px) {
  .event-form-card,
  .event-assign-card,
  #eventFormWrap,
  #assignWrap {
    padding: 20px 18px !important;
  }
}
/* ==== END EVENTS PAGE LEFT TOUCHING FIX ==== */


/* ==== EXACT EVENTS CARD / CROSS BUTTON EDGE FIX ==== */

/* Target event/assignment cards directly and force real internal spacing */
#eventFormWrap,
#assignWrap,
.event-form-card,
.event-assign-card {
  padding: 26px 28px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Neutralize row negative bootstrap offsets causing left touch */
#eventFormWrap .row,
#assignWrap .row,
.event-form-card .row,
.event-assign-card .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Add safe inner padding to all direct card content */
#eventFormWrap > *,
#assignWrap > *,
.event-form-card > *,
.event-assign-card > * {
  position: relative;
  z-index: 1;
}

/* Move ALL close / collapse / remove buttons inward from right edge */
#eventFormWrap .btn-close,
#assignWrap .btn-close,
#eventFormWrap .close-btn,
#assignWrap .close-btn,
#eventFormWrap .remove-btn,
#assignWrap .remove-btn,
#eventFormWrap button[title*="Close"],
#assignWrap button[title*="Close"],
#eventFormWrap .fa-times,
#assignWrap .fa-times {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  margin: 0 !important;
  transform: none !important;
}

/* If the red circle X is inside a wrapper/div */
#eventFormWrap .position-absolute,
#assignWrap .position-absolute {
  right: 14px !important;
  top: 14px !important;
}

/* Extra breathing room for headings so left border is clear */
#eventFormWrap h5,
#assignWrap h5,
.event-form-card h5,
.event-assign-card h5 {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 18px !important;
}

/* Inputs stay aligned with new padding */
#eventFormWrap input,
#eventFormWrap select,
#eventFormWrap textarea,
#assignWrap input,
#assignWrap select,
#assignWrap textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ==== END EXACT EVENTS CARD / CROSS BUTTON EDGE FIX ==== */


/* =========================================================
   REAL FIX: Events page was still touching because old CSS has:
   .cardx.p-3 { padding:0!important; overflow:hidden!important; }
   This stronger selector overrides that exact rule.
   ========================================================= */

/* Add New Event main card */
.cardx.p-3.mb-4.event-form-section {
  padding: 26px 30px 28px 30px !important;
  overflow: visible !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
}

/* Header line inside Add New Event */
.cardx.p-3.mb-4.event-form-section > .d-flex:first-child {
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
}

/* Event title should have safe left space */
.cardx.p-3.mb-4.event-form-section > .d-flex:first-child h5 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

/* Main close X inside Add New Event: move inward from right edge */
.cardx.p-3.mb-4.event-form-section > .d-flex:first-child .btn-close-x {
  margin-right: 0 !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
}

/* Fix Bootstrap row gutters inside event form */
.cardx.p-3.mb-4.event-form-section form.row,
.cardx.p-3.mb-4.event-form-section #eventForm {
  margin-left: -8px !important;
  margin-right: -8px !important;
  row-gap: 16px !important;
}

.cardx.p-3.mb-4.event-form-section form.row > [class*="col-"],
.cardx.p-3.mb-4.event-form-section #eventForm > [class*="col-"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Assignment card inside the event form */
.cardx.p-3.mb-4.event-form-section .assign-panel {
  padding: 24px 26px !important;
  overflow: visible !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
}

/* Assignment header and X button spacing */
.cardx.p-3.mb-4.event-form-section .assign-panel > .d-flex:first-child {
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
}

.cardx.p-3.mb-4.event-form-section .assign-panel .assign-list-toggle,
.cardx.p-3.mb-4.event-form-section .assign-panel .btn-close-x {
  margin-right: 0 !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  flex-shrink: 0 !important;
}

/* Keep the search/tabs inside assignment away from left border */
.cardx.p-3.mb-4.event-form-section .assign-list-area,
.cardx.p-3.mb-4.event-form-section .assign-tabs,
.cardx.p-3.mb-4.event-form-section .event-search-mini {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Make first inputs/labels breathe from left */
.cardx.p-3.mb-4.event-form-section label {
  padding-left: 1px !important;
  margin-bottom: 7px !important;
}

.cardx.p-3.mb-4.event-form-section input,
.cardx.p-3.mb-4.event-form-section select,
.cardx.p-3.mb-4.event-form-section textarea {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* On smaller widths keep enough padding but not too much */
@media (max-width: 768px) {
  .cardx.p-3.mb-4.event-form-section {
    padding: 22px 18px 24px 18px !important;
  }
  .cardx.p-3.mb-4.event-form-section .assign-panel {
    padding: 20px 16px !important;
  }
}
/* ===================== END REAL FIX ===================== */


/* ==== FINAL INLINE-BACKUP EVENTS FIX ==== */
.cardx.p-3.mb-4.event-form-section {
  overflow: visible !important;
}
.cardx.p-3.mb-4.event-form-section > .d-flex:first-child {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.cardx.p-3.mb-4.event-form-section > form#eventForm {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-bottom: 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cardx.p-3.mb-4.event-form-section .assign-panel {
  padding: 24px 26px !important;
  margin-top: 18px !important;
}
.cardx.p-3.mb-4.event-form-section .btn-close-x {
  margin-right: 0 !important;
}
/* ==== END FINAL INLINE-BACKUP EVENTS FIX ==== */


/* =========================================================
   ALL REQUESTED FINAL UI FIXES - 2026-05-01
   Direct overrides for cards/forms/tables that were touching edges.
   ========================================================= */

/* Sidebar brand: remove logo space, top aligned */
.sidebar-header {
  min-height: 58px !important;
  height: 58px !important;
  padding: 6px 12px 8px 14px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  overflow: visible !important;
}
.sidebar-brand {
  display:flex !important;
  align-items:flex-start !important;
  gap:0 !important;
  padding-top: 3px !important;
  margin:0 !important;
}
.sidebar-logo, .sidebar-header img.sidebar-logo {
  display:none !important;
}
.sidebar-title, .brand-title.sidebar-title, .brand-title {
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.brand-sub { display:none !important; }

/* Small glass three-dot button, 50% visibility but clickable */
.sidebar-toggle {
  position: fixed !important;
  top: 51px !important;
  left: 169px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  border-radius: 999px !important;
  z-index: 999999 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin:0 !important;
  padding:0 !important;
  background: rgba(217,165,31,.50) !important;
  color: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.14) !important;
  opacity: .72 !important;
  visibility: visible !important;
  pointer-events:auto !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.sidebar-toggle:hover { opacity: 1 !important; background: rgba(217,165,31,.75) !important; }
body.sidebar-collapsed .sidebar-toggle,
body.is-sidebar-collapsed .sidebar-toggle,
body.collapsed-sidebar .sidebar-toggle {
  left: 10px !important;
  top: 51px !important;
  display: inline-flex !important;
  opacity: .72 !important;
  visibility: visible !important;
  pointer-events:auto !important;
}

/* Working sidebar hide/reopen */
body.sidebar-collapsed .sidebar,
body.sidebar-collapsed .topbar.sidebar,
body.sidebar-collapsed .navbar.sidebar,
.sidebar.collapsed {
  transform: translateX(-100%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.sidebar, .topbar.sidebar, .navbar.sidebar { overflow: visible !important; }

/* Generic direct card spacing */
.cardx.p-3,
.form-section-card,
.table-section-card,
.event-form-section,
.assign-panel,
.asap-card,
.asap-mark-card,
.emergency-balance-card,
.all-balances-card,
.visa-cost-card,
.ticket-cost-card,
.pickup-price-card {
  box-sizing: border-box !important;
}

/* Direct page form cards: create clean internal padding */
.cardx.p-3.mb-4,
.cardx.p-3.mb-3,
.cardx.p-3.no-print,
.cardx.p-3.mb-4.no-print,
.cardx.p-3.mb-3.no-print {
  overflow: visible !important;
}

/* Top form card padding for people/cost/price pages */
body .cardx.p-3.mb-4.no-print > form,
body .cardx.p-3.mb-3.no-print > form,
body .cardx.p-3.mb-4 > form,
body .cardx.p-3.mb-3 > form {
  padding: 0 26px 24px 26px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  row-gap: 16px !important;
}

/* Titles inside cards should not touch */
.cardx.p-3 > h5,
.cardx.p-3 > h4,
.cardx.p-3 > .d-flex:first-child,
.cardx.p-3.mb-4.no-print > h5,
.cardx.p-3.mb-3.no-print > h5 {
  padding-left: 26px !important;
  padding-right: 26px !important;
  padding-top: 22px !important;
  margin-bottom: 14px !important;
}

/* Labels/fields spacing */
.cardx label, .form-label {
  margin-bottom: 7px !important;
  padding-left: 2px !important;
  display:block !important;
  line-height:1.25 !important;
}
.cardx input, .cardx select, .cardx textarea,
.form-control, .form-select {
  padding: 11px 14px !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
}

/* Bootstrap row negative margin fix inside cards */
.cardx .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cardx .row > [class*="col-"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Close becomes red X style everywhere */
.btn-close-x,
a.btn-close-x,
button.btn-close-x,
.cardx a[href*="?"][title*="Close"],
.cardx a[title*="Close"],
.cardx button[title*="Close"] {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: #fff !important;
  color: #ff3b30 !important;
  border: 1px solid rgba(255,59,48,.35) !important;
  box-shadow: 0 5px 14px rgba(255,59,48,.15) !important;
  text-decoration: none !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin-right: 14px !important;
}

/* Buttons bottom spacing */
.cardx button[type="submit"],
.cardx .btn[type="submit"] {
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}

/* Tables should not touch sides */
.table-responsive {
  padding: 0 12px 12px 12px !important;
  overflow-x: auto !important;
}
.cardx table.table {
  margin-bottom: 0 !important;
}
.cardx table.table th,
.cardx table.table td,
.table th, .table td {
  padding: 13px 16px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.cardx table.table thead th,
.table thead th {
  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: .01em !important;
  color: #111827 !important;
}

/* Need To Pay ASAP + Reports */
.asap-card, .asap-mark-card, .emergency-balance-card, .all-balances-card {
  padding: 24px 26px !important;
  border-radius: 20px !important;
}
.asap-card h5, .asap-mark-card h5, .emergency-balance-card h5, .all-balances-card h5 {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}
.empty-state, .text-muted:contains("No urgent") {
  padding: 18px !important;
}

/* Recent Events cards same as Events summary */
.recent-events-stats, .recent-stats, .recent-events-summary,
.events-stats, .summary-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}
.recent-events-stats .cardx,
.recent-stats .cardx,
.recent-events-summary .cardx,
.events-stats .cardx,
.summary-cards .cardx,
.stat-card, .summary-card, .event-stat-card, .dashboard-stat-card {
  min-height: 112px !important;
  padding: 20px 22px !important;
  border-radius: 18px !important;
  display:flex !important;
  align-items:center !important;
}

/* Database cards colored icons */
.db-card .icon,
.database-card .icon,
.cardx .db-icon,
.database-overview .icon,
.db-table-card .icon {
  background: linear-gradient(135deg,#f7c948,#8b5cf6) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow: 0 8px 20px rgba(139,92,246,.22) !important;
}

/* Responsive */
@media (max-width: 992px) {
  .recent-events-stats, .recent-stats, .recent-events-summary, .events-stats, .summary-cards {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 576px) {
  .recent-events-stats, .recent-stats, .recent-events-summary, .events-stats, .summary-cards {
    grid-template-columns: 1fr !important;
  }
  body .cardx.p-3.mb-4.no-print > form,
  body .cardx.p-3.mb-3.no-print > form,
  body .cardx.p-3.mb-4 > form,
  body .cardx.p-3.mb-3 > form {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* =========================================================
   END ALL REQUESTED FINAL UI FIXES
   ========================================================= */


/* Page-specific final form/table padding */
.driver-form-final, .employee-form-final, .purchasing-employee-form-final,
.cost-form-final, .visa-final, .ticket-final, .price-final {
  padding: 24px 28px 26px 28px !important;
  overflow: visible !important;
  border-radius: 20px !important;
}
.driver-form-final > form, .employee-form-final > form, .purchasing-employee-form-final > form,
.cost-form-final > form, .visa-final > form, .ticket-final > form, .price-final > form {
  padding: 0 !important;
}
.driver-form-final h5, .employee-form-final h5, .purchasing-employee-form-final h5,
.cost-form-final h5, .visa-final h5, .ticket-final h5, .price-final h5 {
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
}
.asap-final, .reports-final {
  padding: 24px 28px !important;
  overflow: visible !important;
}


/* LOGO RESTORED + TOGGLE POSITION FIX */
.sidebar-header{
  position:relative !important;
  min-height:56px !important;
  padding:6px 10px !important;
  align-items:flex-start !important;
}
.sidebar-brand{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding-top:0 !important;
}
.sidebar-logo{
  display:block !important;
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
  margin:0 !important;
}
.sidebar-title{
  margin-top:0 !important;
  line-height:1 !important;
}

/* exact top-right inside sidebar header */
.sidebar-toggle{
  position:absolute !important;
  top:8px !important;
  right:-14px !important;
  left:auto !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  z-index:99999 !important;
  background:rgba(217,165,31,.55) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.15) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  opacity:.8 !important;
}
body.sidebar-collapsed .sidebar-toggle,
body.is-sidebar-collapsed .sidebar-toggle,
body.collapsed-sidebar .sidebar-toggle{
  top:8px !important;
  left:8px !important;
  right:auto !important;
}

/* ==== USER REQUEST FINAL: remove sidebar brand/logo gap, align three dots, match Event boxes everywhere ==== */
@media (min-width: 992px){
  .topbar.sidebar,.navbar.sidebar{top:0!important;padding-top:0!important;}
  .topbar.sidebar .container-fluid,.navbar.sidebar .container-fluid{padding:10px 12px 22px 12px!important;}
  .topbar.sidebar .navbar-brand,.navbar.sidebar .navbar-brand,.sidebar-header,.sidebar-brand,.sidebar-logo,.sidebar-title,.brand-static,.brand-title.sidebar-title{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
  .navbar-collapse{margin-top:0!important;padding-top:0!important;}
  .navbar-nav{margin-top:0!important;padding-top:0!important;gap:9px!important;}
  #sidebarToggleBtn.sidebar-toggle,.sidebar-toggle{position:fixed!important;top:18px!important;left:226px!important;right:auto!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;z-index:999999!important;background:rgba(217,165,31,.58)!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important;opacity:.86!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;line-height:1!important;}
  body.sidebar-collapsed #sidebarToggleBtn.sidebar-toggle,body.is-sidebar-collapsed #sidebarToggleBtn.sidebar-toggle,body.collapsed-sidebar #sidebarToggleBtn.sidebar-toggle{left:12px!important;top:18px!important;}
}
.events-modern-head .section-logo,.section-logo{display:none!important;}
.events-modern-head,.page-title-box,.page-head-box{background:#fffdf9!important;border:1px solid #e6dfd2!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(58,49,33,.07)!important;padding:24px 28px!important;margin-bottom:22px!important;}
.events-modern-head h3,.page-title-box h3,.page-head-box h3{margin:0!important;font-weight:900!important;color:#111827!important;}
.events-summary-grid,.event-summary-grid,.recent-kpi,.kpi-grid.recent-kpi{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-bottom:18px!important;}
.events-summary-grid .metric,.event-summary-grid .metric,.recent-kpi .metric,.metric.event-stat{min-height:104px!important;padding:20px 24px!important;border-radius:18px!important;background:#fffdf9!important;border:1px solid #e6dfd2!important;border-left:5px solid #b9934a!important;box-shadow:0 12px 34px rgba(58,49,33,.07)!important;display:flex!important;align-items:center!important;gap:16px!important;}
.metric-logo{width:48px!important;height:48px!important;border-radius:50%!important;background:#fff4db!important;border:1px solid #e4c36b!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;}
.metric .label{font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;color:#111827!important;letter-spacing:.02em!important;}
.metric .value{font-size:28px!important;font-weight:950!important;line-height:1.15!important;color:#111827!important;}
.search-panel,.event-search-panel{background:#fffdf9!important;border:1px solid #e6dfd2!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(58,49,33,.06)!important;padding:22px 22px!important;margin-bottom:18px!important;align-items:center!important;}
.search-panel .btn,.event-search-panel .btn{min-height:44px!important;border-radius:13px!important;font-weight:900!important;}
.events-table-card,.table-section-card,.recent-events-table-card,.cardx:has(table.table){background:#fffdf9!important;border:1px solid #e6dfd2!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(58,49,33,.07)!important;padding:0!important;overflow:hidden!important;}
.events-table-card .table-responsive,.table-section-card .table-responsive,.recent-events-table-card .table-responsive,.cardx:has(table.table) .table-responsive{padding:0!important;margin:0!important;}
.events-table-card table.table,.table-section-card table.table,.recent-events-table-card table.table,.cardx:has(table.table) table.table{margin:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important;}
.events-table-card table.table thead th,.table-section-card table.table thead th,.recent-events-table-card table.table thead th,.cardx:has(table.table) table.table thead th,.cardx:has(table.table) table.table > tbody:first-child > tr:first-child > th{background:#f6efe3!important;color:#111827!important;font-size:13px!important;font-weight:950!important;text-transform:uppercase!important;padding:16px 22px!important;border-bottom:1px solid #e6dfd2!important;white-space:nowrap!important;vertical-align:middle!important;}
.events-table-card table.table tbody td,.table-section-card table.table tbody td,.recent-events-table-card table.table tbody td,.cardx:has(table.table) table.table tbody td{padding:14px 22px!important;border-bottom:1px solid rgba(230,223,210,.70)!important;vertical-align:middle!important;white-space:nowrap!important;}
.empty-events{text-align:center!important;padding:36px 18px!important;color:#7a6a4a!important;background:#fffdf9!important;}
.empty-icon{font-size:34px!important;margin-bottom:8px!important;}
@media(max-width:991px){.events-summary-grid,.event-summary-grid,.recent-kpi,.kpi-grid.recent-kpi{grid-template-columns:1fr!important;}}
/* ==== END USER REQUEST FINAL ==== */

/* v12 extra top-padding fixes for Visa Cost, Ticket Cost, and Pickup Price List */
.visa-cost-card .form-clean-grid,
.ticket-cost-card .form-clean-grid,
.pickup-price-card .form-clean-grid{
  padding-top:28px !important;
}
.visa-cost-table,
.ticket-cost-table,
.pickup-price-table{
  padding-top:22px !important;
}
.visa-cost-table table th,
.ticket-cost-table table th,
.pickup-price-table table th{
  padding-top:16px !important;
  padding-bottom:16px !important;
  vertical-align:middle !important;
}
.credit-box-normal{background:#fff!important;border:1px solid #e6dfd2!important;border-radius:14px!important;padding:12px 14px!important;font-weight:900!important;color:#b91c1c!important;box-shadow:none!important;min-height:48px!important;display:flex!important;align-items:center!important;gap:8px!important}.credit-box-normal span{color:#b91c1c!important;font-weight:950!important}

/* Payments & Cost Accounts - align Credit Amount box cleanly with form grid */
.credit-amount-col{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-self:flex-start!important;margin-top:0!important;padding-top:0!important;}
.credit-amount-col .form-label{margin-bottom:.45rem!important;line-height:1.2!important;}
.credit-box-normal{width:100%!important;height:45px!important;min-height:45px!important;background:#fff!important;border:1px solid #d9d2c3!important;border-radius:12px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;color:#b91c1c!important;font-weight:900!important;box-shadow:none!important;margin:0!important;gap:0!important;}
.credit-box-normal span{color:#b91c1c!important;font-weight:950!important;}
#savePay{height:45px!important;}

/* FINAL REAL FIX: Recent Events cards must stay in one horizontal row like Events page */
.recent-kpi .metric,
.events-summary-grid.recent-kpi .metric,
.event-summary-grid.recent-kpi .metric{
  grid-column:auto!important;
  width:auto!important;
}
.recent-kpi,
.events-summary-grid.recent-kpi,
.event-summary-grid.recent-kpi{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
@media(max-width:991px){
  .recent-kpi,
  .events-summary-grid.recent-kpi,
  .event-summary-grid.recent-kpi{grid-template-columns:1fr!important;}
}

/* FINAL REAL FIX: Payments credit amount normal aligned box */
#payForm .credit-amount-col{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  margin:0!important;
  padding:0 calc(var(--bs-gutter-x) * .5)!important;
}
#payForm .credit-amount-col .form-label{
  margin:0 0 6px 0!important;
  padding:0!important;
  font-size:13px!important;
  color:#111827!important;
}
#payForm .credit-box-normal,
#payForm .payment-summary.credit-box-normal{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  background:#fff!important;
  border:1px solid #d9d2c3!important;
  border-radius:12px!important;
  box-shadow:none!important;
  padding:0 14px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  color:#b91c1c!important;
  font-weight:950!important;
}
#payForm .credit-box-normal::before{content:"AED ";}
#payForm .credit-box-normal span{color:#b91c1c!important;font-weight:950!important;}

/* Notification read / clear fixes */
.notify-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px;border-bottom:1px solid #eee;margin-bottom:4px;position:sticky;top:0;background:#fff;z-index:2}
.notify-row.notify-unread{background:#fff7df;border-left:4px solid var(--gold);border-radius:12px;margin:6px 2px;font-weight:700}
.notify-row.notify-read{background:#fff;border-left:4px solid transparent;border-radius:12px;margin:6px 2px;opacity:.84}
.notify-menu .btn-outline-danger{border-radius:999px;font-weight:800;padding:3px 10px;font-size:12px}
.person-picker-list .person-pick{border-radius:10px;text-align:left}.btn-close-x{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:0;background:#dc3545!important;color:#fff!important;font-size:24px;font-weight:900;line-height:1;text-decoration:none}.btn-close-x:hover{filter:brightness(.95);color:#fff!important}
.we-undo-panel{position:fixed;right:18px;bottom:72px;z-index:3000;display:flex;gap:8px;background:rgba(255,255,255,.86);border:1px solid #eadfbf;border-radius:999px;padding:8px;box-shadow:0 14px 36px rgba(0,0,0,.12);backdrop-filter:blur(10px)}
.we-undo-panel button{border:0;border-radius:999px;padding:8px 14px;font-weight:900;background:#111;color:#fff;min-width:82px}.we-undo-panel button:disabled{opacity:.35;cursor:not-allowed}.we-undo-panel button:nth-child(2){background:#b91c1c}

/* Event assignment improvements */
.serial-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:900;margin-right:6px}.assign-card{min-height:auto!important;padding:10px 12px!important}.assign-card .form-control{min-height:36px!important}.compact-person-row{padding:8px 10px!important}.compact-assigned-table td,.compact-assigned-table th{padding:7px 9px!important;vertical-align:middle!important}.row-labour td{background:#fff7df!important}.row-driver td{background:#e8f3ff!important}.row-employee td{background:#f0ecff!important}.event-total-mini{font-size:12px!important;margin-top:5px!important}.assign-item{margin-bottom:8px!important}

/* Final event/person fixes */
.assign-count-status{font-size:18px!important;font-weight:900!important;padding:14px 18px!important;border:2px solid #f0d279!important;border-radius:16px!important;background:#fff9e8!important;display:inline-block!important;min-width:520px!important;color:#b91c1c}
.we-undo-panel,#weUndoBtn,#weRedoBtn{display:none!important}


/* v12 full update: professional table/list view and action buttons */
.table-section-card,.events-table-card,.recent-events-table-card,.labour-table,.driver-table,.employee-table,.purchasing-employee-table{padding:22px 24px!important;border-radius:22px!important;overflow:visible!important;background:#fff!important;box-shadow:0 12px 34px rgba(31,41,55,.08)!important;border:1px solid #efe7d8!important}
.table-responsive{overflow-x:auto!important;padding:4px!important}.table{margin-bottom:0!important;border-collapse:separate!important;border-spacing:0 8px!important}.table thead th{background:#fff7df!important;color:#111827!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:900!important;padding:13px 14px!important;border:0!important;white-space:nowrap!important}.table tbody td{background:#fff!important;padding:13px 14px!important;vertical-align:middle!important;border-top:1px solid #f1eadc!important;border-bottom:1px solid #f1eadc!important;line-height:1.35!important;max-width:260px!important;overflow-wrap:anywhere!important}.table tbody tr td:first-child{border-left:1px solid #f1eadc!important;border-radius:14px 0 0 14px!important}.table tbody tr td:last-child{border-right:1px solid #f1eadc!important;border-radius:0 14px 14px 0!important}.table tbody tr:hover td{background:#fffaf0!important}.action-btn,.btn-open,.btn-edit,.btn-delete,.txn-actions a,.events-table-card td.no-print a,.recent-events-table-card td.no-print a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;height:32px!important;border-radius:999px!important;padding:6px 12px!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;margin:2px!important;border:1px solid transparent!important}.btn-open,.events-table-card td.no-print a:nth-child(1),.recent-events-table-card td.no-print a:nth-child(1),.txn-actions a:first-child{background:#eef6ff!important;color:#075985!important;border-color:#bae6fd!important}.btn-edit,.events-table-card td.no-print a:nth-child(2),.recent-events-table-card td.no-print a:nth-child(2){background:#fff7df!important;color:#92400e!important;border-color:#fde68a!important}.btn-delete,.events-table-card td.no-print a.text-danger,.events-table-card td.no-print a:nth-child(3),.txn-actions a.text-danger{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}.form-label,.small-help,b,td,th{line-height:1.35!important}.cardx{overflow:visible!important}.row{--bs-gutter-y:1rem}.form-control,.form-select{min-height:44px!important}.btn-close-x{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;border:0!important;background:#dc3545!important;color:#fff!important;font-size:24px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(220,53,69,.22)!important}.role-labour{background:#fff7df!important;color:#92400e!important;border:1px solid #fde68a!important}.role-driver{background:#e8f3ff!important;color:#075985!important;border:1px solid #bae6fd!important}.role-na{background:#f3f4f6!important;color:#6b7280!important;border:1px solid #e5e7eb!important}.dual-role-note{display:inline-flex;gap:6px;flex-wrap:wrap;margin-top:6px}.dual-role-note span{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900}.event-balance-red{display:block!important;color:#dc2626!important;font-size:16px!important;font-weight:950!important;margin-top:6px!important}.payment-check-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800}.payment-mismatch{border:1px solid #fecaca!important;background:#fff1f2!important;color:#991b1b!important;border-radius:14px!important;padding:10px 12px!important;margin-top:10px!important;font-weight:900!important}.payment-ok{border:1px solid #bbf7d0!important;background:#f0fdf4!important;color:#166534!important;border-radius:14px!important;padding:10px 12px!important;margin-top:10px!important;font-weight:900!important}.serial-badge{box-shadow:0 4px 10px rgba(0,0,0,.16)!important;flex:0 0 auto!important}.assign-card .form-check{display:flex!important;align-items:center!important;gap:8px!important}.assign-card .form-check-label{display:flex!important;align-items:center!important;gap:6px!important;line-height:1.25!important}.assign-amount{step:50!important}

/* FINAL FIX 2026-05-01: make Drivers list view match Labours list view exactly */
.people-list-card{padding:0!important;border-radius:18px!important;overflow:hidden!important;background:#fffdf9!important;border:1px solid #e6dfd2!important;box-shadow:0 12px 34px rgba(58,49,33,.07)!important;}
.people-list-card .people-list-table{border-collapse:separate!important;border-spacing:0!important;margin:0!important;width:100%!important;table-layout:auto!important;}
.people-list-card .people-list-table thead th{background:#f6efe3!important;color:#111827!important;font-size:13px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.02em!important;padding:17px 20px!important;border-bottom:1px solid #e6dfd2!important;white-space:nowrap!important;vertical-align:middle!important;}
.people-list-card .people-list-table tbody td{background:#fff!important;padding:18px 20px!important;border-bottom:1px solid rgba(230,223,210,.85)!important;vertical-align:middle!important;line-height:1.45!important;white-space:nowrap!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;}
.people-list-card .people-list-table tbody tr td:first-child{border-left:0!important;border-radius:0!important;}
.people-list-card .people-list-table tbody tr td:last-child{border-right:0!important;border-radius:0!important;}
.people-list-card .people-list-table tbody tr:hover td{background:#fffaf0!important;}
.people-list-card .people-list-table th:nth-child(1),.people-list-card .people-list-table td:nth-child(1){width:72px!important;}
.people-list-card .people-list-table th:nth-child(2),.people-list-card .people-list-table td:nth-child(2){min-width:140px!important;}
.people-list-card .people-list-table th:nth-child(3),.people-list-card .people-list-table td:nth-child(3){min-width:125px!important;}
.people-list-card .people-list-table th:nth-child(4),.people-list-card .people-list-table td:nth-child(4){min-width:150px!important;}
.people-list-card .people-list-table th:last-child,.people-list-card .people-list-table td:last-child{min-width:190px!important;text-align:left!important;}
.people-list-card .btn-open,.people-list-card .btn-edit,.people-list-card .btn-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:56px!important;height:30px!important;border-radius:999px!important;padding:5px 12px!important;margin:2px!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;line-height:1!important;}
.people-list-card .btn-open{background:#eef6ff!important;color:#075985!important;border:1px solid #bae6fd!important;}
.people-list-card .btn-edit{background:#fff7df!important;color:#92400e!important;border:1px solid #fde68a!important;}
.people-list-card .btn-delete{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;}
.people-list-card .small-help{display:inline-block!important;margin-top:4px!important;color:#64748b!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;}
.people-list-card .btn-soft{border-radius:999px!important;padding:4px 10px!important;font-size:12px!important;line-height:1.2!important;}
@media(max-width:1200px){.people-list-card .people-list-table tbody td,.people-list-card .people-list-table thead th{padding-left:14px!important;padding-right:14px!important;}}

/* v12 ledger/click cleanup update */
.person-summary-card,.full-ledger-card{overflow:visible!important;padding:22px 24px!important;border-radius:22px!important;}
.full-ledger-card .table-responsive{overflow-x:auto!important;padding:6px!important;}
.full-ledger-table{min-width:1050px!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0 8px!important;}
.full-ledger-table th{white-space:nowrap!important;vertical-align:middle!important;padding:14px 16px!important;}
.full-ledger-table td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.45!important;padding:14px 16px!important;vertical-align:middle!important;}
.full-ledger-table td:nth-child(4),.full-ledger-table td:nth-child(8){min-width:220px!important;}
.ledger-type-pill{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:4px 10px!important;background:#fff7df!important;border:1px solid #fde68a!important;color:#92400e!important;font-weight:900!important;font-size:12px!important;white-space:nowrap!important;}
.ledger-credit-text,.ledger-credit-row td:nth-child(6){color:#dc2626!important;font-weight:950!important;}
.ledger-actions{white-space:nowrap!important;min-width:145px!important;}
.people-list-card .people-list-table td,.events-table-card .table td,.recent-events-table-card .table td{overflow:visible!important;text-overflow:clip!important;}
.people-list-card .people-list-table td:first-child,.people-list-card .people-list-table td:nth-child(2),.events-table-card td:nth-child(2),.recent-events-table-card td:nth-child(2){font-weight:900!important;color:#111827!important;text-decoration:none!important;}

/* Saved person detail page: show only the requested full ledger history cleanly */
.saved-person-ledger-only{overflow:visible!important;padding:24px!important;margin-top:18px!important;}
.saved-person-ledger-table{min-width:1350px!important;width:100%!important;table-layout:auto!important;}
.saved-person-ledger-table th,.saved-person-ledger-table td{padding:16px 18px!important;line-height:1.55!important;vertical-align:middle!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.saved-person-ledger-table th{white-space:nowrap!important;background:#f4ecdf!important;}
.saved-person-ledger-table td:nth-child(5),.saved-person-ledger-table td:nth-child(9){min-width:260px!important;max-width:520px!important;}
.saved-person-ledger-table td:nth-child(7),.saved-person-ledger-table th:nth-child(7),.ledger-credit-text{color:#dc2626!important;font-weight:950!important;}
.saved-person-ledger-table .ledger-credit-row td{background:#fff8f8!important;}
.saved-person-ledger-table .ledger-credit-row td:nth-child(7){color:#dc2626!important;font-weight:950!important;}
.ledger-total-strip{white-space:normal!important;line-height:1.7!important;}
.ledger-type-pill{display:inline-block!important;border-radius:999px!important;background:#fff3cd!important;border:1px solid #f1d38a!important;padding:6px 10px!important;font-weight:900!important;white-space:nowrap!important;}
@media(max-width:900px){.saved-person-ledger-only{padding:16px!important}.saved-person-ledger-table{min-width:1100px!important}.saved-person-ledger-table th,.saved-person-ledger-table td{padding:12px 14px!important}}
/* v12 inline event/person detail fixes */
.inline-person-detail-row td{background:#fffaf0!important;border-radius:18px!important;padding:14px!important;max-width:none!important}
.inline-person-detail-card{background:#fff!important;border:1px solid #eadfcf!important;border-radius:22px!important;padding:16px!important;box-shadow:0 12px 28px rgba(42,36,26,.08)!important}
.event-assigned-details-table td,.event-assigned-details-table th{white-space:normal!important;overflow-wrap:anywhere!important;max-width:none!important}
.person-full-details-grid>div{background:#fffaf5;border:1px solid #f1e5d4;border-radius:14px;padding:12px;min-height:62px}
.saved-person-ledger-table td,.saved-person-ledger-table th{white-space:normal!important;overflow-wrap:anywhere!important;max-width:none!important}
.ledger-credit-row td,.ledger-credit-text{color:#dc2626!important;font-weight:900!important}
.person-topbar .btn-close-x{margin-left:4px!important}

/* v12 final saved details / ledger / payments */
.action-glass-group{align-items:center!important}.glass-action-btn,.glass-close-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;border-radius:999px!important;padding:5px 11px!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.55)!important;background:rgba(255,255,255,.48)!important;color:#2d2925!important;box-shadow:0 10px 24px rgba(32,25,15,.10)!important;backdrop-filter:blur(10px)!important;opacity:.74!important}.glass-action-btn:hover{opacity:1!important;background:rgba(255,255,255,.85)!important}.glass-close-btn{width:30px!important;min-width:30px!important;padding:0!important;color:#dc2626!important;border-color:rgba(220,38,38,.32)!important}.glass-close-btn:hover{background:#dc2626!important;color:#fff!important;opacity:1!important}.person-details-card-style,.inline-person-detail-card{border:1px solid #eadfce!important;border-radius:26px!important;background:#fffdf8!important;padding:22px!important;box-shadow:0 18px 44px rgba(42,36,26,.07)!important;overflow:visible!important}.person-full-details-grid>div{background:#fff!important;border:1px solid #f0e6d7!important;border-radius:16px!important;padding:12px 14px!important;min-height:70px!important;overflow-wrap:anywhere!important}.ledger-inline-edit,.distribution-edit-form{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;background:#fffaf0!important;border:1px solid #f2dec1!important;border-radius:16px!important;padding:10px!important}.ledger-inline-edit .form-control,.distribution-edit-form .form-control{max-width:210px!important;min-height:36px!important}.saved-person-ledger-table th,.saved-person-ledger-table td{white-space:normal!important;max-width:none!important}.ledger-credit-row td{background:#fff1f2!important}.assigned-role-row.role-row-labour td{background:#fffaf0!important}.assigned-role-row.role-row-driver td{background:#eff6ff!important}.strict-pay-note{font-weight:900!important;color:#7f1d1d!important;margin-top:8px!important}.save-disabled{opacity:.45!important;cursor:not-allowed!important}


/* =========================================================
   PROFESSIONAL LIGHT GOLD THEME - FINAL APPLIED
   Makes the actual website match the approved picture style.
   ========================================================= */
:root{
  --we-bg:#f6f1e7;
  --we-bg-2:#fffaf0;
  --we-card:#ffffff;
  --we-card-soft:#fffdf8;
  --we-text:#1f2933;
  --we-muted:#746b5e;
  --we-line:#eadfcb;
  --we-gold:#b88a2d;
  --we-gold-2:#d6b56d;
  --we-gold-soft:#fff3cf;
  --we-green:#12715a;
  --we-red:#b42318;
  --we-blue:#2563eb;
  --we-shadow:0 14px 38px rgba(84,64,28,.10);
  --we-shadow-soft:0 8px 22px rgba(84,64,28,.07);
}
html,body{min-height:100%;}
body{
  background:
    radial-gradient(circle at top left,rgba(214,181,109,.23),transparent 30%),
    linear-gradient(135deg,#fbf7ef 0%,#f4ecdd 48%,#f9f5eb 100%)!important;
  color:var(--we-text)!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
}
.page.main-content{padding-top:18px!important;}
.container-fluid.px-4{max-width:1480px;margin:0 auto;}
/* light professional sidebar/header */
.topbar.sidebar,.navbar.topbar{
  background:rgba(255,251,243,.94)!important;
  border:1px solid rgba(234,223,203,.95)!important;
  box-shadow:var(--we-shadow-soft)!important;
  backdrop-filter:blur(14px)!important;
}
.sidebar-header{padding-top:4px!important;padding-bottom:4px!important;}
.sidebar-brand{gap:10px!important;}
.sidebar-logo,.navbar-brand img{height:42px!important;width:auto!important;object-fit:contain!important;}
.brand-title,.sidebar-title{color:#3d2d10!important;font-weight:950!important;letter-spacing:.9px!important;font-size:18px!important;}
.navbar .nav-link{
  background:#fff8e8!important;
  color:#3b3327!important;
  border:1px solid #ecd9a9!important;
  border-radius:14px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  padding:8px 11px!important;
  box-shadow:0 4px 12px rgba(184,138,45,.08)!important;
}
.navbar .nav-link:hover,.navbar .nav-link.active{
  background:linear-gradient(135deg,var(--we-gold),#e6c778)!important;
  color:#211705!important;
  transform:translateY(-1px)!important;
  border-color:#c99d40!important;
}
.nav-logout{background:#fff1f0!important;color:#b42318!important;border-color:#ffd1cc!important;}
.sidebar-toggle{
  background:rgba(255,255,255,.62)!important;
  color:#7a5b14!important;
  border:1px solid rgba(214,181,109,.55)!important;
  box-shadow:0 10px 24px rgba(84,64,28,.10)!important;
  opacity:.72!important;
  border-radius:18px!important;
}
/* clean top user area - no duplicate admin look */
.we-app-header{
  background:transparent!important;
  border:0!important;
  padding:8px 18px!important;
}
.we-user-box,.we-notify,.we-login-link{
  background:#fffaf0!important;
  border:1px solid var(--we-line)!important;
  box-shadow:var(--we-shadow-soft)!important;
  border-radius:18px!important;
}
.we-user-text strong{font-weight:950!important;color:#3d2d10!important;}
.we-user-text small{color:var(--we-muted)!important;}
.we-avatar{background:linear-gradient(135deg,var(--we-gold),#edcc78)!important;color:#231706!important;}
/* premium dashboard hero - less empty space */
.dashboard-hero,.hero.welcome-soft{
  padding:18px 20px!important;
  border-radius:26px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,226,.96))!important;
  border:1px solid var(--we-line)!important;
  box-shadow:var(--we-shadow)!important;
  margin-bottom:18px!important;
  overflow:hidden!important;
}
.dashboard-hero:before{
  content:"";position:absolute;right:-80px;top:-95px;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(214,181,109,.30),transparent 68%);
}
.dashboard-logo{height:64px!important;width:64px!important;border-radius:20px!important;object-fit:cover!important;box-shadow:0 10px 24px rgba(184,138,45,.18)!important;background:#fff!important;padding:5px!important;}
.dashboard-hero h2{font-size:clamp(24px,2.2vw,36px)!important;font-weight:950!important;letter-spacing:-.04em!important;color:#2c210c!important;margin:0!important;}
.hero-subtitle{font-size:14px!important;color:#75684e!important;font-weight:750!important;margin-top:3px!important;}
.refined-tools-row{justify-content:flex-end!important;}
.refined-info-wrap,.dash-info-wrap{
  display:grid!important;grid-template-columns:repeat(2,minmax(180px,1fr))!important;gap:10px!important;width:100%!important;max-width:470px!important;
}
.dash-info{
  background:#fff!important;border:1px solid var(--we-line)!important;border-radius:20px!important;padding:12px 14px!important;box-shadow:var(--we-shadow-soft)!important;min-height:78px!important;
}
.info-title{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8a7651!important;font-weight:950!important;margin-bottom:7px!important;}
.info-line strong{font-size:15px!important;color:#251b09!important;font-weight:950!important;}
.dash-icon,.weather-logo{font-size:20px!important;margin-right:6px!important;}
/* KPI grid - compact, no empty spaces */
.kpi-grid.dashboard-balance-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.metric.dashboard-kpi-card{
  position:relative!important;
  min-height:124px!important;
  border-radius:24px!important;
  padding:16px 16px 15px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%)!important;
  border:1px solid var(--we-line)!important;
  border-left:0!important;
  box-shadow:var(--we-shadow-soft)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
}
.metric.dashboard-kpi-card:after{
  content:"";position:absolute;right:-36px;top:-38px;width:100px;height:100px;border-radius:50%;background:rgba(214,181,109,.15);
}
.metric.dashboard-kpi-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(84,64,28,.13)!important;}
.metric-logo{
  width:42px!important;height:42px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--we-gold-soft)!important;border:1px solid #efd184!important;flex:0 0 42px!important;
}
.metric-logo span{font-size:22px!important;}
.metric-body{min-width:0!important;position:relative!important;z-index:2!important;}
.metric.dashboard-kpi-card .label{
  font-size:12px!important;line-height:1.2!important;color:#7a5b14!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:7px!important;
}
.metric.dashboard-kpi-card .value{
  font-size:clamp(23px,2vw,31px)!important;line-height:1.05!important;color:#1e1709!important;font-weight:950!important;letter-spacing:-.04em!important;margin:0 0 7px!important;
}
.metric-desc{font-size:12.5px!important;line-height:1.28!important;color:#70665a!important;font-weight:650!important;}
.no-card-logo .metric-body{padding-left:0!important;}
.no-card-logo:before{
  content:"AED";position:absolute;right:16px;top:14px;background:#fff4d6;color:#8a6519;border:1px solid #eed28c;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:950;letter-spacing:.08em;
}
.total-balance-card{
  background:linear-gradient(135deg,#fff5d8,#ffffff)!important;border:1px solid #e2bd55!important;
}
.total-balance-card .label,.total-balance-card .value{color:#2b1b03!important;}
/* cards/tables/forms consistent across all sections */
.cardx,.db-tile,.easy-box,.search-panel,.table-section-card,.events-table-card,.recent-events-table-card,.people-list-card,.assign-card,.assign-panel,.modal-content{
  background:#fffdf8!important;
  border:1px solid var(--we-line)!important;
  border-radius:24px!important;
  box-shadow:var(--we-shadow-soft)!important;
}
.dashboard-table-card{padding:18px!important;border-radius:26px!important;margin-top:0!important;}
.recent-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
.recent-table-head h5{font-size:20px!important;font-weight:950!important;color:#2c210c!important;letter-spacing:-.02em!important;}
.recent-search{background:#fff!important;border:1px solid var(--we-line)!important;border-radius:16px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;min-width:320px!important;box-shadow:0 6px 16px rgba(84,64,28,.05)!important;}
.recent-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-weight:700!important;color:#3b3327!important;}
.recent-search span{color:#8a6519!important;font-weight:950!important;}
.table{border-spacing:0 9px!important;}
.table thead th{background:#fff2cf!important;color:#3f2f0e!important;border:0!important;font-weight:950!important;padding:13px 14px!important;}
.table tbody td{background:#fff!important;border-color:#f0e5d1!important;padding:13px 14px!important;color:#332b20!important;font-weight:650!important;}
.table tbody tr:hover td{background:#fff8e8!important;}
.count-pill,.status-pill,.badge-soft{border-radius:999px!important;background:#fff1ca!important;color:#7a520a!important;border:1px solid #e8c66d!important;padding:5px 10px!important;font-weight:950!important;}
.btn-dark,.btn-action,.btn-gold,.btn-soft,.btn-open,.btn-edit,.btn-delete,.action-btn{
  border-radius:999px!important;font-weight:950!important;box-shadow:0 8px 18px rgba(84,64,28,.09)!important;
}
.btn-dark,.btn-action{background:#3b2b10!important;border-color:#3b2b10!important;color:#fff!important;}
.btn-gold{background:linear-gradient(135deg,var(--we-gold),#e5c16d)!important;border-color:#c69b3b!important;color:#211705!important;}
.form-control,.form-select{
  border-radius:15px!important;border:1px solid #dfd2bc!important;background:#fff!important;color:#2f2518!important;font-weight:650!important;
}
.form-control:focus,.form-select:focus{border-color:#c99d40!important;box-shadow:0 0 0 .2rem rgba(184,138,45,.16)!important;}
.form-label{font-weight:900!important;color:#4b3920!important;}
/* remove over-dark final card rule from older CSS */
.kpi-grid .metric:last-child{background:linear-gradient(135deg,#fff5d8,#ffffff)!important;border-left-color:#e2bd55!important;}
.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value{color:#2b1b03!important;}
@media(max-width:1250px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:900px){
  .kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important;max-width:none!important;}
  .recent-table-head{align-items:stretch!important;flex-direction:column!important;}
  .recent-search{min-width:0!important;width:100%!important;}
}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.dashboard-hero{padding:16px!important}.metric.dashboard-kpi-card{min-height:auto!important}}


/* ===== v12 EXACT LIGHT SAAS DASHBOARD MATCH - 20260501 ===== */
:root{
  --we-bg:#fbfaf7;
  --we-panel:#ffffff;
  --we-sidebar:#fffdf8;
  --we-text:#111827;
  --we-muted:#667085;
  --we-line:#ebe6dc;
  --we-gold:#d99a00;
  --we-gold-dark:#b87a00;
  --we-gold-soft:#fff7e6;
  --we-shadow:0 12px 28px rgba(16,24,40,.055);
  --we-shadow-hover:0 16px 34px rgba(16,24,40,.085);
}
html,body{background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;color:var(--we-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
.container-fluid.px-4{max-width:none!important;padding-left:30px!important;padding-right:30px!important;}
.page.main-content{padding-top:26px!important;padding-bottom:56px!important;}
/* clean white left menu like reference */
.topbar.sidebar,.navbar.topbar.sidebar,.sidebar{
  background:var(--we-sidebar)!important;border-right:1px solid #eee9df!important;border-top:0!important;border-left:0!important;border-bottom:0!important;box-shadow:6px 0 26px rgba(16,24,40,.035)!important;
}
.topbar.sidebar .container-fluid,.navbar.sidebar .container-fluid{padding:18px 14px 24px!important;}
.sidebar-header,.topbar.sidebar .navbar-brand{display:flex!important;height:auto!important;min-height:86px!important;padding:0 10px 16px!important;margin:0 0 10px!important;overflow:visible!important;border:0!important;}
.sidebar-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;}
.sidebar-logo,.sidebar-header img.sidebar-logo{display:block!important;height:70px!important;width:170px!important;object-fit:contain!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important;}
.sidebar-title,.brand-title.sidebar-title{display:none!important;}
.navbar.sidebar .navbar-nav{gap:8px!important;width:100%!important;align-items:stretch!important;}
.navbar.sidebar .nav-item{width:100%!important;}
.navbar.sidebar .nav-link{
  width:100%!important;display:flex!important;align-items:center!important;min-height:44px!important;padding:11px 14px!important;border-radius:11px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;color:#253044!important;font-size:14px!important;font-weight:750!important;letter-spacing:-.01em!important;
}
.navbar.sidebar .nav-link:hover{background:#fff8ea!important;border-color:#efd8a4!important;color:#111827!important;transform:none!important;}
.navbar.sidebar .nav-link.active,.navbar.sidebar .nav-home.active,.navbar.sidebar .nav-link.nav-home{background:linear-gradient(135deg,#e6a000,#cf8a00)!important;color:#fff!important;border-color:#cf8a00!important;box-shadow:0 10px 22px rgba(217,154,0,.22)!important;}
.navbar.sidebar .nav-link:before{content:"";width:28px;height:28px;border-radius:9px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent!important;border:1px solid transparent;}
.navbar.sidebar .nav-events:before{content:"▣"}.navbar.sidebar .nav-recent:before{content:"◴"}.navbar.sidebar .nav-labours:before{content:"♙"}.navbar.sidebar .nav-drivers:before{content:"▱"}.navbar.sidebar .nav-employees:before{content:"♙"}.navbar.sidebar .nav-payments:before{content:"▤"}.navbar.sidebar .nav-asap:before{content:"△"}.navbar.sidebar .nav-visa:before{content:"◷"}.navbar.sidebar .nav-ticket:before{content:"◈"}.navbar.sidebar .nav-price:before{content:"$"}.navbar.sidebar .nav-reports:before{content:"▣"}.navbar.sidebar .nav-database:before{content:"▤"}.navbar.sidebar .nav-logout:before{content:"↻"}.navbar.sidebar .nav-home:before{content:"⌂";border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.16)!important;}
/* top header */
.we-app-header{height:76px!important;background:#fff!important;border-bottom:1px solid #eee!important;box-shadow:0 6px 16px rgba(16,24,40,.045)!important;padding:0 26px!important;}
.we-notify{background:#fff!important;border:1px solid #edf0f3!important;border-radius:18px!important;box-shadow:none!important;width:48px!important;height:48px!important;}
.we-user-box{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:16px!important;padding:7px 10px!important;}
.we-avatar{width:44px!important;height:44px!important;background:linear-gradient(135deg,#d99a00,#c78500)!important;color:#fff!important;font-weight:900!important;}
.we-user-text strong{font-size:15px!important;color:#111827!important}.we-user-text small{font-size:12px!important;color:#667085!important}.we-profile-arrow{color:#667085!important;}
#sidebarToggleBtn.sidebar-toggle,.sidebar-toggle{left:260px!important;top:28px!important;background:transparent!important;color:#111827!important;border:0!important;box-shadow:none!important;opacity:1!important;font-size:24px!important;width:30px!important;height:30px!important;border-radius:8px!important;}
#sidebarToggleBtn.sidebar-toggle{font-size:0!important}#sidebarToggleBtn.sidebar-toggle:after{content:"☰";font-size:25px!important;line-height:1;color:#111827!important;}
/* dashboard top section: no heavy command card */
.dashboard-hero,.hero.welcome-soft{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 20px!important;border-radius:0!important;overflow:visible!important;
}
.dashboard-hero:before,.dashboard-hero:after,.hero:after{display:none!important;}
.dashboard-hero .row{align-items:start!important;}
.dashboard-hero .col-lg-6:first-child{padding-top:18px!important;}
.dashboard-logo{display:none!important;}
.dashboard-greeting{font-size:16px!important;color:#344054!important;font-weight:500!important;margin-bottom:4px!important;}
.dashboard-hero h2{font-size:32px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.035em!important;color:#111827!important;margin:0 0 8px!important;}
.hero-subtitle{font-size:16px!important;color:#667085!important;font-weight:500!important;margin:0!important;}
.refined-tools-row{justify-content:flex-end!important;margin-top:0!important;}
.refined-info-wrap,.dash-info-wrap{max-width:650px!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}
.dash-info{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--we-shadow)!important;min-height:112px!important;padding:18px 22px!important;}
.info-title{font-size:14px!important;color:#667085!important;letter-spacing:.02em!important;text-transform:none!important;font-weight:750!important;margin-bottom:15px!important;}
.info-line{display:flex!important;align-items:center!important;gap:14px!important;}
.info-line strong{font-size:16px!important;line-height:1.28!important;color:#111827!important;font-weight:800!important;}
.dash-icon,.weather-logo{width:38px!important;height:38px!important;border-radius:10px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff7e6!important;border:0!important;font-size:24px!important;color:#d99a00!important;}
/* KPI cards exactly lighter, compact, five columns where possible */
.kpi-grid.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin-bottom:16px!important;}
.metric.dashboard-kpi-card{min-height:142px!important;border-radius:12px!important;padding:22px 22px!important;background:#fff!important;border:1px solid #eceff3!important;border-left:0!important;box-shadow:var(--we-shadow)!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;overflow:hidden!important;transition:.18s!important;}
.metric.dashboard-kpi-card:hover{transform:translateY(-2px)!important;box-shadow:var(--we-shadow-hover)!important;}
.metric.dashboard-kpi-card:after,.metric.dashboard-kpi-card:before,.no-card-logo:before{display:none!important;}
.metric-logo{width:48px!important;height:48px!important;border-radius:50%!important;border:0!important;background:#fff0d6!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.metric-logo span{font-size:24px!important;line-height:1!important;}
.metric.dashboard-kpi-card.kpi-green .metric-logo{background:#e9f8ee!important;color:#0e9f6e!important;}
.metric.dashboard-kpi-card.kpi-purple .metric-logo{background:#f1e8ff!important;color:#7c3aed!important;}
.metric.dashboard-kpi-card.kpi-blue .metric-logo{background:#eaf3ff!important;color:#1976d2!important;}
.metric.dashboard-kpi-card.kpi-orange .metric-logo{background:#fff1e8!important;color:#f97316!important;}
.metric.dashboard-kpi-card.kpi-gold .metric-logo{background:#fff4df!important;color:#d99a00!important;}
.metric-body{display:block!important;min-width:0!important;}
.metric.dashboard-kpi-card .label{font-size:14px!important;color:#111827!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;margin:0 0 6px!important;line-height:1.18!important;}
.metric.dashboard-kpi-card .value{font-size:30px!important;color:#111827!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.03em!important;margin:0 0 10px!important;}
.metric-desc{font-size:14px!important;color:#667085!important;line-height:1.35!important;font-weight:500!important;}
.total-balance-card{border:1px solid #f2c76d!important;background:linear-gradient(135deg,#fffaf0,#fff)!important;}
.total-balance-card .value{color:#d18400!important;}
.total-balance-card .metric-desc{color:#b66300!important;font-weight:650!important;}
/* recent events white card */
.dashboard-table-card,.cardx.dashboard-table-card{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--we-shadow)!important;padding:0!important;overflow:hidden!important;margin-top:8px!important;}
.recent-table-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px 18px!important;margin:0!important;border-bottom:0!important;}
.recent-table-head h5{font-size:22px!important;color:#111827!important;font-weight:900!important;letter-spacing:-.02em!important;position:relative!important;padding-bottom:14px!important;}
.recent-table-head h5:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:4px;background:#d99a00;border-radius:999px;}
.recent-actions{display:flex!important;align-items:center!important;gap:14px!important;}
.recent-search{min-width:330px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:none!important;height:44px!important;}
.recent-search input{font-size:14px!important;color:#344054!important;font-weight:500!important;}
.recent-search input::placeholder{color:#8a94a6!important;}
.filter-btn{height:44px!important;border-radius:10px!important;background:#fffaf2!important;border:1px solid #f1d7a4!important;color:#9a6700!important;font-weight:800!important;padding:0 16px!important;}
.dashboard-table-card .table-responsive{border-top:1px solid #f0f2f5!important;}
.dashboard-table-card .table{margin:0!important;border-collapse:collapse!important;border-spacing:0!important;}
.dashboard-table-card .table thead th{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;padding:15px 24px!important;}
.dashboard-table-card .table tbody td{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:500!important;border-bottom:1px solid #eaecf0!important;padding:18px 24px!important;vertical-align:middle!important;}
.dashboard-table-card .table tbody tr:hover td{background:#fffdf8!important;}
.count-pill{min-width:42px!important;height:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff1dd!important;color:#d18400!important;border:0!important;font-size:16px!important;font-weight:900!important;padding:0 12px!important;}
.dashboard-table-card td:nth-child(5) .count-pill{background:#f1e8ff!important;color:#7c3aed!important;}
.dashboard-table-card td:nth-child(6) .count-pill{background:#eaf3ff!important;color:#1976d2!important;}
.cost-green{color:#039855!important;font-weight:800!important;}
.table-more{border:0!important;background:transparent!important;color:#111827!important;font-size:24px!important;line-height:1!important;padding:2px 8px!important;border-radius:8px!important;}
.table-more:hover{background:#f5f5f5!important;}
.footer{background:#fff!important;border-top:0!important;color:#667085!important;font-size:13px!important;box-shadow:none!important;}
/* make global sections use same light style */
.cardx,.db-tile,.easy-box,.search-panel,.assign-card,.assign-panel,.modal-content{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--we-shadow)!important;}
.table thead th{background:#fff!important;color:#111827!important;text-transform:none!important;font-weight:800!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;}
.table tbody td{background:#fff!important;color:#111827!important;border-color:#eaecf0!important;}
.btn-gold,.btn-action,.btn-dark{background:linear-gradient(135deg,#d99a00,#c78500)!important;border-color:#c78500!important;color:#fff!important;border-radius:10px!important;}
.btn-soft{background:#fff!important;border:1px solid #e6e9ef!important;color:#344054!important;border-radius:10px!important;}
.form-control,.form-select{border-radius:10px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#111827!important;font-weight:500!important;}
.form-label{color:#344054!important;font-weight:750!important;}
/* layout breakpoints */
@media(max-width:1500px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.metric.dashboard-kpi-card{min-height:130px!important;}}
@media(max-width:1200px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.refined-info-wrap,.dash-info-wrap{max-width:none!important;}}
@media(max-width:900px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.dashboard-hero .row{gap:18px!important;}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important}.recent-table-head{flex-direction:column!important;align-items:stretch!important}.recent-actions{flex-direction:column!important;align-items:stretch!important}.recent-search{width:100%!important;min-width:0!important}.filter-btn{width:100%!important}.container-fluid.px-4{padding-left:16px!important;padding-right:16px!important;}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card{grid-template-columns:42px minmax(0,1fr)!important;min-height:auto!important;padding:18px!important}.metric-logo{width:42px!important;height:42px!important}.dashboard-hero h2{font-size:28px!important}}
@media print{.we-app-header,.topbar.sidebar,#sidebarToggleBtn{display:none!important}.page.main-content{padding:0!important}.dashboard-hero{display:block!important}.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,1fr)!important}.metric.dashboard-kpi-card,.dashboard-table-card{box-shadow:none!important;border:1px solid #ddd!important}}

/* ===== FINAL REFERENCE PICTURE MATCH v3 - light / white / soft-gold ===== */
:root{
  --ref-bg:#fbfbfa;
  --ref-sidebar:#fffefb;
  --ref-card:#ffffff;
  --ref-text:#111827;
  --ref-muted:#667085;
  --ref-border:#eceff3;
  --ref-gold:#d99a00;
  --ref-gold-2:#c98700;
  --ref-soft-gold:#fff7e8;
  --ref-shadow:0 10px 24px rgba(16,24,40,.045);
  --ref-shadow-card:0 12px 26px rgba(16,24,40,.055);
}
html,body{
  background:var(--ref-bg)!important;
  color:var(--ref-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.01em!important;
}
@media(min-width:992px){
  .topbar.sidebar,.navbar.topbar.sidebar,.sidebar.topbar,.navbar.sidebar{
    width:232px!important;min-width:232px!important;max-width:232px!important;
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    background:var(--ref-sidebar)!important;border-right:1px solid #eee8dc!important;border-bottom:0!important;
    box-shadow:6px 0 24px rgba(16,24,40,.035)!important;overflow-y:auto!important;z-index:1030!important;
  }
  .we-app-header{
    position:fixed!important;left:232px!important;right:0!important;top:0!important;height:74px!important;
    background:#fff!important;border-bottom:1px solid #eaecf0!important;box-shadow:0 5px 16px rgba(16,24,40,.045)!important;
    padding:0 30px!important;display:flex!important;align-items:center!important;gap:14px!important;z-index:1025!important;margin-left:0!important;
  }
  main.page.main-content,main.page,.page.main-content{
    margin-left:232px!important;padding:101px 30px 72px!important;min-height:100vh!important;background:var(--ref-bg)!important;
  }
  .footer{left:232px!important;background:var(--ref-bg)!important;border-top:0!important;box-shadow:none!important;color:#667085!important;}
  #sidebarToggleBtn.sidebar-toggle,.sidebar-toggle{
    left:258px!important;top:27px!important;background:transparent!important;border:0!important;box-shadow:none!important;width:34px!important;height:34px!important;opacity:1!important;color:#111827!important;font-size:0!important;z-index:1040!important;
  }
  #sidebarToggleBtn.sidebar-toggle:after{content:"☰"!important;font-size:24px!important;color:#111827!important;line-height:1!important;}
  body.sidebar-collapsed main.page.main-content,body.sidebar-collapsed main.page,body.sidebar-collapsed .page.main-content{margin-left:0!important;}
  body.sidebar-collapsed .we-app-header,body.sidebar-collapsed .footer{left:0!important;}
  body.sidebar-collapsed #sidebarToggleBtn.sidebar-toggle{left:18px!important;}
}
.container-fluid.px-4{max-width:none!important;padding-left:0!important;padding-right:0!important;}
/* Sidebar exactly like the reference: white, clean, only active item gold */
.topbar.sidebar .container-fluid,.navbar.sidebar .container-fluid{display:block!important;padding:18px 12px 24px!important;}
.sidebar-header,.topbar.sidebar .navbar-brand,.navbar.sidebar .navbar-brand{min-height:76px!important;height:auto!important;padding:0 12px 16px!important;margin:0 0 8px!important;border:0!important;display:flex!important;align-items:flex-start!important;}
.sidebar-brand{width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;}
.sidebar-logo,.sidebar-header img.sidebar-logo,.navbar-brand img.sidebar-logo{height:62px!important;width:172px!important;max-height:none!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
.sidebar-title,.brand-title.sidebar-title,.brand-sub{display:none!important;}
.navbar.sidebar .navbar-collapse,.topbar.sidebar .navbar-collapse{display:block!important;}
.navbar.sidebar .navbar-nav,.topbar.sidebar .navbar-nav{display:flex!important;flex-direction:column!important;width:100%!important;gap:6px!important;margin:0!important;align-items:stretch!important;}
.navbar.sidebar .nav-item{width:100%!important;}
.navbar.sidebar .nav-link,.topbar.sidebar .nav-link{
  min-height:43px!important;width:100%!important;display:flex!important;align-items:center!important;
  padding:10px 13px!important;border-radius:9px!important;background:transparent!important;border:1px solid transparent!important;
  color:#253044!important;font-size:14px!important;font-weight:700!important;line-height:1.15!important;box-shadow:none!important;
}
.navbar.sidebar .nav-link:before,.topbar.sidebar .nav-link:before{
  width:25px!important;height:25px!important;border-radius:8px!important;margin-right:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;color:#344054!important;background:transparent!important;border:0!important;line-height:1!important;
}
.navbar.sidebar .nav-link:hover,.topbar.sidebar .nav-link:hover{background:#fff8e8!important;border-color:#f0d7a1!important;color:#111827!important;transform:none!important;}
.navbar.sidebar .nav-link.active,.navbar.sidebar .nav-home.active,.navbar.sidebar .nav-link.nav-home,.topbar.sidebar .nav-link.nav-home{
  background:linear-gradient(135deg,#e4a000 0%,#d18c00 100%)!important;color:#fff!important;border-color:#d18c00!important;box-shadow:0 10px 22px rgba(217,154,0,.24)!important;
}
.navbar.sidebar .nav-home:before,.topbar.sidebar .nav-home:before{color:#fff!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.42)!important;}
/* Header user box */
.we-app-spacer{flex:1!important;}
.we-notify{width:46px!important;height:46px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf0f3!important;box-shadow:none!important;font-size:20px!important;}
.note-dot{right:0!important;top:-4px!important;background:#ef4444!important;color:#fff!important;font-weight:900!important;}
.we-user-box{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:16px!important;padding:7px 8px!important;display:flex!important;align-items:center!important;gap:12px!important;}
.we-avatar{width:44px!important;height:44px!important;border-radius:50%!important;background:linear-gradient(135deg,#d99a00,#c78500)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;}
.we-user-text strong{font-size:15px!important;color:#111827!important;font-weight:900!important;line-height:1.1!important;}
.we-user-text small{font-size:12px!important;color:#667085!important;font-weight:500!important;line-height:1.15!important;}
.we-profile-arrow{color:#667085!important;font-size:18px!important;}
/* Dashboard top area: clean no container card */
.dashboard-hero,.hero.welcome-soft{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 22px!important;border-radius:0!important;overflow:visible!important;color:#111827!important;
}
.dashboard-hero:before,.dashboard-hero:after,.hero.welcome-soft:after,.hero:after{display:none!important;}
.dashboard-hero .row{align-items:flex-start!important;}
.dashboard-hero .col-lg-6:first-child{padding-top:12px!important;}
.dashboard-logo{display:none!important;}
.dashboard-greeting{font-size:16px!important;color:#344054!important;font-weight:500!important;margin-bottom:4px!important;}
.dashboard-hero h2{font-size:32px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.035em!important;color:#111827!important;margin:0 0 8px!important;}
.hero-subtitle{font-size:16px!important;color:#667085!important;font-weight:500!important;margin:0!important;}
.refined-tools-row,.dashboard-tools-row{display:flex!important;justify-content:flex-end!important;margin:0!important;}
.refined-info-wrap,.dash-info-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important;max-width:650px!important;}
.dash-info{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--ref-shadow)!important;min-height:112px!important;padding:18px 22px!important;}
.info-title{font-size:14px!important;color:#667085!important;letter-spacing:.01em!important;text-transform:none!important;font-weight:750!important;margin-bottom:15px!important;}
.info-line{display:flex!important;align-items:center!important;gap:14px!important;}
.info-line strong{font-size:16px!important;line-height:1.28!important;color:#111827!important;font-weight:850!important;}
.dash-icon,.weather-logo{width:38px!important;height:38px!important;border-radius:10px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff7e6!important;border:0!important;font-size:24px!important;color:#d99a00!important;}
/* KPI exact cards */
.kpi-grid.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin:0 0 16px!important;align-items:stretch!important;}
.metric.dashboard-kpi-card{
  min-height:138px!important;border-radius:12px!important;padding:22px 20px!important;background:#fff!important;border:1px solid #eceff3!important;border-left:0!important;
  box-shadow:var(--ref-shadow-card)!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;overflow:hidden!important;transition:.18s!important;
}
.metric.dashboard-kpi-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(16,24,40,.08)!important;}
.metric.dashboard-kpi-card:before,.metric.dashboard-kpi-card:after,.no-card-logo:before{display:none!important;content:none!important;}
.metric-logo{width:48px!important;height:48px!important;border-radius:50%!important;border:0!important;box-shadow:none!important;background:#fff0d6!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.metric-logo span{font-size:24px!important;line-height:1!important;}
.metric.dashboard-kpi-card.kpi-green .metric-logo{background:#e9f8ee!important;color:#0e9f6e!important;}
.metric.dashboard-kpi-card.kpi-purple .metric-logo{background:#f1e8ff!important;color:#7c3aed!important;}
.metric.dashboard-kpi-card.kpi-blue .metric-logo{background:#eaf3ff!important;color:#1976d2!important;}
.metric.dashboard-kpi-card.kpi-orange .metric-logo{background:#fff1e8!important;color:#f97316!important;}
.metric.dashboard-kpi-card.kpi-gold .metric-logo{background:#fff4df!important;color:#d99a00!important;}
.metric-body{min-width:0!important;display:block!important;padding:0!important;}
.metric.dashboard-kpi-card .label{font-size:14px!important;color:#111827!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;margin:0 0 6px!important;line-height:1.18!important;}
.metric.dashboard-kpi-card .value,.metric.dashboard-kpi-card .amount-fit{font-size:30px!important;color:#111827!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.03em!important;margin:0 0 10px!important;white-space:normal!important;}
.metric-desc{font-size:14px!important;color:#667085!important;line-height:1.35!important;font-weight:500!important;}
.total-balance-card{border:1px solid #f2c76d!important;background:linear-gradient(135deg,#fffaf0,#fff)!important;}
.total-balance-card .value,.total-balance-card .amount-fit{color:#d18400!important;}
.total-balance-card .metric-desc{color:#b66300!important;font-weight:650!important;}
/* Recent table exact reference */
.dashboard-table-card,.cardx.dashboard-table-card{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--ref-shadow-card)!important;padding:0!important;overflow:hidden!important;margin-top:10px!important;}
.recent-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px 18px!important;margin:0!important;gap:16px!important;border-bottom:0!important;}
.recent-table-head h5{font-size:22px!important;color:#111827!important;font-weight:900!important;letter-spacing:-.02em!important;margin:0!important;position:relative!important;padding-bottom:14px!important;}
.recent-table-head h5:after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:42px!important;height:4px!important;background:#d99a00!important;border-radius:999px!important;}
.recent-actions{display:flex!important;align-items:center!important;gap:14px!important;}
.recent-search{height:44px!important;min-width:330px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:8px!important;}
.recent-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-size:14px!important;color:#344054!important;font-weight:500!important;}
.recent-search input::placeholder{color:#8a94a6!important;}
.recent-search span{color:#667085!important;font-weight:800!important;font-size:18px!important;}
.filter-btn{height:44px!important;border-radius:10px!important;background:#fffaf2!important;border:1px solid #f1d7a4!important;color:#9a6700!important;font-weight:800!important;padding:0 16px!important;}
.dashboard-table-card .table-responsive{border-top:1px solid #f0f2f5!important;}
.dashboard-table-card .table{margin:0!important;border-collapse:collapse!important;border-spacing:0!important;}
.dashboard-table-card .table thead th{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;padding:15px 24px!important;}
.dashboard-table-card .table tbody td{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:500!important;border-bottom:1px solid #eaecf0!important;padding:18px 24px!important;vertical-align:middle!important;}
.dashboard-table-card .table tbody tr:hover td{background:#fffdf8!important;}
.count-pill{min-width:42px!important;height:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff1dd!important;color:#d18400!important;border:0!important;font-size:16px!important;font-weight:900!important;padding:0 12px!important;}
.dashboard-table-card td:nth-child(5) .count-pill{background:#f1e8ff!important;color:#7c3aed!important;}
.dashboard-table-card td:nth-child(6) .count-pill{background:#eaf3ff!important;color:#1976d2!important;}
.cost-green{color:#039855!important;font-weight:800!important;}
.table-more{border:0!important;background:transparent!important;color:#111827!important;font-size:24px!important;line-height:1!important;padding:2px 8px!important;border-radius:8px!important;}
.table-more:hover{background:#f5f5f5!important;}
/* same style across the whole ERP */
.cardx,.db-tile,.easy-box,.search-panel,.assign-card,.assign-panel,.modal-content,.table-section-card,.events-table-card,.recent-events-table-card,.people-list-card{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--ref-shadow-card)!important;}
.table thead th{background:#fff!important;color:#111827!important;text-transform:none!important;font-weight:800!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;}
.table tbody td{background:#fff!important;color:#111827!important;border-color:#eaecf0!important;}
.btn-gold,.btn-action,.btn-dark{background:linear-gradient(135deg,#d99a00,#c78500)!important;border-color:#c78500!important;color:#fff!important;border-radius:10px!important;}
.btn-soft{background:#fff!important;border:1px solid #e6e9ef!important;color:#344054!important;border-radius:10px!important;}
.form-control,.form-select{border-radius:10px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#111827!important;font-weight:500!important;}
.form-label{color:#344054!important;font-weight:750!important;}
.footer{background:var(--ref-bg)!important;border-top:0!important;color:#667085!important;font-size:13px!important;box-shadow:none!important;}
@media(max-width:1500px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.metric.dashboard-kpi-card{min-height:132px!important;}}
@media(max-width:1200px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.refined-info-wrap,.dash-info-wrap{max-width:none!important;}}
@media(max-width:900px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.dashboard-hero .row{gap:18px!important;}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important}.recent-table-head{flex-direction:column!important;align-items:stretch!important}.recent-actions{flex-direction:column!important;align-items:stretch!important}.recent-search{width:100%!important;min-width:0!important}.filter-btn{width:100%!important}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card{grid-template-columns:42px minmax(0,1fr)!important;min-height:auto!important;padding:18px!important}.metric-logo{width:42px!important;height:42px!important}.dashboard-hero h2{font-size:28px!important}}


/* ===== LOGO RESTORE + DASHBOARD REFERENCE HEADER FIX ===== */
/* Force the Wish Events logo to show clearly in the left sidebar */
.topbar.sidebar .navbar-brand.sidebar-header,
.navbar.sidebar .navbar-brand.sidebar-header,
.sidebar-header,
.sidebar-brand{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  padding:18px 12px 12px!important;
  margin:0 0 12px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.sidebar-logo,
.sidebar-header img.sidebar-logo,
.navbar-brand img.sidebar-logo{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:178px!important;
  height:64px!important;
  max-width:178px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
/* Add logo beside the Good day / Dashboard Overview area exactly like the reference concept */
.dashboard-title-block{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
}
.dashboard-title-logo{
  display:block!important;
  width:112px!important;
  height:80px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  border:1px solid #eceff3!important;
  border-radius:14px!important;
  padding:7px 10px!important;
  box-shadow:0 10px 24px rgba(16,24,40,.055)!important;
  flex:0 0 auto!important;
}
.dashboard-title-copy{min-width:0!important;}
.dashboard-greeting{margin-bottom:4px!important;}
@media(max-width:900px){
  .dashboard-title-block{align-items:flex-start!important;gap:14px!important;}
  .dashboard-title-logo{width:88px!important;height:66px!important;}
}
@media(max-width:560px){
  .dashboard-title-block{flex-direction:column!important;}
}

/* v6 - working month filter + professional action menu */
.hero-subtitle{max-width:760px!important;}
.filter-wrap{position:relative!important;display:inline-flex!important;}
.filter-menu{display:none!important;position:absolute!important;top:52px!important;right:0!important;width:280px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:14px!important;box-shadow:0 22px 48px rgba(16,24,40,.16)!important;padding:14px!important;z-index:3000!important;}
.filter-menu.show{display:block!important;}
.filter-menu label{display:block!important;font-size:12px!important;font-weight:800!important;color:#344054!important;margin-bottom:10px!important;}
.filter-menu input{width:100%!important;margin-top:5px!important;height:40px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;padding:0 10px!important;color:#111827!important;background:#fff!important;}
.filter-menu-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:10px!important;}
.filter-menu-actions button,.filter-clear{height:38px!important;border-radius:10px!important;padding:0 14px!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.filter-menu-actions button{border:1px solid #d99a00!important;background:#d99a00!important;color:#fff!important;}
.filter-clear{border:1px solid #e6e9ef!important;background:#fff!important;color:#344054!important;}
.action-cell{position:relative!important;overflow:visible!important;}
.action-dropdown{position:relative!important;display:inline-block!important;}
.action-dropdown .action-menu{display:none!important;position:absolute!important;right:0!important;top:36px!important;min-width:168px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:12px!important;box-shadow:0 18px 36px rgba(16,24,40,.16)!important;padding:7px!important;z-index:2500!important;}
.action-dropdown.open .action-menu{display:block!important;}
.action-dropdown .action-menu a{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-radius:9px!important;color:#111827!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important;}
.action-dropdown .action-menu a:hover{background:#fff7e6!important;color:#9a6700!important;}
.action-dropdown .action-menu a:first-child:before{content:'👁️';font-size:14px;}
.action-dropdown .action-menu a:last-child:before{content:'✏️';font-size:14px;}
.table-responsive{overflow:visible!important;}
.filter-label{font-size:12px!important;font-weight:800!important;color:#667085!important;margin-bottom:5px!important;}
.event-search-panel{align-items:end!important;}


/* v7 - fixed full date-range filter and floating action menus */
.dashboard-table-card,.recent-status-list,.recent-events-table-card,.events-table-card,.cardx{overflow:visible!important;}
.recent-table-head,.recent-actions,.filter-wrap{overflow:visible!important;}
.filter-menu.date-range-menu,.filter-menu{width:330px!important;max-width:calc(100vw - 28px)!important;right:0!important;top:54px!important;border-radius:16px!important;padding:16px!important;z-index:9000!important;}
.filter-menu-title{font-size:14px!important;font-weight:900!important;color:#101828!important;margin-bottom:10px!important;}
.filter-hint{font-size:12px!important;line-height:1.4!important;color:#667085!important;background:#f9fafb!important;border:1px solid #eef1f5!important;border-radius:10px!important;padding:8px 10px!important;margin:4px 0 10px!important;}
.filter-menu input[type="date"],.filter-menu input[type="month"]{height:42px!important;}
.filter-menu-actions button{min-width:112px!important;}
.action-dropdown .action-menu.is-floating{position:fixed!important;right:auto!important;top:auto;display:block!important;min-width:188px!important;z-index:99999!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:13px!important;box-shadow:0 22px 48px rgba(16,24,40,.22)!important;padding:8px!important;}
.action-dropdown.open .action-menu.is-floating{display:block!important;}
.action-dropdown .action-menu.is-floating a{display:flex!important;width:100%!important;}
.action-cell,.table-responsive,.table,.table tbody,.table tr,.table td{overflow:visible!important;}
.event-search-panel{position:relative!important;z-index:20!important;}
.event-search-panel .filter-hint{margin-top:6px!important;}
@media(max-width:900px){.filter-menu.date-range-menu,.filter-menu{left:auto!important;right:0!important;width:300px!important}.event-search-panel .col-md-2,.event-search-panel .col-md-3{width:100%!important}.event-search-panel .col-md-2.d-flex{width:100%!important}}

/* ===== v8 COMPACT PROFESSIONAL DASHBOARD LAYOUT =====
   Removes empty dashboard spaces, centers card content, fixes Recent Events filter/action layout.
*/
:root{
  --we-bg:#fbfcff;
  --we-card:#ffffff;
  --we-line:#e9edf3;
  --we-text:#101828;
  --we-muted:#667085;
  --we-gold:#d99a00;
  --we-gold-dark:#b87900;
  --we-shadow:0 10px 26px rgba(16,24,40,.045);
  --we-shadow-2:0 14px 34px rgba(16,24,40,.065);
}
html,body{background:var(--we-bg)!important;color:var(--we-text)!important;}
main.page.main-content,.page.main-content{background:var(--we-bg)!important;}
.container-fluid.px-4{padding-top:20px!important;padding-left:28px!important;padding-right:28px!important;}
.we-app-header{height:64px!important;min-height:64px!important;background:#fff!important;border-bottom:1px solid var(--we-line)!important;box-shadow:0 3px 14px rgba(16,24,40,.035)!important;}
/* sidebar: clean and compact */
.topbar.sidebar,.navbar.sidebar{background:#fff!important;border-right:1px solid #eadfcd!important;box-shadow:5px 0 24px rgba(16,24,40,.035)!important;}
.sidebar-header,.topbar.sidebar .navbar-brand,.navbar.sidebar .navbar-brand{height:92px!important;min-height:92px!important;padding:16px 14px 10px!important;margin:0 0 6px!important;align-items:center!important;}
.sidebar-logo,.sidebar-header img.sidebar-logo,.navbar-brand img.sidebar-logo{width:150px!important;height:58px!important;object-fit:contain!important;object-position:left center!important;}
.navbar.sidebar .navbar-nav,.topbar.sidebar .navbar-nav{gap:5px!important;}
.navbar.sidebar .nav-link,.topbar.sidebar .nav-link{min-height:42px!important;padding:9px 12px!important;border-radius:9px!important;font-size:13.5px!important;}
.navbar.sidebar .nav-link:before,.topbar.sidebar .nav-link:before{width:24px!important;height:24px!important;margin-right:10px!important;font-size:15px!important;}
.navbar.sidebar .nav-link.active,.navbar.sidebar .nav-link.nav-home,.topbar.sidebar .nav-link.nav-home{box-shadow:0 10px 22px rgba(217,154,0,.18)!important;}
/* top title: compact, no wide empty band */
.dashboard-hero,.hero.welcome-soft{margin:0 0 16px!important;padding:0!important;}
.dashboard-hero .row{align-items:center!important;row-gap:14px!important;}
.dashboard-hero .col-lg-6:first-child{padding-top:0!important;}
.dashboard-title-block{gap:16px!important;align-items:center!important;}
.dashboard-title-logo{width:96px!important;height:70px!important;border-radius:13px!important;padding:7px 10px!important;box-shadow:var(--we-shadow)!important;border:1px solid var(--we-line)!important;}
.dashboard-hero h2{font-size:31px!important;line-height:1.05!important;margin:0 0 7px!important;letter-spacing:-.035em!important;color:var(--we-text)!important;}
.hero-subtitle{font-size:15px!important;line-height:1.45!important;color:var(--we-muted)!important;max-width:720px!important;}
.refined-tools-row,.dashboard-tools-row{align-items:center!important;justify-content:flex-end!important;}
.refined-info-wrap,.dash-info-wrap{max-width:620px!important;gap:12px!important;}
.dash-info{min-height:94px!important;padding:16px 18px!important;border-radius:12px!important;border:1px solid var(--we-line)!important;box-shadow:var(--we-shadow)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.info-title{font-size:13px!important;margin:0 0 12px!important;color:var(--we-muted)!important;font-weight:800!important;}
.info-line{gap:12px!important;}
.info-line strong{font-size:15px!important;line-height:1.22!important;white-space:nowrap!important;}
.dash-icon,.weather-logo{width:36px!important;height:36px!important;border-radius:10px!important;font-size:21px!important;flex:0 0 36px!important;background:#fff5e0!important;}
/* KPI: compact, centered vertically inside boxes */
.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin:0 0 14px!important;}
.metric.dashboard-kpi-card,
.kpi-grid .metric.dashboard-kpi-card,
.kpi-grid .metric,
.kpi-grid .metric:nth-child(6),
.kpi-grid .metric:nth-child(7),
.kpi-grid .metric:nth-child(8),
.kpi-grid .metric.balance-wide,
.kpi-grid .metric.total-balance-wide{
  min-height:118px!important;
  height:118px!important;
  padding:16px 18px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid var(--we-line)!important;
  border-left:1px solid var(--we-line)!important;
  box-shadow:var(--we-shadow)!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  align-content:center!important;
  gap:14px!important;
  overflow:hidden!important;
}
.metric.dashboard-kpi-card:hover{transform:translateY(-1px)!important;box-shadow:var(--we-shadow-2)!important;}
.metric-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
.metric-logo span{font-size:22px!important;}
.metric-body{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-height:86px!important;padding:0!important;}
.metric.dashboard-kpi-card .label,.kpi-grid .metric .label{font-size:13px!important;line-height:1.18!important;font-weight:850!important;margin:0 0 6px!important;color:var(--we-text)!important;letter-spacing:-.01em!important;text-transform:none!important;}
.metric.dashboard-kpi-card .value,.metric.dashboard-kpi-card .amount-fit,.kpi-grid .metric .value,.kpi-grid .metric .value.amount-fit{font-size:26px!important;line-height:1.02!important;font-weight:950!important;margin:0 0 8px!important;color:var(--we-text)!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
.metric-desc{font-size:12.5px!important;line-height:1.25!important;color:#7b8aa0!important;margin:0!important;font-weight:600!important;}
.total-balance-card,.kpi-grid .metric.total-balance-card,.kpi-grid .metric.total-balance-wide{background:linear-gradient(135deg,#fff9ea,#fff)!important;border-color:#f1ce7c!important;}
.total-balance-card .value,.total-balance-card .amount-fit{color:#a96400!important;}
.total-balance-card .metric-desc{font-size:12px!important;color:#b42318!important;font-weight:800!important;}
/* Keep card text in the middle even if labels are long */
.metric.dashboard-kpi-card:nth-child(n+6) .metric-body{justify-content:center!important;}
.metric.dashboard-kpi-card:nth-child(n+6) .value{font-size:25px!important;}
/* Recent Events: bring up, make filter inline and full visible */
.dashboard-table-card,.cardx.dashboard-table-card{margin-top:4px!important;border-radius:12px!important;box-shadow:var(--we-shadow)!important;border:1px solid var(--we-line)!important;overflow:visible!important;}
.recent-table-head.compact-recent-head,.recent-table-head{padding:16px 22px 12px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;}
.recent-table-head h5{font-size:21px!important;line-height:1.1!important;margin:0!important;color:var(--we-text)!important;font-weight:900!important;position:relative!important;}
.recent-table-head h5:after{content:''!important;display:block!important;width:42px!important;height:4px!important;border-radius:5px!important;background:var(--we-gold)!important;margin-top:10px!important;}
.recent-inline-filter{display:flex!important;align-items:end!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;min-width:0!important;}
.compact-date-field{display:flex!important;flex-direction:column!important;gap:4px!important;}
.compact-date-field label{font-size:12px!important;color:#667085!important;font-weight:800!important;line-height:1!important;}
.compact-date-field input{height:38px!important;width:170px!important;border-radius:10px!important;border:1px solid #d7dde6!important;background:#fff!important;color:#111827!important;padding:0 11px!important;font-size:13px!important;font-weight:650!important;}
.compact-filter-btn,.filter-btn{height:38px!important;border-radius:10px!important;background:linear-gradient(135deg,#e0a006,#c98600)!important;color:#fff!important;border:1px solid #c98600!important;font-weight:850!important;padding:0 18px!important;box-shadow:0 8px 18px rgba(217,154,0,.18)!important;}
.compact-clear-btn{height:38px!important;border-radius:10px!important;border:1px solid #e6e9ef!important;background:#fff!important;color:#344054!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;}
.recent-search{height:38px!important;width:285px!important;min-width:245px!important;border:1px solid #d7dde6!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;}
.recent-search input{height:36px!important;font-size:13px!important;padding:0 36px 0 14px!important;color:#111827!important;}
.recent-search span{right:12px!important;font-size:17px!important;color:#667085!important;}
.dashboard-table-card .table-responsive{overflow:visible!important;border-radius:0 0 12px 12px!important;}
.dashboard-table-card table{border-collapse:separate!important;border-spacing:0!important;margin:0!important;}
.dashboard-table-card thead th{height:42px!important;padding:12px 18px!important;background:#f4eddf!important;border-top:1px solid #eee3d2!important;border-bottom:1px solid #e6dac7!important;font-size:12.5px!important;white-space:nowrap!important;}
.dashboard-table-card tbody td{height:48px!important;padding:11px 18px!important;vertical-align:middle!important;font-size:13px!important;}
.count-pill{height:26px!important;min-width:32px!important;border-radius:999px!important;font-size:14px!important;font-weight:900!important;padding:0 10px!important;}
.table-more{font-size:23px!important;padding:0 9px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.action-dropdown .action-menu.is-floating{min-width:176px!important;border-radius:12px!important;box-shadow:0 18px 40px rgba(16,24,40,.18)!important;}
/* Recent events page same compact language */
.event-search-panel{padding:14px!important;align-items:end!important;}
.event-search-panel .form-control,.event-search-panel .form-select{height:40px!important;}
.events-summary-grid.recent-kpi .metric,.event-summary-grid .metric{min-height:96px!important;height:auto!important;align-items:center!important;}
.recent-events-table-card{overflow:visible!important;}
.recent-events-table-card .table-responsive{overflow:visible!important;}
.recent-events-table-card td,.recent-events-table-card th{vertical-align:middle!important;}
/* All ERP sections: slightly cleaner and matched to dashboard */
.cardx,.db-tile,.easy-box,.search-panel,.assign-card,.assign-panel,.modal-content,.table-section-card,.events-table-card,.recent-events-table-card,.people-list-card{border-radius:12px!important;border:1px solid var(--we-line)!important;box-shadow:var(--we-shadow)!important;background:#fff!important;}
.table thead th{background:#f8f1e5!important;color:#111827!important;font-weight:850!important;}
.table tbody td{color:#111827!important;}
.btn-gold,.btn-action,.btn-dark,.btn-primary{background:linear-gradient(135deg,#e0a006,#c98600)!important;border-color:#c98600!important;color:#fff!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(217,154,0,.14)!important;}
.btn-soft,.btn-outline-secondary{background:#fff!important;border:1px solid #d7dde6!important;color:#344054!important;border-radius:10px!important;}
/* Responsive */
@media(max-width:1500px){
  .container-fluid.px-4{padding-left:24px!important;padding-right:24px!important;}
  .kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
  .metric.dashboard-kpi-card,.kpi-grid .metric{height:112px!important;min-height:112px!important;padding:14px!important;gap:12px!important;grid-template-columns:40px minmax(0,1fr)!important;}
  .metric-logo{width:38px!important;height:38px!important;min-width:38px!important;}
  .metric-logo span{font-size:20px!important;}
  .metric.dashboard-kpi-card .value,.kpi-grid .metric .value{font-size:23px!important;}
  .metric.dashboard-kpi-card .label,.kpi-grid .metric .label{font-size:12.5px!important;}
  .metric-desc{font-size:12px!important;}
}
@media(max-width:1280px){
  .kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .refined-info-wrap,.dash-info-wrap{max-width:none!important;}
  .recent-inline-filter{justify-content:flex-start!important;}
  .recent-search{width:240px!important;}
}
@media(max-width:991px){
  .container-fluid.px-4{padding-left:16px!important;padding-right:16px!important;}
  .dashboard-title-block{align-items:center!important;}
  .refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important;}
  .kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .recent-table-head.compact-recent-head,.recent-table-head{align-items:flex-start!important;flex-direction:column!important;}
  .recent-inline-filter{width:100%!important;justify-content:flex-start!important;}
  .recent-search{width:100%!important;min-width:0!important;}
}
@media(max-width:560px){
  .kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important;}
  .metric.dashboard-kpi-card,.kpi-grid .metric{height:auto!important;min-height:104px!important;}
  .compact-date-field input{width:100%!important;}
  .compact-date-field{width:100%!important;}
  .compact-filter-btn,.compact-clear-btn{flex:1!important;}
}

/* v9 - exact compact dashboard spacing, centered KPI content, date range toggle, fixed action menu */
:root{--we-page:#fafbfc;--we-card:#ffffff;--we-border:#e7ebf1;--we-gold:#d99a00;--we-gold-dark:#be8300;--we-text:#111827;--we-muted:#667085;}
body{background:#fafbfc!important;color:var(--we-text)!important;}
.app-main,.content,.page-content{background:#fafbfc!important;}
.container-fluid.px-4{padding-top:26px!important;padding-left:30px!important;padding-right:30px!important;}
.hero.dashboard-hero{margin-bottom:16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dashboard-hero .row{align-items:center!important;row-gap:12px!important;}
.dashboard-title-block{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;}
.dashboard-title-logo{width:78px!important;height:64px!important;object-fit:contain!important;background:#fff!important;border:1px solid #e8edf3!important;border-radius:11px!important;padding:9px!important;box-shadow:0 8px 22px rgba(16,24,40,.06)!important;}
.dashboard-title-copy h2{font-size:28px!important;line-height:1.1!important;letter-spacing:-.02em!important;color:#111827!important;margin:0 0 5px!important;}
.hero-subtitle{max-width:760px!important;font-size:14px!important;line-height:1.45!important;color:#667085!important;font-weight:650!important;}
.refined-tools-row,.dashboard-tools-row{justify-content:flex-end!important;margin:0!important;}
.refined-info-wrap,.dash-info-wrap{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(215px,.75fr)!important;gap:12px!important;width:100%!important;max-width:640px!important;}
.dash-info{min-height:82px!important;border-radius:11px!important;background:#fff!important;border:1px solid #e7ebf1!important;box-shadow:0 8px 22px rgba(16,24,40,.045)!important;padding:16px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dash-info .info-title{font-size:12px!important;color:#667085!important;font-weight:850!important;letter-spacing:.01em!important;margin-bottom:10px!important;}
.dash-info .info-line{display:flex!important;align-items:center!important;gap:12px!important;font-size:14px!important;color:#111827!important;}
.dash-info .dash-icon,.weather-logo{width:36px!important;height:36px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff7e6!important;border:1px solid #ffe2ab!important;font-size:18px!important;}
.kpi-grid.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important;}
.metric.dashboard-kpi-card,.kpi-grid .metric{height:104px!important;min-height:104px!important;padding:16px 18px!important;border-radius:11px!important;border:1px solid #e7ebf1!important;background:#fff!important;box-shadow:0 8px 22px rgba(16,24,40,.04)!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;overflow:hidden!important;}
.metric.dashboard-kpi-card .metric-logo,.kpi-grid .metric .metric-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;background:#fff8eb!important;border:1px solid #f2c665!important;}
.metric.dashboard-kpi-card .metric-logo span,.kpi-grid .metric .metric-logo span{font-size:20px!important;line-height:1!important;}
.metric.dashboard-kpi-card .metric-body{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-height:72px!important;text-align:left!important;}
.metric.dashboard-kpi-card .label,.kpi-grid .metric .label{font-size:12.5px!important;line-height:1.2!important;font-weight:900!important;color:#111827!important;letter-spacing:-.01em!important;margin:0 0 5px!important;text-transform:none!important;}
.metric.dashboard-kpi-card .value,.kpi-grid .metric .value{font-size:24px!important;line-height:1!important;color:#111827!important;font-weight:950!important;margin:0 0 9px!important;letter-spacing:-.025em!important;}
.metric.dashboard-kpi-card .metric-desc,.metric-desc{font-size:12px!important;line-height:1.25!important;color:#7a8aa0!important;font-weight:650!important;margin:0!important;}
.total-balance-card{background:#fffaf0!important;border-color:#f2c665!important;}
.total-balance-card .value{color:#9a6200!important;}
.total-balance-card .metric-desc{color:#b42318!important;font-weight:800!important;}
.compact-recent-card{margin-top:4px!important;padding:0!important;border-radius:13px!important;background:#fff!important;border:1px solid #e7ebf1!important;box-shadow:0 10px 28px rgba(16,24,40,.055)!important;overflow:visible!important;}
.recent-table-head.compact-recent-head{min-height:72px!important;padding:18px 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid #edf0f4!important;}
.recent-table-head h5{font-size:20px!important;font-weight:950!important;color:#111827!important;position:relative!important;padding-bottom:12px!important;margin:0!important;}
.recent-table-head h5:after{content:'';position:absolute;left:0;bottom:0;width:42px;height:4px;border-radius:10px;background:#d99a00;}
.recent-head-controls,.recent-page-filter-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;}
.recent-search{height:38px!important;width:320px!important;min-width:260px!important;border:1px solid #dce2ea!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;display:flex!important;align-items:center!important;position:relative!important;}
.recent-search input{height:36px!important;width:100%!important;border:0!important;outline:none!important;background:transparent!important;font-size:13px!important;padding:0 38px 0 14px!important;color:#111827!important;}
.recent-search span{position:absolute!important;right:13px!important;color:#667085!important;font-size:16px!important;}
.filter-range-panel{display:none;align-items:end!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;background:#fffaf2!important;border-top:1px solid #f1dfc4!important;border-bottom:1px solid #f1dfc4!important;padding:14px 22px!important;overflow:visible!important;}
.filter-range-panel .compact-date-field{display:flex!important;flex-direction:column!important;gap:6px!important;}
.compact-date-field label{font-size:12px!important;color:#667085!important;font-weight:850!important;line-height:1!important;}
.compact-date-field input,.compact-date-field select{height:38px!important;width:170px!important;border-radius:10px!important;border:1px solid #d7dde6!important;background:#fff!important;color:#111827!important;padding:0 11px!important;font-size:13px!important;font-weight:650!important;outline:none!important;}
.compact-date-field input:focus,.compact-date-field select:focus{border-color:#d99a00!important;box-shadow:0 0 0 3px rgba(217,154,0,.12)!important;}
.compact-date-field.filter-wide input,.compact-date-field.filter-wide select{width:240px!important;}
.filter-note{width:100%!important;text-align:right!important;color:#7a8aa0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important;margin-top:2px!important;}
.compact-filter-btn,.filter-btn{height:38px!important;border-radius:10px!important;background:linear-gradient(135deg,#e0a006,#c98600)!important;color:#fff!important;border:1px solid #c98600!important;font-weight:900!important;padding:0 18px!important;box-shadow:0 8px 18px rgba(217,154,0,.18)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;}
.compact-clear-btn,.filter-clear{height:38px!important;border-radius:10px!important;border:1px solid #e6e9ef!important;background:#fff!important;color:#344054!important;text-decoration:none!important;font-weight:850!important;font-size:13px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.dashboard-table-card .table-responsive,.recent-events-table-card .table-responsive{overflow:visible!important;}
.dashboard-table-card thead th,.recent-events-table-card thead th{height:40px!important;padding:11px 18px!important;background:#f4eddf!important;border-top:1px solid #eee3d2!important;border-bottom:1px solid #e6dac7!important;font-size:12.5px!important;font-weight:900!important;white-space:nowrap!important;color:#111827!important;}
.dashboard-table-card tbody td,.recent-events-table-card tbody td{height:48px!important;padding:10px 18px!important;vertical-align:middle!important;font-size:13px!important;color:#111827!important;background:#fff!important;}
.dashboard-table-card tbody tr:hover td,.recent-events-table-card tbody tr:hover td{background:#fcfaf6!important;}
.count-pill{height:25px!important;min-width:32px!important;border-radius:999px!important;font-size:14px!important;font-weight:900!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.action-cell{position:relative!important;overflow:visible!important;}
.action-dropdown{position:relative!important;display:inline-flex!important;overflow:visible!important;}
.table-more{font-size:23px!important;line-height:1!important;padding:0 9px!important;height:32px!important;min-width:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;color:#111827!important;border-radius:9px!important;}
.table-more:hover{background:#fff3d8!important;color:#9a6200!important;}
.action-dropdown .action-menu{display:none!important;position:absolute!important;right:0!important;top:36px!important;min-width:180px!important;background:#fff!important;border:1px solid #e7ebf1!important;border-radius:12px!important;box-shadow:0 18px 42px rgba(16,24,40,.18)!important;padding:8px!important;z-index:99999!important;}
.action-dropdown.open .action-menu,.action-dropdown .action-menu.is-floating{display:block!important;}
.action-dropdown .action-menu.is-floating{position:fixed!important;right:auto!important;min-width:188px!important;z-index:999999!important;}
.action-dropdown .action-menu a{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 12px!important;border-radius:9px!important;color:#111827!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important;background:#fff!important;}
.action-dropdown .action-menu a:hover{background:#fff7e6!important;color:#9a6700!important;}
.action-dropdown .action-menu a:first-child:before{content:'👁️';font-size:14px;}
.action-dropdown .action-menu a:last-child:before{content:'✏️';font-size:14px;}
.recent-page-filter-bar{justify-content:flex-end!important;margin-top:-6px!important;}
.recent-page-filter-panel{justify-content:flex-start!important;border:1px solid #f1dfc4!important;border-radius:13px!important;margin-bottom:16px!important;}
@media(max-width:1500px){.container-fluid.px-4{padding-left:26px!important;padding-right:26px!important}.kpi-grid.dashboard-balance-grid{gap:12px!important}.metric.dashboard-kpi-card,.kpi-grid .metric{height:100px!important;min-height:100px!important;padding:14px 16px!important}.dashboard-title-copy h2{font-size:26px!important}.hero-subtitle{font-size:13.5px!important}.recent-search{width:285px!important}.compact-date-field input,.compact-date-field select{width:160px!important}}
@media(max-width:1280px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.refined-info-wrap,.dash-info-wrap{max-width:none!important}.recent-table-head.compact-recent-head{align-items:flex-start!important;flex-direction:column!important}.recent-head-controls{justify-content:flex-start!important}.filter-range-panel{justify-content:flex-start!important}.filter-note{text-align:left!important}}
@media(max-width:991px){.container-fluid.px-4{padding-left:16px!important;padding-right:16px!important}.dashboard-title-block{grid-template-columns:64px minmax(0,1fr)!important}.dashboard-title-logo{width:64px!important;height:56px!important}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important}.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.recent-search{width:100%!important;min-width:0!important}.recent-head-controls,.recent-page-filter-bar{width:100%!important;justify-content:flex-start!important}.filter-range-panel{padding:14px!important}.compact-date-field,.compact-date-field input,.compact-date-field select,.compact-date-field.filter-wide input,.compact-date-field.filter-wide select{width:100%!important}.filter-range-panel .compact-filter-btn,.filter-range-panel .compact-clear-btn{flex:1!important}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card,.kpi-grid .metric{height:auto!important;min-height:98px!important}.dashboard-title-copy h2{font-size:23px!important}}

/* v10 - Filter opens beside the Filter button with search + date range */
.recent-table-head,
.recent-head-controls,
.recent-page-filter-bar,
.cardx,
.table-responsive,
.recent-status-list,
.events-table-card,
.recent-events-table-card{
  overflow:visible!important;
}
.recent-filter-anchor{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  z-index:40!important;
}
.recent-filter-anchor > .compact-filter-btn,
.recent-filter-anchor > .filter-btn{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.filter-range-panel.floating-filter-panel{
  position:absolute!important;
  top:50%!important;
  right:calc(100% + 12px)!important;
  transform:translateY(-50%)!important;
  width:max-content!important;
  max-width:calc(100vw - 320px)!important;
  display:none;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  background:#ffffff!important;
  border:1px solid #edf0f5!important;
  border-radius:14px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.12)!important;
  padding:10px 12px!important;
  z-index:9999!important;
}
.filter-range-panel.floating-filter-panel[style*="display:flex"]{
  display:flex!important;
}
.filter-range-panel.floating-filter-panel .filter-search-field{
  width:320px!important;
  min-width:260px!important;
  margin:0!important;
}
.filter-range-panel.floating-filter-panel .filter-search-field input{
  height:38px!important;
  border-radius:10px!important;
}
.filter-range-panel.floating-filter-panel .compact-date-field{
  width:150px!important;
  min-width:150px!important;
  margin:0!important;
}
.filter-range-panel.floating-filter-panel .compact-date-field label{
  margin:0 0 5px!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#667085!important;
  line-height:1!important;
}
.filter-range-panel.floating-filter-panel .compact-date-field input,
.filter-range-panel.floating-filter-panel .compact-date-field select{
  width:100%!important;
  height:38px!important;
  border-radius:10px!important;
  border:1px solid #d7dde7!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:750!important;
  padding:0 10px!important;
}
.filter-range-panel.floating-filter-panel .filter-city-field{
  width:155px!important;
  min-width:155px!important;
}
.filter-range-panel.floating-filter-panel .compact-filter-btn,
.filter-range-panel.floating-filter-panel .compact-clear-btn{
  height:38px!important;
  min-width:auto!important;
  padding:0 14px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.filter-range-panel.floating-filter-panel .filter-note{display:none!important;}
.recent-head-controls .recent-search:not(.filter-search-field),
.recent-page-filter-bar > .recent-search:not(.filter-search-field){
  display:none!important;
}
@media(max-width:1500px){
  .filter-range-panel.floating-filter-panel{max-width:calc(100vw - 260px)!important;gap:8px!important;padding:9px!important;}
  .filter-range-panel.floating-filter-panel .filter-search-field{width:250px!important;min-width:220px!important;}
  .filter-range-panel.floating-filter-panel .compact-date-field{width:138px!important;min-width:138px!important;}
  .filter-range-panel.floating-filter-panel .filter-city-field{width:135px!important;min-width:135px!important;}
}
@media(max-width:1100px){
  .filter-range-panel.floating-filter-panel{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    transform:none!important;
    width:min(96vw,760px)!important;
    max-width:96vw!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
  .filter-range-panel.floating-filter-panel .filter-search-field{width:100%!important;min-width:100%!important;}
  .filter-range-panel.floating-filter-panel .compact-date-field,
  .filter-range-panel.floating-filter-panel .filter-city-field{width:calc(50% - 8px)!important;min-width:180px!important;}
}
@media(max-width:650px){
  .filter-range-panel.floating-filter-panel .compact-date-field,
  .filter-range-panel.floating-filter-panel .filter-city-field{width:100%!important;min-width:100%!important;}
  .filter-range-panel.floating-filter-panel .compact-filter-btn,
  .filter-range-panel.floating-filter-panel .compact-clear-btn{flex:1 1 45%!important;}
}


/* v11 Premium dashboard redesign - cleaner, aligned, not baby-looking */
:root{
  --we-bg:#f7f8fb;
  --we-surface:#ffffff;
  --we-surface-2:#fbfcff;
  --we-text:#111827;
  --we-text-soft:#475467;
  --we-muted:#7d8da3;
  --we-line:#e5eaf1;
  --we-gold:#d99a00;
  --we-gold-2:#f6c76b;
  --we-gold-soft:#fff8e8;
  --we-shadow:0 14px 36px rgba(16,24,40,.06);
  --we-shadow-hover:0 18px 42px rgba(16,24,40,.10);
}
html,body{background:linear-gradient(180deg,#ffffff 0%,#f7f8fb 50%,#f5f7fb 100%)!important;color:var(--we-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 10%,rgba(217,154,0,.055),transparent 28%),radial-gradient(circle at 12% 88%,rgba(217,154,0,.04),transparent 24%);z-index:-1;}
.we-app-header{height:64px!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(229,234,241,.82)!important;box-shadow:0 8px 24px rgba(16,24,40,.035)!important;}
.sidebar{background:rgba(255,255,255,.94)!important;border-right:1px solid #eadfcf!important;box-shadow:9px 0 30px rgba(16,24,40,.045)!important;}
.sidebar-header,.navbar-brand.sidebar-header{height:94px!important;padding:14px 18px 10px!important;display:flex!important;justify-content:center!important;align-items:center!important;background:linear-gradient(180deg,#fffaf0 0%,#fff 88%)!important;border-bottom:1px solid #f2e7d5!important;}
.sidebar-brand{justify-content:center!important;width:100%!important;}
.sidebar-logo{width:132px!important;height:64px!important;max-width:150px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 8px 13px rgba(16,24,40,.10))!important;opacity:1!important;}
.sidebar-title,.brand-title{display:none!important;}
.navbar .nav-link,.sidebar .nav-link{height:42px!important;margin:4px 12px!important;border-radius:11px!important;font-size:14px!important;font-weight:850!important;color:#172033!important;transition:all .22s ease!important;}
.navbar .nav-link:hover,.sidebar .nav-link:hover{background:#fff8ea!important;transform:translateX(2px)!important;color:#a56a00!important;box-shadow:0 7px 16px rgba(217,154,0,.10)!important;}
.navbar .nav-link.active,.sidebar .nav-link.active,.nav-home.active{background:linear-gradient(135deg,#e3a400,#c78600)!important;color:#fff!important;box-shadow:0 14px 26px rgba(217,154,0,.26)!important;}
.container-fluid.px-4{padding-top:26px!important;padding-left:28px!important;padding-right:28px!important;}
.dashboard-hero{padding:0!important;margin:0 0 14px!important;}
.dashboard-title-block{grid-template-columns:88px minmax(0,1fr)!important;gap:18px!important;}
.dashboard-title-logo{width:88px!important;height:66px!important;padding:10px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e9edf3!important;box-shadow:var(--we-shadow)!important;object-fit:contain!important;}
.dashboard-title-copy h2{font-size:29px!important;font-weight:950!important;color:#111827!important;letter-spacing:-.035em!important;}
.hero-subtitle{font-size:14.5px!important;line-height:1.46!important;color:#5b6b82!important;font-weight:700!important;max-width:820px!important;}
.dash-info{min-height:80px!important;border-radius:15px!important;border:1px solid #e7ebf2!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;box-shadow:var(--we-shadow)!important;padding:16px 20px!important;transition:all .22s ease!important;}
.dash-info:hover{transform:translateY(-2px);box-shadow:var(--we-shadow-hover)!important;}
.dash-info .info-title{font-size:12px!important;color:#667085!important;font-weight:900!important;margin-bottom:9px!important;}
.dash-info .info-line strong{font-size:14.5px!important;color:#111827!important;font-weight:950!important;}
.dash-info .dash-icon,.weather-logo{background:#fff5df!important;border:1px solid #f6d79c!important;color:#bd7b00!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.65)!important;}
.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin-bottom:14px!important;}
.metric.dashboard-kpi-card,.kpi-grid .metric{height:108px!important;min-height:108px!important;padding:16px 18px!important;border-radius:15px!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;border:1px solid #e7ebf2!important;box-shadow:0 12px 30px rgba(16,24,40,.055)!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;}
.metric.dashboard-kpi-card:hover,.kpi-grid .metric:hover{transform:translateY(-3px)!important;box-shadow:0 18px 44px rgba(16,24,40,.105)!important;border-color:#f1c66e!important;}
.metric.dashboard-kpi-card .metric-logo,.kpi-grid .metric .metric-logo{width:46px!important;height:46px!important;border-radius:15px!important;background:#fff6e5!important;border:1px solid #f0c76c!important;box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)!important;}
.metric.dashboard-kpi-card .metric-body{min-height:76px!important;justify-content:center!important;align-items:flex-start!important;}
.metric.dashboard-kpi-card .label,.kpi-grid .metric .label{font-size:13px!important;line-height:1.15!important;font-weight:950!important;color:#111827!important;margin-bottom:6px!important;}
.metric.dashboard-kpi-card .value,.kpi-grid .metric .value{font-size:25px!important;line-height:.95!important;font-weight:950!important;margin-bottom:9px!important;color:#111827!important;}
.metric.dashboard-kpi-card .metric-desc,.metric-desc{font-size:12.2px!important;color:#8090a6!important;font-weight:700!important;line-height:1.25!important;}
.kpi-green .value{color:#159947!important}.kpi-blue .value{color:#1473c9!important}.kpi-purple .value{color:#6f42c1!important}.kpi-orange .value{color:#c87800!important}
.total-balance-card{background:linear-gradient(135deg,#fffaf0 0%,#fff7e8 100%)!important;border-color:#efc46c!important;box-shadow:0 12px 30px rgba(217,154,0,.11)!important;}
.total-balance-card .metric-logo{background:#fff0cf!important;}
.total-balance-card .value{color:#a86900!important;}
.total-balance-card .metric-desc{font-size:12px!important;color:#b42318!important;font-weight:900!important;}
.compact-recent-card,.events-table-card,.recent-events-table-card{border-radius:17px!important;background:#fff!important;border:1px solid #e6ebf2!important;box-shadow:0 16px 44px rgba(16,24,40,.07)!important;overflow:visible!important;}
.recent-table-head.compact-recent-head{padding:18px 22px!important;min-height:76px!important;align-items:center!important;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;border-radius:17px 17px 0 0!important;}
.recent-table-head h5{font-size:20px!important;font-weight:950!important;color:#111827!important;}
.recent-table-head h5:after{height:4px!important;width:44px!important;background:linear-gradient(90deg,#d99a00,#f2c76d)!important;}
.premium-filter-toolbar{display:flex!important;align-items:end!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;border:1px solid #e7ebf2!important;border-radius:15px!important;padding:8px!important;box-shadow:0 9px 26px rgba(16,24,40,.055)!important;}
.premium-filter-toolbar .recent-search{width:310px!important;min-width:250px!important;height:40px!important;border:1px solid #dbe2ec!important;border-radius:12px!important;background:#fff!important;}
.premium-filter-toolbar .recent-search input{height:38px!important;font-size:13px!important;font-weight:700!important;color:#111827!important;padding-left:14px!important;}
.premium-filter-toolbar .compact-date-field{width:142px!important;min-width:142px!important;margin:0!important;}
.premium-filter-toolbar .compact-date-field label{font-size:11px!important;font-weight:950!important;color:#667085!important;margin:0 0 5px!important;line-height:1!important;}
.premium-filter-toolbar .compact-date-field input,.premium-filter-toolbar .compact-date-field select{width:100%!important;height:40px!important;border-radius:12px!important;border:1px solid #dbe2ec!important;background:#fff!important;padding:0 10px!important;font-size:13px!important;font-weight:850!important;color:#111827!important;}
.premium-filter-toolbar .compact-filter-btn{height:40px!important;border-radius:12px!important;background:linear-gradient(135deg,#e0a006,#c88600)!important;border:0!important;color:#fff!important;font-size:13px!important;font-weight:950!important;padding:0 18px!important;box-shadow:0 9px 18px rgba(217,154,0,.20)!important;}
.premium-filter-toolbar .compact-clear-btn{height:40px!important;border-radius:12px!important;border:1px solid #e2e7ef!important;background:#fff!important;color:#475467!important;font-size:13px!important;font-weight:900!important;padding:0 14px!important;}
.recent-page-filter-bar{margin-top:-4px!important;justify-content:flex-end!important;}
.recent-page-filter-panel{width:100%!important;justify-content:flex-end!important;margin:0!important;}
.dashboard-table-card thead th,.recent-events-table-card thead th,.events-table-card thead th{background:linear-gradient(180deg,#f8f1e6 0%,#f3eadc 100%)!important;color:#111827!important;font-size:12.5px!important;font-weight:950!important;height:42px!important;border-color:#e6d8c4!important;}
.dashboard-table-card tbody td,.recent-events-table-card tbody td,.events-table-card tbody td{height:50px!important;background:#fff!important;color:#172033!important;font-size:13.2px!important;font-weight:700!important;border-color:#eef1f5!important;}
.dashboard-table-card tbody tr:hover td,.recent-events-table-card tbody tr:hover td,.events-table-card tbody tr:hover td{background:#fffaf2!important;}
.count-pill{height:27px!important;min-width:34px!important;background:linear-gradient(180deg,#fff6e5,#fff0cf)!important;border:1px solid #f4d396!important;color:#b06f00!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;}
.action-cell,.action-dropdown{position:relative!important;overflow:visible!important;}
.action-dropdown{display:inline-flex!important;justify-content:center!important;align-items:center!important;}
.table-more{width:34px!important;height:34px!important;border-radius:11px!important;background:#fff!important;border:1px solid transparent!important;color:#111827!important;font-size:24px!important;line-height:1!important;transition:all .18s ease!important;}
.table-more:hover,.action-dropdown.open .table-more{background:#fff4dc!important;border-color:#f1c66e!important;color:#9b6500!important;box-shadow:0 8px 18px rgba(217,154,0,.15)!important;}
.action-dropdown .action-menu,.action-dropdown .action-menu.is-floating{display:none!important;position:absolute!important;right:0!important;top:38px!important;left:auto!important;min-width:178px!important;background:#fff!important;border:1px solid #e6ebf2!important;border-radius:13px!important;box-shadow:0 18px 42px rgba(16,24,40,.17)!important;padding:8px!important;z-index:100000!important;}
.action-dropdown.open .action-menu{display:block!important;}
.action-dropdown .action-menu a{font-size:13px!important;font-weight:900!important;padding:10px 12px!important;border-radius:10px!important;color:#172033!important;background:#fff!important;}
.action-dropdown .action-menu a:hover{background:#fff6e5!important;color:#a56a00!important;}
/* Page sections beyond dashboard use same premium language */
.cardx,.db-tile,.easy-box,.search-panel,.assign-card,.assign-panel,.modal-content,.table-section-card,.people-list-card{border-radius:16px!important;border:1px solid #e6ebf2!important;background:#fff!important;box-shadow:0 12px 30px rgba(16,24,40,.055)!important;}
.form-control,.form-select,input,select,textarea{border-radius:11px!important;border-color:#dbe2ec!important;}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#e0a006!important;box-shadow:0 0 0 .2rem rgba(217,154,0,.12)!important;}
.btn-gold,.btn-action,.btn-dark,.btn-primary{background:linear-gradient(135deg,#e0a006,#c88600)!important;border-color:#c88600!important;border-radius:12px!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 20px rgba(217,154,0,.18)!important;}
.btn-soft,.btn-outline-secondary{border-radius:12px!important;background:#fff!important;border-color:#dbe2ec!important;color:#344054!important;font-weight:850!important;}
@media(max-width:1500px){.kpi-grid.dashboard-balance-grid{gap:12px!important}.metric.dashboard-kpi-card,.kpi-grid .metric{height:104px!important;min-height:104px!important;padding:14px 15px!important}.premium-filter-toolbar .recent-search{width:260px!important;min-width:220px!important}.premium-filter-toolbar .compact-date-field{width:130px!important;min-width:130px!important}.dashboard-title-copy h2{font-size:27px!important}}
@media(max-width:1280px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.recent-table-head.compact-recent-head{align-items:flex-start!important;flex-direction:column!important}.premium-filter-toolbar{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}.premium-filter-toolbar .recent-search{width:100%!important;min-width:100%!important}.premium-filter-toolbar .compact-date-field{width:calc(50% - 8px)!important;min-width:180px!important}}
@media(max-width:991px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-title-block{grid-template-columns:70px minmax(0,1fr)!important}.dashboard-title-logo{width:70px!important;height:58px!important}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important}.premium-filter-toolbar .compact-date-field{width:100%!important;min-width:100%!important}.premium-filter-toolbar .compact-filter-btn,.premium-filter-toolbar .compact-clear-btn{flex:1!important}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card,.kpi-grid .metric{min-height:98px!important}.sidebar-logo{width:116px!important}.dashboard-title-copy h2{font-size:23px!important}}


/* === dashboard reference v13 overrides === */
:root{--dash-bg:#f6f7f9;--dash-line:#e7ebf1;--dash-text:#111827;--dash-muted:#6b7280;--dash-shadow:0 10px 26px rgba(16,24,40,.05);--dash-gold:#d99a00;}
body{background:var(--dash-bg)!important;color:var(--dash-text)!important;}
.topbar.sidebar{background:#fff!important;border-right:1px solid var(--dash-line)!important;box-shadow:none!important;}
.sidebar-header,.navbar-brand.sidebar-header,.brand-static{padding:14px 18px 10px!important;justify-content:flex-start!important;}
.sidebar-brand{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;}
.sidebar-logo{width:168px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;}
.brand-title.sidebar-title{display:none!important;}
.we-app-header{background:#fff!important;border-bottom:1px solid var(--dash-line)!important;box-shadow:none!important;}
.hero.dashboard-hero{margin:0 0 18px!important;padding:2px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dashboard-hero .row{align-items:center!important;row-gap:14px!important;}
.dashboard-title-block{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;}
.dashboard-title-logo{width:90px!important;height:70px!important;object-fit:contain!important;background:#fff!important;border:1px solid var(--dash-line)!important;border-radius:16px!important;padding:10px!important;box-shadow:var(--dash-shadow)!important;}
.dashboard-title-copy h2,.dashboard-hero h2{font-size:31px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.03em!important;color:#0f172a!important;margin:0 0 7px!important;}
.hero-subtitle{font-size:14px!important;line-height:1.55!important;font-weight:700!important;color:#667085!important;max-width:760px!important;}
.dash-info-wrap,.refined-info-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;justify-content:flex-end!important;}
.dash-info{min-height:94px!important;background:#fff!important;border:1px solid var(--dash-line)!important;border-radius:18px!important;box-shadow:var(--dash-shadow)!important;padding:18px 20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dash-info .info-title{font-size:12px!important;font-weight:800!important;color:#667085!important;margin-bottom:8px!important;}
.dash-info .info-line{display:flex!important;align-items:center!important;gap:12px!important;}
.dash-icon,.weather-logo{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;background:#fff4df!important;border:1px solid #f1d7a4!important;font-size:16px!important;margin:0!important;}
.dash-info strong{font-size:14px!important;line-height:1.4!important;color:#111827!important;font-weight:900!important;}
.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px!important;}
.metric.dashboard-kpi-card{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;min-height:128px!important;height:128px!important;padding:18px 20px!important;border-radius:18px!important;border:1px solid var(--dash-line)!important;background:#fff!important;box-shadow:var(--dash-shadow)!important;border-left:none!important;}
.metric.dashboard-kpi-card .metric-logo{width:46px!important;height:46px!important;border-radius:999px!important;border:1px solid #e8c56b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;box-shadow:none!important;background:#fff!important;}
.metric.dashboard-kpi-card .metric-body{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;min-width:0!important;}
.metric.dashboard-kpi-card .label{font-size:12px!important;line-height:1.2!important;font-weight:900!important;color:#111827!important;text-transform:none!important;letter-spacing:0!important;}
.metric.dashboard-kpi-card .value{font-size:19px!important;line-height:1.1!important;font-weight:900!important;color:#111827!important;margin:0!important;}
.metric.dashboard-kpi-card .metric-desc{font-size:12px!important;line-height:1.35!important;color:#98a2b3!important;font-weight:700!important;}
.metric.dashboard-kpi-card.kpi-green .metric-logo{background:#ecfdf3!important;color:#16a34a!important;}
.metric.dashboard-kpi-card.kpi-purple .metric-logo{background:#f4ebff!important;color:#7c3aed!important;}
.metric.dashboard-kpi-card.kpi-blue .metric-logo{background:#eaf3ff!important;color:#1976d2!important;}
.metric.dashboard-kpi-card.kpi-orange .metric-logo{background:#fff1e8!important;color:#f97316!important;}
.metric.dashboard-kpi-card.kpi-gold .metric-logo{background:#fff4df!important;color:#d99a00!important;}
.metric.dashboard-kpi-card.total-balance-card{background:#fff9ef!important;border-color:#f1d7a4!important;}
.metric.dashboard-kpi-card.total-balance-card .metric-desc{color:#c2410c!important;}
.compact-recent-card{padding:0!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--dash-line)!important;box-shadow:var(--dash-shadow)!important;overflow:visible!important;}
.compact-recent-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 20px 14px!important;border-bottom:1px solid #f3f4f6!important;gap:16px!important;}
.compact-recent-head h5{font-size:18px!important;font-weight:900!important;color:#111827!important;position:relative!important;padding-bottom:10px!important;}
.compact-recent-head h5::after{content:'';position:absolute;left:0;bottom:0;width:42px;height:4px;background:#d99a00;border-radius:999px;}
.dashboard-toolbar-form{display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;}
.toolbar-search.recent-search{width:286px!important;min-width:286px!important;height:38px!important;border:1px solid var(--dash-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;}
.toolbar-search.recent-search input{font-size:13px!important;color:#667085!important;}
.dashboard-filter-shell{position:relative!important;}
.dashboard-filter-toggle{height:40px!important;border-radius:12px!important;background:#fffaf2!important;border:1px solid #f1d7a4!important;color:#9a6700!important;font-size:13px!important;font-weight:900!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;box-shadow:none!important;}
.dashboard-filter-toggle.active,.dashboard-filter-toggle:hover{background:#fff4df!important;}
.dashboard-filter-popover{position:absolute!important;right:0!important;top:48px!important;width:460px!important;background:#fff!important;border:1px solid var(--dash-line)!important;border-radius:16px!important;box-shadow:0 18px 44px rgba(16,24,40,.12)!important;padding:16px!important;z-index:1000!important;}
.filter-popover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;}
.filter-popover-head strong{font-size:14px!important;font-weight:900!important;color:#111827!important;}
.filter-close-btn{width:30px!important;height:30px!important;border-radius:10px!important;border:1px solid var(--dash-line)!important;background:#fff!important;color:#667085!important;font-size:18px!important;line-height:1!important;}
.filter-popover-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.filter-popover-grid .filter-wide{grid-column:1 / -1!important;}
.filter-popover-grid .compact-date-field{width:100%!important;min-width:0!important;}
.filter-popover-grid .compact-date-field label{font-size:11px!important;font-weight:800!important;color:#667085!important;margin-bottom:5px!important;display:block!important;}
.filter-popover-grid .compact-date-field input,.filter-popover-grid .compact-date-field select{width:100%!important;height:40px!important;border:1px solid var(--dash-line)!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important;box-shadow:none!important;}
.filter-popover-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:14px!important;}
.compact-filter-btn,.filter-btn{height:40px!important;border-radius:12px!important;background:#d99a00!important;color:#fff!important;border:1px solid #d99a00!important;font-weight:900!important;padding:0 18px!important;box-shadow:none!important;}
.compact-clear-btn,.filter-clear{height:40px!important;border-radius:12px!important;background:#fff!important;color:#344054!important;border:1px solid var(--dash-line)!important;font-weight:800!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;}
#dashboardRecentTable thead th{background:#fbf5ea!important;color:#111827!important;font-size:12px!important;font-weight:900!important;border-bottom:1px solid #ebe6db!important;padding:14px 18px!important;}
#dashboardRecentTable tbody td{padding:16px 18px!important;font-size:14px!important;color:#344054!important;vertical-align:middle!important;border-top:1px solid #edf1f5!important;}
.count-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;height:28px!important;border-radius:999px!important;font-size:14px!important;font-weight:900!important;background:#f3e8ff!important;color:#7c3aed!important;}
#dashboardRecentTable tbody td:nth-child(6) .count-pill{background:#eaf3ff!important;color:#1976d2!important;}
#dashboardRecentTable tbody td:nth-child(7) .count-pill{background:#fff3da!important;color:#d97706!important;}
.cost-green{font-weight:900!important;color:#0f9d58!important;}
.action-cell,.action-dropdown,.compact-recent-card .table-responsive{overflow:visible!important;position:relative!important;}
.action-dropdown{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.table-more{width:34px!important;height:34px!important;border-radius:10px!important;background:#fff!important;border:1px solid transparent!important;color:#111827!important;font-size:24px!important;line-height:1!important;padding:0!important;}
.table-more:hover,.action-dropdown.open .table-more{background:#fff4df!important;border-color:#f1d7a4!important;color:#9a6700!important;}
.action-dropdown .action-menu{display:none!important;position:fixed!important;left:auto;right:auto;top:auto;min-width:178px!important;background:#fff!important;border:1px solid var(--dash-line)!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(16,24,40,.18)!important;padding:8px!important;z-index:999999!important;}
.action-dropdown.open .action-menu{display:block!important;}
.action-dropdown .action-menu a{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 12px!important;border-radius:10px!important;color:#111827!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;background:#fff!important;white-space:nowrap!important;}
.action-dropdown .action-menu a:hover{background:#fff6e5!important;color:#a56a00!important;}
.action-dropdown .action-menu a:first-child:before{content:'👁️';font-size:14px;}
.action-dropdown .action-menu a:last-child:before{content:'✏️';font-size:14px;}
.footer{background:transparent!important;border-top:none!important;color:#98a2b3!important;}
@media(max-width:1500px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.metric.dashboard-kpi-card{min-height:118px!important;height:118px!important;padding:16px 18px!important}.toolbar-search.recent-search{width:250px!important;min-width:250px!important}.dashboard-filter-popover{width:420px!important}}
@media(max-width:991px){.dashboard-title-block{grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important}.dashboard-title-logo{width:72px!important;height:58px!important}.dash-info-wrap,.refined-info-wrap{grid-template-columns:1fr!important}.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-recent-head{flex-direction:column!important;align-items:stretch!important}.dashboard-toolbar-form{flex-direction:column!important;align-items:stretch!important}.toolbar-search.recent-search{width:100%!important;min-width:0!important}.dashboard-filter-shell,.dashboard-filter-toggle,.dashboard-filter-popover{width:100%!important}.dashboard-filter-popover{left:0!important;right:0!important;top:48px!important}.filter-popover-grid{grid-template-columns:1fr!important;}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card{height:auto!important;min-height:98px!important}.dashboard-title-copy h2{font-size:24px!important}}

/* === exact reference dashboard v14 final overrides === */
:root{--exact-bg:#fbfbfc;--exact-card:#ffffff;--exact-line:#e7ebf1;--exact-text:#101828;--exact-muted:#667085;--exact-gold:#d99a00;--exact-gold-dark:#bd7f00;--exact-shadow:0 14px 36px rgba(16,24,40,.055);}
html,body{background:var(--exact-bg)!important;}
main.page.main-content,.page.main-content{background:var(--exact-bg)!important;}
@media(min-width:992px){
  .topbar.sidebar,.navbar.topbar.sidebar,.sidebar.topbar,.navbar.sidebar{width:232px!important;background:#fff!important;border-right:1px solid #eee7db!important;box-shadow:none!important;}
  main.page.main-content,main.page,.page.main-content{margin-left:232px!important;padding:98px 30px 70px!important;background:var(--exact-bg)!important;}
  .we-app-header{left:232px!important;margin-left:0!important;height:64px!important;background:#fff!important;border-bottom:1px solid #e9edf3!important;box-shadow:none!important;padding:0 28px!important;}
  .footer{left:232px!important;background:transparent!important;}
}
.topbar.sidebar .container-fluid,.navbar.sidebar .container-fluid{padding:12px 12px 22px!important;}
.sidebar-header,.topbar.sidebar .navbar-brand,.navbar.sidebar .navbar-brand{height:86px!important;min-height:86px!important;padding:10px 8px 8px!important;margin:0 0 6px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;border:0!important;background:transparent!important;}
.sidebar-brand{width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;}
.sidebar-logo,.sidebar-header img.sidebar-logo,.navbar-brand img.sidebar-logo{width:176px!important;height:62px!important;max-width:176px!important;max-height:62px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;filter:none!important;}
.navbar.sidebar .navbar-nav,.topbar.sidebar .navbar-nav{gap:8px!important;}
.navbar.sidebar .nav-link,.topbar.sidebar .nav-link{min-height:43px!important;padding:9px 13px!important;border-radius:10px!important;background:transparent!important;border:1px solid transparent!important;color:#172033!important;box-shadow:none!important;font-size:13.5px!important;font-weight:850!important;}
.navbar.sidebar .nav-link:before,.topbar.sidebar .nav-link:before{width:24px!important;height:24px!important;border-radius:8px!important;margin-right:11px!important;background:#fff!important;border:1px solid #edf0f4!important;box-shadow:0 6px 14px rgba(16,24,40,.07)!important;color:#344054!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.navbar.sidebar .nav-link:hover,.topbar.sidebar .nav-link:hover{background:#fff7e6!important;border-color:#f1d7a4!important;color:#111827!important;}
.navbar.sidebar .nav-link.nav-home:not(.active),.topbar.sidebar .nav-link.nav-home:not(.active){background:transparent!important;color:#172033!important;border-color:transparent!important;box-shadow:none!important;}
.navbar.sidebar .nav-link.active,.topbar.sidebar .nav-link.active{background:linear-gradient(135deg,#e5a70a,#c98600)!important;color:#fff!important;border-color:#d99a00!important;box-shadow:0 12px 28px rgba(217,154,0,.22)!important;}
.navbar.sidebar .nav-link.active:before,.topbar.sidebar .nav-link.active:before{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.40)!important;color:#fff!important;box-shadow:none!important;}
.we-notify{width:42px!important;height:42px!important;background:#fff!important;border:1px solid #e8edf3!important;box-shadow:none!important;font-size:18px!important;}
.we-user-box{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:16px!important;padding:4px 8px!important;}
.we-avatar{width:42px!important;height:42px!important;background:#d99a00!important;color:#fff!important;}
.we-user-text strong{font-size:13px!important;color:#111827!important;font-weight:900!important}.we-user-text small{font-size:11px!important;color:#667085!important;font-weight:700!important}
.hero.dashboard-hero{margin:0 0 24px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dashboard-hero .row{align-items:center!important;}
.dashboard-title-block{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:20px!important;align-items:center!important;}
.dashboard-title-logo{width:92px!important;height:66px!important;object-fit:contain!important;background:#fff!important;border:1px solid #e7ebf1!important;border-radius:11px!important;padding:8px 9px!important;box-shadow:0 8px 22px rgba(16,24,40,.045)!important;}
.dashboard-title-copy h2,.dashboard-hero h2{font-size:29px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.035em!important;color:#111827!important;margin:0 0 7px!important;}
.hero-subtitle{font-size:14px!important;line-height:1.55!important;font-weight:700!important;color:#667085!important;max-width:760px!important;}
.dash-info-wrap,.refined-info-wrap{display:grid!important;grid-template-columns:1.25fr .95fr!important;gap:16px!important;align-items:stretch!important;}
.dash-info{height:92px!important;min-height:92px!important;background:#fff!important;border:1px solid #e7ebf1!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(16,24,40,.045)!important;padding:17px 20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dash-info .info-title{font-size:12px!important;font-weight:850!important;color:#667085!important;margin:0 0 9px!important;}
.dash-info .info-line{display:flex!important;align-items:center!important;gap:13px!important;}
.dash-icon,.weather-logo{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;background:#fff4df!important;border:1px solid #f1d7a4!important;font-size:16px!important;margin:0!important;}
.dash-info strong{font-size:14px!important;line-height:1.35!important;font-weight:950!important;color:#111827!important;white-space:nowrap!important;}
.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin-top:24px!important;margin-bottom:18px!important;}
.metric.dashboard-kpi-card{height:132px!important;min-height:132px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e7ebf1!important;border-left:0!important;box-shadow:0 10px 28px rgba(16,24,40,.045)!important;padding:18px 20px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;}
.metric.dashboard-kpi-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 36px rgba(16,24,40,.075)!important;}
.metric.dashboard-kpi-card .metric-logo{width:48px!important;height:48px!important;border-radius:999px!important;border:1px solid #e8c56b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;margin:0!important;}
.metric.dashboard-kpi-card .metric-body{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:7px!important;height:100%!important;}
.metric.dashboard-kpi-card .label{font-size:12.5px!important;line-height:1.15!important;font-weight:950!important;color:#111827!important;text-transform:none!important;letter-spacing:0!important;}
.metric.dashboard-kpi-card .value,.metric.dashboard-kpi-card .value.amount-fit{font-size:24px!important;line-height:1!important;font-weight:950!important;color:#111827!important;margin:0!important;}
.metric.dashboard-kpi-card .metric-desc{font-size:12px!important;line-height:1.35!important;color:#98a2b3!important;font-weight:700!important;}
.metric.dashboard-kpi-card.total-balance-card{background:#fffaf0!important;border-color:#f1d7a4!important;}
.metric.dashboard-kpi-card.total-balance-card .value{color:#c57d00!important;}
.metric.dashboard-kpi-card.total-balance-card .metric-desc{color:#b42318!important;font-weight:850!important;}
.compact-recent-card{margin-top:18px!important;padding:0!important;border-radius:15px!important;background:#fff!important;border:1px solid #e7ebf1!important;box-shadow:0 10px 28px rgba(16,24,40,.045)!important;overflow:visible!important;}
.compact-recent-head{padding:20px 22px 15px!important;border-bottom:1px solid #edf0f4!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;}
.compact-recent-head h5{font-size:18px!important;font-weight:950!important;color:#111827!important;margin:0!important;padding-bottom:12px!important;position:relative!important;}
.compact-recent-head h5:after{content:''!important;position:absolute!important;left:0!important;bottom:0!important;width:42px!important;height:4px!important;border-radius:999px!important;background:#d99a00!important;display:block!important;}
.toolbar-search.recent-search{width:300px!important;min-width:300px!important;height:40px!important;border:1px solid #e7ebf1!important;border-radius:11px!important;background:#fff!important;}
.dashboard-filter-toggle{height:40px!important;border-radius:11px!important;background:#fffaf2!important;border:1px solid #f1d7a4!important;color:#a16600!important;font-weight:950!important;box-shadow:none!important;}
#dashboardRecentTable thead th{background:#fbf5ea!important;padding:14px 18px!important;border-bottom:1px solid #e9dfcf!important;font-size:12px!important;font-weight:950!important;color:#111827!important;text-transform:uppercase!important;}
#dashboardRecentTable tbody td{padding:17px 18px!important;border-top:1px solid #edf0f4!important;color:#344054!important;font-size:14px!important;}
#dashboardRecentTable tbody tr:hover{background:#fffdf8!important;}
.count-pill{height:28px!important;min-width:30px!important;border-radius:999px!important;font-size:14px!important;font-weight:950!important;}
.action-dropdown .action-menu{position:fixed!important;display:none!important;min-width:178px!important;background:#fff!important;border:1px solid #e7ebf1!important;border-radius:14px!important;box-shadow:0 18px 44px rgba(16,24,40,.18)!important;padding:8px!important;z-index:999999!important;}
.action-dropdown.open .action-menu{display:block!important;}
@media(max-width:1500px){.metric.dashboard-kpi-card{height:124px!important;min-height:124px!important}.metric.dashboard-kpi-card .value{font-size:23px!important}.toolbar-search.recent-search{width:270px!important;min-width:270px!important}}


/* === dashboard exact reference v15 === */
body{background:#fbfbfd!important;}
.page.main-content{padding-top:28px!important;}
.container-fluid.px-4{padding-left:24px!important;padding-right:24px!important;}
.topbar.sidebar{width:236px!important;background:#fff!important;border-right:1px solid #eceff3!important;box-shadow:none!important;padding-top:0!important;}
main.page,.we-app-header,.footer,#sidebarToggleBtn{margin-left:236px!important;}
.sidebar-header,.navbar-brand.sidebar-header,.brand-static{padding:18px 20px 12px!important;align-items:flex-start!important;}
.sidebar-brand{display:block!important;width:100%!important;}
.sidebar-logo{width:186px!important;max-width:186px!important;height:auto!important;display:block!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;}
.navbar .nav-link{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;border:1px solid transparent!important;color:#111827!important;border-radius:12px!important;padding:14px 16px!important;margin:4px 8px!important;font-weight:800!important;box-shadow:none!important;}
.navbar .nav-link:hover{background:#fff8e8!important;border-color:#f3e1b2!important;color:#111827!important;}
.navbar .nav-link.active{background:#e1a009!important;border-color:#d99700!important;color:#fff!important;box-shadow:0 8px 20px rgba(217,154,0,.23)!important;}
.navbar .nav-link.active::before{opacity:1!important;filter:brightness(5)!important;}
.navbar .nav-link::before{width:18px!important;min-width:18px!important;height:18px!important;opacity:.9!important;}
.navbar .nav-link.nav-logout{color:#111827!important;}
.navbar .nav-link.nav-logout:hover{background:#fff8e8!important;color:#111827!important;}
.we-app-header{height:64px!important;background:#fff!important;border-bottom:1px solid #eceff3!important;}
.we-avatar{background:#d99a00!important;color:#fff!important;}
.hero.dashboard-hero{margin:4px 0 18px!important;padding:0!important;}
.dashboard-hero .row{align-items:flex-start!important;}
.dashboard-title-only{padding-top:10px!important;}
.dashboard-title-copy h2,.dashboard-hero h2{font-size:31px!important;line-height:1.08!important;color:#0f172a!important;font-weight:900!important;letter-spacing:-.03em!important;margin-bottom:8px!important;}
.hero-subtitle{font-size:14px!important;line-height:1.5!important;color:#667085!important;font-weight:700!important;max-width:650px!important;}
.dash-info-wrap,.refined-info-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.dash-info{background:#fff!important;border:1px solid #e8edf3!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(16,24,40,.05)!important;padding:18px 20px!important;min-height:108px!important;}
.dash-info .info-title{font-size:12px!important;color:#667085!important;font-weight:800!important;text-transform:none!important;}
.dash-icon,.weather-logo{width:42px!important;height:42px!important;border-radius:14px!important;background:#fff6e7!important;border:1px solid #f1d7a4!important;font-size:18px!important;}
.dash-info strong{font-size:15px!important;font-weight:900!important;color:#111827!important;line-height:1.35!important;}
.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important;}
.metric.dashboard-kpi-card{height:138px!important;min-height:138px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e8edf3!important;box-shadow:0 8px 20px rgba(16,24,40,.045)!important;padding:18px 20px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;}
.metric.dashboard-kpi-card .metric-logo{width:48px!important;height:48px!important;border-radius:999px!important;border:none!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;}
.metric.dashboard-kpi-card .metric-body{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;}
.metric.dashboard-kpi-card .label{font-size:13px!important;line-height:1.15!important;text-transform:none!important;letter-spacing:0!important;color:#111827!important;font-weight:900!important;}
.metric.dashboard-kpi-card .value{font-size:18px!important;line-height:1.1!important;color:#111827!important;font-weight:900!important;}
.metric.dashboard-kpi-card .metric-desc{font-size:12px!important;line-height:1.45!important;color:#667085!important;font-weight:700!important;max-width:150px!important;}
.metric.dashboard-kpi-card.kpi-gold .metric-logo{background:#fff4df!important;color:#d99a00!important;}
.metric.dashboard-kpi-card.kpi-green .metric-logo{background:#ecfdf3!important;color:#16a34a!important;}
.metric.dashboard-kpi-card.kpi-purple .metric-logo{background:#f4ebff!important;color:#7c3aed!important;}
.metric.dashboard-kpi-card.kpi-blue .metric-logo{background:#eaf3ff!important;color:#1976d2!important;}
.metric.dashboard-kpi-card.kpi-orange .metric-logo{background:#fff1e8!important;color:#f97316!important;}
.metric.dashboard-kpi-card.total-balance-card{background:#fffcf5!important;border-color:#f1d7a4!important;}
.metric.dashboard-kpi-card.total-balance-card .metric-desc{color:#c2410c!important;max-width:200px!important;}
.compact-recent-card{border-radius:18px!important;background:#fff!important;border:1px solid #e8edf3!important;box-shadow:0 10px 28px rgba(16,24,40,.05)!important;}
.compact-recent-head{padding:20px 20px 12px!important;border-bottom:1px solid #eef2f6!important;}
.compact-recent-head h5{font-size:18px!important;font-weight:900!important;color:#111827!important;}
.compact-recent-head h5::after{width:40px!important;height:4px!important;background:#d99a00!important;bottom:-10px!important;}
.dashboard-toolbar-form{gap:12px!important;align-items:center!important;}
.toolbar-search.recent-search{width:266px!important;min-width:266px!important;height:38px!important;border:1px solid #e6ebf2!important;border-radius:12px!important;background:#fff!important;}
.toolbar-search.recent-search input{font-size:13px!important;color:#667085!important;}
.dashboard-filter-toggle{height:38px!important;background:#fff!important;border:1px solid #f1d7a4!important;color:#a56a00!important;}
.dashboard-filter-toggle:hover,.dashboard-filter-toggle.active{background:#fff8e8!important;}
#dashboardRecentTable thead th{background:#fbf5ea!important;border-bottom:1px solid #eee5d5!important;color:#111827!important;font-size:12px!important;font-weight:900!important;padding:14px 18px!important;}
#dashboardRecentTable tbody td{padding:18px!important;color:#344054!important;font-size:14px!important;border-top:1px solid #edf1f5!important;}
.count-pill{min-width:28px!important;height:28px!important;font-size:14px!important;font-weight:900!important;border-radius:999px!important;background:#f4ebff!important;color:#7c3aed!important;border:none!important;}
#dashboardRecentTable tbody td:nth-child(6) .count-pill{background:#eaf3ff!important;color:#1976d2!important;}
#dashboardRecentTable tbody td:nth-child(7) .count-pill{background:#fff3da!important;color:#d97706!important;}
.cost-green{color:#10b981!important;font-weight:900!important;}
.footer{background:transparent!important;color:#98a2b3!important;}
@media(max-width:991px){main.page,.we-app-header,.footer,#sidebarToggleBtn{margin-left:0!important}.topbar.sidebar{width:100%!important}.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-info-wrap,.refined-info-wrap{grid-template-columns:1fr!important}.dashboard-toolbar-form{flex-direction:column!important;align-items:stretch!important}.toolbar-search.recent-search{width:100%!important;min-width:0!important;}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card{height:auto!important;min-height:108px!important}.dashboard-title-copy h2{font-size:24px!important;}}

/* ==========================================================
   DASHBOARD RESTORE FROM WishEvents-v12-filter-action-text-v6
   Applied only to make Dashboard match the old/reference version.
   ========================================================== */
/* dashboard hero */
.dashboard-hero{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:18px 0 22px!important;margin-bottom:18px!important;overflow:visible!important;}
.dashboard-hero::after,.hero::after,.dash-info::before,.metric::before{display:none!important;content:none!important;}
.dashboard-hero .row{align-items:center!important;}
.dashboard-logo{width:92px!important;height:92px!important;object-fit:contain!important;background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 12px 28px rgba(16,24,40,.07)!important;}
.dashboard-hero h2{font-size:30px!important;line-height:1.15!important;font-weight:900!important;color:#0f172a!important;margin-bottom:8px!important;}
.hero-subtitle{font-size:14px!important;color:#667085!important;font-weight:600!important;}
.refined-info-wrap,.dash-info-wrap{display:grid!important;grid-template-columns:1.1fr .95fr!important;gap:16px!important;min-width:0!important;width:100%!important;justify-content:stretch!important;}
.dash-info{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:18px 20px!important;min-height:92px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;}
.info-title{font-size:12px!important;line-height:1!important;color:#344054!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.45px!important;margin-bottom:14px!important;}
.info-line{display:flex!important;align-items:center!important;gap:14px!important;}
.dash-icon,.weather-logo{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;background:#eef4ff!important;border:1px solid #d7e5ff!important;color:var(--ref-blue)!important;font-size:17px!important;display:grid!important;place-items:center!important;margin:0!important;}
.weather-logo{background:#fff7ed!important;border-color:#fed7aa!important;color:#f97316!important;}
.dash-info strong{font-size:15px!important;font-weight:800!important;color:#111827!important;white-space:nowrap!important;}

/* KPI cards exactly airy */
.kpi-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;margin:16px 0 22px!important;align-items:stretch!important;}
.kpi-grid .metric,.dashboard-kpi-card,.kpi-grid .metric:nth-child(n),.kpi-grid .metric.balance-wide,.kpi-grid .metric.total-balance-wide{grid-column:auto!important;min-width:0!important;min-height:164px!important;background:#fff!important;border:1px solid var(--ref-line)!important;border-left:1px solid var(--ref-line)!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:22px 20px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:14px!important;position:relative!important;overflow:hidden!important;flex-direction:row!important;}
.metric-logo{width:62px!important;height:62px!important;min-width:62px!important;border-radius:50%!important;background:#f2f7ff!important;border:1px solid #cfe0ff!important;box-shadow:none!important;display:grid!important;place-items:center!important;margin:0!important;}
.metric-logo span{font-size:27px!important;line-height:1!important;}
.metric-body{min-width:0!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;justify-content:flex-start!important;padding-top:8px!important;}
.kpi-grid .metric .label{font-size:12px!important;line-height:1.2!important;color:#344054!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.35px!important;margin:0 0 18px!important;padding:0!important;white-space:normal!important;}
.kpi-grid .metric .value{font-size:30px!important;line-height:1.05!important;font-weight:900!important;margin:0 0 auto!important;color:var(--ref-blue)!important;padding:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.metric-desc{font-size:13px!important;color:#667085!important;font-weight:500!important;margin-top:28px!important;line-height:1.35!important;}
.kpi-blue .metric-logo{background:#eef5ff!important;border-color:#cfe0ff!important;color:var(--ref-blue)!important}.kpi-blue .value{color:var(--ref-blue)!important}
.kpi-green .metric-logo{background:#eefdf5!important;border-color:#c8f0da!important;color:var(--ref-green)!important}.kpi-green .value{color:var(--ref-green)!important}
.kpi-purple .metric-logo{background:#f5efff!important;border-color:#decaff!important;color:var(--ref-purple)!important}.kpi-purple .value{color:var(--ref-purple)!important}
.kpi-orange .metric-logo{background:#fff7ed!important;border-color:#fed7aa!important;color:var(--ref-orange)!important}.kpi-orange .value{color:var(--ref-orange)!important}
.kpi-red .metric-logo{background:#fff1f2!important;border-color:#fecdd3!important;color:var(--ref-red)!important}.kpi-red .value{color:var(--ref-red)!important}
.kpi-cyan .metric-logo{background:#ecfeff!important;border-color:#a5f3fc!important;color:var(--ref-cyan)!important}.kpi-cyan .value{color:var(--ref-cyan)!important}
.kpi-violet .metric-logo{background:#f5f3ff!important;border-color:#ddd6fe!important;color:var(--ref-violet)!important}.kpi-violet .value{color:var(--ref-violet)!important}

/* Recent table reference */
.dashboard-table-card,.recent-status-list.cardx{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;overflow:hidden!important;padding:0!important;margin-top:4px!important;}
.recent-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:22px 22px 16px!important;background:#fff!important;}
.recent-table-head h5{font-size:18px!important;color:#111827!important;font-weight:900!important;}
.recent-search{position:relative!important;max-width:500px!important;width:38%!important;min-width:320px!important;}
.recent-search input{width:100%!important;height:44px!important;border:1px solid var(--ref-line)!important;border-radius:12px!important;padding:0 44px 0 16px!important;outline:none!important;background:#fff!important;color:#111827!important;font-size:14px!important;box-shadow:0 4px 12px rgba(16,24,40,.03)!important;}
.recent-search span{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;color:#667085!important;font-size:22px!important;}
.dashboard-table-card .table-responsive{padding:0 14px 14px!important;}
.dashboard-table-card table{border:1px solid var(--ref-line)!important;border-radius:14px!important;overflow:hidden!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;}
.dashboard-table-card thead th{background:#fbfcfe!important;color:#344054!important;border-bottom:1px solid var(--ref-line)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.35px!important;padding:15px 18px!important;white-space:nowrap!important;}
.dashboard-table-card tbody td{padding:16px 18px!important;border-color:#f1f4f8!important;color:#344054!important;vertical-align:middle!important;}
.dashboard-table-card tbody tr:hover{background:#fbfcfe!important;}
.empty-state{min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#667085!important;padding:36px!important;}
.empty-state-icon{width:74px!important;height:54px!important;border-radius:14px!important;background:#eaf2ff!important;color:#2f6fd6!important;display:grid!important;place-items:center!important;font-size:46px!important;line-height:1!important;margin-bottom:14px!important;}
.empty-state strong{font-size:18px!important;color:#111827!important;margin-bottom:6px!important;}.empty-state span{font-size:14px!important;color:#667085!important;}

.footer{position:fixed!important;left:242px!important;right:0!important;bottom:0!important;background:#fff!important;border-top:1px solid var(--ref-line)!important;color:#667085!important;text-align:center!important;padding:15px!important;font-size:13px!important;box-shadow:0 -8px 22px rgba(16,24,40,.03)!important;}

@media(max-width:1500px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.kpi-grid .metric{min-height:158px!important;}.kpi-grid .metric .value{font-size:27px!important;}}
@media(max-width:1199px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important;}.recent-search{width:100%!important;}}
@media(max-width:991px){main.page{margin-left:0!important}.we-app-header{margin-left:0!important;top:0!important}.footer{left:0!important}.page{padding:18px 12px 86px!important}.topbar{position:sticky!important;top:0!important;border-bottom:1px solid var(--ref-line)!important}.navbar .nav-link{background:#fff!important;color:#111827!important;border:1px solid var(--ref-line)!important}.dashboard-hero .row{gap:18px!important}.dashboard-logo{width:76px!important;height:76px!important}.dashboard-hero h2{font-size:24px!important}.recent-table-head{flex-direction:column!important;align-items:stretch!important}.recent-search{min-width:0!important;width:100%!important}.kpi-grid{grid-template-columns:1fr!important;}.kpi-grid .metric{min-height:150px!important;}}
@media print{.topbar,.we-app-header,.footer,.no-print{display:none!important}main.page{margin-left:0!important}.page{padding:0!important}.kpi-grid{grid-template-columns:repeat(3,1fr)!important}.kpi-grid .metric,.dashboard-table-card,.dash-info{box-shadow:none!important;border:1px solid #ddd!important}}

/* ===== Dashboard Balance Layout Update - Rechecked ===== */
.page{padding-top:14px!important;}
.page .container-fluid{padding-top:0!important;}
.dashboard-hero{padding-top:8px!important;padding-bottom:12px!important;margin-bottom:10px!important;}
.dashboard-balance-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:10px!important;
  margin-bottom:16px!important;
}
.dashboard-balance-grid .dashboard-kpi-card,
.dashboard-balance-grid .metric,
.dashboard-balance-grid .metric:nth-child(n){
  grid-column:auto!important;
  min-height:142px!important;
  height:100%!important;
  padding:18px 16px!important;
  border-radius:16px!important;
  align-items:flex-start!important;
  gap:12px!important;
}
.dashboard-balance-grid .metric-logo{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
}
.dashboard-balance-grid .metric-logo span{font-size:24px!important;}
.dashboard-balance-grid .metric .label{font-size:11.5px!important;margin-bottom:10px!important;}
.dashboard-balance-grid .metric .value{font-size:clamp(22px,1.75vw,28px)!important;line-height:1.08!important;}
.dashboard-balance-grid .metric-desc{font-size:12.5px!important;margin-top:18px!important;}
.dashboard-balance-grid .total-balance-card .value,
.dashboard-balance-grid .total-balance-card .amount-fit{color:#ef3340!important;font-weight:950!important;}
.dashboard-balance-grid .total-balance-card .metric-logo{background:#fff1f2!important;border-color:#fecdd3!important;color:#ef3340!important;}
@media(min-width:1200px){
  .dashboard-balance-grid .metric:nth-child(11){grid-column:2 / span 1!important;}
  .dashboard-balance-grid .metric:nth-child(12){grid-column:3 / span 1!important;}
}
@media(max-width:1399px){
  .dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .dashboard-balance-grid .metric:nth-child(11),
  .dashboard-balance-grid .metric:nth-child(12){grid-column:auto!important;}
}
@media(max-width:1199px){.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){.dashboard-balance-grid{grid-template-columns:1fr!important;}}


/* FINAL DASHBOARD BALANCE PATCH - compact, clean and error-safe */
.dashboard-hero{margin-top:0!important;margin-bottom:18px!important;padding:18px 20px!important;}
main.page,.page{padding-top:18px!important;}
.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin-top:0!important;margin-bottom:20px!important;align-items:stretch!important;}
.dashboard-balance-grid .metric{grid-column:auto!important;min-height:138px!important;width:100%!important;background:#fff!important;border:1px solid #e8edf5!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(16,24,40,.06)!important;padding:20px!important;display:flex!important;gap:14px!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important;}
.dashboard-balance-grid .metric-logo{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff8dc!important;border:1px solid #f0d98a!important;box-shadow:none!important;}
.dashboard-balance-grid .metric-logo span{font-size:22px!important;}
.dashboard-balance-grid .metric-body{min-width:0!important;flex:1!important;}
.dashboard-balance-grid .label{font-size:12px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:.35px!important;text-transform:uppercase!important;color:#344054!important;margin:0 0 10px!important;white-space:normal!important;}
.dashboard-balance-grid .value{font-size:clamp(22px,2vw,30px)!important;line-height:1.1!important;font-weight:950!important;color:#111827!important;margin:0 0 10px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.dashboard-balance-grid .metric-desc{font-size:12px!important;line-height:1.3!important;color:#98a2b3!important;margin:0!important;}
.dashboard-balance-grid .no-card-logo{display:block!important;}
.dashboard-balance-grid .no-card-logo .metric-body{width:100%!important;}
.dashboard-balance-grid .total-balance-card .value{color:#dc2626!important;font-weight:1000!important;}
.dashboard-balance-grid .total-balance-card{border-color:#fecaca!important;background:#fff!important;}
.dashboard-table-card{margin-top:0!important;border-radius:18px!important;}
@media(max-width:1500px){.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:1199px){.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){.dashboard-balance-grid{grid-template-columns:1fr!important;}.dashboard-balance-grid .metric{min-height:126px!important;}}
@media print{.dashboard-balance-grid{grid-template-columns:repeat(3,1fr)!important}.dashboard-balance-grid .metric{box-shadow:none!important;background:#fff!important}}

/* Dashboard recent filter/search restore */
.recent-actions{display:flex!important;align-items:center!important;gap:14px!important;}
.recent-search{min-width:330px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:none!important;height:44px!important;}
.recent-search input{font-size:14px!important;color:#344054!important;font-weight:500!important;}
.recent-search input::placeholder{color:#8a94a6!important;}
.filter-btn{height:44px!important;border-radius:10px!important;background:#fffaf2!important;border:1px solid #f1d7a4!important;color:#9a6700!important;font-weight:800!important;padding:0 16px!important;}
.dashboard-table-card .table-responsive{border-top:1px solid #f0f2f5!important;}
.dashboard-table-card .table{margin:0!important;border-collapse:collapse!important;border-spacing:0!important;}
.dashboard-table-card .table thead th{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;padding:15px 24px!important;}
.dashboard-table-card .table tbody td{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:500!important;border-bottom:1px solid #eaecf0!important;padding:18px 24px!important;vertical-align:middle!important;}
.dashboard-table-card .table tbody tr:hover td{background:#fffdf8!important;}
.count-pill{min-width:42px!important;height:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff1dd!important;color:#d18400!important;border:0!important;font-size:16px!important;font-weight:900!important;padding:0 12px!important;}
.dashboard-table-card td:nth-child(5) .count-pill{background:#f1e8ff!important;color:#7c3aed!important;}
.dashboard-table-card td:nth-child(6) .count-pill{background:#eaf3ff!important;color:#1976d2!important;}
.cost-green{color:#039855!important;font-weight:800!important;}
.table-more{border:0!important;background:transparent!important;color:#111827!important;font-size:24px!important;line-height:1!important;padding:2px 8px!important;border-radius:8px!important;}
.table-more:hover{background:#f5f5f5!important;}
.footer{background:#fff!important;border-top:0!important;color:#667085!important;font-size:13px!important;box-shadow:none!important;}
/* make global sections use same light style */
.cardx,.db-tile,.easy-box,.search-panel,.assign-card,.assign-panel,.modal-content{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--we-shadow)!important;}
.table thead th{background:#fff!important;color:#111827!important;text-transform:none!important;font-weight:800!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;}
.table tbody td{background:#fff!important;color:#111827!important;border-color:#eaecf0!important;}
.btn-gold,.btn-action,.btn-dark{background:linear-gradient(135deg,#d99a00,#c78500)!important;border-color:#c78500!important;color:#fff!important;border-radius:10px!important;}
.btn-soft{background:#fff!important;border:1px solid #e6e9ef!important;color:#344054!important;border-radius:10px!important;}
.form-control,.form-select{border-radius:10px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#111827!important;font-weight:500!important;}
.form-label{color:#344054!important;font-weight:750!important;}
/* layout breakpoints */
@media(max-width:1500px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.metric.dashboard-kpi-card{min-height:130px!important;}}
@media(max-width:1200px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.refined-info-wrap,.dash-info-wrap{max-width:none!important;}}
@media(max-width:900px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.dashboard-hero .row{gap:18px!important;}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important}.recent-table-head{flex-direction:column!important;align-items:stretch!important}.recent-actions{flex-direction:column!important;align-items:stretch!important}.recent-search{width:100%!important;min-width:0!important}.filter-btn{width:100%!important}.container-fluid.px-4{padding-left:16px!important;padding-right:16px!important;}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card{grid-template-columns:42px minmax(0,1fr)!important;min-height:auto!important;padding:18px!important}.metric-logo{width:42px!important;height:42px!important}.dashboard-hero h2{font-size:28px!important}}
@media print{.we-app-header,.topbar.sidebar,#sidebarToggleBtn{display:none!important}.page.main-content{padding:0!important}.dashboard-hero{display:block!important}.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,1fr)!important}.metric.dashboard-kpi-card,.dashboard-table-card{box-shadow:none!important;border:1px solid #ddd!important}}

/* ===== FINAL REFERENCE PICTURE MATCH v3 - light / white / soft-gold ===== */
:root{
  --ref-bg:#fbfbfa;
  --ref-sidebar:#fffefb;
  --ref-card:#ffffff;
  --ref-text:#111827;
  --ref-muted:#667085;
  --ref-border:#eceff3;
  --ref-gold:#d99a00;
  --ref-gold-2:#c98700;
  --ref-soft-gold:#fff7e8;
  --ref-shadow:0 10px 24px rgba(16,24,40,.045);
  --ref-shadow-card:0 12px 26px rgba(16,24,40,.055);
}
html,body{
  background:var(--ref-bg)!important;
  color:var(--ref-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.01em!important;
}
@media(min-width:992px){
  .topbar.sidebar,.navbar.topbar.sidebar,.sidebar.topbar,.navbar.sidebar{
    width:232px!important;min-width:232px!important;max-width:232px!important;
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    background:var(--ref-sidebar)!important;border-right:1px solid #eee8dc!important;border-bottom:0!important;
    box-shadow:6px 0 24px rgba(16,24,40,.035)!important;overflow-y:auto!important;z-index:1030!important;
  }
  .we-app-header{
    position:fixed!important;left:232px!important;right:0!important;top:0!important;height:74px!important;
    background:#fff!important;border-bottom:1px solid #eaecf0!important;box-shadow:0 5px 16px rgba(16,24,40,.045)!important;
    padding:0 30px!important;display:flex!important;align-items:center!important;gap:14px!important;z-index:1025!important;margin-left:0!important;
  }
  main.page.main-content,main.page,.page.main-content{
    margin-left:232px!important;padding:101px 30px 72px!important;min-height:100vh!important;background:var(--ref-bg)!important;
  }
  .footer{left:232px!important;background:var(--ref-bg)!important;border-top:0!important;box-shadow:none!important;color:#667085!important;}
  #sidebarToggleBtn.sidebar-toggle,.sidebar-toggle{
    left:258px!important;top:27px!important;background:transparent!important;border:0!important;box-shadow:none!important;width:34px!important;height:34px!important;opacity:1!important;color:#111827!important;font-size:0!important;z-index:1040!important;
  }
  #sidebarToggleBtn.sidebar-toggle:after{content:"☰"!important;font-size:24px!important;color:#111827!important;line-height:1!important;}
  body.sidebar-collapsed main.page.main-content,body.sidebar-collapsed main.page,body.sidebar-collapsed .page.main-content{margin-left:0!important;}
  body.sidebar-collapsed .we-app-header,body.sidebar-collapsed .footer{left:0!important;}
  body.sidebar-collapsed #sidebarToggleBtn.sidebar-toggle{left:18px!important;}
}
.container-fluid.px-4{max-width:none!important;padding-left:0!important;padding-right:0!important;}
/* Sidebar exactly like the reference: white, clean, only active item gold */
.topbar.sidebar .container-fluid,.navbar.sidebar .container-fluid{display:block!important;padding:18px 12px 24px!important;}
.sidebar-header,.topbar.sidebar .navbar-brand,.navbar.sidebar .navbar-brand{min-height:76px!important;height:auto!important;padding:0 12px 16px!important;margin:0 0 8px!important;border:0!important;display:flex!important;align-items:flex-start!important;}
.sidebar-brand{width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;}
.sidebar-logo,.sidebar-header img.sidebar-logo,.navbar-brand img.sidebar-logo{height:62px!important;width:172px!important;max-height:none!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
.sidebar-title,.brand-title.sidebar-title,.brand-sub{display:none!important;}
.navbar.sidebar .navbar-collapse,.topbar.sidebar .navbar-collapse{display:block!important;}
.navbar.sidebar .navbar-nav,.topbar.sidebar .navbar-nav{display:flex!important;flex-direction:column!important;width:100%!important;gap:6px!important;margin:0!important;align-items:stretch!important;}
.navbar.sidebar .nav-item{width:100%!important;}
.navbar.sidebar .nav-link,.topbar.sidebar .nav-link{
  min-height:43px!important;width:100%!important;display:flex!important;align-items:center!important;
  padding:10px 13px!important;border-radius:9px!important;background:transparent!important;border:1px solid transparent!important;
  color:#253044!important;font-size:14px!important;font-weight:700!important;line-height:1.15!important;box-shadow:none!important;
}
.navbar.sidebar .nav-link:before,.topbar.sidebar .nav-link:before{
  width:25px!important;height:25px!important;border-radius:8px!important;margin-right:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;color:#344054!important;background:transparent!important;border:0!important;line-height:1!important;
}
.navbar.sidebar .nav-link:hover,.topbar.sidebar .nav-link:hover{background:#fff8e8!important;border-color:#f0d7a1!important;color:#111827!important;transform:none!important;}
.navbar.sidebar .nav-link.active,.navbar.sidebar .nav-home.active,.navbar.sidebar .nav-link.nav-home,.topbar.sidebar .nav-link.nav-home{
  background:linear-gradient(135deg,#e4a000 0%,#d18c00 100%)!important;color:#fff!important;border-color:#d18c00!important;box-shadow:0 10px 22px rgba(217,154,0,.24)!important;
}
.navbar.sidebar .nav-home:before,.topbar.sidebar .nav-home:before{color:#fff!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.42)!important;}
/* Header user box */
.we-app-spacer{flex:1!important;}
.we-notify{width:46px!important;height:46px!important;border-radius:18px!important;background:#fff!important;border:1px solid #edf0f3!important;box-shadow:none!important;font-size:20px!important;}
.note-dot{right:0!important;top:-4px!important;background:#ef4444!important;color:#fff!important;font-weight:900!important;}
.we-user-box{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:16px!important;padding:7px 8px!important;display:flex!important;align-items:center!important;gap:12px!important;}
.we-avatar{width:44px!important;height:44px!important;border-radius:50%!important;background:linear-gradient(135deg,#d99a00,#c78500)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;}
.we-user-text strong{font-size:15px!important;color:#111827!important;font-weight:900!important;line-height:1.1!important;}
.we-user-text small{font-size:12px!important;color:#667085!important;font-weight:500!important;line-height:1.15!important;}
.we-profile-arrow{color:#667085!important;font-size:18px!important;}
/* Dashboard top area: clean no container card */
.dashboard-hero,.hero.welcome-soft{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 22px!important;border-radius:0!important;overflow:visible!important;color:#111827!important;
}
.dashboard-hero:before,.dashboard-hero:after,.hero.welcome-soft:after,.hero:after{display:none!important;}
.dashboard-hero .row{align-items:flex-start!important;}
.dashboard-hero .col-lg-6:first-child{padding-top:12px!important;}
.dashboard-logo{display:none!important;}
.dashboard-greeting{font-size:16px!important;color:#344054!important;font-weight:500!important;margin-bottom:4px!important;}
.dashboard-hero h2{font-size:32px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.035em!important;color:#111827!important;margin:0 0 8px!important;}
.hero-subtitle{font-size:16px!important;color:#667085!important;font-weight:500!important;margin:0!important;}
.refined-tools-row,.dashboard-tools-row{display:flex!important;justify-content:flex-end!important;margin:0!important;}
.refined-info-wrap,.dash-info-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important;max-width:650px!important;}
.dash-info{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--ref-shadow)!important;min-height:112px!important;padding:18px 22px!important;}
.info-title{font-size:14px!important;color:#667085!important;letter-spacing:.01em!important;text-transform:none!important;font-weight:750!important;margin-bottom:15px!important;}
.info-line{display:flex!important;align-items:center!important;gap:14px!important;}
.info-line strong{font-size:16px!important;line-height:1.28!important;color:#111827!important;font-weight:850!important;}
.dash-icon,.weather-logo{width:38px!important;height:38px!important;border-radius:10px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff7e6!important;border:0!important;font-size:24px!important;color:#d99a00!important;}
/* KPI exact cards */
.kpi-grid.dashboard-balance-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin:0 0 16px!important;align-items:stretch!important;}
.metric.dashboard-kpi-card{
  min-height:138px!important;border-radius:12px!important;padding:22px 20px!important;background:#fff!important;border:1px solid #eceff3!important;border-left:0!important;
  box-shadow:var(--ref-shadow-card)!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;overflow:hidden!important;transition:.18s!important;
}
.metric.dashboard-kpi-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(16,24,40,.08)!important;}
.metric.dashboard-kpi-card:before,.metric.dashboard-kpi-card:after,.no-card-logo:before{display:none!important;content:none!important;}
.metric-logo{width:48px!important;height:48px!important;border-radius:50%!important;border:0!important;box-shadow:none!important;background:#fff0d6!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.metric-logo span{font-size:24px!important;line-height:1!important;}
.metric.dashboard-kpi-card.kpi-green .metric-logo{background:#e9f8ee!important;color:#0e9f6e!important;}
.metric.dashboard-kpi-card.kpi-purple .metric-logo{background:#f1e8ff!important;color:#7c3aed!important;}
.metric.dashboard-kpi-card.kpi-blue .metric-logo{background:#eaf3ff!important;color:#1976d2!important;}
.metric.dashboard-kpi-card.kpi-orange .metric-logo{background:#fff1e8!important;color:#f97316!important;}
.metric.dashboard-kpi-card.kpi-gold .metric-logo{background:#fff4df!important;color:#d99a00!important;}
.metric-body{min-width:0!important;display:block!important;padding:0!important;}
.metric.dashboard-kpi-card .label{font-size:14px!important;color:#111827!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;margin:0 0 6px!important;line-height:1.18!important;}
.metric.dashboard-kpi-card .value,.metric.dashboard-kpi-card .amount-fit{font-size:30px!important;color:#111827!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.03em!important;margin:0 0 10px!important;white-space:normal!important;}
.metric-desc{font-size:14px!important;color:#667085!important;line-height:1.35!important;font-weight:500!important;}
.total-balance-card{border:1px solid #f2c76d!important;background:linear-gradient(135deg,#fffaf0,#fff)!important;}
.total-balance-card .value,.total-balance-card .amount-fit{color:#d18400!important;}
.total-balance-card .metric-desc{color:#b66300!important;font-weight:650!important;}
/* Recent table exact reference */
.dashboard-table-card,.cardx.dashboard-table-card{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--ref-shadow-card)!important;padding:0!important;overflow:hidden!important;margin-top:10px!important;}
.recent-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px 18px!important;margin:0!important;gap:16px!important;border-bottom:0!important;}
.recent-table-head h5{font-size:22px!important;color:#111827!important;font-weight:900!important;letter-spacing:-.02em!important;margin:0!important;position:relative!important;padding-bottom:14px!important;}
.recent-table-head h5:after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:42px!important;height:4px!important;background:#d99a00!important;border-radius:999px!important;}
.recent-actions{display:flex!important;align-items:center!important;gap:14px!important;}
.recent-search{height:44px!important;min-width:330px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:8px!important;}
.recent-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-size:14px!important;color:#344054!important;font-weight:500!important;}
.recent-search input::placeholder{color:#8a94a6!important;}
.recent-search span{color:#667085!important;font-weight:800!important;font-size:18px!important;}
.filter-btn{height:44px!important;border-radius:10px!important;background:#fffaf2!important;border:1px solid #f1d7a4!important;color:#9a6700!important;font-weight:800!important;padding:0 16px!important;}
.dashboard-table-card .table-responsive{border-top:1px solid #f0f2f5!important;}
.dashboard-table-card .table{margin:0!important;border-collapse:collapse!important;border-spacing:0!important;}
.dashboard-table-card .table thead th{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;padding:15px 24px!important;}
.dashboard-table-card .table tbody td{background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:500!important;border-bottom:1px solid #eaecf0!important;padding:18px 24px!important;vertical-align:middle!important;}
.dashboard-table-card .table tbody tr:hover td{background:#fffdf8!important;}
.count-pill{min-width:42px!important;height:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff1dd!important;color:#d18400!important;border:0!important;font-size:16px!important;font-weight:900!important;padding:0 12px!important;}
.dashboard-table-card td:nth-child(5) .count-pill{background:#f1e8ff!important;color:#7c3aed!important;}
.dashboard-table-card td:nth-child(6) .count-pill{background:#eaf3ff!important;color:#1976d2!important;}
.cost-green{color:#039855!important;font-weight:800!important;}
.table-more{border:0!important;background:transparent!important;color:#111827!important;font-size:24px!important;line-height:1!important;padding:2px 8px!important;border-radius:8px!important;}
.table-more:hover{background:#f5f5f5!important;}
/* same style across the whole ERP */
.cardx,.db-tile,.easy-box,.search-panel,.assign-card,.assign-panel,.modal-content,.table-section-card,.events-table-card,.recent-events-table-card,.people-list-card{background:#fff!important;border:1px solid #eceff3!important;border-radius:12px!important;box-shadow:var(--ref-shadow-card)!important;}
.table thead th{background:#fff!important;color:#111827!important;text-transform:none!important;font-weight:800!important;letter-spacing:0!important;border-bottom:1px solid #eaecf0!important;}
.table tbody td{background:#fff!important;color:#111827!important;border-color:#eaecf0!important;}
.btn-gold,.btn-action,.btn-dark{background:linear-gradient(135deg,#d99a00,#c78500)!important;border-color:#c78500!important;color:#fff!important;border-radius:10px!important;}
.btn-soft{background:#fff!important;border:1px solid #e6e9ef!important;color:#344054!important;border-radius:10px!important;}
.form-control,.form-select{border-radius:10px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#111827!important;font-weight:500!important;}
.form-label{color:#344054!important;font-weight:750!important;}
.footer{background:var(--ref-bg)!important;border-top:0!important;color:#667085!important;font-size:13px!important;box-shadow:none!important;}
@media(max-width:1500px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.metric.dashboard-kpi-card{min-height:132px!important;}}
@media(max-width:1200px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.refined-info-wrap,.dash-info-wrap{max-width:none!important;}}
@media(max-width:900px){.kpi-grid.dashboard-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.dashboard-hero .row{gap:18px!important;}.refined-info-wrap,.dash-info-wrap{grid-template-columns:1fr!important}.recent-table-head{flex-direction:column!important;align-items:stretch!important}.recent-actions{flex-direction:column!important;align-items:stretch!important}.recent-search{width:100%!important;min-width:0!important}.filter-btn{width:100%!important}}
@media(max-width:560px){.kpi-grid.dashboard-balance-grid{grid-template-columns:1fr!important}.metric.dashboard-kpi-card{grid-template-columns:42px minmax(0,1fr)!important;min-height:auto!important;padding:18px!important}.metric-logo{width:42px!important;height:42px!important}.dashboard-hero h2{font-size:28px!important}}


/* ===== LOGO RESTORE + DASHBOARD REFERENCE HEADER FIX ===== */
/* Force the Wish Events logo to show clearly in the left sidebar */
.topbar.sidebar .navbar-brand.sidebar-header,
.navbar.sidebar .navbar-brand.sidebar-header,
.sidebar-header,
.sidebar-brand{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  padding:18px 12px 12px!important;
  margin:0 0 12px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.sidebar-logo,
.sidebar-header img.sidebar-logo,
.navbar-brand img.sidebar-logo{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:178px!important;
  height:64px!important;
  max-width:178px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
/* Add logo beside the Good day / Dashboard Overview area exactly like the reference concept */
.dashboard-title-block{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
}
.dashboard-title-logo{
  display:block!important;
  width:112px!important;
  height:80px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  border:1px solid #eceff3!important;
  border-radius:14px!important;
  padding:7px 10px!important;
  box-shadow:0 10px 24px rgba(16,24,40,.055)!important;
  flex:0 0 auto!important;
}
.dashboard-title-copy{min-width:0!important;}
.dashboard-greeting{margin-bottom:4px!important;}
@media(max-width:900px){
  .dashboard-title-block{align-items:flex-start!important;gap:14px!important;}
  .dashboard-title-logo{width:88px!important;height:66px!important;}
}
@media(max-width:560px){
  .dashboard-title-block{flex-direction:column!important;}
}

/* v6 - working month filter + professional action menu */
.hero-subtitle{max-width:760px!important;}
.filter-wrap{position:relative!important;display:inline-flex!important;}
.filter-menu{display:none!important;position:absolute!important;top:52px!important;right:0!important;width:280px!important;background:#fff!important;border:1px solid #e6e9ef!important;border-radius:14px!important;box-shadow:0 22px 48px rgba(16,24,40,.16)!important;padding:14px!important;z-index:3000!important;}
.filter-menu.show{display:block!important;}
.filter-menu label{display:block!important;font-size:12px!important;font-weight:800!important;color:#344054!important;margin-bottom:10px!important;}
.filter-menu input{width:100%!important;margin-top:5px!important;height:40px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;padding:0 10px!important;color:#111827!important;background:#fff!important;}
.filter-menu-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:10px!important;}
.filter-menu-actions button,.filter-clear{height:38px!important;border-radius:10px!important;padding:0 14px!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.filter-menu-actions button{border:1px solid #d99a00!important;background:#d99a00!important;color:#fff!important;}
.filter-clear{border:1px solid #e6e9ef!important;background:#fff!important;color:#344054!important;}

/* ===== Shehzad dashboard quick fixes: KPI row left alignment + menu positions ===== */
/* Keep the last dashboard KPI row starting from the left empty space on wide screens. */
@media(min-width:1501px){
  .kpi-grid.dashboard-balance-grid .dashboard-kpi-card:nth-child(11){grid-column:1!important;}
  .kpi-grid.dashboard-balance-grid .dashboard-kpi-card:nth-child(12){grid-column:2!important;}
}
.kpi-grid.dashboard-balance-grid{justify-items:stretch!important;justify-content:start!important;grid-auto-flow:row!important;}

/* Dashboard filter: open the month filter box on the left side of the Filter button. */
.dashboard-table-card,
.dashboard-table-card .recent-table-head,
.dashboard-table-card .recent-actions,
.dashboard-table-card .filter-wrap,
.dashboard-table-card .table-responsive,
.dashboard-table-card .table,
.dashboard-table-card tbody,
.dashboard-table-card tr,
.dashboard-table-card td,
.dashboard-table-card .action-cell{
  overflow:visible!important;
}
.dashboard-table-card .filter-wrap{position:relative!important;z-index:5000!important;}
.dashboard-table-card .filter-menu{
  top:50%!important;
  right:calc(100% + 12px)!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  width:300px!important;
  z-index:999999!important;
}
.dashboard-table-card .filter-menu.show{display:block!important;}

/* Dashboard action menu: open beside the ⋮ dot, not at the page top. */
.dashboard-table-card .action-dropdown{position:relative!important;display:inline-flex!important;z-index:4500!important;}
.dashboard-table-card .action-dropdown .action-menu,
.dashboard-table-card .action-dropdown .action-menu.is-floating{
  position:absolute!important;
  top:50%!important;
  right:calc(100% + 8px)!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  display:none!important;
  min-width:180px!important;
  z-index:999999!important;
}
.dashboard-table-card .action-dropdown.open .action-menu{display:block!important;}

@media(max-width:900px){
  .dashboard-table-card .filter-menu{
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    transform:none!important;
    width:min(92vw,320px)!important;
  }
  .dashboard-table-card .action-dropdown .action-menu,
  .dashboard-table-card .action-dropdown .action-menu.is-floating{
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    transform:none!important;
  }
}


.dashboard-drawer-backdrop{position:fixed!important;inset:0!important;background:rgba(17,24,39,.38)!important;z-index:9998!important;display:none!important}.dashboard-drawer-backdrop.show{display:block!important}.dashboard-filter-drawer{position:fixed!important;top:0!important;left:-410px!important;width:380px!important;max-width:92vw!important;height:100vh!important;background:#fffdf9!important;border-right:1px solid #eadfcf!important;box-shadow:24px 0 70px rgba(15,23,42,.22)!important;z-index:9999!important;transition:left .24s ease!important;padding:24px!important;overflow-y:auto!important;display:block!important;visibility:hidden!important}.dashboard-filter-drawer.show{left:0!important;visibility:visible!important}.drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:18px!important}.drawer-head h5{margin:0!important;font-weight:950!important}.drawer-field{margin-bottom:14px!important}.drawer-field label{display:block!important;font-weight:900!important;margin-bottom:6px!important;font-size:13px!important}.drawer-field input,.drawer-field select{width:100%!important;height:46px!important;border-radius:14px!important;border:1px solid #e4d9c8!important;padding:8px 12px!important;background:#fff!important}.drawer-actions{display:flex!important;gap:10px!important;margin-top:18px!important}.drawer-actions .filter-btn,.drawer-actions .filter-clear{flex:1!important;text-align:center!important}.filter-toggle-btn,.search-toggle-btn{background:linear-gradient(135deg,#d9a10b,#c98b00)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:950!important;min-height:42px!important;padding:9px 18px!important;box-shadow:0 10px 22px rgba(201,139,0,.22)!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.collapsible-search-panel{display:none!important;margin-bottom:18px!important}.collapsible-search-panel.is-open{display:block!important}.panel-close-line{display:flex!important;justify-content:flex-end!important;margin-bottom:10px!important}.page-section-head,.events-modern-head{background:#fffdf9!important;border:1px solid #eadfcf!important;border-radius:28px!important;padding:22px 28px!important;margin-bottom:22px!important;box-shadow:0 16px 40px rgba(42,36,26,.06)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important}.page-section-head h3,.events-modern-head h3{margin:0!important;background:transparent!important;color:#111827!important;font-weight:950!important;line-height:1.2!important;padding:0!important}.event-info-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.event-info-item{background:#fffaf2!important;border:1px solid #eadfcf!important;border-radius:16px!important;padding:12px 14px!important;min-height:72px!important}.event-info-label{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#6b5b42!important;font-weight:900!important;margin-bottom:4px!important}.event-info-value{font-size:15px!important;color:#111827!important;font-weight:850!important;word-break:break-word!important}.assignment-total-strip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#fff8e8!important;border:1px solid #ead6aa!important;border-radius:18px!important;padding:12px 16px!important;margin-bottom:14px!important;font-weight:900!important}.assignment-total-strip .warn{color:#dc2626!important}.assignment-total-strip .ok{color:#198754!important}.role-row-labour td{background:#fff9ef!important}.role-row-driver td{background:#eef6ff!important}.btn-delete-small{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(220,38,38,.25)!important;background:#fff!important;color:#dc2626!important;border-radius:999px!important;padding:7px 13px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(220,38,38,.09)!important}.btn-delete-small:hover{background:#dc2626!important;color:#fff!important}.btn-close-x{border:1px solid rgba(239,68,68,.28)!important;background:#fff!important;color:#ef4444!important;border-radius:999px!important;width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:900!important}.filter-wrap .filter-menu{display:none!important}@media(max-width:991px){.event-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-section-head,.events-modern-head{padding:18px!important;border-radius:22px!important}}@media(max-width:576px){.event-info-grid{grid-template-columns:1fr!important}}



/* ================= Deep requested fixes - 02 May 2026 ================= */
.navbar-brand img,.sidebar-logo{opacity:1!important;visibility:visible!important;display:block!important;max-width:160px!important;object-fit:contain!important;align-self:flex-start!important}.sidebar-brand,.navbar-brand,.sidebar-header{align-items:flex-start!important}.topbar{align-items:flex-start!important}.main-content{padding-top:0!important}
.we-app-header{align-items:flex-start!important;padding-top:8px!important}.brand-title{line-height:1.05!important}.dash-info .info-title,.weather-card .info-title{font-size:15px!important;font-weight:900!important}.dash-info,.weather-card{padding:14px 18px!important}.info-line{font-size:15px!important;font-weight:800!important;line-height:1.25!important;padding:0 8px!important;white-space:normal!important}.time-card,.weather-card{overflow:hidden!important}.time-card .info-line strong{display:inline-block!important;padding:0 8px!important;max-width:100%!important;word-break:normal!important}
/* Universal soft pill buttons */
.btn-open,.btn-edit,.btn-delete,.btn-action,.glass-action-btn,.btn-soft,.filter-btn,.filter-clear,.compact-filter-btn,.compact-clear-btn,.picker-tab,.table-more,.btn-delete-small,.btn-close-x,.search-toggle-btn,.filter-toggle-btn,.btn-dark,.btn-danger,.btn-warning,.btn-success{border-radius:999px!important;padding:7px 14px!important;min-height:32px!important;line-height:1.1!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:0 8px 18px rgba(63,48,24,.08)!important;border:1px solid #eadfcf!important;white-space:nowrap!important}.btn-open,.glass-action-btn{background:#fff8e8!important;color:#6f4e00!important}.btn-edit{background:#eef6ff!important;color:#114b7d!important}.btn-delete,.btn-danger,.btn-delete-small{background:#fff1f1!important;color:#b91c1c!important}.btn-dark,.btn-action{background:#2b2925!important;color:#fff!important;border-color:#2b2925!important}.btn-warning{background:#fff8e1!important;color:#7a5400!important}.btn-success{background:#ecfdf3!important;color:#166534!important}.table-more{min-width:32px!important;width:32px!important;height:32px!important;padding:0!important;background:#fff8e8!important;color:#111!important}
/* Compact table/card rows across website */
.table-section-card,.events-table-card,.people-list-card,.recent-events-table-card,.full-ledger-card,.payments-compact-card{padding:12px 14px!important;overflow:visible!important}.table{--bs-table-bg:transparent!important}.table thead th{background:#efe3cf!important;color:#2b2925!important;font-size:11px!important;padding:8px 10px!important;border-bottom:1px solid #d8cab5!important}.table tbody td{padding:7px 10px!important;font-size:12px!important;line-height:1.25!important}.table tbody tr{background:#fffdf9!important}.table tbody tr:nth-child(even){background:#f7f1e7!important}.table tbody tr:hover{background:#fff6dc!important}.cardx,.metric,.event-info-item,.picker-card,.assign-card,.person-details-card-style{padding:14px 16px!important}.event-info-item,.metric{background:#fffaf2!important}.events-table-card,.people-list-card,.recent-events-table-card,.table-section-card{background:#fffdf9!important}.id-color,.table td:first-child,.person-full-details-grid .col-md-3:first-child{color:#0d6efd!important;font-weight:900!important}.balance-red,.remaining-red,.event-remaining,.total-balance-card,.total-balance-card *{color:#dc2626!important}.blink-upcoming,.status-upcoming{animation:blink 1s infinite!important;color:#dc2626!important;font-weight:900!important}
/* Dashboard KPI center with equal spacing */
.kpi-grid .metric,.events-summary-grid .metric{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding:18px!important;min-height:122px!important}.metric .label{font-weight:900!important}.metric .label,.metric .value,.metric .small-help{text-align:center!important}.metric-logo{display:flex!important;align-items:center!important;justify-content:center!important}.kpi-grid .metric:last-child{background:#fff7f7!important;border-left-color:#dc2626!important}.kpi-grid .metric:last-child .label,.kpi-grid .metric:last-child .value,.kpi-grid .metric:last-child .small-help{color:#dc2626!important}
/* Filters/search hidden panels and row layout */
.collapsible-search-panel{display:none!important}.collapsible-search-panel.is-open{display:block!important}.premium-filter-toolbar,.recent-page-filter-panel,.filter-row,.search-panel{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.filter-search-field,.recent-search{order:-10!important;flex:1 1 360px!important;min-width:300px!important;margin-right:auto!important}.filter-search-field input,.recent-search input{width:100%!important;min-height:42px!important;border-radius:999px!important;padding:8px 16px!important}.compact-date-field{flex:0 0 auto!important}.action-dropdown{position:relative!important;display:inline-flex!important}.action-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:99999;background:#fff!important;border:1px solid #eadfcf!important;border-radius:16px!important;padding:6px!important;min-width:168px!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important}.action-dropdown.open .action-menu,.action-menu.is-floating{display:block!important;position:fixed!important}.action-menu a{display:block!important;border-radius:999px!important;padding:8px 12px!important;color:#111!important;text-decoration:none!important}.action-menu a:hover{background:#fff3cf!important}
/* Compact pickers/person cards */
.assign-card,.picker-card,.direct-picker-card,.payment-person-row,.person-pick{min-height:0!important;padding:8px 10px!important;border-radius:14px!important}.assign-panel .row,.person-picker-list,.payment-person-list,#personCards,#eventPeopleBox .row{display:flex!important;flex-direction:column!important;gap:6px!important}.assign-panel [class*='col-md-'],#personCards [class*='col-md-'],#eventPeopleBox [class*='col-md-'],.asap-person{width:100%!important;max-width:100%!important;flex:0 0 auto!important}.assign-card,.picker-card,.direct-picker-card{display:grid!important;grid-template-columns:auto minmax(170px,1.2fr) auto auto auto minmax(180px,1fr)!important;gap:8px!important;align-items:center!important}.assign-card br,.picker-card br,.direct-picker-card br{display:none!important}.payment-person-grid{display:flex!important;gap:8px!important;align-items:center!important}.payment-person-grid .form-control{min-width:130px!important}.payment-check-row{margin:0!important;display:inline-flex!important;gap:6px!important;align-items:center!important}.role-pill{display:inline-flex!important;border-radius:999px!important;padding:4px 9px!important;font-size:11px!important;line-height:1!important;margin:1px!important;white-space:nowrap!important}.small-help{font-size:11px!important}.combined-balance-box:empty{display:none!important}
/* Event detail boxes */
.event-summary-card{padding:16px 18px!important}.event-info-grid{gap:12px!important}.event-info-item{padding:14px 16px!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.event-info-value{padding:0 6px!important}.assignment-total-strip{padding:10px 14px!important}.assigned-role-row td{padding:6px 8px!important}
/* Ledger compact rows/edit in row */
.full-ledger-table td,.full-ledger-table th{padding:5px 8px!important;font-size:11.5px!important}.ledger-credit-text,.full-ledger-table td:nth-child(3),.full-ledger-table td:nth-child(4){color:#111!important}.full-ledger-table td:nth-child(5),.full-ledger-table tfoot th:nth-child(5){color:#dc2626!important;font-weight:900!important}.ledger-inline-edit{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.ledger-inline-edit label{margin:0!important;font-size:11px!important;font-weight:800!important}.ledger-inline-edit .form-control{width:180px!important;min-width:150px!important;height:34px!important}.ledger-edit-row td{background:#fff8e8!important}.full-ledger-table tfoot th{background:#fff0d0!important;font-size:12px!important;padding:8px!important;color:#111!important;white-space:nowrap!important}
/* Payments compact */
.assign-event-wrap,.assign-person-wrap{background:#fffdf9!important;border:1px solid #eadfcf!important;border-radius:18px!important;padding:14px 16px!important;margin-top:8px!important}.search-close-x{border-radius:999px!important;border:1px solid rgba(220,38,38,.25)!important;background:#fff!important;color:#dc2626!important;width:32px!important;height:32px!important}.distribution-edit-form{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.distribution-edit-form .form-control{height:34px!important;max-width:190px!important}.transaction-people{display:flex!important;gap:4px!important;flex-wrap:wrap!important}.paid-distribution-details,.paid-distribution-details *{box-sizing:border-box!important}.paid-distribution-details{padding-left:14px!important;padding-right:14px!important}.payment-ok{color:#198754!important;font-weight:900!important}.payment-mismatch{color:#dc2626!important;font-weight:900!important}
@media(max-width:900px){.assign-card,.picker-card,.direct-picker-card{grid-template-columns:1fr!important}.ledger-inline-edit,.distribution-edit-form{flex-wrap:wrap!important}.filter-search-field,.recent-search{min-width:100%!important}}

/* === 2026-05-02 final deep patch: Events page + global compact rows/buttons === */
:root{--we-gold:#d99a00;--we-gold-dark:#bd8500;--we-ink:#111827;--we-line:#eadfcf;--we-card:#fffdf9;--we-row:#ffffff;--we-row-alt:#f8fbff;--we-head:#f5eddf;--we-soft-shadow:0 10px 28px rgba(34,28,18,.06)}
.page-section-head,.events-modern-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  background:var(--we-card)!important;border:1px solid var(--we-line)!important;border-radius:26px!important;
  padding:18px 24px!important;margin:0 0 20px 0!important;box-shadow:var(--we-soft-shadow)!important;
}
.page-section-head h3,.events-modern-head h3{margin:0!important;font-size:26px!important;font-weight:950!important;color:var(--we-ink)!important;}
.events-page-actions,.page-section-actions{margin-left:auto!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
.btn-open,.btn-edit,.btn-delete,.btn-action,.btn-soft,.search-toggle-btn,.filter-toggle-btn,.btn.btn-success.btn-action,.btn.btn-danger.btn-action,.btn.btn-dark.btn-action{
  border-radius:999px!important;min-height:34px!important;padding:7px 14px!important;font-size:12px!important;font-weight:900!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;
  box-shadow:0 8px 18px rgba(28,24,18,.08)!important;border:1px solid var(--we-line)!important;white-space:nowrap!important;
}
.btn.btn-success.btn-action,.btn-action.btn-add,.events-page-actions .btn-success{background:#fffdf7!important;color:#155e2b!important;border-color:#bfe8c9!important;}
.btn.btn-danger.btn-action,.btn-action.btn-delete-all,.events-page-actions .btn-danger{background:#fffdf7!important;color:#1f2937!important;border-color:#ddd6c8!important;}
.btn.btn-success.btn-action:hover,.btn.btn-danger.btn-action:hover,.btn-open:hover,.btn-edit:hover,.btn-delete:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important;}
.search-toggle-btn{background:#fff8e8!important;color:#7a5400!important;}
.event-search-panel,.search-panel.events-search-panel{
  display:none!important;background:#fff!important;border:1px solid #e6ebf2!important;border-radius:16px!important;
  padding:16px!important;margin-bottom:16px!important;box-shadow:0 10px 28px rgba(16,24,40,.045)!important;
}
.event-search-panel.is-open,.search-panel.events-search-panel.is-open{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.event-search-panel .search-wide{flex:1 1 420px!important;min-width:320px!important;}
.event-search-panel .filter-small{flex:0 1 240px!important;min-width:220px!important;}
.event-search-panel .filter-btn-wrap{flex:0 0 180px!important;}
.event-search-panel .form-control,.event-search-panel .form-select{height:42px!important;border-radius:10px!important;}
.event-search-panel .btn-dark{height:42px!important;border-radius:10px!important;background:#2b2925!important;color:#fff!important;}
.event-search-panel .panel-close-line{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;margin-bottom:4px!important;}
.events-table-card,.recent-events-table-card,.people-list-card,.table-section-card{padding:0!important;overflow:visible!important;border-radius:16px!important;}
.table{margin-bottom:0!important;}
.table thead th{background:var(--we-head)!important;color:#111827!important;font-size:12px!important;font-weight:950!important;letter-spacing:.02em!important;padding:11px 14px!important;white-space:nowrap!important;text-transform:uppercase!important;}
.table tbody td{font-size:12px!important;font-weight:800!important;padding:10px 14px!important;vertical-align:middle!important;white-space:nowrap!important;}
.table tbody tr:nth-child(odd) td{background:#fff!important;}
.table tbody tr:nth-child(even) td{background:#f7fbff!important;}
.events-table-card .table tbody td:first-child,.recent-events-table-card .table tbody td:first-child{color:#0d6efd!important;font-weight:950!important;}
.events-table-card .table tbody td:nth-child(2),.recent-events-table-card .table tbody td:nth-child(2),.people-list-card .table tbody td:first-child{color:#7a5400!important;font-weight:950!important;}
.events-table-card .table td.no-print,.events-table-card .table th.no-print,.table td:last-child{min-width:230px!important;}
.events-table-card .btn-open,.events-table-card .btn-edit,.events-table-card .btn-delete{padding:6px 11px!important;margin:2px!important;}
.assign-panel{padding:16px!important;border-radius:18px!important;}
.assignment-list{display:flex!important;flex-direction:column!important;gap:7px!important;}
.assignment-list .assign-item{width:100%!important;max-width:none!important;flex:0 0 auto!important;}
.assign-card{display:grid!important;grid-template-columns:1.2fr 1.4fr 1.5fr auto!important;align-items:center!important;gap:8px!important;min-height:54px!important;padding:9px 12px!important;border-radius:13px!important;}
.assign-card .form-check{margin:0!important;}
.assign-card .small-help,.assign-card .person-history{font-size:11px!important;margin:0!important;line-height:1.2!important;}
.assign-card .row{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;margin:0!important;}
.assign-card .row>[class*='col-']{width:auto!important;flex:0 0 auto!important;padding:0!important;}
.assign-card input.form-control{height:34px!important;min-width:100px!important;border-radius:10px!important;font-size:12px!important;}
.assign-card .event-total-mini{font-size:11px!important;font-weight:900!important;margin:0!important;background:#fff8e8!important;border-radius:999px!important;padding:5px 8px!important;white-space:nowrap!important;}
.serial-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:11px!important;margin-right:5px!important;}
@media(max-width:900px){.assign-card{grid-template-columns:1fr!important}.event-search-panel .search-wide,.event-search-panel .filter-small,.event-search-panel .filter-btn-wrap{flex:1 1 100%!important;min-width:0!important}.page-section-head,.events-modern-head{align-items:flex-start!important}.events-page-actions{width:100%!important;justify-content:flex-start!important}}


/* User requested: match rounded light gold action buttons from details screenshot on Add/Delete headers */
.events-page-actions.action-glass-group .glass-action-btn,
.page-section-head .action-glass-group .glass-action-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:34px!important;padding:7px 15px!important;border-radius:999px!important;
  background:#fff8e8!important;color:#6f4e00!important;border:1px solid #eadfcf!important;
  font-size:12px!important;font-weight:900!important;text-decoration:none!important;line-height:1.1!important;
  box-shadow:0 8px 18px rgba(63,48,24,.08)!important;white-space:nowrap!important;opacity:1!important;
  backdrop-filter:blur(10px)!important;
}
.events-page-actions.action-glass-group .glass-action-btn:hover,
.page-section-head .action-glass-group .glass-action-btn:hover{
  background:#fff3d6!important;color:#3b2b10!important;transform:translateY(-1px)!important;
}
.page-section-head .action-glass-group,
.events-page-actions.action-glass-group{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}

/* User requested: apply same soft rounded screenshot style to Search bars on Events, Labours, Drivers, Employees, Purchasing Employees */
.events-page-actions.action-glass-group .search-toggle-btn,
.page-section-head .action-glass-group .search-toggle-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:34px!important;padding:7px 15px!important;border-radius:999px!important;
  background:#fff8e8!important;color:#6f4e00!important;border:1px solid #eadfcf!important;
  font-size:12px!important;font-weight:900!important;text-decoration:none!important;line-height:1.1!important;
  box-shadow:0 8px 18px rgba(63,48,24,.08)!important;white-space:nowrap!important;opacity:1!important;
  backdrop-filter:blur(10px)!important;
}
.events-page-actions.action-glass-group .search-toggle-btn:hover,
.page-section-head .action-glass-group .search-toggle-btn:hover{
  background:#fff3d6!important;color:#3b2b10!important;transform:translateY(-1px)!important;
}
.event-search-panel,
.collapsible-search-panel .search-panel{
  background:#fffdf9!important;border:1px solid #eadfcf!important;border-radius:999px!important;
  box-shadow:0 8px 18px rgba(63,48,24,.08)!important;padding:9px 12px!important;
  margin-bottom:18px!important;align-items:center!important;gap:8px!important;
}
.event-search-panel.is-open{display:flex!important;}
.collapsible-search-panel.is-open .search-panel{
  display:flex!important;flex-wrap:wrap!important;
}
.event-search-panel .panel-close-line,
.collapsible-search-panel .panel-close-line{
  margin:0 4px 0 0!important;width:auto!important;order:99!important;align-self:center!important;
}
.event-search-panel .btn-close-x,
.collapsible-search-panel .btn-close-x{
  width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;
  border-radius:999px!important;background:#fff8e8!important;color:#6f4e00!important;border:1px solid #eadfcf!important;
  box-shadow:0 6px 14px rgba(63,48,24,.07)!important;
}
.event-search-panel .form-control,
.event-search-panel .form-select,
.collapsible-search-panel .search-panel .form-control{
  height:36px!important;border-radius:999px!important;border:1px solid #eadfcf!important;background:#fff!important;
  color:#3b3327!important;font-size:12px!important;font-weight:800!important;padding:7px 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.event-search-panel .form-control::placeholder,
.collapsible-search-panel .search-panel .form-control::placeholder{color:#9a7a3e!important;font-weight:800!important;}
.event-search-panel .search-wide{flex:1 1 360px!important;min-width:260px!important;}
.event-search-panel .filter-small{flex:0 1 190px!important;min-width:165px!important;}
.event-search-panel .filter-btn-wrap{flex:0 0 auto!important;}
.event-search-panel .btn-dark,
.collapsible-search-panel .search-panel .btn-dark,
.collapsible-search-panel .search-panel .btn-action{
  min-height:36px!important;height:36px!important;border-radius:999px!important;padding:7px 15px!important;
  background:#fff8e8!important;color:#6f4e00!important;border:1px solid #eadfcf!important;
  box-shadow:0 8px 18px rgba(63,48,24,.08)!important;font-size:12px!important;font-weight:900!important;
  margin-top:0!important;width:auto!important;
}
.event-search-panel .btn-dark:hover,
.collapsible-search-panel .search-panel .btn-dark:hover,
.collapsible-search-panel .search-panel .btn-action:hover{background:#fff3d6!important;color:#3b2b10!important;}
.collapsible-search-panel .search-panel .form-control{flex:1 1 320px!important;min-width:240px!important;}
@media(max-width:700px){
  .event-search-panel,.collapsible-search-panel .search-panel{border-radius:22px!important;align-items:stretch!important;}
  .event-search-panel .search-wide,.event-search-panel .filter-small,.event-search-panel .filter-btn-wrap,
  .collapsible-search-panel .search-panel .form-control,.collapsible-search-panel .search-panel .btn-action{flex:1 1 100%!important;min-width:0!important;width:100%!important;}
  .event-search-panel .panel-close-line,.collapsible-search-panel .panel-close-line{width:100%!important;justify-content:flex-end!important;order:-1!important;}
}

/* Events toolbar alignment: Search left, add/delete right */
.events-modern-head .events-toolbar-split{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.events-modern-head .events-toolbar-left,
.events-modern-head .events-toolbar-right{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.events-modern-head .events-toolbar-left{justify-content:flex-start!important;}
.events-modern-head .events-toolbar-right{justify-content:flex-end!important;margin-left:auto!important;}
@media(max-width:700px){
  .events-modern-head .events-toolbar-split{align-items:flex-start!important;}
  .events-modern-head .events-toolbar-left,
  .events-modern-head .events-toolbar-right{width:100%!important;justify-content:flex-start!important;margin-left:0!important;}
}


/* Dashboard logo centered at the top */
.dashboard-top-logo-wrap{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 0 18px!important;
  padding-top:2px!important;
}
.dashboard-top-logo{
  display:block!important;
  width:170px!important;
  max-width:42vw!important;
  height:86px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  border:1px solid #eceff3!important;
  border-radius:18px!important;
  padding:10px 14px!important;
  box-shadow:0 14px 34px rgba(16,24,40,.08)!important;
}
.dashboard-title-block{justify-content:flex-start!important;}
@media(max-width:560px){
  .dashboard-top-logo{width:142px!important;height:74px!important;}
}


/* Final fix: match original Search button design for Events search only */
.events-modern-head .search-toggle-btn#eventsSearchToggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:7px 15px!important;
  border-radius:999px!important;
  background:#fff8e8!important;
  color:#6f4e00!important;
  border:1px solid #eadfcf!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
  box-shadow:0 8px 18px rgba(63,48,24,.08)!important;
  white-space:nowrap!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.events-modern-head .search-toggle-btn#eventsSearchToggle .search-btn-icon{
  width:13px!important;
  height:13px!important;
  border:2px solid currentColor!important;
  border-radius:50%!important;
  display:inline-block!important;
  position:relative!important;
  flex:0 0 13px!important;
}
.events-modern-head .search-toggle-btn#eventsSearchToggle .search-btn-icon::after{
  content:""!important;
  position:absolute!important;
  width:6px!important;
  height:2px!important;
  background:currentColor!important;
  border-radius:999px!important;
  right:-5px!important;
  bottom:-3px!important;
  transform:rotate(45deg)!important;
}
.events-modern-head .search-toggle-btn#eventsSearchToggle:hover{
  background:#fff3d6!important;
  color:#3b2b10!important;
  transform:translateY(-1px)!important;
}


/* Final user fix: Events Search button exactly like reference pill */
.events-modern-head .search-toggle-btn#eventsSearchToggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:35px!important;
  height:35px!important;
  padding:7px 15px!important;
  border-radius:999px!important;
  background:#fffaf2!important;
  color:#6f4e00!important;
  border:1px solid #eadfcf!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(63,48,24,.08)!important;
  white-space:nowrap!important;
}
.events-modern-head .search-toggle-btn#eventsSearchToggle .search-btn-icon{display:none!important;}
.events-modern-head .search-toggle-btn#eventsSearchToggle .search-emoji{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:13px!important;
  height:13px!important;
  font-size:12px!important;
  line-height:1!important;
  margin-right:1px!important;
}
.events-modern-head .search-toggle-btn#eventsSearchToggle:hover{
  background:#fffaf2!important;
  color:#6f4e00!important;
  transform:none!important;
}
/* Restore dashboard logo to its original title position, not centered above dashboard */
.dashboard-top-logo-wrap{display:none!important;}
.dashboard-title-block{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;gap:18px!important;}
.dashboard-title-logo{display:block!important;width:78px!important;height:64px!important;object-fit:contain!important;background:#fff!important;border:1px solid #e8edf3!important;border-radius:11px!important;padding:9px!important;box-shadow:0 8px 22px rgba(16,24,40,.06)!important;}

/* FINAL FIX: clean WishEvents logo placement/sizing in dashboard/sidebar */
@media (min-width: 992px){
  .topbar.sidebar .navbar-brand.sidebar-header,
  .navbar.sidebar .navbar-brand.sidebar-header,
  .sidebar-header.brand-static{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:92px!important;
    height:92px!important;
    padding:10px 12px 16px!important;
    margin:0 0 14px 0!important;
    overflow:visible!important;
    border-bottom:1px solid #eee7da!important;
  }
  .sidebar-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    overflow:visible!important;
  }
  .sidebar-title,
  .brand-title.sidebar-title{
    display:none!important;
  }
  .sidebar-logo,
  .sidebar-header img.sidebar-logo,
  .navbar-brand img.sidebar-logo{
    display:block!important;
    width:150px!important;
    height:72px!important;
    max-width:150px!important;
    max-height:72px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0 auto!important;
    box-shadow:none!important;
  }
}
.dashboard-title-logo{
  width:92px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.dashboard-title-block{
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
}
@media(max-width:991px){
  .sidebar-logo,.sidebar-header img.sidebar-logo{width:120px!important;height:58px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .dashboard-title-logo{width:78px!important;height:50px!important;}
  .dashboard-title-block{grid-template-columns:82px minmax(0,1fr)!important;}
}

/* ===== FIX: make Dashboard sidebar icon visible ===== */
.navbar.sidebar .nav-link:before{
  color:#526070!important;
  background:#ffffff!important;
  border:1px solid #edf0f3!important;
  box-shadow:0 6px 14px rgba(16,24,40,.06)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
}
.navbar.sidebar .nav-home:before{
  content:"⌂"!important;
  color:#526070!important;
  background:#ffffff!important;
  border:1px solid #edf0f3!important;
  box-shadow:0 6px 14px rgba(16,24,40,.06)!important;
}
.navbar.sidebar .nav-link.active:before,
.navbar.sidebar .nav-link.nav-events.active:before{
  color:#ffffff!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.45)!important;
  box-shadow:none!important;
}

/* Dashboard date/time + weather layout fix */
.dashboard-hero .row{align-items:center!important;row-gap:16px!important;}
.dashboard-hero .col-lg-6{min-width:0!important;}
.dashboard-tools-row.refined-tools-row,
.refined-tools-row.dashboard-tools-row{width:100%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;overflow:visible!important;}
.dashboard-tools-row .dash-info-wrap,
.refined-info-wrap.dash-info-wrap{
  width:100%!important;
  max-width:560px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)!important;
  gap:12px!important;
  justify-content:end!important;
  align-items:stretch!important;
}
.dash-info.datetime-card,
.dash-info.weather-card{
  min-width:0!important;
  width:100%!important;
  min-height:76px!important;
  padding:13px 15px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #e8ddc9!important;
  box-shadow:0 10px 24px rgba(16,24,40,.055)!important;
  overflow:hidden!important;
}
.dash-info .info-title{
  font-size:12px!important;
  line-height:1.15!important;
  margin-bottom:8px!important;
  color:#111827!important;
  font-weight:900!important;
}
.dash-info .info-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.dash-info .info-line strong{
  min-width:0!important;
  display:block!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  color:#111827!important;
  font-weight:900!important;
}
.dash-info .dash-icon,
.dash-info .weather-logo{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:11px!important;
  font-size:17px!important;
  margin:0!important;
  background:#fff7e6!important;
  border:1px solid #f0d8aa!important;
}
@media(max-width:1199px){
  .dashboard-tools-row .dash-info-wrap,
  .refined-info-wrap.dash-info-wrap{max-width:none!important;grid-template-columns:1fr 1fr!important;}
}
@media(max-width:767px){
  .dashboard-tools-row .dash-info-wrap,
  .refined-info-wrap.dash-info-wrap{grid-template-columns:1fr!important;}
  .dash-info.datetime-card,.dash-info.weather-card{min-height:auto!important;}
}


/* Dashboard date/time two-row centered update */
.dash-info.datetime-card{
  text-align:center!important;
  align-items:center!important;
}
.dash-info.datetime-card .info-line{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  width:100%!important;
}
.dash-info.datetime-card [data-dashboard-datetime]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  text-align:center!important;
  white-space:normal!important;
}
.dash-info.datetime-card .datetime-date,
.dash-info.datetime-card .datetime-time{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  line-height:1.2!important;
}
.dash-info.datetime-card .datetime-time{
  font-size:14px!important;
}


/* Final fix: dashboard Date & Time centered in two rows */
.dash-info.datetime-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.dash-info.datetime-card .info-title{
  width:100%!important;
  text-align:center!important;
  margin-bottom:8px!important;
}
.dash-info.datetime-card .info-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  gap:10px!important;
  text-align:center!important;
}
.dash-info.datetime-card [data-dashboard-datetime]{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.2!important;
}
.dash-info.datetime-card .datetime-date,
.dash-info.datetime-card .datetime-time{
  display:inline-block!important;
  width:100%!important;
  text-align:center!important;
}

/* === Dashboard filter row: open under search/filter area, not left drawer === */
.dashboard-table-card{position:relative!important;}
.dashboard-filter-drawer.dashboard-filter-row{
  position:static!important;
  top:auto!important;left:auto!important;right:auto!important;
  width:100%!important;max-width:100%!important;height:auto!important;
  margin:12px 0 14px!important;
  padding:12px!important;
  background:#fffdf8!important;
  border:1px solid #eadfcf!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(16,24,40,.06)!important;
  z-index:auto!important;
  overflow:visible!important;
  transition:none!important;
  visibility:visible!important;
  display:none!important;
  align-items:end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.dashboard-filter-drawer.dashboard-filter-row.show{display:flex!important;}
.dashboard-filter-row .drawer-head{
  margin:0 6px 0 0!important;
  min-width:132px!important;
  height:42px!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.dashboard-filter-row .drawer-head h5{font-size:14px!important;white-space:nowrap!important;}
.dashboard-filter-row .btn-close-x{width:28px!important;height:28px!important;font-size:18px!important;}
.dashboard-filter-row .drawer-field{margin:0!important;min-width:145px!important;flex:1 1 0!important;}
.dashboard-filter-row .drawer-field:first-of-type{flex:1.4 1 0!important;}
.dashboard-filter-row .drawer-field label{font-size:11px!important;margin:0 0 5px!important;color:#667085!important;line-height:1!important;}
.dashboard-filter-row .drawer-field input,
.dashboard-filter-row .drawer-field select{height:40px!important;border-radius:12px!important;background:#fff!important;}
.dashboard-filter-row .drawer-actions{margin:0!important;gap:8px!important;align-items:end!important;flex:0 0 auto!important;}
.dashboard-filter-row .drawer-actions .filter-clear,
.dashboard-filter-row .drawer-actions .filter-btn{height:40px!important;min-width:86px!important;flex:0 0 auto!important;}
.dashboard-drawer-backdrop{display:none!important;}
@media(max-width:1200px){
  .dashboard-filter-drawer.dashboard-filter-row{flex-wrap:wrap!important;}
  .dashboard-filter-row .drawer-head{width:100%!important;min-width:100%!important;}
  .dashboard-filter-row .drawer-field{min-width:190px!important;}
}
@media(max-width:640px){
  .dashboard-filter-row .drawer-field,
  .dashboard-filter-row .drawer-actions{width:100%!important;min-width:100%!important;}
  .dashboard-filter-row .drawer-actions .filter-clear,
  .dashboard-filter-row .drawer-actions .filter-btn{flex:1 1 0!important;}
}


/* === FINAL FIX: Dashboard filter opens as horizontal row under search, never left drawer === */
#dashboardFilterDrawer.dashboard-filter-inline{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:12px 0 14px!important;
  padding:12px!important;
  background:#fffdf8!important;
  border:1px solid #eadfcf!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(16,24,40,.06)!important;
  z-index:1!important;
  overflow:visible!important;
  transition:none!important;
  visibility:visible!important;
  opacity:1!important;
  display:none!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show{display:flex!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  height:40px!important;
  flex:0 0 150px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-head h5{margin:0!important;font-size:14px!important;font-weight:950!important;white-space:nowrap!important;}
#dashboardFilterDrawer.dashboard-filter-inline .btn-close-x{width:28px!important;height:28px!important;font-size:18px!important;flex:0 0 auto!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field{margin:0!important;flex:1 1 145px!important;min-width:145px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field:first-of-type{flex:1.4 1 220px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field label{display:block!important;font-size:11px!important;font-weight:900!important;margin:0 0 5px!important;color:#667085!important;line-height:1!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field input,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field select{width:100%!important;height:40px!important;border-radius:12px!important;border:1px solid #e4d9c8!important;background:#fff!important;padding:8px 12px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{display:flex!important;align-items:flex-end!important;gap:8px!important;margin:0!important;flex:0 0 auto!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions .filter-btn{height:40px!important;min-width:86px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body:has(#dashboardFilterDrawer.dashboard-filter-inline.show) .dashboard-drawer-backdrop{display:none!important;}
@media(max-width:1200px){
  #dashboardFilterDrawer.dashboard-filter-inline{flex-wrap:wrap!important;}
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-head{flex:1 1 100%!important;}
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field{min-width:190px!important;}
}
@media(max-width:640px){
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field,
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{flex:1 1 100%!important;width:100%!important;min-width:100%!important;}
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-actions .filter-clear,
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-actions .filter-btn{flex:1 1 0!important;}
}

/* === USER FIX: dashboard filter opens in the middle of the Recent Events header bar === */
.dashboard-table-card .recent-table-head{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
  min-height:58px!important;
}
.dashboard-table-card .recent-table-head>h5{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  position:static!important;
  display:none!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:420px!important;
  margin:0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  z-index:auto!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show{display:flex!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-head{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field{
  flex:0 1 155px!important;
  min-width:125px!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field:first-child{
  flex-basis:190px!important;
  min-width:160px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field label{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field input,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field select{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:999px!important;
  border:1px solid #eadfcf!important;
  background:#fff!important;
  padding:6px 12px!important;
  font-size:12px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions .filter-btn{
  height:36px!important;
  min-height:36px!important;
  min-width:64px!important;
  padding:6px 12px!important;
  font-size:12px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .btn-close-x{
  width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  font-size:17px!important;
}
.dashboard-table-card .recent-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body:has(#dashboardFilterDrawer.dashboard-filter-inline.show) .dashboard-drawer-backdrop{display:none!important;}
@media(max-width:1200px){
  .dashboard-table-card .recent-table-head{flex-wrap:wrap!important;align-items:flex-start!important;}
  #dashboardFilterDrawer.dashboard-filter-inline{order:3!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;margin:8px 0 0!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field{flex:1 1 170px!important;}
  .dashboard-table-card .recent-actions{margin-left:auto!important;}
}
@media(max-width:640px){
  .dashboard-table-card .recent-table-head>h5,.dashboard-table-card .recent-actions,#dashboardFilterDrawer.dashboard-filter-inline{width:100%!important;}
  .dashboard-table-card .recent-actions{flex-wrap:wrap!important;}
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field,#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{flex:1 1 100%!important;}
}

/* Recent Events: inline horizontal filter exactly between title and Filter button */
.events-modern-head.recent-events-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
}
.recent-events-toolbar .recent-toolbar-title{flex:0 0 auto!important;white-space:nowrap!important;}
.recent-events-toolbar .recent-toolbar-actions{flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;}
.recent-events-toolbar .recent-inline-filter.collapsible-search-panel{
  flex:1 1 auto!important;
  margin:0!important;
  min-width:0!important;
  width:auto!important;
}
.recent-events-toolbar .recent-inline-filter.collapsible-search-panel:not(.is-open){display:none!important;}
.recent-events-toolbar .recent-inline-filter.collapsible-search-panel.is-open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.recent-inline-filter-form{
  display:flex!important;
  align-items:end!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.recent-filter-field{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
.recent-filter-field label{font-size:10px!important;font-weight:900!important;color:#6b5b42!important;margin:0!important;line-height:1!important;white-space:nowrap!important;}
.recent-filter-field input,.recent-filter-field select{
  height:34px!important;
  border-radius:999px!important;
  border:1px solid #eadfcf!important;
  background:#fff!important;
  color:#3b3327!important;
  font-size:12px!important;
  font-weight:800!important;
  padding:6px 10px!important;
  outline:none!important;
  box-shadow:0 5px 12px rgba(63,48,24,.06)!important;
}
.recent-filter-hotel{flex:1 1 170px!important;max-width:210px!important;}
.recent-filter-city{flex:1 1 160px!important;max-width:190px!important;}
.recent-filter-date{flex:0 0 132px!important;}
.recent-inline-apply,.recent-inline-clear{
  height:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  padding:6px 13px!important;
  font-size:12px!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  margin:0!important;
}
.recent-inline-clear{text-decoration:none!important;}
.recent-events-toolbar .panel-close-line,.recent-events-toolbar .btn-close-x{display:none!important;}
@media(max-width:1100px){
  .events-modern-head.recent-events-toolbar{flex-wrap:wrap!important;}
  .recent-events-toolbar .recent-inline-filter.collapsible-search-panel.is-open{order:3!important;flex:1 1 100%!important;width:100%!important;}
  .recent-inline-filter-form{justify-content:flex-start!important;flex-wrap:wrap!important;}
}


/* === FINAL 2026-05-05: Dashboard filter compact horizontal toggle === */
.dashboard-table-card .recent-table-head{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
  min-height:62px!important;
  padding:0 0 12px 0!important;
}
.dashboard-table-card .recent-table-head>h5{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  display:none!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  z-index:auto!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show{
  display:flex!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .field-caption{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#101828!important;
  line-height:1!important;
}
#dashboardFilterDrawer.dashboard-filter-inline label{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline input,
#dashboardFilterDrawer.dashboard-filter-inline select{
  width:140px!important;
  max-width:140px!important;
  min-width:0!important;
  height:38px!important;
  border:1px solid #eadcc7!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:7px 10px!important;
  font-size:12px!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"]{width:150px!important;max-width:150px!important;}
#dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"]{width:145px!important;max-width:145px!important;}
#dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{width:132px!important;max-width:132px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn{
  height:38px!important;
  min-width:68px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:900!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .btn-close-x{display:none!important;}
.dashboard-table-card .recent-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.dashboard-table-card .recent-search input{height:42px!important;}
body:has(#dashboardFilterDrawer.dashboard-filter-inline.show) .dashboard-drawer-backdrop{display:none!important;}
@media (max-width: 1350px){
  .dashboard-table-card .recent-table-head{flex-wrap:wrap!important;align-items:flex-start!important;}
  #dashboardFilterDrawer.dashboard-filter-inline.show{order:3!important;flex:1 1 100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:8px!important;}
  .dashboard-table-card .recent-actions{margin-left:auto!important;}
}
@media (max-width: 768px){
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field{flex:1 1 100%!important;align-items:flex-start!important;flex-direction:column!important;}
  #dashboardFilterDrawer.dashboard-filter-inline input,
  #dashboardFilterDrawer.dashboard-filter-inline select,
  #dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"],
  #dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"],
  #dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{width:100%!important;max-width:100%!important;}
}

/* === 2026-05-05 final: compact recent header + inline filter cleanup === */
.dashboard-table-card.cardx{
  padding-top:10px!important;
}
.dashboard-table-card .recent-table-head{
  min-height:48px!important;
  padding:0 0 8px 0!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.dashboard-table-card .recent-table-head>h5{
  font-size:20px!important;
  line-height:1.1!important;
  margin-right:12px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  justify-content:flex-end!important;
  gap:8px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field{
  gap:5px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel .field-caption,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel span{
  display:none!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel{
  margin-right:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input,
#dashboardFilterDrawer.dashboard-filter-inline select{
  height:34px!important;
  border-radius:12px!important;
  padding:6px 10px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"]{
  width:138px!important;
  max-width:138px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"]{
  width:125px!important;
  max-width:125px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{
  width:122px!important;
  max-width:122px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .field-caption{
  font-size:11px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn,
.dashboard-table-card .filter-toggle-btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:12px!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear{
  border:1px solid #eadcc7!important;
  background:#fff!important;
  color:#101828!important;
}
.dashboard-table-card .recent-search{display:none!important;}
.dashboard-table-card .recent-actions{gap:0!important;}
@media (max-width: 1350px){
  .dashboard-table-card .recent-table-head{flex-wrap:wrap!important;}
  #dashboardFilterDrawer.dashboard-filter-inline.show{order:2!important;flex:1 1 auto!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:0!important;}
  .dashboard-table-card .recent-actions{order:3!important;margin-left:auto!important;}
}

/* === 2026-05-05 REAL FIX: group Recent Events filters tightly in one row === */
.dashboard-table-card .recent-table-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  min-height:44px!important;
  padding:0 0 7px 0!important;
}
.dashboard-table-card .recent-table-head>h5{
  flex:0 0 auto!important;
  margin:0 12px 0 0!important;
  white-space:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  order:2!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show{display:inline-flex!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field:first-child,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field:first-of-type{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-direction:row!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel .field-caption,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel label,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel span{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline .field-caption{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#111827!important;
  line-height:1!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input,
#dashboardFilterDrawer.dashboard-filter-inline select,
#dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"],
#dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"],
#dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  border:1px solid #eadcc7!important;
  background:#fff!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:700!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"]{width:138px!important;max-width:138px!important;}
#dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"]{width:118px!important;max-width:118px!important;}
#dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{width:118px!important;max-width:118px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn{
  height:34px!important;
  min-height:34px!important;
  min-width:58px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:900!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.dashboard-table-card .recent-actions{
  order:3!important;
  flex:0 0 auto!important;
  margin-left:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
}
.dashboard-table-card .recent-search{display:none!important;}
.dashboard-table-card .filter-toggle-btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  margin:0!important;
}
@media (max-width: 1200px){
  .dashboard-table-card .recent-table-head{flex-wrap:wrap!important;}
  #dashboardFilterDrawer.dashboard-filter-inline.show{flex-wrap:wrap!important;}
}

/* === 2026-05-05 FINAL: keep Filter button at right, bring filter controls beside it === */
.dashboard-table-card .recent-table-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 0 7px 0!important;
}
.dashboard-table-card .recent-table-head>h5{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  order:2!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  margin-right:6px!important;
  width:auto!important;
  max-width:none!important;
  display:none!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show{display:inline-flex!important;}
.dashboard-table-card .recent-actions{
  order:3!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show + .recent-actions{margin-left:0!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel .field-caption,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel label,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel span{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline .field-caption{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#111827!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input,
#dashboardFilterDrawer.dashboard-filter-inline select{
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  border:1px solid #eadcc7!important;
  background:#fff!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:700!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"]{width:138px!important;max-width:138px!important;}
#dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"]{width:118px!important;max-width:118px!important;}
#dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{width:118px!important;max-width:118px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn,
.dashboard-table-card .filter-toggle-btn{
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:900!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn{min-width:58px!important;padding:0 11px!important;}
.dashboard-table-card .filter-toggle-btn{padding:0 14px!important;}
@media (max-width: 1280px){
  .dashboard-table-card .recent-table-head{flex-wrap:wrap!important;}
  #dashboardFilterDrawer.dashboard-filter-inline{margin-left:0!important;order:4!important;width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  .dashboard-table-card .recent-actions{margin-left:auto!important;}
}

/* === REAL FIX 2026-05-05: Filter button stays fixed at far right; controls open immediately to its left === */
.dashboard-table-card .recent-table-head{
  display:grid!important;
  grid-template-columns:auto minmax(12px,1fr) auto auto!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:8px!important;
  min-height:44px!important;
  padding:0 0 7px 0!important;
  width:100%!important;
}
.dashboard-table-card .recent-table-head>h5{
  grid-column:1!important;
  margin:0!important;
  white-space:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:auto!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  display:none!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
#dashboardFilterDrawer.dashboard-filter-inline.show{display:inline-flex!important;}
.dashboard-table-card .recent-actions{
  grid-column:4!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
}
.dashboard-table-card .recent-search{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-actions{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel .field-caption,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel label,
#dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel span{display:none!important;}
#dashboardFilterDrawer.dashboard-filter-inline .field-caption{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#111827!important;
  line-height:1!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input,
#dashboardFilterDrawer.dashboard-filter-inline select{
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  border:1px solid #eadcc7!important;
  background:#fff!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:700!important;
  margin:0!important;
}
#dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"]{width:138px!important;max-width:138px!important;}
#dashboardFilterDrawer.dashboard-filter-inline select[name="dash_city"]{width:118px!important;max-width:118px!important;}
#dashboardFilterDrawer.dashboard-filter-inline input[type="date"]{width:118px!important;max-width:118px!important;}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn,
.dashboard-table-card .filter-toggle-btn{
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:900!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#dashboardFilterDrawer.dashboard-filter-inline .filter-clear,
#dashboardFilterDrawer.dashboard-filter-inline .filter-btn{min-width:58px!important;padding:0 11px!important;}
.dashboard-table-card .filter-toggle-btn{padding:0 14px!important;}
@media (max-width: 1280px){
  .dashboard-table-card .recent-table-head{
    grid-template-columns:auto minmax(8px,1fr) auto!important;
  }
  #dashboardFilterDrawer.dashboard-filter-inline.show{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:end!important;
    flex-wrap:wrap!important;
  }
  .dashboard-table-card .recent-actions{grid-column:3!important;}
}

/* === FINAL VERIFIED 2026-05-05: compact centered Date/Weather cards + slim Recent Events header === */
.dashboard-hero .dash-info-wrap,
.dashboard-hero .premium-info,
.dashboard-hero .refined-info-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:12px!important;
}
.dashboard-hero .dash-info.datetime-card,
.dashboard-hero .dash-info.weather-card{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  min-height:72px!important;
  height:auto!important;
  padding:10px 18px!important;
  border-radius:16px!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.dashboard-hero .dash-info.weather-card{
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
}
.dashboard-hero .dash-info:before{display:none!important;content:none!important;}
.dashboard-hero .dash-info .info-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#0f172a!important;
  margin:0 0 2px 0!important;
  padding:0!important;
}
.dashboard-hero .dash-info .info-line{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.dashboard-hero .datetime-card .info-line strong,
.dashboard-hero .weather-card .info-line strong,
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.dashboard-hero .weather-card .weather-logo{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0 0 2px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:inherit!important;
  font-size:17px!important;
  line-height:1!important;
  text-align:center!important;
}
.dashboard-hero .datetime-card .dash-icon{display:none!important;}
.dashboard-table-card.cardx{padding:0!important;overflow:hidden!important;}
.dashboard-table-card .recent-table-head{
  min-height:46px!important;
  padding:8px 20px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(8px,1fr) auto auto!important;
  align-items:center!important;
  column-gap:8px!important;
  border-bottom:1px solid #eadcc7!important;
}
.dashboard-table-card .recent-table-head>h5{
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:18px!important;
  white-space:nowrap!important;
  grid-column:1!important;
}
.dashboard-table-card .recent-table-head>h5:after,
.dashboard-table-card .recent-table-head>h5::after{
  margin-top:7px!important;
}
.dashboard-table-card .recent-actions{
  grid-column:4!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
}
.dashboard-table-card .filter-toggle-btn{
  height:32px!important;
  min-height:32px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  line-height:1!important;
}
#dashboardFilterDrawer.dashboard-filter-inline{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
}

/* === FINAL USER REQUEST 2026-05-05: reduce top gap, align Date/Weather cards, slim Recent Events === */
@media (min-width: 992px){
  main.page.main-content,
  main.page,
  .page.main-content{
    padding-top:82px!important; /* reduced empty space under fixed top bar */
  }
}
.dashboard-hero,
.hero.welcome-soft{
  margin-top:0!important;
  margin-bottom:16px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.dashboard-hero .row{
  align-items:flex-start!important;
}
.dashboard-hero .col-lg-6:first-child{
  padding-top:4px!important;
}
.dashboard-hero .dashboard-tools-row,
.dashboard-hero .refined-tools-row{
  margin-top:0!important;
  padding-top:0!important;
  align-items:flex-start!important;
}
.dashboard-hero .dash-info-wrap,
.dashboard-hero .premium-info,
.dashboard-hero .refined-info-wrap{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-top:0!important;
  padding-top:0!important;
}
.dashboard-hero .dash-info.datetime-card,
.dashboard-hero .dash-info.weather-card{
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  padding:10px 16px!important;
  display:grid!important;
  grid-template-rows:22px 1fr!important;
  align-items:center!important;
  justify-items:center!important;
  align-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.dashboard-hero .dash-info.datetime-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
}
.dashboard-hero .dash-info.weather-card{
  width:205px!important;
  min-width:205px!important;
  max-width:205px!important;
}
.dashboard-hero .dash-info .info-title{
  grid-row:1!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.05!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  width:100%!important;
}
.dashboard-hero .dash-info .info-line{
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1.15!important;
}
.dashboard-hero .datetime-card [data-dashboard-datetime],
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time,
.dashboard-hero .weather-card [data-weather]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:500!important;
  color:#111827!important;
  white-space:normal!important;
}
.dashboard-hero .weather-card .weather-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:17px!important;
  line-height:1!important;
  text-align:center!important;
}
.dashboard-table-card.cardx{
  padding:0!important;
  overflow:hidden!important;
}
.dashboard-table-card .recent-table-head{
  min-height:38px!important;
  height:38px!important;
  padding:4px 20px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(8px,1fr) auto auto!important;
  align-items:center!important;
  column-gap:8px!important;
  border-bottom:1px solid #eadcc7!important;
}
.dashboard-table-card .recent-table-head>h5{
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:17px!important;
  font-weight:900!important;
}
.dashboard-table-card .recent-table-head>h5:after,
.dashboard-table-card .recent-table-head>h5::after{
  margin-top:5px!important;
  height:2px!important;
}
.dashboard-table-card .recent-actions{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:end!important;
}
.dashboard-table-card .filter-toggle-btn{
  height:30px!important;
  min-height:30px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  line-height:1!important;
  align-items:center!important;
}

/* === 2026-05-05 USER FIX: Date & Time alignment only (no layout/size changes) === */
.dashboard-hero .datetime-card .info-line{
  gap:0!important;
  line-height:1!important;
}
.dashboard-hero .datetime-card [data-dashboard-datetime]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1.05!important;
  margin:0!important;
  padding:0!important;
}
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
}
.dashboard-hero .datetime-card .datetime-date + br{
  display:none!important;
}


/* === FINAL USER FIX: make Date and Time sit close together only === */
.dashboard-hero .datetime-card [data-dashboard-datetime],
.dashboard-hero .datetime-card .datetime-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  row-gap:1px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
}
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
  min-height:0!important;
}
.dashboard-hero .datetime-card .datetime-date + br{
  display:none!important;
}


/* === REAL FINAL FIX 2026-05-05: Date/Time tight and stable on refresh === */
.dashboard-hero .datetime-card .info-line{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
}
.dashboard-hero .datetime-card [data-dashboard-datetime],
.dashboard-hero .datetime-card .datetime-stack{
  display:grid!important;
  grid-template-rows:14px 14px!important;
  row-gap:0!important;
  align-content:center!important;
  justify-content:center!important;
  justify-items:center!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  line-height:14px!important;
  overflow:hidden!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  width:100%!important;
  height:14px!important;
  min-height:14px!important;
  max-height:14px!important;
  margin:0!important;
  padding:0!important;
  line-height:14px!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

/* === FINAL CARD LAYOUT FIX 2026-05-05: match requested Date/Weather alignment === */
.dashboard-hero .dash-info-wrap,
.dashboard-hero .premium-info,
.dashboard-hero .refined-info-wrap{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.dashboard-hero .dash-info.datetime-card,
.dashboard-hero .dash-info.weather-card{
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  padding:9px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.dashboard-hero .dash-info.datetime-card{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
}
.dashboard-hero .dash-info.weather-card{
  width:205px!important;
  min-width:205px!important;
  max-width:205px!important;
}
.dashboard-hero .dash-info .info-title{
  display:block!important;
  width:100%!important;
  margin:0 0 7px 0!important;
  padding:0!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:16px!important;
  color:#111827!important;
}
.dashboard-hero .dash-info .info-line{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
  line-height:1!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.dashboard-hero .datetime-card [data-dashboard-datetime],
.dashboard-hero .datetime-card .datetime-stack{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  row-gap:0!important;
  line-height:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:12px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:#111827!important;
}
.dashboard-hero .weather-card .info-title{
  margin-bottom:5px!important;
}
.dashboard-hero .weather-card .info-line{
  gap:4px!important;
}
.dashboard-hero .weather-card .weather-logo{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:18px!important;
}
.dashboard-hero .weather-card [data-weather]{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:12px!important;
  color:#111827!important;
  white-space:nowrap!important;
}
/* Keep Recent Events header slim and stable */
.dashboard-table-card .recent-table-head{
  min-height:34px!important;
  height:34px!important;
  padding:2px 20px!important;
  align-items:center!important;
}
.dashboard-table-card .recent-table-head>h5{
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}
.dashboard-table-card .recent-actions,
.dashboard-table-card .filter-toggle-btn{
  margin:0!important;
}

/* === STABLE DASHBOARD TOP + EXACT DATE/WEATHER CARD FIX 2026-05-05 === */
html{scroll-behavior:auto!important;}
@media (min-width:992px){
  main.page, main.page.main-content, .page.main-content{
    padding-top:92px!important;
  }
}
.dashboard-print-area,
#dashboardPrintArea{
  margin-top:0!important;
  padding-top:0!important;
}
.dashboard-hero.hero.welcome-soft,
.dashboard-hero{
  margin-top:0!important;
  padding-top:0!important;
  margin-bottom:16px!important;
}
.dashboard-hero .row{
  align-items:flex-start!important;
}
.dashboard-hero .dashboard-title-block,
.dashboard-hero .dashboard-tools-row,
.dashboard-hero .refined-tools-row{
  margin-top:0!important;
  padding-top:0!important;
}
.dashboard-hero .dash-info-wrap,
.dashboard-hero .premium-info,
.dashboard-hero .refined-info-wrap{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.dashboard-hero .dash-info.datetime-card,
.dashboard-hero .dash-info.weather-card{
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  padding:10px 16px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #eadcc7!important;
  box-shadow:0 10px 24px rgba(16,24,40,.04)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
.dashboard-hero .dash-info.datetime-card{width:270px!important;min-width:270px!important;max-width:270px!important;}
.dashboard-hero .dash-info.weather-card{width:205px!important;min-width:205px!important;max-width:205px!important;}
.dashboard-hero .dash-info:before,
.dashboard-hero .dash-info::before{display:none!important;content:none!important;}
.dashboard-hero .dash-info .info-title{
  display:block!important;
  width:100%!important;
  margin:0 0 7px 0!important;
  padding:0!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:16px!important;
  color:#111827!important;
}
.dashboard-hero .dash-info .info-line{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  gap:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.dashboard-hero .datetime-card [data-dashboard-datetime],
.dashboard-hero .datetime-card .datetime-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  row-gap:0!important;
  line-height:1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-hero .datetime-card .datetime-date,
.dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  height:12px!important;
  min-height:12px!important;
  max-height:12px!important;
  line-height:12px!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.dashboard-hero .weather-card .info-title{margin-bottom:5px!important;}
.dashboard-hero .weather-card .info-line{gap:4px!important;}
.dashboard-hero .weather-card .weather-logo{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:18px!important;
}
.dashboard-hero .weather-card [data-weather]{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:12px!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.dashboard-table-card .recent-table-head{
  min-height:34px!important;
  height:34px!important;
  padding:2px 20px!important;
  margin:0!important;
  align-items:center!important;
}


/* === ABSOLUTE FINAL OVERRIDE: requested Date/Time spacing + slim Recent Events header === */
body .dashboard-hero .dash-info.datetime-card,
body .dashboard-hero .dash-info.weather-card{
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  padding:10px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:none!important;
}
body .dashboard-hero .dash-info .info-title{
  margin:0 0 7px 0!important;
  padding:0!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:16px!important;
  text-align:center!important;
}
body .dashboard-hero .dash-info .info-line{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  text-align:center!important;
}
body .dashboard-hero .datetime-card .datetime-stack,
body .dashboard-hero .datetime-card [data-dashboard-datetime]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  row-gap:3px!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  line-height:1!important;
}
body .dashboard-hero .datetime-card .datetime-date,
body .dashboard-hero .datetime-card .datetime-time{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:12px!important;
  white-space:nowrap!important;
  color:#111827!important;
}
body .dashboard-hero .weather-card .weather-logo{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:18px!important;
  margin:0 0 4px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:18px!important;
  line-height:18px!important;
  text-align:center!important;
}
body .dashboard-hero .weather-card [data-weather]{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:12px!important;
  white-space:nowrap!important;
  color:#111827!important;
}
body .dashboard-table-card.cardx{
  padding:0!important;
}
body .dashboard-table-card .recent-table-head{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 20px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
body .dashboard-table-card .recent-table-head>h5{
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:15px!important;
  flex:0 0 auto!important;
  width:auto!important;
}
body .dashboard-table-card .recent-table-head>h5::after{display:none!important;content:none!important;}
body .dashboard-table-card .recent-actions{
  margin-left:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}
body .dashboard-table-card .filter-toggle-btn{
  min-height:30px!important;
  height:30px!important;
  padding:4px 14px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
}
body .dashboard-table-card .table-responsive{
  margin-top:0!important;
}

/* === USER REQUEST FIX 2026-05-05: widen ONLY Dashboard Hotel Name field ===
   Keep City, From Date, To Date, Clear, Apply, and Filter button unchanged. */
@media (min-width: 1281px){
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel{
    width:430px!important;
    min-width:430px!important;
    max-width:430px!important;
    flex:0 0 430px!important;
  }
  #dashboardFilterDrawer.dashboard-filter-inline .drawer-field-hotel input[name="dash_hotel"],
  #dashboardFilterDrawer.dashboard-filter-inline input[name="dash_hotel"]{
    width:430px!important;
    min-width:430px!important;
    max-width:430px!important;
  }
}

/* === 2026-05-05: Recent Events page dashboard-style inline filter === */
.events-modern-head.recent-events-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  min-height:62px!important;
}
.recent-events-toolbar .recent-toolbar-title{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
#recentEventsFilterDrawer.recent-page-filter-inline{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  display:none!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  z-index:auto!important;
}
#recentEventsFilterDrawer.recent-page-filter-inline.show{display:flex!important;}
#recentEventsFilterDrawer.recent-page-filter-inline .drawer-field{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin:0!important;
}
#recentEventsFilterDrawer.recent-page-filter-inline .drawer-field-hotel .field-caption,
#recentEventsFilterDrawer.recent-page-filter-inline .drawer-field-hotel span{display:none!important;}
#recentEventsFilterDrawer.recent-page-filter-inline .field-caption{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:900!important;
  color:#101828!important;
  line-height:1!important;
}
#recentEventsFilterDrawer.recent-page-filter-inline label{display:none!important;}
#recentEventsFilterDrawer.recent-page-filter-inline input,
#recentEventsFilterDrawer.recent-page-filter-inline select{
  width:140px!important;
  max-width:140px!important;
  min-width:0!important;
  height:38px!important;
  border:1px solid #eadcc7!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:7px 10px!important;
  font-size:12px!important;
  margin:0!important;
}
#recentEventsFilterDrawer.recent-page-filter-inline input[name="q"]{width:150px!important;max-width:150px!important;}
#recentEventsFilterDrawer.recent-page-filter-inline select[name="city"]{width:145px!important;max-width:145px!important;}
#recentEventsFilterDrawer.recent-page-filter-inline input[type="date"]{width:132px!important;max-width:132px!important;}
#recentEventsFilterDrawer.recent-page-filter-inline .drawer-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
#recentEventsFilterDrawer.recent-page-filter-inline .filter-clear,
#recentEventsFilterDrawer.recent-page-filter-inline .filter-btn{
  height:38px!important;
  min-width:68px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:900!important;
  margin:0!important;
}
.recent-events-toolbar .recent-toolbar-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
}
@media (max-width:1350px){
  .events-modern-head.recent-events-toolbar{flex-wrap:wrap!important;align-items:flex-start!important;}
  #recentEventsFilterDrawer.recent-page-filter-inline.show{order:3!important;flex:1 1 100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:8px!important;}
  .recent-events-toolbar .recent-toolbar-actions{margin-left:auto!important;}
}
@media (max-width:768px){
  #recentEventsFilterDrawer.recent-page-filter-inline .drawer-field{flex:1 1 100%!important;align-items:flex-start!important;flex-direction:column!important;}
  #recentEventsFilterDrawer.recent-page-filter-inline input,
  #recentEventsFilterDrawer.recent-page-filter-inline select,
  #recentEventsFilterDrawer.recent-page-filter-inline input[name="q"],
  #recentEventsFilterDrawer.recent-page-filter-inline select[name="city"],
  #recentEventsFilterDrawer.recent-page-filter-inline input[type="date"]{width:100%!important;max-width:100%!important;}
  #recentEventsFilterDrawer.recent-page-filter-inline .drawer-actions{width:100%!important;}
  #recentEventsFilterDrawer.recent-page-filter-inline .filter-clear,
  #recentEventsFilterDrawer.recent-page-filter-inline .filter-btn{flex:1 1 0!important;}
}


/* Dashboard-like inline Search/Filter for Events, Labours, Drivers, Employees and Employees Purchasing */
.dashboard-like-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  flex-wrap:nowrap!important;
}
.dashboard-like-filter{
  display:none!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
  flex:1 1 auto!important;
  justify-content:flex-end!important;
  min-width:0!important;
  max-width:760px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.dashboard-like-filter.show{display:inline-flex!important;}
.dashboard-like-filter .drawer-field,
.dashboard-like-filter .drawer-actions{display:inline-flex!important;align-items:center!important;margin:0!important;gap:6px!important;flex:0 0 auto!important;}
.dashboard-like-filter .drawer-field-search{flex:1 1 220px!important;min-width:200px!important;}
.dashboard-like-filter .drawer-field-search input{width:100%!important;max-width:100%!important;}
.dashboard-like-filter .field-caption{font-size:11px!important;font-weight:900!important;color:#7c6a4c!important;white-space:nowrap!important;margin-right:2px!important;}
.dashboard-like-filter input,
.dashboard-like-filter select{
  height:42px!important;
  border-radius:14px!important;
  border:1px solid #e4d9c8!important;
  background:#fff!important;
  padding:7px 11px!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.dashboard-like-filter input[type="date"]{width:132px!important;}
.dashboard-like-filter select{width:150px!important;}
.dashboard-like-filter .filter-clear,
.dashboard-like-filter .filter-btn{
  height:42px!important;
  min-width:64px!important;
  border-radius:14px!important;
  border:0!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:13px!important;
}
.dashboard-like-filter .filter-clear{background:#f3eadb!important;color:#6b4d16!important;}
.dashboard-like-filter .filter-btn{background:#111827!important;color:#fff!important;}
.people-dashboard-like-head{flex-wrap:nowrap!important;}
.people-dashboard-filter{max-width:420px!important;}
.people-dashboard-filter .drawer-field-search{min-width:230px!important;}
@media (max-width:1100px){
  .dashboard-like-toolbar,.people-dashboard-like-head{flex-wrap:wrap!important;}
  .dashboard-like-filter{order:3!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;margin-left:0!important;flex-wrap:wrap!important;}
  .dashboard-like-filter.show{display:flex!important;}
}


/* Final requested search layout: only open the search fields horizontally to the LEFT of the existing Search button. */
.search-inline-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
}
.search-inline-toolbar .events-toolbar-left,
.search-inline-toolbar > h3{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
  order:1!important;
}
.search-inline-toolbar .events-toolbar-right,
.search-inline-toolbar > .action-glass-group{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  margin-left:8px!important;
  order:3!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter{
  order:2!important;
  display:none!important;
  flex:1 1 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:static!important;
  height:auto!important;
  min-height:0!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter.show,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter.show{
  display:flex!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .drawer-field,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .drawer-field,
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .drawer-actions,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .drawer-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  flex:0 0 auto!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .field-caption,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .field-caption{display:none!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .drawer-field-search{flex:0 1 360px!important;width:360px!important;min-width:220px!important;max-width:360px!important;}
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .drawer-field-search{flex:0 1 360px!important;width:360px!important;min-width:220px!important;max-width:360px!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .drawer-field-search input,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .drawer-field-search input{width:100%!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter input,
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter select,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter input{
  height:42px!important;
  border-radius:14px!important;
  border:1px solid #e4d9c8!important;
  background:#fff!important;
  padding:7px 12px!important;
  box-shadow:none!important;
  font-size:13px!important;
  margin:0!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter input[type="date"]{width:142px!important;max-width:142px!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter select{width:150px!important;max-width:150px!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .filter-clear,
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .filter-btn,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .filter-clear,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .filter-btn{
  height:42px!important;
  min-width:72px!important;
  border-radius:14px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .filter-clear,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .filter-clear{background:#fffdf9!important;border:1px solid #eadfcf!important;color:#111827!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter .filter-btn,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter .filter-btn{background:#fff8e8!important;border:1px solid #ead6aa!important;color:#6b4d16!important;}
.search-inline-toolbar .search-toggle-btn .search-emoji{font-size:13px!important;line-height:1!important;}
@media(max-width:1350px){
  .search-inline-toolbar{flex-wrap:wrap!important;}
  .search-inline-toolbar #eventsSearchPanel.dashboard-like-filter.show,
  .search-inline-toolbar #peopleSearchPanel.dashboard-like-filter.show{order:4!important;flex:1 1 100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-left:0!important;}
}


/* User final fix: keep People page action buttons on the RIGHT; search panel opens inline to their LEFT only. */
.page-section-head.people-dashboard-like-head.search-inline-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.page-section-head.people-dashboard-like-head.search-inline-toolbar > h3{
  flex:0 0 auto!important;
  margin:0!important;
  order:1!important;
}
.page-section-head.people-dashboard-like-head.search-inline-toolbar > .action-glass-group{
  margin-left:0!important;
  order:3!important;
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.page-section-head.people-dashboard-like-head.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter{
  order:2!important;
  margin-left:auto!important;
  margin-right:0!important;
  flex:1 1 auto!important;
  justify-content:flex-end!important;
}
.page-section-head.people-dashboard-like-head.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter:not(.show){display:none!important;}
.page-section-head.people-dashboard-like-head.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter.show{display:flex!important;}

/* User final fix: Events page summary cards match Recent Events cards exactly. */
.events-summary-grid.event-summary-grid.recent-kpi{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.events-summary-grid.event-summary-grid.recent-kpi .metric.event-stat{
  min-height:96px!important;
  height:auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:16px!important;
  padding:20px 24px!important;
  border-radius:18px!important;
  background:#fffdf9!important;
  border:1px solid #e6dfd2!important;
  border-left:5px solid #b9934a!important;
  box-shadow:0 12px 34px rgba(58,49,33,.07)!important;
}
.events-summary-grid.event-summary-grid.recent-kpi .metric-logo{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:50%!important;
}
@media(max-width:991px){.events-summary-grid.event-summary-grid.recent-kpi{grid-template-columns:1fr!important;}}


/* === 2026-05-08 USER FIX: make every section header box SAME SIZE as Recent Events ===
   This restores the rounded header box on all pages and keeps one consistent height/design. */
.page-section-head,
.events-modern-head,
.unified-section-head,
.events-modern-head.recent-events-toolbar,
.page-section-head.people-dashboard-like-head,
.events-modern-head .events-toolbar-split{
  background:#fffdf9!important;
  border:1px solid #eadfcf!important;
  border-radius:28px!important;
  box-shadow:0 16px 40px rgba(42,36,26,.06)!important;
  min-height:92px!important;
  padding:22px 28px!important;
  margin:0 0 22px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.events-modern-head .events-toolbar-split{
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}
.page-section-head h3,
.events-modern-head h3,
.unified-section-head h3,
.recent-toolbar-title h3{
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
  font-size:26px!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
}
/* Dashboard Recent Events header: same size, but stays inside its existing table card */
.dashboard-table-card .recent-table-head{
  min-height:92px!important;
  padding:22px 28px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
.dashboard-table-card .recent-table-head>h5{
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
  font-size:26px!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
}
.dashboard-table-card .recent-table-head>h5:after{display:none!important;content:none!important;}
/* Keep buttons on right and keep search/filter opening inside the same header row. */
.page-section-head .action-glass-group,
.events-modern-head .events-toolbar-right,
.recent-toolbar-actions,
.recent-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter,
#dashboardFilterDrawer.dashboard-filter-inline,
#recentEventsFilterDrawer.recent-page-filter-inline{
  position:static!important;
  order:2!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter:not(.show),
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter:not(.show),
#dashboardFilterDrawer.dashboard-filter-inline:not(.show),
#recentEventsFilterDrawer.recent-page-filter-inline:not(.show){display:none!important;}
.search-inline-toolbar #eventsSearchPanel.dashboard-like-filter.show,
.search-inline-toolbar #peopleSearchPanel.dashboard-like-filter.show,
#dashboardFilterDrawer.dashboard-filter-inline.show,
#recentEventsFilterDrawer.recent-page-filter-inline.show{display:flex!important;}
@media(max-width:1200px){
  .page-section-head,.events-modern-head,.unified-section-head,.events-modern-head.recent-events-toolbar,.page-section-head.people-dashboard-like-head,.dashboard-table-card .recent-table-head{
    flex-wrap:wrap!important;
    min-height:92px!important;
    align-items:center!important;
  }
  .page-section-head h3,.events-modern-head h3,.unified-section-head h3,.recent-toolbar-title h3,.dashboard-table-card .recent-table-head>h5{font-size:24px!important;}
}

/* === 2026-05-08 FINAL RECHECK: exact Recent Events header size on every page ===
   Closed header boxes must all match the Recent Events page header: same height, padding, radius and title position. */
.page-section-head,
.page-section-head.unified-section-head,
.page-section-head.people-dashboard-like-head,
.events-modern-head,
.events-modern-head.recent-events-toolbar,
.dashboard-table-card .recent-table-head{
  background:#fffdf9!important;
  border:1px solid #eadfcf!important;
  border-radius:22px!important;
  box-shadow:0 12px 34px rgba(58,49,33,.07)!important;
  min-height:68px!important;
  padding:14px 22px!important;
  margin:0 0 20px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.page-section-head,
.page-section-head.unified-section-head,
.page-section-head.people-dashboard-like-head,
.events-modern-head,
.events-modern-head.recent-events-toolbar{
  flex-wrap:nowrap!important;
}
.page-section-head h3,
.events-modern-head h3,
.unified-section-head h3,
.recent-toolbar-title h3,
.dashboard-table-card .recent-table-head>h5{
  margin:0!important;
  padding:0!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
}
.events-modern-head .events-toolbar-split{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.events-modern-head .events-toolbar-left,
.events-modern-head .events-toolbar-right,
.page-section-head .action-glass-group,
.recent-toolbar-actions,
.recent-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.events-modern-head .events-toolbar-left{justify-content:flex-start!important;flex:0 0 auto!important;}
.events-modern-head .events-toolbar-right,
.page-section-head .action-glass-group,
.recent-toolbar-actions,
.recent-actions{margin-left:auto!important;flex:0 0 auto!important;}
/* Keep Dashboard Recent Events internal header visually the same without adding extra height. */
.dashboard-table-card .recent-table-head{border-left:0!important;border-right:0!important;border-top:0!important;border-radius:22px 22px 0 0!important;margin:0!important;}
@media(max-width:1200px){
  .page-section-head,
  .page-section-head.unified-section-head,
  .page-section-head.people-dashboard-like-head,
  .events-modern-head,
  .events-modern-head.recent-events-toolbar,
  .dashboard-table-card .recent-table-head{
    min-height:68px!important;
    padding:14px 18px!important;
    flex-wrap:wrap!important;
  }
  .events-modern-head .events-toolbar-split{flex-wrap:wrap!important;}
}

/* === 2026-05-08 ACTUAL FINAL: match the Recent Events header box size exactly ===
   Target size copied from Recent Events: min-height 72px, padding 18px 22px, radius 22px.
   Applies to Events, People pages, payment/cost pages, and Dashboard Recent Events header. */
.page-section-head,
.page-section-head.unified-section-head,
.page-section-head.people-dashboard-like-head,
.events-modern-head,
.events-modern-head.recent-events-toolbar,
.dashboard-table-card .recent-table-head{
  background:#fffdf9!important;
  border:1px solid #eadfcf!important;
  border-radius:22px!important;
  box-shadow:0 12px 34px rgba(58,49,33,.07)!important;
  min-height:72px!important;
  padding:18px 22px!important;
  margin:0 0 22px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.page-section-head,
.page-section-head.unified-section-head,
.page-section-head.people-dashboard-like-head,
.events-modern-head{
  flex-wrap:nowrap!important;
}
.events-modern-head.recent-events-toolbar.we-recent-fixed-toolbar{
  min-height:72px!important;
  padding:18px 22px!important;
}
.page-section-head h3,
.page-section-head.unified-section-head h3,
.page-section-head.people-dashboard-like-head h3,
.events-modern-head h3,
.events-modern-head.recent-events-toolbar h3,
.recent-toolbar-title h3,
.dashboard-table-card .recent-table-head>h5{
  margin:0!important;
  padding:0!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
}
.events-modern-head .events-toolbar-split{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.events-modern-head .events-toolbar-left,
.events-modern-head .events-toolbar-right,
.page-section-head .action-glass-group,
.recent-toolbar-actions,
.recent-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.events-modern-head .events-toolbar-left{justify-content:flex-start!important;flex:0 0 auto!important;}
.events-modern-head .events-toolbar-right,
.page-section-head .action-glass-group,
.recent-toolbar-actions,
.recent-actions{margin-left:auto!important;justify-content:flex-end!important;flex:0 0 auto!important;}
.dashboard-table-card .recent-table-head{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-radius:22px 22px 0 0!important;
  margin:0!important;
}
@media(max-width:1200px){
  .page-section-head,
  .page-section-head.unified-section-head,
  .page-section-head.people-dashboard-like-head,
  .events-modern-head,
  .events-modern-head.recent-events-toolbar,
  .dashboard-table-card .recent-table-head{
    min-height:72px!important;
    padding:18px 22px!important;
  }
}


/* === 2026-05-08 REAL UNIFIED HEADER SIZE ===
   Match the Recent Events top header box on every requested section.
   Same outer box height, radius, border, padding, title size and right-side actions. */
.same-recent-header-size,
.events-modern-head.same-recent-header-size,
.page-section-head.same-recent-header-size,
.recent-table-head.same-recent-header-size{
  width:100% !important;
  min-height:72px !important;
  height:auto !important;
  padding:18px 22px !important;
  margin:0 0 22px 0 !important;
  background:#fffdf9 !important;
  border:1px solid #eadfcf !important;
  border-radius:22px !important;
  box-shadow:0 12px 34px rgba(58,49,33,.07) !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  overflow:visible !important;
  flex-wrap:nowrap !important;
}
.same-recent-header-size h1,
.same-recent-header-size h2,
.same-recent-header-size h3,
.same-recent-header-size h4,
.same-recent-header-size h5,
.events-modern-head.same-recent-header-size h3,
.page-section-head.same-recent-header-size h3,
.recent-table-head.same-recent-header-size>h5,
.same-recent-header-size .recent-toolbar-title h3{
  margin:0 !important;
  padding:0 !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  color:#111827 !important;
  white-space:nowrap !important;
}
/* Events page has an inner toolbar. Keep the outer box identical and make the inner toolbar transparent. */
.events-modern-head.same-recent-header-size .events-toolbar-split{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}
.events-modern-head.same-recent-header-size .events-toolbar-left,
.events-modern-head.same-recent-header-size .events-toolbar-right,
.page-section-head.same-recent-header-size .action-glass-group,
.same-recent-header-size .recent-toolbar-actions,
.same-recent-header-size .recent-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
.events-modern-head.same-recent-header-size .events-toolbar-right,
.page-section-head.same-recent-header-size .action-glass-group,
.same-recent-header-size .recent-toolbar-actions,
.same-recent-header-size .recent-actions{
  margin-left:auto !important;
  justify-content:flex-end !important;
}
/* Recent Events page uses grid for inline filter. Keep the same box size while preserving its filter behavior. */
.events-modern-head.recent-events-toolbar.same-recent-header-size.we-recent-fixed-toolbar{
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) auto auto !important;
  align-items:center !important;
  min-height:72px !important;
  padding:18px 22px !important;
}
/* Dashboard Recent Events + Filter header must also be the same visible box, not a small strip. */
.dashboard-table-card .recent-table-head.same-recent-header-size,
.dashboard-recent-header-box{
  min-height:72px !important;
  padding:18px 22px !important;
  margin:0 0 14px 0 !important;
  border:1px solid #eadfcf !important;
  border-radius:22px !important;
  background:#fffdf9 !important;
  box-shadow:0 12px 34px rgba(58,49,33,.07) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
}
.dashboard-table-card .recent-table-head.same-recent-header-size h5:after{display:none !important;content:none !important;}
.dashboard-table-card.cardx.p-3{padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.dashboard-table-card .table-responsive{
  background:#fff !important;
  border:1px solid #eadfcf !important;
  border-radius:18px !important;
  box-shadow:0 12px 34px rgba(58,49,33,.07) !important;
  overflow:hidden !important;
}
@media(max-width:1200px){
  .same-recent-header-size,
  .events-modern-head.same-recent-header-size,
  .page-section-head.same-recent-header-size,
  .recent-table-head.same-recent-header-size{
    min-height:72px !important;
    padding:18px 22px !important;
    flex-wrap:wrap !important;
  }
  .events-modern-head.recent-events-toolbar.same-recent-header-size.we-recent-fixed-toolbar{
    grid-template-columns:1fr auto !important;
  }
}

/* === 2026-05-08 SEARCH OPEN HEIGHT STABLE FIX ===
   Keep every top header box the same size before/after Search or Filter click.
   Search/filter panels open horizontally inside the header row without adding height. */
.same-recent-header-size,
.events-modern-head.same-recent-header-size,
.page-section-head.same-recent-header-size,
.recent-table-head.same-recent-header-size,
.dashboard-recent-header-box{
  position:relative!important;
  min-height:72px!important;
  height:72px!important;
  padding:18px 22px!important;
  align-items:center!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}
.events-modern-head.same-recent-header-size .events-toolbar-split{
  height:100%!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  position:relative!important;
}
.events-modern-head.same-recent-header-size .events-toolbar-right,
.page-section-head.same-recent-header-size .action-glass-group,
.same-recent-header-size .recent-toolbar-actions,
.same-recent-header-size .recent-actions{
  position:relative!important;
  z-index:20!important;
  margin-left:auto!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
/* Hidden state: panel takes no layout space. */
.same-recent-header-size .dashboard-like-filter,
.same-recent-header-size .dashboard-filter-inline,
.same-recent-header-size .recent-page-filter-inline,
.dashboard-recent-header-box .dashboard-filter-inline{
  display:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
/* Events search: open left of buttons without changing header height. */
.events-modern-head.same-recent-header-size #eventsSearchPanel.show{
  display:flex!important;
  position:absolute!important;
  top:50%!important;
  right:390px!important;
  transform:translateY(-50%)!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  z-index:15!important;
  max-width:calc(100% - 620px)!important;
}
/* People pages search: Labours, Drivers, Employees, Employees Purchasing. */
.page-section-head.same-recent-header-size #peopleSearchPanel.show{
  display:flex!important;
  position:absolute!important;
  top:50%!important;
  right:430px!important;
  transform:translateY(-50%)!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  z-index:15!important;
  max-width:calc(100% - 650px)!important;
}
/* Recent Events page and Dashboard Recent Events filter: open horizontally in the same header without height increase. */
.events-modern-head.recent-events-toolbar.same-recent-header-size #recentEventsFilterDrawer.show,
.dashboard-recent-header-box #dashboardFilterDrawer.show{
  display:flex!important;
  position:absolute!important;
  top:50%!important;
  right:120px!important;
  transform:translateY(-50%)!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  z-index:15!important;
  max-width:calc(100% - 360px)!important;
}
.same-recent-header-size .drawer-field,
.same-recent-header-size .drawer-actions,
.dashboard-recent-header-box .drawer-field,
.dashboard-recent-header-box .drawer-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
.same-recent-header-size .drawer-field input,
.same-recent-header-size .drawer-field select,
.dashboard-recent-header-box .drawer-field input,
.dashboard-recent-header-box .drawer-field select{
  height:36px!important;
  min-height:36px!important;
  border-radius:12px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.same-recent-header-size .drawer-field-search input,
.same-recent-header-size .drawer-field-hotel input,
.dashboard-recent-header-box .drawer-field-hotel input{
  width:220px!important;
}
.same-recent-header-size input[type="date"],
.dashboard-recent-header-box input[type="date"]{
  width:138px!important;
}
.same-recent-header-size select,
.dashboard-recent-header-box select{
  width:120px!important;
}
.same-recent-header-size .filter-clear,
.same-recent-header-size .filter-btn,
.dashboard-recent-header-box .filter-clear,
.dashboard-recent-header-box .filter-btn{
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.same-recent-header-size .field-caption,
.dashboard-recent-header-box .field-caption{
  font-size:12px!important;
  line-height:1!important;
  margin:0!important;
  white-space:nowrap!important;
  align-self:center!important;
}
@media(max-width:1350px){
  .events-modern-head.same-recent-header-size #eventsSearchPanel.show,
  .page-section-head.same-recent-header-size #peopleSearchPanel.show,
  .events-modern-head.recent-events-toolbar.same-recent-header-size #recentEventsFilterDrawer.show,
  .dashboard-recent-header-box #dashboardFilterDrawer.show{
    max-width:48vw!important;
  }
  .same-recent-header-size .drawer-field-search input,
  .same-recent-header-size .drawer-field-hotel input,
  .dashboard-recent-header-box .drawer-field-hotel input{width:160px!important;}
}


/* 2026-05-08 driver/labour combined form layout fixes */
.person-role-checkbox-top{display:block!important;margin:4px 0 14px 0!important;padding:10px 14px!important;background:#fffaf0!important;border:1px solid #eadfcf!important;border-radius:14px!important;max-width:320px!important;clear:both!important;}
.person-role-checkbox-top .form-check{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;}
.person-role-checkbox-top .form-check-input{margin:0!important;float:none!important;width:18px!important;height:18px!important;}
.person-horizontal-form{align-items:end!important;}
.person-save-btn,.quick-save-person-btn{min-width:190px!important;min-height:48px!important;padding:12px 24px!important;border-radius:14px!important;font-weight:900!important;}
.quick-horizontal-person{padding:18px!important;}
.quick-horizontal-person h6{margin-bottom:6px!important;}
.quick-person-row{align-items:end!important;}
.quick-person-row .form-label{font-weight:800!important;margin-bottom:6px!important;}
.quick-save-person-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:4px!important;}
@media (max-width: 768px){.person-role-checkbox-top{max-width:100%!important}.person-save-btn,.quick-save-person-btn{width:100%!important}}


/* 2026-05-08 final cleanup: keep role checkbox separate and force create-person forms horizontal */
.clean-role-form,
.person-horizontal-form{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
.clean-role-form > [class*="col-"],
.person-horizontal-form > [class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
}
.clean-role-form > .col-12,
.person-horizontal-form > .col-12{grid-column:1 / -1!important;}
.clean-role-form > .col-md-2,
.person-horizontal-form > .col-md-2{grid-column:span 2!important;}
.clean-role-form > .col-md-3,
.person-horizontal-form > .col-md-3{grid-column:span 3!important;}
.clean-role-form > .col-md-6,
.person-horizontal-form > .col-md-6{grid-column:span 6!important;}
.clean-role-form > .col-md-10,
.person-horizontal-form > .col-md-10{grid-column:span 10!important;}
.clean-role-form .person-role-checkbox-top,
.person-horizontal-form .person-role-checkbox-top{
  grid-column:1 / -1!important;
  order:-10!important;
  margin:0 0 8px 0!important;
  padding:10px 16px!important;
  max-width:360px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  clear:both!important;
}
.clean-role-form .person-role-checkbox-top .form-check,
.person-horizontal-form .person-role-checkbox-top .form-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  white-space:nowrap!important;
}
.clean-role-form .person-role-checkbox-top .form-check-input,
.person-horizontal-form .person-role-checkbox-top .form-check-input{
  position:static!important;
  float:none!important;
  margin:0!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
}
.quick-horizontal-person{padding:18px 20px!important;overflow:visible!important;}
.quick-horizontal-person .person-role-checkbox-top{
  margin:8px 0 16px 0!important;
  max-width:360px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
}
.quick-person-row{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
.quick-person-row > [class*="col-"]{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
}
.quick-person-row > .col-md-2{grid-column:span 2!important;}
.quick-person-row > .col-md-3{grid-column:span 3!important;}
.quick-person-row > .col-md-5{grid-column:span 5!important;}
.quick-person-row > .col-md-8{grid-column:span 8!important;}
.quick-person-row .form-control,
.quick-person-row .form-select,
.clean-role-form .form-control,
.clean-role-form .form-select{
  width:100%!important;
}
.quick-save-person-btn,
.person-save-btn{
  min-width:220px!important;
  height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media (max-width: 1100px){
  .quick-person-row,.clean-role-form,.person-horizontal-form{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  .quick-person-row > [class*="col-"],.clean-role-form > [class*="col-"],.person-horizontal-form > [class*="col-"]{grid-column:span 6!important;}
}

/* 2026-05-08 ACTUAL FIX: Events create-new labour/driver forms must stay horizontal like normal Labours/Drivers forms */
.event-create-person-horizontal{
  padding:20px 22px!important;
  min-height:auto!important;
  overflow:visible!important;
}
.event-create-person-horizontal .event-create-role-check{
  margin:0 0 16px 0!important;
  max-width:360px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  clear:both!important;
}
.event-create-person-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  margin:0!important;
}
.event-create-person-row .event-person-field{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
.event-create-person-row .form-control,
.event-create-person-row .form-select{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
}
.cardx.p-3.mb-4.event-form-section .assign-panel .event-create-person-row{
  display:flex!important;
  flex-direction:row!important;
}
.cardx.p-3.mb-4.event-form-section .assign-panel .event-create-person-row > .event-person-field{
  width:auto!important;
  max-width:inherit!important;
  padding-left:0!important;
  padding-right:0!important;
}
#personForm .person-role-checkbox-top{
  margin:2px 0 14px 0!important;
  padding:12px 16px!important;
  max-width:360px!important;
  min-height:46px!important;
}
@media (max-width: 900px){
  .event-create-person-row .event-person-field{flex:1 1 100%!important;max-width:100%!important;}
}

/* 2026-05-08 FINAL: compact role checkbox, no oversized box */
#personForm .person-role-checkbox-top,
.clean-role-form .person-role-checkbox-top,
.person-horizontal-form .person-role-checkbox-top,
.quick-horizontal-person .person-role-checkbox-top,
.event-create-person-horizontal .event-create-role-check{
  width:fit-content!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:auto!important;
  padding:0!important;
  margin:0 0 14px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  grid-column:1 / -1!important;
}
#personForm .person-role-checkbox-top .form-check,
.clean-role-form .person-role-checkbox-top .form-check,
.person-horizontal-form .person-role-checkbox-top .form-check,
.quick-horizontal-person .person-role-checkbox-top .form-check,
.event-create-person-horizontal .event-create-role-check .form-check{
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:max-content!important;
  white-space:nowrap!important;
}
#personForm .person-role-checkbox-top .form-check-input,
.clean-role-form .person-role-checkbox-top .form-check-input,
.person-horizontal-form .person-role-checkbox-top .form-check-input,
.quick-horizontal-person .person-role-checkbox-top .form-check-input,
.event-create-person-horizontal .event-create-role-check .form-check-input{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  position:static!important;
  float:none!important;
  flex:0 0 18px!important;
}

/* 2026-05-08 ledger edit routing + save event spacing fix */
.event-form-section #assignCountStatus.assign-count-status{
  max-width:620px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  padding:14px 20px!important;
  margin:18px 0 14px 0!important;
  border-radius:16px!important;
}
.event-form-section #saveEventBtn{
  min-width:280px!important;
  width:100%!important;
  max-width:360px!important;
  min-height:54px!important;
  border-radius:18px!important;
  font-weight:950!important;
  margin:18px 0 28px auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.event-form-section form#eventForm > .col-md-2.d-flex.align-items-end:last-of-type{
  align-items:center!important;
  justify-content:flex-end!important;
  padding-right:18px!important;
  padding-bottom:16px!important;
}
.event-form-section form#eventForm > .col-md-10:has(#assignCountStatus){
  padding-bottom:18px!important;
}
.ledger-direct-update-form{
  align-items:flex-end!important;
  gap:10px!important;
  padding:14px!important;
}
.ledger-direct-update-form label{font-weight:900!important;font-size:12px!important;margin-bottom:4px!important;}
.ledger-direct-update-form .form-control{min-height:40px!important;max-width:240px!important;}
.ledger-direct-update-form .btn-dark{min-height:40px!important;min-width:110px!important;border-radius:12px!important;font-weight:900!important;}
.saved-person-ledger-table .btn-edit{white-space:nowrap!important;}


/* 2026-05-08 REAL FIX: compact event person picker + stable Save Event area */
.event-form-section .assignment-list{
  max-height:420px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding-right:6px!important;
  margin-top:8px!important;
}
.event-form-section .assignment-list .assign-item{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  padding:0!important;
}
.event-form-section .assignment-list .assign-card{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:6px 9px!important;
  border-radius:12px!important;
}
.event-form-section .assign-card > input[type="hidden"]{display:none!important;}
.event-form-section .assign-card .form-check{
  flex:0 0 260px!important;
  min-width:220px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.event-form-section .assign-card .form-check-input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  flex:0 0 16px!important;
}
.event-form-section .assign-card .form-check-label{
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.event-form-section .assign-card .small-help{
  flex:1 1 300px!important;
  min-width:220px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.event-form-section .assign-card .person-history{
  flex:1 1 220px!important;
  min-width:180px!important;
  max-width:300px!important;
  font-size:10px!important;
  line-height:1.1!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.event-form-section .assign-card .row{
  flex:0 0 auto!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
}
.event-form-section .assign-card .row>[class*="col-"]{
  flex:0 0 auto!important;
  width:auto!important;
  padding:0!important;
}
.event-form-section .assign-card input.form-control{
  height:30px!important;
  min-width:82px!important;
  max-width:118px!important;
  padding:4px 7px!important;
  font-size:11px!important;
  border-radius:9px!important;
}
.event-form-section .assign-card input[name^="description"]{
  min-width:140px!important;
  max-width:170px!important;
}
.event-form-section .assign-card .event-total-mini{
  flex:0 0 auto!important;
  font-size:10.5px!important;
  font-weight:900!important;
  margin:0!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.event-form-section .event-save-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:22px 0 34px 0!important;
  padding:0 10px 20px 10px!important;
  clear:both!important;
}
.event-form-section .event-save-actions #assignCountStatus{
  flex:0 1 520px!important;
  max-width:520px!important;
  min-height:54px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
.event-form-section .event-save-actions #saveEventBtn{
  flex:0 0 360px!important;
  width:360px!important;
  max-width:360px!important;
  min-height:56px!important;
  margin:0!important;
  border-radius:18px!important;
  font-weight:950!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:1100px){
  .event-form-section .assignment-list .assign-card{flex-wrap:wrap!important;}
  .event-form-section .assign-card .form-check,
  .event-form-section .assign-card .small-help,
  .event-form-section .assign-card .person-history{flex:1 1 100%!important;max-width:100%!important;}
  .event-form-section .event-save-actions{flex-direction:column!important;align-items:stretch!important;}
  .event-form-section .event-save-actions #saveEventBtn{width:100%!important;max-width:none!important;flex:0 0 auto!important;}
}


/* === FINAL FIX 2026-05-08: Add Event picker compact rows + Save Event alignment === */
body .event-form-section .assign-panel{
  padding:18px 20px !important;
  margin-top:16px !important;
  overflow:visible !important;
}
body .event-form-section .assign-list-area{
  margin-top:10px !important;
}
body .event-form-section .assignment-list,
body .event-form-section .row.assignment-list{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
  max-height:380px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:4px 6px 4px 0 !important;
  margin:6px 0 0 0 !important;
}
body .event-form-section .assignment-list .assign-item,
body .event-form-section .assignment-list > .assign-item,
body .event-form-section .assignment-list > [class*="col-"]{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 auto !important;
  padding:0 !important;
  margin:0 !important;
}
body .event-form-section .assignment-list .assign-card{
  width:100% !important;
  min-height:34px !important;
  padding:4px 7px !important;
  margin:0 !important;
  border-radius:10px !important;
  display:grid !important;
  grid-template-columns:minmax(210px,1.1fr) minmax(230px,1.2fr) minmax(120px,.7fr) 260px minmax(92px,.45fr) !important;
  align-items:center !important;
  gap:6px !important;
  box-sizing:border-box !important;
}
body .event-form-section .assignment-list .assign-card .form-check{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  flex:none !important;
}
body .event-form-section .assignment-list .assign-card .form-check-input{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  margin:0 !important;
}
body .event-form-section .assignment-list .assign-card .form-check-label{
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:block !important;
  min-width:0 !important;
}
body .event-form-section .assignment-list .assign-card .serial-badge{
  min-width:20px !important;
  height:20px !important;
  padding:2px 5px !important;
  font-size:10px !important;
  line-height:16px !important;
}
body .event-form-section .assignment-list .assign-card .small-help,
body .event-form-section .assignment-list .assign-card .person-history{
  display:block !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
  max-width:none !important;
  flex:none !important;
}
body .event-form-section .assignment-list .assign-card .row,
body .event-form-section .assignment-list .assign-card .row.g-2,
body .event-form-section .assignment-list .assign-card .mt-1{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}
body .event-form-section .assignment-list .assign-card .row > [class*="col-"]{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  padding:0 !important;
  margin:0 !important;
}
body .event-form-section .assignment-list .assign-card .form-control{
  height:27px !important;
  min-height:27px !important;
  padding:3px 6px !important;
  font-size:10.5px !important;
  line-height:1 !important;
  border-radius:8px !important;
}
body .event-form-section .assignment-list .assign-card input[name^="amount"]{width:78px !important; min-width:78px !important; max-width:78px !important;}
body .event-form-section .assignment-list .assign-card input[name^="days"],
body .event-form-section .assignment-list .assign-card input[name^="trips"]{width:58px !important; min-width:58px !important; max-width:58px !important;}
body .event-form-section .assignment-list .assign-card input[name^="description"]{width:105px !important; min-width:105px !important; max-width:105px !important;}
body .event-form-section .assignment-list .assign-card .event-total-mini{
  min-height:27px !important;
  margin:0 !important;
  padding:5px 7px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  text-align:center !important;
}
body .event-form-section .event-save-actions{
  width:100% !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:16px !important;
  margin:24px 0 34px 0 !important;
  padding:0 18px 24px 18px !important;
  box-sizing:border-box !important;
  clear:both !important;
}
body .event-form-section .event-save-actions #assignCountStatus,
body .event-form-section .event-save-actions #saveEventBtn{
  flex:1 1 0 !important;
  width:auto !important;
  max-width:520px !important;
  min-width:280px !important;
  min-height:58px !important;
  height:58px !important;
  margin:0 !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.1 !important;
  text-align:center !important;
}
body .event-form-section .event-save-actions #assignCountStatus{
  background:#fffdf9 !important;
  border:1px solid #eadfcf !important;
  box-shadow:0 10px 24px rgba(42,36,26,.05) !important;
}
body .event-form-section .event-save-actions #saveEventBtn{
  padding:0 34px !important;
}
@media(max-width:1280px){
  body .event-form-section .assignment-list .assign-card{
    grid-template-columns:minmax(210px,1fr) minmax(220px,1fr) 240px minmax(92px,.45fr) !important;
  }
  body .event-form-section .assignment-list .assign-card .person-history{display:none !important;}
}
@media(max-width:900px){
  body .event-form-section .assignment-list .assign-card{grid-template-columns:1fr !important; align-items:stretch !important;}
  body .event-form-section .assignment-list .assign-card .row{flex-wrap:wrap !important;}
  body .event-form-section .event-save-actions{flex-direction:column !important; align-items:stretch !important;}
  body .event-form-section .event-save-actions #assignCountStatus,
  body .event-form-section .event-save-actions #saveEventBtn{max-width:none !important; width:100% !important; min-width:0 !important;}
}

/* === 2026-05-08 final compact picker visual update: larger readable rows + role colors === */
body .event-form-section .assignment-list,
body .event-form-section .row.assignment-list{
  gap:7px !important;
  max-height:440px !important;
  padding:4px 8px 6px 0 !important;
}
body .event-form-section .assignment-list .assign-card{
  min-height:62px !important;
  height:auto !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  display:grid !important;
  grid-template-columns:minmax(260px,1.25fr) minmax(240px,1.05fr) minmax(260px,1.2fr) minmax(270px,.95fr) minmax(150px,.65fr) !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:4px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
body .event-form-section .assignment-list .assign-item[data-type="Labour"] .assign-card{
  background:#f0f8f1 !important;
  border:1px solid #b9dfbf !important;
  box-shadow:0 8px 18px rgba(22,101,52,.055) !important;
}
body .event-form-section .assignment-list .assign-item[data-type="Driver"] .assign-card{
  background:#f5f1ff !important;
  border:1px solid #d6c9f5 !important;
  box-shadow:0 8px 18px rgba(91,33,182,.055) !important;
}
body .event-form-section .assignment-list .assign-card .form-check{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body .event-form-section .assignment-list .assign-card .form-check-label{
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  color:#1f2937 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body .event-form-section .assignment-list .assign-card .serial-badge{
  min-width:24px !important;
  height:24px !important;
  padding:3px 7px !important;
  font-size:11px !important;
  line-height:18px !important;
}
body .event-form-section .assignment-list .assign-card .small-help{
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#475569 !important;
}
body .event-form-section .assignment-list .assign-card .person-history{
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#6b4f16 !important;
}
body .event-form-section .assignment-list .assign-card .row,
body .event-form-section .assignment-list .assign-card .row.g-2,
body .event-form-section .assignment-list .assign-card .mt-1{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
}
body .event-form-section .assignment-list .assign-card .form-control{
  height:34px !important;
  min-height:34px !important;
  padding:5px 8px !important;
  border-radius:10px !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  text-align:center !important;
}
body .event-form-section .assignment-list .assign-card input[name^="amount"]{
  width:90px !important;
  min-width:90px !important;
  max-width:90px !important;
  font-size:13px !important;
}
body .event-form-section .assignment-list .assign-card input[name^="days"],
body .event-form-section .assignment-list .assign-card input[name^="trips"]{
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
}
body .event-form-section .assignment-list .assign-card input[name^="description"]{
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  text-align:left !important;
}
body .event-form-section .assignment-list .assign-card .event-total-mini{
  min-height:34px !important;
  height:34px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  text-align:center !important;
  justify-self:end !important;
  min-width:145px !important;
  background:#fffdf7 !important;
  border:1px solid #eadfcf !important;
}
body .event-form-section .event-save-actions{
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:16px !important;
  margin:24px 0 36px 0 !important;
  padding:0 18px 26px 18px !important;
}
body .event-form-section .event-save-actions #assignCountStatus,
body .event-form-section .event-save-actions #saveEventBtn{
  flex:0 0 520px !important;
  width:520px !important;
  max-width:520px !important;
  min-width:0 !important;
  height:58px !important;
  min-height:58px !important;
  margin:0 !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
@media(max-width:1320px){
  body .event-form-section .assignment-list .assign-card{
    grid-template-columns:minmax(240px,1.2fr) minmax(210px,1fr) minmax(240px,1fr) minmax(260px,.9fr) minmax(145px,.6fr) !important;
  }
  body .event-form-section .event-save-actions #assignCountStatus,
  body .event-form-section .event-save-actions #saveEventBtn{flex:1 1 0 !important;width:auto !important;max-width:520px !important;}
}
@media(max-width:1050px){
  body .event-form-section .assignment-list .assign-card{grid-template-columns:1fr !important;align-items:stretch !important;}
  body .event-form-section .assignment-list .assign-card .row{justify-content:flex-start !important;flex-wrap:wrap !important;}
  body .event-form-section .assignment-list .assign-card .event-total-mini{justify-self:start !important;}
  body .event-form-section .event-save-actions{flex-direction:column !important;align-items:stretch !important;}
  body .event-form-section .event-save-actions #assignCountStatus,
  body .event-form-section .event-save-actions #saveEventBtn{width:100% !important;max-width:none !important;flex:0 0 auto !important;}
}

/* === 2026-05-08 FINAL: event assignment row-wise compact layout requested === */
body .event-form-section .assignment-list,
body .event-form-section .row.assignment-list{
  gap:6px!important;
}
body .event-form-section .assignment-list .assign-card{
  min-height:48px!important;
  height:48px!important;
  padding:6px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.2fr) minmax(420px,2fr) auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  overflow:hidden!important;
}
body .event-form-section .assignment-list .assign-person-block,
body .event-form-section .assignment-list .assign-role-history,
body .event-form-section .assignment-list .assign-fields,
body .event-form-section .assignment-list .event-total-mini{
  min-width:0!important;
  margin:0!important;
}
body .event-form-section .assignment-list .assign-main-name{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  min-width:0!important;
}
body .event-form-section .assignment-list .form-check-label{
  font-size:13.5px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .event-form-section .assignment-list .assign-role-history{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#4b4035!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
body .event-form-section .assignment-list .role-inline{
  font-weight:950!important;
  flex:0 0 auto!important;
}
body .event-form-section .assignment-list .person-history-inline{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .event-form-section .assignment-list .assign-fields{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
body .event-form-section .assignment-list .assign-card .form-control{
  height:32px!important;
  min-height:32px!important;
  padding:5px 7px!important;
  font-size:12.5px!important;
  font-weight:900!important;
  text-align:center!important;
  border-radius:9px!important;
}
body .event-form-section .assignment-list .assign-card input[name^="amount"]{
  width:88px!important;min-width:88px!important;max-width:88px!important;font-size:13px!important;
}
body .event-form-section .assignment-list .assign-card input[name^="days"],
body .event-form-section .assignment-list .assign-card input[name^="trips"]{
  width:54px!important;min-width:54px!important;max-width:54px!important;
}
body .event-form-section .assignment-list .assign-card input[name^="description"]{
  width:92px!important;min-width:92px!important;max-width:92px!important;
}
body .event-form-section .assignment-list .assign-card .event-total-mini{
  height:32px!important;
  min-height:32px!important;
  min-width:145px!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:950!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
body .event-form-section .event-save-actions{
  align-items:center!important;
  gap:14px!important;
  margin:18px 0 30px 0!important;
  padding:0 18px 28px 18px!important;
}
body .event-form-section .event-save-actions #assignCountStatus{
  height:52px!important;
  min-height:52px!important;
  max-width:520px!important;
  border-radius:16px!important;
}
body .event-form-section .event-save-actions #saveEventBtn{
  height:52px!important;
  min-height:52px!important;
  max-width:240px!important;
  min-width:190px!important;
  flex:0 0 240px!important;
  border-radius:16px!important;
  font-size:15px!important;
  font-weight:950!important;
}
@media(max-width:1180px){
  body .event-form-section .assignment-list .assign-card{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;gap:7px!important;align-items:stretch!important;}
  body .event-form-section .assignment-list .assign-role-history{justify-content:flex-start!important;text-align:left!important;}
  body .event-form-section .assignment-list .assign-fields{justify-content:flex-start!important;}
  body .event-form-section .event-save-actions{flex-direction:column!important;align-items:stretch!important;}
  body .event-form-section .event-save-actions #assignCountStatus,
  body .event-form-section .event-save-actions #saveEventBtn{max-width:none!important;width:100%!important;flex:0 0 auto!important;}
}

/* === 2026-05-08 TRUE FINAL: picker rows, tabs, close buttons, save event === */
body .event-form-section .assign-tabs .assign-tab[data-type="Labour"],
body .event-form-section .assign-tabs .assign-tab[data-type="Driver"],
body .event-form-section .assign-tabs .assign-tab[data-type="All"]{
  min-height:36px!important;
  padding:7px 14px!important;
  border-radius:12px!important;
  font-weight:900!important;
}
body .event-form-section .assignment-list,
body .event-form-section .row.assignment-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
body .event-form-section .assignment-list .assign-item{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  padding:0!important;
}
body .event-form-section .assignment-list .assign-card{
  width:100%!important;
  max-width:100%!important;
  min-height:46px!important;
  height:46px!important;
  padding:5px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(290px,1.45fr) minmax(420px,2fr) minmax(365px,auto) minmax(165px,auto)!important;
  align-items:center!important;
  gap:9px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
}
body .event-form-section .assignment-list .assign-card-labour{background:#edf8ef!important;border-color:#bcdcc3!important;}
body .event-form-section .assignment-list .assign-card-driver{background:#f4effb!important;border-color:#d9cbed!important;}
body .event-form-section .assignment-list .assign-person-block,
body .event-form-section .assignment-list .assign-role-history,
body .event-form-section .assignment-list .assign-fields,
body .event-form-section .assignment-list .event-total-mini{
  margin:0!important;
  min-width:0!important;
}
body .event-form-section .assignment-list .assign-main-name{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
body .event-form-section .assignment-list .assign-check{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
}
body .event-form-section .assignment-list .assign-card .form-check-label{
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .event-form-section .assignment-list .serial-badge{
  font-size:11px!important;
  padding:3px 7px!important;
  min-width:34px!important;
}
body .event-form-section .assignment-list .assign-role-history{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:3px!important;
  font-size:13.5px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .event-form-section .assignment-list .role-inline{
  font-size:13.5px!important;
  font-weight:950!important;
  flex:0 0 auto!important;
}
body .event-form-section .assignment-list .person-history-inline{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body .event-form-section .assignment-list .assign-fields{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
body .event-form-section .assignment-list .assign-card .form-control{
  height:32px!important;
  min-height:32px!important;
  padding:5px 7px!important;
  font-size:13px!important;
  font-weight:900!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
body .event-form-section .assignment-list .assign-card input[name^="amount"]{
  width:96px!important;min-width:96px!important;max-width:96px!important;
  font-size:14px!important;
}
body .event-form-section .assignment-list .assign-card input[name^="days"],
body .event-form-section .assignment-list .assign-card input[name^="trips"]{
  width:58px!important;min-width:58px!important;max-width:58px!important;
}
body .event-form-section .assignment-list .assign-card input[name^="description"]{
  width:185px!important;min-width:185px!important;max-width:185px!important;
  text-align:center!important;
}
body .event-form-section .assignment-list .event-total-mini{
  height:32px!important;
  min-height:32px!important;
  min-width:165px!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13.5px!important;
  font-weight:950!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  background:#fffdf7!important;
  border:1px solid #eadfcf!important;
  box-sizing:border-box!important;
}
body .event-form-section .event-save-actions{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:14px!important;
  margin:22px 0 36px 0!important;
  padding:0 24px 34px 24px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
body .event-form-section .event-save-actions #assignCountStatus{
  flex:0 0 520px!important;
  width:520px!important;
  max-width:520px!important;
  min-height:56px!important;
  height:56px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  font-weight:950!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body .event-form-section .event-save-actions #saveEventBtn,
body .event-form-section button#saveEventBtn.btn.btn-dark.btn-action{
  flex:0 0 210px!important;
  width:210px!important;
  max-width:210px!important;
  min-width:210px!important;
  min-height:56px!important;
  height:56px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 28px!important;
  margin:0!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
body .event-form-section .quick-person-box .new-person-close,
body .event-form-section .assign-list-toggle.btn-close-x{
  cursor:pointer!important;
  z-index:20!important;
  pointer-events:auto!important;
}
@media(max-width:1280px){
  body .event-form-section .assignment-list .assign-card{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    align-items:stretch!important;
    gap:7px!important;
  }
  body .event-form-section .assignment-list .assign-role-history{justify-content:flex-start!important;text-align:left!important;}
  body .event-form-section .assignment-list .assign-fields{justify-content:flex-start!important;flex-wrap:wrap!important;}
  body .event-form-section .event-save-actions{flex-direction:column!important;align-items:stretch!important;}
  body .event-form-section .event-save-actions #assignCountStatus,
  body .event-form-section .event-save-actions #saveEventBtn{width:100%!important;max-width:none!important;flex:0 0 auto!important;}
}

/* 2026-05-08: force Events assignment tab filtering to show only selected role */
body .assignment-list .assign-item[style*="display: none"]{display:none!important;}
body .assign-tab.active{pointer-events:auto!important;}


/* === 2026-05-08 USER FINAL: universal labour/driver colors + payment event list + Save Event same size === */
/* Labour/Driver soft colors everywhere */
.role-labour,
.table tbody tr.person-row-labour td:first-child,
body .labours-list-card table tbody tr,
body .event-form-section .assignment-list .assign-item[data-type="Labour"] .assign-card,
body .payment-event-person-row[data-role="Labour"],
body .payment-person-row[data-type="Labour"],
body .person-card-wrap[data-type="Labour"] .picker-card{
  background:#edf8ef!important;
  border-color:#bcdcc3!important;
}
.role-driver,
body .drivers-list-card table tbody tr,
body .event-form-section .assignment-list .assign-item[data-type="Driver"] .assign-card,
body .payment-event-person-row[data-role="Driver"],
body .payment-person-row[data-type="Driver"],
body .person-card-wrap[data-type="Driver"] .picker-card{
  background:#f4effb!important;
  border-color:#d9cbed!important;
}
.role-labour{color:#166534!important;border:1px solid #bcdcc3!important;background:#edf8ef!important;}
.role-driver{color:#5b21b6!important;border:1px solid #d9cbed!important;background:#f4effb!important;}

/* Add Event picker: final compact single-row layout */
body .event-form-section .assignment-list .assign-card{
  height:46px!important;
  min-height:46px!important;
  padding:5px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(290px,1.35fr) minmax(420px,2fr) minmax(365px,auto) minmax(165px,auto)!important;
  align-items:center!important;
  gap:9px!important;
  overflow:hidden!important;
}
body .event-form-section .assignment-list .assign-role-history{justify-content:center!important;text-align:center!important;}
body .event-form-section .assignment-list .assign-fields{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;}
body .event-form-section .assignment-list .assign-fields .form-control{height:32px!important;text-align:center!important;}

/* Save Event must match the Assigned / Total Balance box size */
body .event-form-section .event-save-actions{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:14px!important;
  margin:22px 0 38px 0!important;
  padding:0 24px 38px 24px!important;
}
body .event-form-section .event-save-actions #assignCountStatus,
body .event-form-section .event-save-actions #saveEventBtn,
body .event-form-section button#saveEventBtn.btn.btn-dark.btn-action{
  flex:0 0 520px!important;
  width:520px!important;
  max-width:520px!important;
  min-width:520px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 34px!important;
  margin:0!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
@media(max-width:1180px){
  body .event-form-section .event-save-actions{flex-direction:column!important;align-items:stretch!important;}
  body .event-form-section .event-save-actions #assignCountStatus,
  body .event-form-section .event-save-actions #saveEventBtn,
  body .event-form-section button#saveEventBtn.btn.btn-dark.btn-action{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;}
}

/* Payments & Cost Accounts event person list: same compact row style as Add Event picker */
#eventPeopleBox .payment-event-person-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  max-height:430px!important;
  overflow-y:auto!important;
  padding-right:6px!important;
}
#eventPeopleBox .payment-event-person-row{
  min-height:46px!important;
  padding:5px 10px!important;
  border:1px solid #eadfcf!important;
  border-radius:12px!important;
  display:grid!important;
  grid-template-columns:minmax(290px,1.35fr) minmax(360px,1.65fr) minmax(365px,auto) minmax(165px,auto)!important;
  align-items:center!important;
  gap:9px!important;
  overflow:hidden!important;
}
#eventPeopleBox .payment-event-name,
#eventPeopleBox .payment-event-meta{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-weight:950!important;
  line-height:1!important;
}
#eventPeopleBox .payment-event-meta{font-size:13px!important;color:#4b4035!important;text-align:center!important;}
#eventPeopleBox .payment-person-grid{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
#eventPeopleBox .payment-person-grid .form-control{
  height:32px!important;
  min-height:32px!important;
  padding:5px 7px!important;
  font-size:13px!important;
  font-weight:900!important;
  border-radius:9px!important;
  text-align:center!important;
  margin:0!important;
}
#eventPeopleBox .payment-person-grid .event-person-amount{width:96px!important;min-width:96px!important;max-width:96px!important;}
#eventPeopleBox .payment-person-grid .paid-person-comment{width:185px!important;min-width:185px!important;max-width:185px!important;}
#eventPeopleBox .payment-event-total{
  height:32px!important;
  min-height:32px!important;
  min-width:165px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#fffdf7!important;
  border:1px solid #eadfcf!important;
  font-weight:950!important;
  font-size:13.5px!important;
  white-space:nowrap!important;
}
#eventPeopleBox .payment-check-row{margin:0!important;display:inline-flex!important;align-items:center!important;gap:7px!important;}
#eventPeopleBox .payment-check-row input{width:16px!important;height:16px!important;margin:0!important;}
@media(max-width:1180px){
  #eventPeopleBox .payment-event-person-row{grid-template-columns:1fr!important;align-items:stretch!important;height:auto!important;}
  #eventPeopleBox .payment-event-meta{text-align:left!important;}
  #eventPeopleBox .payment-person-grid{justify-content:flex-start!important;flex-wrap:wrap!important;}
}