/* =========================================================
   Venues.me Admin — modern theme (Bootstrap 5)
   Brand colors from the logo: magenta #A12172, plum #410F36
   ========================================================= */
:root{
  --vm-primary:#A12172; --vm-primary-rgb:161,33,114;
  --vm-plum:#410F36; --vm-ink:#1E0A1B;
  --vm-violet:#6D28D9; --vm-pink:#E0569F;
  --vm-grad:linear-gradient(135deg,#A12172 0%,#410F36 100%);
  --vm-soft:#FBEAF4; --vm-bg:#F6F3F8; --vm-card:#FFFFFF; --vm-line:#EEE7F0;
  --vm-muted:#8B7E8C; --vm-text:#24121F;
  --vm-shadow:0 1px 2px rgba(65,15,54,.04),0 8px 24px -12px rgba(65,15,54,.12);
  --vm-radius:18px;
  --bs-primary:var(--vm-primary); --bs-primary-rgb:var(--vm-primary-rgb);
  --bs-link-color:var(--vm-primary); --bs-link-hover-color:var(--vm-plum);
  /* same font as venues.me, for English and Arabic */
  --font-geist-sans:"Geist";
  --vm-font:var(--font-geist-sans),"Montserrat",Arial,sans-serif;
  --bs-body-font-family:var(--vm-font);
  --vm-font-ar:var(--vm-font);
  --bs-body-color:var(--vm-text); --bs-body-bg:var(--vm-bg);
  --bs-border-color:var(--vm-line); --bs-border-radius:.75rem; --bs-border-radius-sm:.6rem;
}
[data-bs-theme=dark]{
  --vm-primary:#E0569F; --vm-primary-rgb:224,86,159;
  --vm-soft:#3A1632; --vm-bg:#120A12; --vm-card:#1C111B; --vm-line:#2E1D2C;
  --vm-muted:#A897A6; --vm-text:#F4EAF2;
  --vm-shadow:0 8px 24px -12px rgba(0,0,0,.6);
  --bs-body-bg:var(--vm-bg); --bs-body-color:var(--vm-text); --bs-border-color:var(--vm-line);
  --bs-secondary-bg:#241622; --bs-tertiary-bg:#201420;
}
body{font-size:14px;background:var(--vm-bg);color:var(--vm-text);-webkit-font-smoothing:antialiased}
[lang=ar],[dir=rtl],.chip-ar,td .ar,.ar{font-family:var(--vm-font-ar)}
h1,h2,h5,h6,.h4,.h6{color:var(--vm-text)!important;font-weight:800;letter-spacing:-.01em}
.min-w-0{min-width:0}
.opt{color:var(--vm-muted);font-weight:500;font-size:12px}
.text-body-secondary{color:var(--vm-muted)!important}

/* ---------- buttons ---------- */
.btn{font-weight:600;border-radius:.7rem}
.btn-primary{--bs-btn-bg:var(--vm-primary);--bs-btn-border-color:var(--vm-primary);--bs-btn-hover-bg:var(--vm-plum);--bs-btn-hover-border-color:var(--vm-plum);--bs-btn-active-bg:var(--vm-plum);--bs-btn-active-border-color:var(--vm-plum);--bs-btn-disabled-bg:var(--vm-primary);--bs-btn-disabled-border-color:var(--vm-primary);background:var(--vm-grad)!important;border:0!important;color:#fff!important;box-shadow:0 6px 16px -6px rgba(var(--vm-primary-rgb),.6)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-grad{background:var(--vm-grad);color:#fff;border:0;box-shadow:0 6px 16px -6px rgba(var(--vm-primary-rgb),.6)}
.btn-grad:hover{color:#fff;filter:brightness(1.08)}
.btn-outline-primary{--bs-btn-color:var(--vm-primary);--bs-btn-border-color:rgba(var(--vm-primary-rgb),.35);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--vm-primary);--bs-btn-hover-border-color:var(--vm-primary);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--vm-primary);--bs-btn-active-border-color:var(--vm-primary);--bs-btn-disabled-color:var(--vm-primary);--bs-btn-disabled-border-color:rgba(var(--vm-primary-rgb),.35)}
.btn-light{--bs-btn-bg:var(--vm-soft);--bs-btn-border-color:transparent;--bs-btn-color:var(--vm-primary);--bs-btn-hover-bg:rgba(var(--vm-primary-rgb),.15);--bs-btn-hover-border-color:transparent;--bs-btn-hover-color:var(--vm-primary)}
.hero .btn-light{--bs-btn-bg:#fff;--bs-btn-color:var(--vm-primary);--bs-btn-hover-bg:#fff}
.btn-glass{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)}
.btn-glass:hover{background:rgba(255,255,255,.26);color:#fff}

/* ---------- forms ---------- */
.form-control,.form-select{border-color:var(--vm-line);background-color:var(--vm-card);padding:.6rem .85rem;border-radius:.75rem}
.form-control-sm,.form-select-sm{padding:.4rem .7rem;border-radius:.6rem}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:var(--vm-primary);box-shadow:0 0 0 .25rem rgba(var(--vm-primary-rgb),.12)}
.form-check-input:checked{background-color:var(--vm-primary);border-color:var(--vm-primary)}
.form-label{font-weight:600;font-size:13px}
.input-group-text{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--vm-primary);background:var(--vm-soft);border-color:var(--vm-line);min-width:42px;justify-content:center}
.input-group>.input-group-text:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.was-validated .form-control:valid:not([required]),.was-validated .form-select:valid:not([required]){border-color:var(--vm-line);background-image:none;padding-right:.85rem;box-shadow:none}
.was-validated .form-select:valid:not([required]){background-image:var(--bs-form-select-bg-img)}

