:root{
  --brand:#e4572e;--brand-dark:#c43f1b;--brand-soft:rgba(228,87,46,.12);--accent:#f4a259;
  --sidebar-bg:#1d1a17;--sidebar-text:#b9b1a8;--sidebar-w:264px;
  --bg:#f6f3ef;--surface:#fff;--surface-2:#faf8f5;--text:#2b2623;--muted:#8a8178;--border:#ece6df;--shadow:0 4px 18px rgba(40,25,10,.07);
  --radius:14px;--bs-body-font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
[data-bs-theme=dark]{
  --bg:#141210;--surface:#1e1b18;--surface-2:#252120;--text:#efe9e2;--muted:#9c9389;--border:#332e2a;--shadow:0 4px 18px rgba(0,0,0,.4);
  --sidebar-bg:#0f0d0c;--brand-soft:rgba(228,87,46,.2);
  --bs-body-bg:#141210;--bs-body-color:#efe9e2;--bs-border-color:#332e2a;--bs-tertiary-bg:#252120;
}
body.admin-body{background:var(--bg);color:var(--text);font-size:.92rem}
a{color:var(--brand)}a:hover{color:var(--brand-dark)}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.btn-brand:hover,.btn-brand:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.btn-outline-brand{border-color:var(--brand);color:var(--brand)}.btn-outline-brand:hover{background:var(--brand);color:#fff}
.text-brand{color:var(--brand)!important}.bg-brand-soft{background:var(--brand-soft)}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(228,87,46,.18)}
.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}
.text-bg-teal{background:#14a085!important;color:#fff!important}

/* Sidebar */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:1040;transition:transform .25s}
.sidebar .brand{display:flex;align-items:center;gap:.7rem;padding:1.15rem 1.3rem;color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06)}
.sidebar .brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;font-size:1.1rem;overflow:hidden}
.sidebar .brand img{width:100%;height:100%;object-fit:cover}
.sidebar nav{flex:1;overflow-y:auto;padding:.8rem .7rem 1.5rem}
.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#443d37;border-radius:4px}
.sidebar .nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6d655d;padding:.9rem .8rem .3rem}
.sidebar a.nl{display:flex;align-items:center;gap:.8rem;padding:.6rem .85rem;border-radius:10px;color:var(--sidebar-text);text-decoration:none;font-weight:500;margin-bottom:2px;transition:.15s}
.sidebar a.nl i{width:20px;text-align:center;font-size:.95rem}
.sidebar a.nl:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(2px)}
.sidebar a.nl.active{background:linear-gradient(90deg,var(--brand),#f07a4d);color:#fff;box-shadow:0 6px 16px rgba(228,87,46,.35)}
.sidebar .badge-count{margin-left:auto;background:var(--brand);color:#fff;font-size:.68rem;border-radius:20px;padding:.1rem .45rem}
.sidebar a.nl.active .badge-count{background:#fff;color:var(--brand)}
.main{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column;transition:margin .25s}
body.sidebar-collapsed .sidebar{transform:translateX(-100%)}body.sidebar-collapsed .main{margin-left:0}
.backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1035}
@media(max-width:991px){
  .sidebar{transform:translateX(-100%)}.main{margin-left:0}
  body.sidebar-open .sidebar{transform:none}body.sidebar-open .backdrop{display:block}
  body.sidebar-collapsed .sidebar{transform:translateX(-100%)}
}
/* Topbar */
.topbar{position:sticky;top:0;z-index:1030;background:var(--surface);border-bottom:1px solid var(--border);padding:.65rem 1.4rem;display:flex;align-items:center;gap:1rem}
.topbar .icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);display:grid;place-items:center;position:relative;transition:.15s}
.topbar .icon-btn:hover{border-color:var(--brand);color:var(--brand)}
.topbar .dot{position:absolute;top:-5px;right:-5px;background:var(--brand);color:#fff;border-radius:20px;font-size:.62rem;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;font-weight:700}
.search-box{position:relative;flex:1;max-width:420px}
.search-box input{padding-left:2.4rem;border-radius:11px;background:var(--surface-2)}
.search-box>i{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.search-results{position:absolute;top:110%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none;z-index:50;max-height:380px;overflow:auto}
.search-results a{display:flex;gap:.7rem;align-items:center;padding:.6rem .9rem;color:var(--text);text-decoration:none}
.search-results a:hover{background:var(--surface-2)}
.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:grid;place-items:center;font-weight:700}
.content{padding:1.5rem;flex:1}
.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.3rem}
.page-head h1{font-size:1.45rem;font-weight:700;margin:0}
.page-head .sub{color:var(--muted);font-size:.85rem}
/* Cards */
.card-soft{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-soft .card-head{padding:1rem 1.2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.card-soft .card-head h5{margin:0;font-size:1rem;font-weight:700}
.card-soft .card-body-p{padding:1.2rem}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:.2s;height:100%;position:relative;overflow:hidden}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(40,25,10,.12)}
.stat-card .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:var(--c,var(--brand));flex:none;box-shadow:0 8px 18px color-mix(in srgb,var(--c,var(--brand)) 40%,transparent)}
.stat-card .val{font-size:1.5rem;font-weight:800;line-height:1.1}
.stat-card .lbl{color:var(--muted);font-size:.8rem;font-weight:500}
.stat-card::after{content:"";position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:var(--c,var(--brand));opacity:.07}
/* Tables */
.table-modern{margin:0;--bs-table-bg:transparent;--bs-table-color:var(--text)}
.table-modern thead th{background:var(--surface-2);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap;padding:.8rem 1rem}
.table-modern td{padding:.75rem 1rem;vertical-align:middle;border-color:var(--border)}
.table-modern tbody tr{transition:.12s}.table-modern tbody tr:hover{background:var(--surface-2)}
.table-modern th.sortable{cursor:pointer}.table-modern th.sortable:hover{color:var(--brand)}
.thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--surface-2)}
.act-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:inline-grid;place-items:center;transition:.15s;font-size:.8rem}
.act-btn:hover{color:#fff;background:var(--brand);border-color:var(--brand)}
.act-btn.danger:hover{background:#dc3545;border-color:#dc3545}
.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 1.2rem;align-items:center}
.toolbar .form-control,.toolbar .form-select{width:auto;min-width:150px;border-radius:10px}
.pager{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border-top:1px solid var(--border);color:var(--muted)}
.pagination{margin:0}.page-link{color:var(--text);background:var(--surface);border-color:var(--border)}
.page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}
.empty{padding:3rem 1rem;text-align:center;color:var(--muted)}.empty i{font-size:2.4rem;opacity:.4;margin-bottom:.6rem;display:block}
.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px;height:14px}
@keyframes sk{to{background-position:-200% 0}}
.modal-content{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}
.modal-header,.modal-footer{border-color:var(--border)}
.status-tabs{display:flex;gap:.5rem;flex-wrap:wrap;padding:.9rem 1.2rem;border-bottom:1px solid var(--border)}
.status-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:30px;padding:.35rem .9rem;font-weight:600;font-size:.82rem;cursor:pointer;transition:.15s}
.status-tab .n{background:var(--surface-2);border-radius:20px;padding:0 .5rem;margin-left:.3rem;font-size:.75rem}
.status-tab:hover{border-color:var(--brand)}
.status-tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.status-tab.active .n{background:rgba(255,255,255,.25)}
/* Toast */
.toast-wrap{position:fixed;top:1rem;right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.6rem;max-width:calc(100vw - 2rem)}
.toast-x{background:var(--surface);color:var(--text);border-left:5px solid var(--brand);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:.8rem 1rem;display:flex;gap:.7rem;align-items:flex-start;min-width:280px;animation:slideIn .3s}
.toast-x.success{border-color:#2fb96b}.toast-x.error{border-color:#dc3545}.toast-x.info{border-color:#0dcaf0}
.toast-x i{margin-top:2px}.toast-x.success i{color:#2fb96b}.toast-x.error i{color:#dc3545}.toast-x.info i{color:#0dcaf0}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}}
.notif-dd{width:360px;max-width:92vw;padding:0;border-radius:14px;overflow:hidden}
.notif-item{display:flex;gap:.7rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}
.notif-item:hover{background:var(--surface-2)}.notif-item.unread{background:var(--brand-soft)}
.notif-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex:none}

/* Kitchen display */
.kds-board{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:1rem;overflow-x:auto;align-items:start}
.kds-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem;min-height:60vh}
.kds-col h6{display:flex;justify-content:space-between;align-items:center;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;margin-bottom:.8rem}
.kds-col h6 .cnt{background:var(--c);color:#fff;border-radius:20px;padding:.1rem .6rem}
.kds-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--c);border-radius:12px;padding:.9rem;margin-bottom:.8rem;box-shadow:var(--shadow);animation:slideIn .3s}
.kds-card.late{border-top-color:#dc3545;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(220,53,69,.25)}}
.kds-card .num{font-weight:800;font-size:1rem}.kds-card ul{list-style:none;padding:0;margin:.6rem 0}
.kds-card li{display:flex;gap:.5rem;padding:.25rem 0;border-bottom:1px dashed var(--border)}
.kds-card li b{color:var(--brand);min-width:26px}
.kds-note{background:#fff4d6;color:#7a5b00;border-radius:8px;padding:.35rem .6rem;font-size:.8rem;margin:.4rem 0}
[data-bs-theme=dark] .kds-note{background:#3b3115;color:#f1d58a}
.kds-new{--c:#0dcaf0}.kds-prep{--c:#e4572e}.kds-ready{--c:#2fb96b}.kds-done{--c:#8a8178}
@media(max-width:991px){.kds-board{grid-template-columns:repeat(4,285px)}}

/* POS */
.pos-wrap{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:1.2rem;align-items:start}
@media(max-width:1199px){.pos-wrap{grid-template-columns:minmax(0,1fr)}.pos-cart{position:static!important;max-height:none!important}}
.cat-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.4rem}
.cat-pill{flex:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:30px;padding:.45rem 1rem;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap}
.cat-pill:hover{border-color:var(--brand)}.cat-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.9rem}
.food-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:.2s;box-shadow:var(--shadow);position:relative}
.food-card:hover{transform:translateY(-4px);border-color:var(--brand)}
.food-card img{width:100%;height:110px;object-fit:cover;background:var(--surface-2)}
.food-card .b{padding:.6rem .75rem}.food-card .n{font-weight:600;font-size:.86rem;line-height:1.25;height:2.15em;overflow:hidden}
.food-card .p{color:var(--brand);font-weight:800}
.food-card .left{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;border-radius:20px;font-size:.68rem;padding:.1rem .5rem}
.pos-cart{position:sticky;top:84px;max-height:calc(100vh - 104px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}
.cart-lines{flex:1 1 auto;overflow-y:auto;padding:.4rem 1rem;min-height:120px;max-height:34vh}
#placeBtn{position:sticky;bottom:.5rem;z-index:2;box-shadow:0 -6px 12px var(--surface,#fff)}
.cart-line{display:flex;gap:.7rem;padding:.65rem 0;border-bottom:1px dashed var(--border);align-items:center}
.cart-line img{width:44px;height:44px;border-radius:9px;object-fit:cover}
.qty-ctl{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.qty-ctl button{border:0;background:var(--surface-2);color:var(--text);width:26px;height:26px;font-weight:700}
.qty-ctl button:hover{background:var(--brand);color:#fff}.qty-ctl span{min-width:28px;text-align:center;font-weight:600}
.totals-row{display:flex;justify-content:space-between;padding:.15rem 0}
.totals-row.grand{font-size:1.2rem;font-weight:800;border-top:2px dashed var(--border);margin-top:.4rem;padding-top:.6rem;color:var(--brand)}
.pay-opt{flex:1;border:1px solid var(--border);border-radius:10px;padding:.5rem .3rem;text-align:center;cursor:pointer;font-size:.78rem;font-weight:600;background:var(--surface);color:var(--text)}
.pay-opt i{display:block;font-size:1.1rem;margin-bottom:2px}.pay-opt.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}

/* Floor plan */
.floor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:1.2rem;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:22px 22px}
.floor h6{font-weight:700;margin-bottom:1rem}
.floor-grid{display:flex;flex-wrap:wrap;gap:1.2rem}
.tbl{width:128px;border-radius:16px;padding:.8rem .6rem;text-align:center;cursor:pointer;transition:.2s;border:2px solid var(--c);background:color-mix(in srgb,var(--c) 10%,var(--surface));position:relative;box-shadow:var(--shadow)}
.tbl:hover{transform:translateY(-4px) scale(1.03)}
.tbl .no{font-size:1.4rem;font-weight:800;color:var(--c)}.tbl .cap{font-size:.78rem;color:var(--muted)}
.tbl .st{font-size:.68rem;text-transform:uppercase;font-weight:700;color:var(--c);letter-spacing:.05em}
.tbl.round{border-radius:50%;width:122px;height:122px;display:flex;flex-direction:column;justify-content:center;padding:.4rem}
.tbl.wide{width:190px}
.tbl .info{font-size:.7rem;margin-top:.2rem;color:var(--text)}
.tbl.available{--c:#2fb96b}.tbl.occupied{--c:#dc3545}.tbl.reserved{--c:#f0a30a}.tbl.cleaning{--c:#8a8178}
.legend{display:flex;gap:1rem;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block}
/* misc */
.chart-box{position:relative;height:300px}
.list-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.list-item:last-child{border:0}
.progress{background:var(--surface-2)}.progress-bar{background:var(--brand)}
.pill-tabs .nav-link{color:var(--text);border-radius:30px;font-weight:600}.pill-tabs .nav-link.active{background:var(--brand);color:#fff}
.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.login-art{background:linear-gradient(135deg,rgba(29,26,23,.55),rgba(228,87,46,.55)),url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1400&q=70') center/cover,#2a211b;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem}
.login-form{display:grid;place-items:center;padding:2rem;background:var(--bg)}
@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-art{display:none}}
.perm-grid th,.perm-grid td{text-align:center;font-size:.82rem}.perm-grid td:first-child,.perm-grid th:first-child{text-align:left}
@media print{.sidebar,.topbar,.no-print,.backdrop,.toast-wrap{display:none!important}.main{margin:0!important}.content{padding:0!important}.card-soft{box-shadow:none;border:0}body.admin-body{background:#fff;color:#000}}

.stat-card .val{font-size:clamp(1.15rem,2.4vw,1.5rem);word-break:break-word}.stat-card>div:last-child{min-width:0}

/* Top dropdown navigation (replaces the sidebar) */
.sidebar,.backdrop{display:none!important}
.main,body.sidebar-collapsed .main{margin-left:0}
.brand-top{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;color:var(--text);text-decoration:none;max-width:210px}
.brand-top .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;overflow:hidden;flex:none}
.brand-top img{width:100%;height:100%;object-fit:cover}
.nav-menu{width:min(720px,94vw);padding:1rem;border-radius:16px;border:1px solid var(--border);background:var(--surface);max-height:80vh;overflow:auto}
.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem 1.2rem}
.nav-menu .nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.3rem .6rem}
.nav-menu a.nl{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:10px;color:var(--text);text-decoration:none;font-weight:500}
.nav-menu a.nl i{width:20px;text-align:center;color:var(--brand)}
.nav-menu a.nl:hover{background:var(--brand-soft)}
.nav-menu a.nl.active{background:var(--brand);color:#fff}.nav-menu a.nl.active i{color:#fff}
.nav-menu .badge-count{margin-left:auto;background:var(--brand);color:#fff;font-size:.68rem;border-radius:20px;padding:.1rem .45rem}
.food-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow)}
.food-card .sel-badge{position:absolute;top:8px;left:8px;background:var(--brand);color:#fff;border-radius:20px;min-width:26px;height:26px;display:none;place-items:center;font-weight:700;font-size:.8rem;padding:0 7px}
.food-card.selected .sel-badge{display:grid}
.table-modern tbody tr.sel{background:var(--brand-soft)}
@media(max-width:991px){.topbar{flex-wrap:wrap}}
.lang-sw{display:inline-flex;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:var(--surface-2)}
.lang-sw button{border:0;background:transparent;color:var(--text);padding:.45rem .7rem;font-weight:600;font-size:.8rem}
.lang-sw button.active{background:var(--brand);color:#fff}

/* Responsive: tables with .table-cards become stacked cards on small screens */
.table-responsive{-webkit-overflow-scrolling:touch}
.status-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.status-tab{white-space:nowrap;flex:none}
@media(max-width:991px){
  .content{padding:1rem}
  .toolbar{padding:.8rem}
  .toolbar .search-box{max-width:none!important;flex:1 1 100%}
  .toolbar .form-control,.toolbar .form-select{flex:1 1 140px;min-width:0;width:100%}
}
@media(max-width:767px){
  .page-head h1{font-size:1.2rem}
  .page-head .btn{width:100%}
  .toolbar .btn{flex:1 1 100%;margin-left:0!important}
  .table-cards thead{display:none}
  .table-cards,.table-cards tbody{display:block;width:100%}
  .table-cards tbody tr{display:block;margin:.7rem;padding:.4rem .9rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
  .table-cards tbody tr:hover{background:var(--surface)}
  .table-cards td{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border:0;border-bottom:1px dashed var(--border);text-align:right;max-width:none!important}
  .table-cards td:last-child{border-bottom:0;justify-content:flex-end}
  .table-cards td[data-label]::before{content:attr(data-label);flex:none;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:left}
  .table-cards td.cell-items{white-space:normal;overflow:visible;text-overflow:clip}
  .table-cards td[colspan]{display:block;text-align:center;border:0}
  .modal-dialog{margin:.5rem}
  .modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 45%}.modal-footer .me-auto{margin-right:0!important}
}