/* ---------- sidebar ---------- */
.sidebar{width:260px;flex-shrink:0;color:#E9DCE6;background:linear-gradient(180deg,#2A0A24 0%,#1E0A1B 100%)!important}
@media (min-width:992px){.sidebar{position:sticky;top:0;height:100vh}}
.sidebar .offcanvas-body{overflow-y:auto}
.logo{height:40px;width:auto}
.nav-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.38);padding:0 12px;margin-bottom:6px}
.sidebar .nav-link{color:rgba(255,255,255,.72);display:flex;gap:12px;align-items:center;border-radius:12px;padding:10px 12px;font-weight:600;transition:.15s}
.sidebar .nav-link i{font-size:17px;opacity:.9}
.sidebar .nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
.sidebar .nav-link.active{background:var(--vm-grad);color:#fff;box-shadow:0 8px 20px -8px rgba(194,38,138,.7)}
.sidebar .count{font-size:11px;background:rgba(255,255,255,.1);border-radius:99px;padding:1px 8px;color:rgba(255,255,255,.7)}
.bg-hot{background:#FF4D8D!important}
.side-sub{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;font-size:12px;cursor:pointer;color:rgba(255,255,255,.75)}
.side-sub b{color:#fff}
.side-sub .progress{background:rgba(255,255,255,.12)}

/* ---------- topbar ---------- */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 28px;background:rgba(246,243,248,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--vm-line)}
[data-bs-theme=dark] .topbar{background:rgba(18,10,18,.8)}
.search{align-items:center;gap:8px;background:var(--vm-card);border:1px solid var(--vm-line);border-radius:999px;padding:8px 14px;width:min(420px,40vw);color:var(--vm-muted)}
.search input{border:0;outline:0;background:none;flex:1;color:var(--vm-text);font:inherit}
.search kbd{background:var(--vm-soft);color:var(--vm-primary);font-size:10px;border-radius:6px}
.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--vm-line);background:var(--vm-card);color:var(--vm-text);display:inline-flex;align-items:center;justify-content:center;font-size:17px}
.icon-btn:hover{color:var(--vm-primary);border-color:rgba(var(--vm-primary-rgb),.35)}
.icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:#FF4D8D;box-shadow:0 0 0 2px var(--vm-card)}
.user-chip{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--vm-card);border:1px solid var(--vm-line);line-height:1.15}
.user-chip small{display:block;color:var(--vm-muted);font-size:11px}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--vm-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}
.dropdown-menu{border:1px solid var(--vm-line);border-radius:14px;box-shadow:var(--vm-shadow);padding:6px}
.dropdown-item{border-radius:10px;padding:8px 12px}
.dropdown-item:active{background:var(--vm-primary)}
.content{padding:24px 28px 40px}
@media (max-width:576px){.content{padding:16px}.topbar{padding:12px 16px}}

/* ---------- cards ---------- */
.card{background:var(--vm-card);border:1px solid var(--vm-line);border-radius:var(--vm-radius);box-shadow:var(--vm-shadow)}
.card-body{padding:22px}
.table{--bs-table-bg:transparent;--bs-table-hover-bg:var(--vm-soft)}
.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--vm-muted);font-weight:700;border-bottom-color:var(--vm-line)}
.table td{border-bottom-color:var(--vm-line);padding-top:.85rem;padding-bottom:.85rem}
.table tbody tr:last-child td{border-bottom:0}
td .ar{display:block;color:var(--vm-muted);font-size:12px;font-weight:500}
.form-actions{position:sticky;bottom:0;background:linear-gradient(transparent,var(--vm-bg) 30%);padding:20px 0 12px;z-index:5}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-radius:24px;padding:32px;color:#fff;background:linear-gradient(100deg,#24101F 0%,#3D122F 50%,#57133F 100%);box-shadow:0 20px 40px -20px rgba(65,15,54,.55)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.05)}
.hero::before{width:320px;height:320px;right:-80px;top:-120px}
.hero::after{width:200px;height:200px;right:220px;bottom:-110px;background:rgba(255,255,255,.07)}
.hero-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:99px;margin-bottom:12px}
.hero-title{color:#fff!important;font-size:30px;font-weight:800;margin:0 0 6px}
.hero-sub{color:rgba(255,255,255,.8);margin-bottom:18px}
.glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:16px;padding:16px}
.glass-num{font-size:26px;font-weight:800;line-height:1}
.glass-lbl{font-size:12px;color:rgba(255,255,255,.8);margin-top:6px}

/* ---------- stat cards ---------- */
.stat{background:var(--vm-card);border:1px solid var(--vm-line);border-radius:var(--vm-radius);box-shadow:var(--vm-shadow);padding:20px;height:100%}
.stat-ico{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.i1{background:#F6E3F0;color:#A12172}.i2{background:#EDE4FB;color:#6D28D9}.i3{background:#FFE6EF;color:#E0457E}.i4{background:#FFF1DC;color:#D97706}
[data-bs-theme=dark] .i1{background:#3A1632}[data-bs-theme=dark] .i2{background:#2A1D44}[data-bs-theme=dark] .i3{background:#3D1824}[data-bs-theme=dark] .i4{background:#3A2A12}
.stat-num{font-size:28px;font-weight:800;line-height:1}
.stat-lbl{color:var(--vm-muted);font-size:13px;margin-top:4px}
.bars{display:flex;align-items:flex-end;gap:5px;height:28px;margin-top:14px}
.bars span{flex:1;border-radius:6px;min-height:6px;opacity:.35}
.bars span.hi{opacity:1}
.c1 span{background:#A12172}.c2 span{background:#6D28D9}.c3 span{background:#E0457E}.c4 span{background:#F59E0B}

/* ---------- status badges ---------- */
.st{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-new{background:#E6EEFF;color:#2F5BEA}.s-review{background:#FFF3DA;color:#B76E00}.s-contacted{background:var(--vm-soft);color:var(--vm-primary)}
.s-confirmed,.s-active,.s-paid{background:#DDF7E8;color:#0F8A4B}.s-rejected,.s-expired{background:#FFE3E6;color:#D12C45}.s-expiring{background:#FFF3DA;color:#B76E00}
[data-bs-theme=dark] .st{background:rgba(255,255,255,.08)}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;flex-direction:column;align-items:center;line-height:1.2;padding:.45rem .9rem;border-radius:14px!important;border-color:var(--vm-line)!important;color:var(--vm-text)!important;background:var(--vm-card)}
.chip:hover{border-color:var(--vm-primary)!important;background:var(--vm-soft)}
.chip.active{background:var(--vm-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px -8px rgba(var(--vm-primary-rgb),.7)}
.chip-ar{font-size:11px;opacity:.75;font-weight:500}
.chip-add{max-width:360px;margin-top:12px}.chip-add.bi{max-width:540px}

/* ---------- repeaters ---------- */
.repeater .r-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}
.repeater .r-row>*{flex:1;min-width:0}
.repeater .r-row>.btn{flex:0 0 auto;width:38px;height:38px;border-radius:10px;font-size:18px;line-height:1;padding:0}
@media (max-width:576px){.repeater .r-row{flex-wrap:wrap}.repeater .r-row>*{flex:1 1 45%}}

/* ---------- media ---------- */
.drop{border:1.5px dashed rgba(var(--vm-primary-rgb),.3);background:var(--vm-soft);border-radius:16px;padding:22px;text-align:center;color:var(--vm-primary);font-weight:600;cursor:pointer;display:block;transition:.15s}
.drop:hover{border-color:var(--vm-primary)}
.drop input{display:none}
.media{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.media .m{position:relative;width:120px;height:86px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--vm-soft)}
.media .m.cover{border-color:var(--vm-primary)}
.media .m img{width:100%;height:100%;object-fit:cover}
.media .m .x{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:50%;width:22px;height:22px;line-height:1}
.media .m .c{position:absolute;bottom:5px;left:5px;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:8px;font-size:11px;padding:2px 7px}
.map{width:100%;height:260px;border:1px solid var(--vm-line);border-radius:16px}
.hours-row{display:grid;grid-template-columns:140px 1fr 1fr;gap:8px;align-items:center;margin-bottom:8px}

/* ---------- subscription ---------- */
.days{font-size:48px;font-weight:800;line-height:1;background:var(--vm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.days small{font-size:14px;font-weight:600;-webkit-text-fill-color:var(--vm-muted)}
.progress{background:var(--vm-soft);border-radius:99px}
.progress-bar{background:var(--vm-grad);border-radius:99px}
.progress.warn .progress-bar{background:#F59E0B}.progress.bad .progress-bar{background:#E11D48}
.plan{border:1.5px solid var(--vm-line);border-radius:22px;padding:24px;height:100%;display:flex;flex-direction:column;background:var(--vm-card);position:relative;overflow:hidden}
.plan.featured{border:0;background:linear-gradient(var(--vm-card),var(--vm-card)) padding-box,var(--vm-grad) border-box;border:2px solid transparent}
.plan.pick{cursor:pointer}
.plan.pick.on{background:linear-gradient(var(--vm-soft),var(--vm-soft)) padding-box,var(--vm-grad) border-box;border:2px solid transparent}
.plan.locked{opacity:.45;cursor:not-allowed}
.plan .eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--vm-primary);text-transform:uppercase;margin-bottom:6px}
.plan h3{font-size:22px;font-weight:800;margin:0}
.plan p{color:var(--vm-muted);font-size:13px;margin:6px 0 12px}
.plan .price{font-size:32px;font-weight:800;letter-spacing:-.02em}
.plan .price small{font-size:16px;color:var(--vm-muted);font-weight:600}
.plan ul{list-style:none;padding:16px 0 0;margin:16px 0 18px;border-top:1px solid var(--vm-line)}
.plan li,.feat-list li{padding:5px 0 5px 26px;position:relative;font-size:13px}
.plan li::before,.feat-list li::before{content:"✓";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--vm-soft);color:var(--vm-primary);font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}
.plan .btn{margin-top:auto}
.feat-list{list-style:none;padding:0;margin:0;columns:2}
.feat-list li{break-inside:avoid}
.feat-list li.off{color:var(--vm-muted);text-decoration:line-through}
.feat-list li.off::before{content:"–";background:transparent;color:var(--vm-muted)}
.btn-group .btn-outline-primary{border-radius:99px!important;margin:0 2px}
.btn-group{background:var(--vm-soft);border-radius:99px;padding:3px}
.btn-group .btn-outline-primary{border:0}
.btn-group .btn-outline-primary.active{background:var(--vm-grad);color:#fff}
.modal-content{border:0;border-radius:22px;background:var(--vm-card)}
.modal-header,.modal-footer{border-color:var(--vm-line)}
.list-group-item{background:transparent;border-color:var(--vm-line)}
.alert{border-radius:16px;border:0}
@media (max-width:576px){.feat-list{columns:1}.hours-row{grid-template-columns:100px 1fr 1fr}.hero{padding:22px}.hero-title{font-size:24px}}
.plan h3{color:var(--vm-text)}
.btn-light{background-color:var(--bs-btn-bg);color:var(--bs-btn-color);border-color:transparent}
.btn-light:hover{background-color:var(--bs-btn-hover-bg);color:var(--bs-btn-hover-color)}
.dropdown-item{color:var(--vm-text)}
.dropdown-menu{background:var(--vm-card)}

/* ---- buttons & active states: solid logo color only ---- */
.btn-primary,.btn-grad{background:var(--vm-primary)!important;filter:none!important}
.btn-primary:hover,.btn-grad:hover{background:var(--vm-plum)!important;color:#fff!important}
.sidebar .nav-link.active{background:var(--vm-primary);box-shadow:0 8px 20px -8px rgba(161,33,114,.7)}
.chip.active{background:var(--vm-primary)!important}
.btn-group .btn-outline-primary.active{background:var(--vm-primary)}
.avatar{background:var(--vm-primary)}
.chip-add .btn,.chip-add .btn-outline-secondary{background:var(--vm-primary)!important;border-color:var(--vm-primary)!important;color:#fff!important}
.chip-add .btn:hover{background:var(--vm-plum)!important;border-color:var(--vm-plum)!important}
.progress-bar{background:var(--vm-primary)}
.days{background:none;color:var(--vm-primary);-webkit-text-fill-color:var(--vm-primary)}

/* ---------- auth ---------- */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--vm-bg)}
@media (min-width:992px){.auth{grid-template-columns:1.1fr 1fr}}
.auth-art{position:relative;overflow:hidden;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:var(--vm-grad)}
.auth-art::before,.auth-art::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.auth-art::before{width:520px;height:520px;right:-180px;top:-160px}
.auth-art::after{width:320px;height:320px;left:-120px;bottom:-120px}
.auth-art>*{position:relative}
.auth-logo{height:56px;width:auto;align-self:flex-start}
.auth-logo-dark{height:48px;width:auto}
.auth-art-title{color:#fff!important;font-size:34px;font-weight:800;line-height:1.25;margin-bottom:12px}
.auth-art-sub{color:rgba(255,255,255,.8);font-size:15px;max-width:420px}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:32px 20px}
.auth-box{width:100%;max-width:400px;background:var(--vm-card);border:1px solid var(--vm-line);border-radius:24px;box-shadow:var(--vm-shadow);padding:36px}
@media (max-width:576px){.auth-box{padding:24px}}
.input-icon{position:relative}
.input-icon>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--vm-muted);z-index:2}
.input-icon .form-control{padding-left:40px;padding-right:44px}
.input-icon .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--vm-muted);width:32px;height:32px;z-index:2}
.input-icon .eye:hover{color:var(--vm-primary)}
.was-validated .input-icon .form-control{background-position:right 40px center}

a{color:var(--vm-primary);text-decoration:none;font-weight:600}
a:hover{color:var(--vm-plum)}
.user-chip{cursor:pointer}

/* subscription card pinned to the bottom of the sidebar */
.sidebar{display:flex;flex-direction:column}
.sidebar .offcanvas-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0}
.side-sub{margin-top:0!important}
@media (min-width:992px){.sidebar .offcanvas-body{height:100%}}

/* ---------- sweet-alert style dialog ---------- */
.swal .modal-dialog{max-width:480px}
.swal .modal-content{border-radius:28px;overflow:hidden}
.swal.fade .modal-dialog{transform:scale(.85);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.swal.show .modal-dialog{transform:none}
.swal-body{padding:34px 30px 26px;text-align:center}
.swal-icon{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;animation:swalPop .5s cubic-bezier(.34,1.56,.64,1)}
.swal-icon.heart{background:var(--vm-soft);color:var(--vm-primary)}
.swal-icon.heart i{animation:beat 1.2s ease-in-out infinite .5s}
.swal-icon.success{background:#DDF7E8;color:#0F8A4B;box-shadow:0 0 0 8px rgba(15,138,75,.08)}
.swal-icon.warning{background:#FFF3DA;color:#D97706;box-shadow:0 0 0 8px rgba(217,119,6,.08)}
.swal-icon.info{background:var(--vm-soft);color:var(--vm-primary);box-shadow:0 0 0 8px rgba(var(--vm-primary-rgb),.08)}
.swal-icon.heart{box-shadow:0 0 0 8px rgba(var(--vm-primary-rgb),.08)}
@keyframes swalPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}}
.swal-title{font-size:22px;margin-bottom:10px}
.swal-html{color:var(--vm-muted);font-size:14px;text-align:center}
.swal-html p{margin-bottom:14px}
.swal-html b{color:var(--vm-text)}
.swal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 16px}
.swal-stats div{background:var(--vm-soft);border-radius:14px;padding:10px 4px}
.swal-stats b{display:block;font-size:20px;color:var(--vm-primary)!important;line-height:1.1}
.swal-stats span{font-size:11px;color:var(--vm-muted)}
.swal-lose{text-align:left;border:1px solid var(--vm-line);border-radius:16px;padding:12px 16px;margin-bottom:14px}
.swal-lose-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--vm-muted);margin-bottom:6px}
.swal-lose ul{list-style:none;padding:0;margin:0}
.swal-lose li{padding:4px 0;color:var(--vm-text);font-size:13px;display:flex;gap:8px;align-items:center}
.swal-lose li i{color:#E11D48;font-size:13px}
.swal-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.swal-reasons label{cursor:pointer}
.swal-reasons input{display:none}
.swal-reasons span{display:block;border:1.5px solid var(--vm-line);border-radius:12px;padding:9px 12px;font-size:13px;color:var(--vm-text);transition:.15s}
.swal-reasons input:checked+span{border-color:var(--vm-primary);background:var(--vm-soft);color:var(--vm-primary);font-weight:700}
.swal-actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px}
.swal-actions .btn-primary{min-width:240px;padding:.7rem 1.4rem}
.swal-actions .btn-danger{min-width:240px;padding:.7rem 1.4rem;background:#E11D48;border-color:#E11D48}
.swal-cancel{color:var(--vm-muted);font-weight:600;text-decoration:none}
.swal-cancel:hover{color:var(--vm-text)}
@media (max-width:480px){.swal-stats{grid-template-columns:repeat(2,1fr)}.swal-reasons{grid-template-columns:1fr}}

/* go-live box above the subscription card */
.side-footer{display:flex;flex-direction:column;gap:10px;padding-top:16px}
.side-live{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;color:rgba(255,255,255,.75);font-size:12px}
.side-live b{display:block;color:#fff;font-size:13px;margin-bottom:4px}
.side-live p{margin:0 0 10px;line-height:1.45}
.side-live-ico{width:32px;height:32px;border-radius:10px;background:var(--vm-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.side-live .btn{box-shadow:none}

/* ---------- added items (tags) ---------- */
.tags{display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:10px;border:1.5px dashed var(--vm-line);border-radius:16px;background:var(--vm-bg)}
.tags-empty{color:var(--vm-muted);font-size:13px;align-self:center;padding:0 4px}
.tag-item{position:relative;display:inline-flex;flex-direction:column;align-items:center;line-height:1.25;padding:.5rem 1.9rem .5rem .95rem;border:1px solid var(--vm-line);border-radius:14px;background:var(--vm-card);box-shadow:0 1px 2px rgba(65,15,54,.04);cursor:default;user-select:none}
.tag-en{font-weight:600;font-size:13.5px;color:var(--vm-text)}
.tag-ar{font-family:var(--vm-font-ar);font-size:11px;color:var(--vm-muted)}
.tag-x{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:20px;height:20px;border:0;border-radius:50%;background:var(--vm-soft);color:var(--vm-primary);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}
.tag-x:hover{background:#E11D48;color:#fff}

/* white boxes with smaller corners */
.tags{background:var(--vm-card);border-radius:8px}
.drop{background:var(--vm-card);border-radius:8px}
.tag-item{border-radius:8px}
.tag-x{padding:0;line-height:0}
.tag-x svg{display:block}

/* buttons use the same corners as the fields */
.btn{border-radius:.75rem}
.btn-sm{border-radius:.6rem}
.input-group>.btn{border-radius:0}
.input-group>.btn:last-child{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}
.topbar .btn-grad{height:40px;display:inline-flex;align-items:center;gap:6px}

/* ===== smaller corners everywhere ===== */
:root{--bs-border-radius:8px;--bs-border-radius-sm:6px;--bs-border-radius-lg:10px;--vm-radius:10px}
.form-control,.form-select,.btn,.input-group-text,.icon-btn,.user-chip,.dropdown-menu,.search{border-radius:8px}
.form-control-sm,.form-select-sm,.btn-sm{border-radius:6px}
.input-group>:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.input-group>:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}
.input-group>:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}
.card,.stat,.plan,.auth-box,.modal-content,.swal .modal-content,.alert,.side-sub,.side-live,.map,.swal-lose,.glass{border-radius:10px!important}
.hero,.auth-art{border-radius:12px}
.auth-art{border-radius:0}
.stat-ico,.side-live-ico,.dropdown-item,.sidebar .nav-link,.swal-stats div,.swal-reasons span,.media .m,.tag-item,.tags,.drop{border-radius:8px}
.btn-group{border-radius:8px}.btn-group .btn-outline-primary{border-radius:6px!important}
.badge.rounded-pill,.st,.count{border-radius:6px!important}
.feat-list li.ps-0::before{display:none}.feat-list li.ps-0{grid-column:1/-1}