/* Basra Auto Show — additive production enhancements. Keeps the original deployed design untouched. */
:root{--be-red:#e30b17;--be-surface:#0e1013;--be-surface2:#14171b;--be-line:#2a2e34;--be-text:#f3f3f4;--be-muted:#90949b;--be-green:#00b884;--be-amber:#d99b28}
.basra-enhance-toast{position:fixed;left:22px;bottom:22px;z-index:100000;max-width:min(420px,calc(100vw - 44px));background:#11151a;color:#fff;border:1px solid #38404a;border-inline-start:4px solid var(--be-green);padding:13px 16px;box-shadow:0 18px 55px #000b;font:600 13px/1.7 Cairo,Arial,sans-serif}.basra-enhance-toast.is-error{border-inline-start-color:var(--be-red)}.basra-enhance-toast.is-warn{border-inline-start-color:var(--be-amber)}
.basra-enhance-nav-active{border-color:rgba(227,11,23,.65)!important;background:rgba(227,11,23,.10)!important;color:#fff!important}.basra-enhance-nav-active:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:2px;background:var(--be-red)}.basra-nav-icon{width:1rem;text-align:center;color:var(--be-red);font-size:13px}
.basra-enhance-notification-mode>:not(#basra-notifications-panel):not(#basra-mobile-admin-nav){display:none!important}.basra-enhance-page{display:block!important;direction:rtl;color:var(--be-text);font-family:Cairo,Arial,sans-serif}.basra-enhance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--be-line)}.basra-enhance-head h1{font-size:clamp(24px,3vw,40px);margin:3px 0 6px;font-weight:700}.basra-enhance-head p{margin:0;color:var(--be-muted);font-size:12px;line-height:1.8}.basra-kicker{color:var(--be-red)!important;letter-spacing:.28em!important;font:700 10px/1.3 'Bebas Neue',Cairo,sans-serif!important}
.basra-enhance-grid{display:grid;gap:16px}.basra-enhance-grid.two{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.basra-card{direction:rtl;border:1px solid var(--be-line);background:linear-gradient(135deg,rgba(15,18,22,.98),rgba(8,9,11,.98));padding:18px;color:var(--be-text);font-family:Cairo,Arial,sans-serif;box-shadow:0 18px 45px rgba(0,0,0,.18)}.basra-settings-card{margin-top:16px}.basra-card-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.basra-card-title>span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid rgba(227,11,23,.55);background:rgba(227,11,23,.08);color:#ff2935;font:700 12px 'Bebas Neue',Cairo,sans-serif;letter-spacing:.1em}.basra-card-title>div{display:flex;flex-direction:column;gap:2px}.basra-card-title b{font-size:14px}.basra-card-title small,.basra-actions small{color:var(--be-muted);font-size:10px}.basra-card-title>i{margin-inline-start:auto;font-style:normal}.basra-btn{appearance:none;border:1px solid #3a3f46;background:#15181c;color:#fff;padding:9px 13px;font:600 12px Cairo,Arial,sans-serif;cursor:pointer;transition:.18s}.basra-btn:hover{border-color:#e30b17;color:#fff}.basra-btn.primary{background:var(--be-red);border-color:var(--be-red)}.basra-btn.ghost{background:transparent}.basra-btn.danger{color:#ff5a62;border-color:#70252a;background:transparent;margin-inline-end:8px}.basra-btn:disabled{opacity:.5;cursor:wait}
.basra-search-row{display:flex;gap:8px}.basra-search-row input,.basra-field input,.basra-field select,.basra-field textarea{width:100%;border:1px solid #30353c;background:#0b0e11;color:#f5f5f5;padding:10px 11px;outline:none;font:500 12px/1.6 Cairo,Arial,sans-serif;border-radius:0}.basra-search-row input:focus,.basra-field input:focus,.basra-field select:focus,.basra-field textarea:focus{border-color:var(--be-red);box-shadow:0 0 0 1px rgba(227,11,23,.18)}.basra-field{display:flex;flex-direction:column;gap:5px}.basra-field>span{font-size:10px;color:#c2c4c8;letter-spacing:.04em}.basra-field>small{font-size:9px;color:var(--be-muted)}.basra-field textarea{resize:vertical}.basra-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.basra-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.basra-field.wide{grid-column:1/-1}.basra-bio{margin-top:13px}
.basra-results{margin-top:10px;border:1px solid #24282e;max-height:430px;overflow:auto}.basra-person-row{width:100%;border:0;border-bottom:1px solid #24282e;background:#0a0d10;color:#fff;padding:11px;text-align:start;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;cursor:pointer}.basra-person-row:last-child{border-bottom:0}.basra-person-row:hover,.basra-person-row.active{background:#15181d}.basra-person-row.active{box-shadow:inset -2px 0 var(--be-red)}.basra-avatar{width:34px;height:34px;display:grid;place-items:center;background:#191d22;border:1px solid #343a42;color:#ff313b;font-weight:800}.basra-person-main,.basra-staff-main{display:flex;min-width:0;flex-direction:column}.basra-person-main b,.basra-staff-main b{font-size:12px}.basra-person-main small,.basra-staff-main small,.basra-staff-main span{font-size:9px;color:var(--be-muted)}.basra-person-phone{font-size:10px;color:#c6c9ce}.basra-selected{display:grid;grid-template-columns:1fr auto;gap:2px 10px;border:1px solid #343941;background:#111419;padding:11px;margin-bottom:12px}.basra-selected b{font-size:13px}.basra-selected span{font-size:10px}.basra-selected small{grid-column:1/-1;color:var(--be-muted);font-size:9px}.basra-selected.empty{display:block;color:var(--be-muted);font-size:11px}.basra-actions{display:flex;gap:10px;align-items:center;margin-top:13px}.basra-actions.between{justify-content:space-between}.basra-status{font-size:10px}.basra-status.ok{color:#33d6a5}.basra-status.warn{color:#e8b451}.basra-status.error{color:#ff626a}.basra-status a{color:#fff;text-decoration:underline}.basra-empty{text-align:center;padding:20px;color:var(--be-muted);font-size:11px}.basra-empty.error{color:#ff626a}.basra-log-card{margin-top:16px}.basra-table-wrap{overflow:auto}.basra-table{width:100%;border-collapse:collapse;font-size:10px}.basra-table th,.basra-table td{padding:10px;border-bottom:1px solid #272b31;text-align:start;white-space:nowrap}.basra-table th{color:#848992;font-size:9px;font-weight:600}.basra-table td small{display:block;color:#7c8189;font-size:8px}.basra-pill{display:inline-block;border:1px solid #444;padding:2px 6px;font:700 8px/1.5 'Bebas Neue',Cairo,sans-serif;letter-spacing:.12em;text-transform:uppercase}.basra-pill.sent{border-color:#087b5e;color:#00d99a}.basra-pill.failed{border-color:#7d2429;color:#ff4650}.basra-pill.queued{border-color:#775818;color:#e2ae38}.basra-config-badge{font-size:8px;padding:4px 7px;border:1px solid #424850;color:#aaa}.basra-config-badge.ok{border-color:#087b5e;color:#00d99a}.basra-config-badge.warn{border-color:#775818;color:#e2ae38}.basra-config-badge.error{border-color:#7d2429;color:#ff4650}
.basra-staff-list{display:flex;flex-direction:column;border:1px solid #25292f}.basra-staff-row{display:grid;grid-template-columns:38px minmax(170px,1.1fr) minmax(230px,1.5fr) minmax(120px,.7fr) auto;gap:12px;align-items:center;padding:11px;border-bottom:1px solid #25292f;background:#0b0e11}.basra-staff-row:last-child{border-bottom:0}.basra-staff-row.disabled{opacity:.55}.basra-staff-perms{display:flex;gap:4px;flex-wrap:wrap}.basra-staff-perms span{border:1px solid #333941;background:#14181d;padding:3px 6px;font-size:8px;color:#b7bbc1}.basra-staff-state{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.basra-staff-state small{font-size:8px;color:var(--be-muted)}.basra-staff-editor{margin-top:13px;border:1px solid #3a3f46;background:#080a0c;padding:15px}.basra-editor-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.basra-editor-head>div{display:flex;flex-direction:column}.basra-editor-head b{font-size:14px}.basra-editor-head small{color:var(--be-muted);font-size:9px}.basra-x{border:1px solid #333;background:transparent;color:#fff;width:30px;height:30px;font-size:20px;cursor:pointer}.basra-permission-box{margin-top:14px;border-top:1px solid #272b31;padding-top:13px}.basra-permission-box>b,.basra-permission-box>small{display:block}.basra-permission-box>b{font-size:12px}.basra-permission-box>small{font-size:9px;color:var(--be-muted);margin-top:2px}.basra-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.basra-permission{display:flex;align-items:center;gap:7px;border:1px solid #2e333a;background:#101318;padding:8px;font-size:9px;cursor:pointer}.basra-permission input{accent-color:var(--be-red)}.basra-switch{display:flex;align-items:center;gap:7px;font-size:10px}.basra-switch input{accent-color:var(--be-red)}
.basra-reg-fields{direction:rtl;margin:3px 0 18px;padding:16px;border:1px solid rgba(227,11,23,.32);background:linear-gradient(135deg,rgba(227,11,23,.045),rgba(12,14,17,.55));font-family:Cairo,Arial,sans-serif}.basra-reg-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:11px;margin-bottom:13px}.basra-reg-title>div{display:flex;flex-direction:column}.basra-reg-title span{color:#e30b17;font:700 9px 'Bebas Neue',Cairo,sans-serif;letter-spacing:.25em}.basra-reg-title b{font-size:15px}.basra-reg-title small{max-width:480px;color:#8f949c;font-size:9px;line-height:1.8}.basra-reg-fields .basra-field input,.basra-reg-fields .basra-field select,.basra-reg-fields .basra-field textarea{background:rgba(8,10,12,.76)}
.basra-batch-tools{direction:rtl;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid rgba(227,11,23,.35);background:rgba(227,11,23,.05);padding:12px;margin-bottom:15px}.basra-batch-tools>div{margin-inline-end:auto;display:flex;flex-direction:column}.basra-batch-tools b{font-size:12px}.basra-batch-tools small,.basra-batch-tools>span{font-size:9px;color:#8f949c}.basra-injected-body-material{border-inline-start:2px solid rgba(227,11,23,.55);padding-inline-start:10px}
.basra-public-spec{display:flex;flex-direction:column;height:100%}.basra-public-spec span{color:#e30b17;font:700 9px 'Bebas Neue',Cairo,sans-serif;letter-spacing:.22em}.basra-public-spec i{font-style:normal;color:#777;font-size:9px;margin-top:2px}.basra-public-spec b{font-family:'Bebas Neue',Cairo,sans-serif;font-size:20px;margin-top:8px;letter-spacing:.04em}
@media(max-width:950px){.basra-enhance-grid.two,.basra-form-grid.three{grid-template-columns:1fr 1fr}.basra-staff-row{grid-template-columns:38px 1fr auto}.basra-staff-perms,.basra-staff-state{grid-column:2/-1}.basra-permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.basra-enhance-grid.two,.basra-form-grid,.basra-form-grid.three{grid-template-columns:1fr}.basra-enhance-head,.basra-reg-title{flex-direction:column;align-items:stretch}.basra-search-row{flex-direction:column}.basra-person-row{grid-template-columns:34px 1fr}.basra-person-phone{grid-column:2}.basra-staff-row{grid-template-columns:34px 1fr auto}.basra-staff-perms,.basra-staff-state{grid-column:1/-1}.basra-permission-grid{grid-template-columns:1fr}.basra-actions.between{align-items:stretch;flex-direction:column}.basra-batch-tools>div{width:100%;margin:0 0 4px}.basra-btn{min-height:40px}}
.basra-enhance-log-mode>:not(#basra-admin-logs-panel):not(#basra-mobile-admin-nav){display:none!important}
.basra-pill.pending{border-color:#775818;color:#e2ae38}.basra-pill.delivered{border-color:#087b5e;color:#29e0aa}.basra-pill.read{border-color:#1767a8;color:#62b5ff}.basra-pill.played{border-color:#7043a9;color:#c398ff}.basra-error-text{color:#ff626a!important;max-width:340px;white-space:normal!important;line-height:1.55}.basra-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.basra-stat{border:1px solid var(--be-line);background:linear-gradient(135deg,rgba(15,18,22,.98),rgba(8,9,11,.98));padding:14px;display:flex;flex-direction:column;gap:4px}.basra-stat b{font:700 25px/1 'Bebas Neue',Cairo,sans-serif;color:#fff}.basra-stat span{font-size:9px;color:var(--be-muted)}.basra-log-search{margin:0 0 12px}.basra-log-card .basra-card-title>button{margin-inline-start:auto}
@media(max-width:1050px){.basra-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.basra-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basra-log-card .basra-card-title{flex-wrap:wrap}.basra-log-card .basra-card-title>button{width:100%;margin-inline-start:0}}

/* ---- Final production fixes: mobile, notifications tabs, branding, print ---- */
.basra-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.basra-tab{border:1px solid var(--be-line);background:#0d1014;color:#aeb3ba;padding:10px 14px;font:700 11px/1.4 Cairo,Arial,sans-serif;cursor:pointer}.basra-tab.active{border-color:var(--be-red);background:rgba(227,11,23,.11);color:#fff}.basra-tab-pane[hidden]{display:none!important}
.basra-system-feed{display:grid;gap:8px}.basra-system-event{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;border:1px solid #292e35;background:#0b0e11;padding:12px}.basra-system-event-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #444;font:800 17px/1 Arial}.basra-system-event.approved .basra-system-event-icon{color:#18d39a;border-color:#087b5e;background:rgba(0,184,132,.07)}.basra-system-event.rejected .basra-system-event-icon{color:#ff5a62;border-color:#7d2429;background:rgba(227,11,23,.07)}.basra-system-event.changes .basra-system-event-icon{color:#efb94e;border-color:#775818;background:rgba(217,155,40,.07)}.basra-system-event.new .basra-system-event-icon{color:#65b9ff;border-color:#1767a8;background:rgba(23,103,168,.07)}.basra-system-event-main{min-width:0}.basra-system-event-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.basra-system-event-head b{font-size:11px}.basra-system-event-head span{font-size:8px;color:var(--be-muted)}.basra-system-event h3{font-size:13px;margin:3px 0 1px}.basra-system-event p{font-size:10px;line-height:1.75;margin:0;color:#c9ccd1;white-space:normal;overflow-wrap:anywhere}.basra-system-event small{display:block;margin-top:3px;font-size:8px;color:var(--be-muted);white-space:normal;overflow-wrap:anywhere}.basra-mini-link{display:inline-flex;margin-top:7px;border:1px solid #3b4149;padding:5px 8px;font-size:9px;color:#fff;text-decoration:none}.basra-mini-link:hover{border-color:var(--be-red)}
.basra-branding-grid{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:22px;align-items:center}.basra-logo-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.basra-logo-preview-wrap small{color:var(--be-muted);font-size:9px}.basra-logo-shell,.basra-public-brand-logo,.basra-admin-brand-logo{display:grid;place-items:center;border-radius:999px;overflow:hidden;background:#fff;border:2px solid rgba(227,11,23,.75);box-shadow:0 0 0 4px rgba(227,11,23,.09),0 12px 30px rgba(0,0,0,.35)}.basra-logo-shell{width:82px;height:82px;transition:.2s}.basra-logo-shell img,.basra-public-brand-logo img,.basra-admin-brand-logo img{width:100%;height:100%;display:block;object-fit:contain}.basra-branding-controls{display:grid;gap:10px}.basra-branding-controls input[type=range]{accent-color:var(--be-red);padding:0;height:28px}
.basra-public-brand-logo{width:var(--basra-logo-size,82px);height:var(--basra-logo-size,82px);max-width:180px;max-height:180px;flex:0 0 auto}.basra-public-brand-logo img{object-fit:var(--basra-logo-fit,contain)}.basra-admin-brand-logo{width:38px;height:38px;margin-inline-end:9px;flex:0 0 auto}.basra-admin-brand-logo img{object-fit:var(--basra-logo-fit,contain)}
.basra-mobile-admin-nav{display:none;direction:rtl;position:sticky;top:58px;z-index:32;margin:0 0 12px;padding:8px;border:1px solid rgba(227,11,23,.34);background:rgba(7,9,11,.96);backdrop-filter:blur(14px);align-items:center;gap:8px}.basra-mobile-admin-nav>span{font-size:9px;color:#a0a5ad;white-space:nowrap}.basra-mobile-admin-nav select{min-width:0;width:100%;border:1px solid #333942;background:#0d1014;color:#fff;padding:9px;font:600 11px Cairo,Arial,sans-serif;outline:none}

/* Mobile: do not crop Arabic labels/content and keep navigation usable. */
@media(max-width:900px){
  .basra-mobile-admin-nav{display:flex}
  .basra-card,.basra-enhance-page,.basra-reg-fields,.basra-staff-editor{max-width:100%;min-width:0}
  .basra-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .basra-table{min-width:720px}
  .basra-card-title{min-width:0}.basra-card-title>div{min-width:0}.basra-card-title b,.basra-card-title small{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:640px){
  html,body,#root{max-width:100%;overflow-x:hidden}
  #root main,#root section,#root article,#root div{min-width:0}
  #root h1,#root h2,#root h3,#root p,#root button,#root a,#root label,#root span{max-width:100%;overflow-wrap:anywhere}
  #root main h1{font-size:clamp(2.35rem,13vw,4.8rem)!important;line-height:.96!important}
  #root main h2{font-size:clamp(1.7rem,8vw,2.6rem)!important;line-height:1.08!important}
  #root .whitespace-nowrap{white-space:normal!important}
  #root button,#root a{line-height:1.45}
  .basra-enhance-page{padding-inline:0}
  .basra-card{padding:13px}
  .basra-tabs{display:grid;grid-template-columns:1fr 1fr}.basra-tab{padding:9px 7px;font-size:9px}
  .basra-branding-grid{grid-template-columns:1fr}.basra-branding-controls{width:100%}
  .basra-system-event{grid-template-columns:32px minmax(0,1fr);padding:10px}.basra-system-event-icon{width:30px;height:30px}
  .basra-system-event-head{align-items:flex-start;flex-direction:column;gap:1px}
  .basra-public-brand-logo{width:48px!important;height:48px!important}
  .basra-mobile-admin-nav{top:54px}
  /* hero/action buttons stay readable rather than clipped on narrow phones */
  section#top button,section#top a[href="#categories"]{width:100%;padding-inline:16px!important;font-size:1.05rem!important;letter-spacing:.08em!important;white-space:normal!important}
  section#top [class*="tracking-[0.28em]"]{letter-spacing:.12em!important}
}

/* Individual A4 printing: print the CAR SHEET only, on white paper with print-safe contrast. */
@media print{
  @page{size:A4;margin:0}
  body{background:#fff!important}
  body *{visibility:hidden!important}
  #a4-sheet,#a4-sheet *{visibility:visible!important}
  #a4-sheet{position:fixed!important;left:0!important;top:0!important;width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;padding:12mm!important;background:#fff!important;color:#111318!important;box-shadow:none!important;overflow:hidden!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #a4-sheet *{color:#111318!important;border-color:#b8bdc4!important;background-color:transparent!important;text-shadow:none!important;box-shadow:none!important}
  #a4-sheet img{visibility:visible!important;background:#fff!important}
  #a4-sheet .basra-print-brand-logo img{background:transparent!important}
  #a4-sheet>img{width:100%!important;height:72mm!important;object-fit:cover!important}
  #a4-sheet .bg-white{background:#fff!important}
  #a4-sheet [class*="text-[#d50000]"]{color:#8f1017!important}
  #a4-sheet [class*="border-[#d50000]"]{border-color:#8f1017!important}
  #a4-sheet h1{font-size:28pt!important;line-height:1.05!important;margin:2mm 0!important}
  #a4-sheet p{line-height:1.35!important}
}

/* ---- V7: white A4 + configurable vehicle-page badge ---- */
/* The configurable image is an event/vehicle badge. It never replaces the site wordmark. */
.basra-public-brand-logo,.basra-admin-brand-logo{display:none!important}

/* Make the A4 preview itself printer-friendly on screen, not only inside @media print. */
#a4-sheet{
  position:relative!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 18px 60px rgba(0,0,0,.18)!important;
}
#a4-sheet *:not(img){
  color:#111!important;
  border-color:#b9bec5!important;
  background-color:transparent!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#a4-sheet [class*="text-[#d50000]"],
#a4-sheet [class*="text-red"],
#a4-sheet [class*="text-primary"]{color:#111!important}
#a4-sheet [class*="border-[#d50000]"],
#a4-sheet [class*="border-red"],
#a4-sheet [class*="border-primary"]{border-color:#111!important}

.basra-print-brand-logo{
  --basra-print-logo-w:152px;
  --basra-print-logo-h:100px;
  --basra-print-logo-fit:contain;
  position:absolute!important;
  top:5mm!important;
  left:50%!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--basra-print-logo-w)!important;
  height:var(--basra-print-logo-h)!important;
  max-width:34%!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#a4-sheet .basra-print-brand-logo,
#a4-sheet .basra-print-brand-logo *{background:transparent!important;border:0!important;box-shadow:none!important}
.basra-print-brand-logo img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:var(--basra-print-logo-fit)!important;
  object-position:center!important;
  background:transparent!important;
}


@media print{
  #a4-sheet{background:#fff!important;color:#000!important;box-shadow:none!important}
  #a4-sheet *:not(img){color:#000!important;border-color:#9d9d9d!important;background-color:transparent!important}
  #a4-sheet .basra-print-brand-logo,#a4-sheet .basra-print-brand-logo *{background:transparent!important;border:0!important;box-shadow:none!important}
  #a4-sheet .basra-print-brand-logo img{background:transparent!important}
  #a4-sheet [class*="text-[#d50000]"],#a4-sheet [class*="text-red"],#a4-sheet [class*="text-primary"]{color:#000!important}
  #a4-sheet [class*="border-[#d50000]"],#a4-sheet [class*="border-red"],#a4-sheet [class*="border-primary"]{border-color:#000!important}
}


/* ---- V7 public vehicle badge placement ---- */
.basra-card-emblem{display:none!important}
.basra-car-emblem{
  --basra-emblem-size:188px;
  --basra-emblem-fit:cover;
  position:absolute;
  z-index:14;
  left:52%;
  top:42%;
  width:var(--basra-emblem-size);
  height:var(--basra-emblem-size);
  max-width:min(26vw,340px);
  max-height:min(26vw,340px);
  transform:translate(-50%,-50%);
  border-radius:999px;
  overflow:hidden;
  background:#fff;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 10px 40px rgba(0,0,0,.38),0 0 0 2px rgba(213,0,0,.55);
  pointer-events:none;
}
.basra-car-emblem img{width:100%;height:100%;display:block;object-fit:var(--basra-emblem-fit);object-position:center}
@media (max-width:700px){
  .basra-car-emblem{left:50%;top:38%;width:min(var(--basra-emblem-size),112px);height:min(var(--basra-emblem-size),112px);max-width:112px;max-height:112px;border-width:1.5px}
}


/* V9 participant email field injected into the Personal Information step */
.basra-native-email-field{display:grid;gap:7px;margin-top:2px}.basra-native-email-field label{display:flex;align-items:end;justify-content:space-between;gap:10px;color:var(--foreground,#f5f5f5);font-size:13px;font-weight:700}.basra-native-email-field label small{color:var(--muted-foreground,#8f9198);font-size:10px;font-weight:400}.basra-native-email-field input{width:100%;border:1px solid var(--input,#34363d);background:rgba(17,18,22,.72);color:inherit;padding:13px 14px;outline:0;border-radius:6px}.basra-native-email-field input:focus{border-color:#ef0019;box-shadow:0 0 0 3px rgba(239,0,25,.12)}.basra-native-email-field.invalid input{border-color:#ef0019}.basra-email-error{margin:0;color:#ff7e88;font-size:11px}.basra-settings-card .basra-switch{display:flex;align-items:center;gap:8px}.basra-settings-card .basra-actions>div{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:640px){.basra-native-email-field label{align-items:flex-start;flex-direction:column}.basra-native-email-field label small{line-height:1.6}.basra-settings-card .basra-actions.between{align-items:stretch}.basra-settings-card .basra-actions.between>div{width:100%}.basra-settings-card .basra-actions.between>div .basra-btn{flex:1}}


/* ---- V12: uploaded badge/logo must stay raw/transparent ---- */
/* Settings preview: no white disk, red border, round clipping, or shadow. */
.basra-logo-shell{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--basra-logo-size,128px)!important;
  height:auto!important;
  min-height:82px!important;
  max-width:240px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.basra-logo-shell img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:180px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Public vehicle emblem: render the uploaded artwork itself, without a generated plate behind it. */
.basra-car-emblem{
  height:auto!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.basra-car-emblem img{
  width:100%!important;
  height:auto!important;
  max-height:220px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  .basra-car-emblem{height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .basra-car-emblem img{height:auto!important;max-height:130px!important}
}

/* A4/print badge remains transparent too. */
.basra-print-brand-logo,.basra-print-brand-logo *,#a4-sheet .basra-print-brand-logo,#a4-sheet .basra-print-brand-logo *{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.basra-print-brand-logo img,#a4-sheet .basra-print-brand-logo img{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}


/* V13 — reliable WaSender template editor */
.basra-enhance-template-mode>:not(#basra-templates-panel):not(#basra-mobile-admin-nav){display:none!important}
.basra-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;direction:rtl}
.basra-template-card{min-width:0;border:1px solid #30343a;background:linear-gradient(135deg,rgba(14,17,20,.985),rgba(8,10,12,.985));padding:14px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.basra-template-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.basra-template-enabled{display:inline-flex;align-items:center;gap:6px;color:#bfc3c8;font-size:10px;cursor:pointer;user-select:none}
.basra-template-enabled input{accent-color:#e30b17}
.basra-template-key{color:#ff2935;font:700 9px/1.3 'Bebas Neue',Cairo,sans-serif;letter-spacing:.26em;text-transform:uppercase;overflow-wrap:anywhere;text-align:left}
.basra-template-card .basra-field{margin-top:8px}
.basra-template-card .basra-field input,.basra-template-card .basra-field textarea{background:#0c0f12;border-color:#2c3137;color:#f5f5f5}
.basra-template-card .basra-field textarea{min-height:126px;line-height:1.85}
.basra-template-vars{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;color:#737981;font-size:8px;line-height:1.7}
.basra-template-vars code{direction:ltr;color:#777d85;background:transparent;border:0;padding:0;font:500 8px/1.5 monospace}
.basra-template-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:9px}
.basra-template-save-status{margin-inline-end:auto;color:#31d9a5;font-size:9px}
.basra-template-save{min-width:74px;padding-block:7px}
@media(max-width:900px){.basra-template-grid{grid-template-columns:1fr}}
@media(max-width:640px){.basra-template-card{padding:12px}.basra-template-card-head{align-items:flex-start}.basra-template-key{max-width:62%}.basra-template-card .basra-field textarea{min-height:150px}}


/* ---- V14: iPhone section divider + truly adjustable transparent emblem ---- */
/* Keep the uploaded artwork raw: no generated plate, circle, border or shadow. */
.basra-logo-shell{
  max-width:520px!important;
}
.basra-logo-shell img{
  max-height:320px!important;
}
.basra-car-emblem{
  width:var(--basra-emblem-size,160px)!important;
  max-width:min(520px,46vw)!important;
  height:auto!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.basra-car-emblem img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:var(--basra-emblem-fit,contain)!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.basra-print-brand-logo{max-width:46%!important}

@media (max-width:700px){
  .basra-car-emblem{
    width:var(--basra-emblem-size,160px)!important;
    max-width:58vw!important;
    height:auto!important;
    max-height:none!important;
  }
  .basra-car-emblem img{max-height:none!important}
}

/* iOS Safari can rasterize Tailwind's 1 CSS-pixel divider as a broken/dotted line.
   Force a 2px integer solid rule and remove any accidental underline/border on headings. */
@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    main section > h2{
      text-decoration:none!important;
      border-bottom:0!important;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    main section > h2 + span[class~="h-px"]{
      display:block!important;
      width:96px!important;
      height:2px!important;
      min-height:2px!important;
      background:#e30b17!important;
      background-image:none!important;
      border:0!important;
      border-radius:0!important;
      box-shadow:none!important;
      transform:none!important;
      opacity:1!important;
    }
  }
}


/* ---- V15 FINAL: print-only badge, iPhone text integrity, dashboard-safe CSS ---- */
/* Uploaded artwork belongs to PRINT ONLY. Never draw it on the public car hero/site chrome. */
.basra-car-emblem,.basra-public-brand-logo,.basra-admin-brand-logo{display:none!important}

/* Settings preview stays raw/transparent. */
.basra-logo-shell,.basra-logo-shell *{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.basra-fixed-print-size{border:1px solid #2f343a;background:#0c0f12;color:#f3f3f3;padding:10px 12px;font:700 11px/1.4 Cairo,Arial,sans-serif}

/* The print mark is deliberately large and fixed, independent from phone viewport or old saved slider values. */
#a4-sheet .basra-print-brand-logo{
  top:4mm!important;
  left:50%!important;
  right:auto!important;
  width:58mm!important;
  height:30mm!important;
  max-width:none!important;
  max-height:none!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#a4-sheet .basra-print-brand-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* iPhone Safari: Arabic + condensed Latin glyphs were visually sliced when large tracking
   was applied. On the public vehicle page, use zero tracking exactly as requested. */
@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    body.basra-public-car-page main,
    body.basra-public-car-page main *{
      letter-spacing:0!important;
      -webkit-font-smoothing:antialiased!important;
      font-kerning:normal!important;
      text-rendering:optimizeLegibility!important;
    }
    body.basra-public-car-page main section > h2{
      text-decoration:none!important;
      border-bottom:0!important;
    }
    body.basra-public-car-page main section > h2 + span[class~="h-px"]{
      display:block!important;
      width:96px!important;
      height:2px!important;
      min-height:2px!important;
      background:#e30b17!important;
      background-image:none!important;
      border:0!important;
      transform:none!important;
      opacity:1!important;
    }
  }
}


/* ---- V16: large transparent uploaded emblem on the PUBLIC car hero + print ---- */
/* Keep the actual site/admin wordmark untouched; only the uploaded badge is restored here. */
.basra-public-brand-logo,.basra-admin-brand-logo{display:none!important}
.basra-car-emblem{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  z-index:24!important;
  left:55%!important;
  top:38%!important;
  width:var(--basra-emblem-size,378px)!important;
  max-width:min(560px,42vw)!important;
  height:auto!important;
  max-height:none!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  opacity:1!important;
}
.basra-car-emblem img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:var(--basra-emblem-fit,contain)!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
@media (max-width:700px){
  .basra-car-emblem{
    left:54%!important;
    top:34%!important;
    width:var(--basra-emblem-size,320px)!important;
    max-width:68vw!important;
  }
}

/* V18 — make the developer URL visibly readable in the public footer. */
footer a[href^="https://h-q4.com"] {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  font-weight: 700 !important;
}


/* V19 — visible developer credit under the public car footer. */
body.basra-public-car-page .basra-public-car-dev-credit{
  margin:10px 0 0!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#e30b17!important;
  direction:ltr!important;
}
body.basra-public-car-page .basra-public-car-dev-credit a{
  color:#e30b17!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  letter-spacing:0!important;
}
body.basra-public-car-page .basra-public-car-dev-credit a:hover{
  color:#fff!important;
}
@media (max-width:700px){
  body.basra-public-car-page .basra-public-car-dev-credit{
    margin-top:8px!important;
    padding:0 12px 12px!important;
    font-size:10px!important;
    letter-spacing:0!important;
    overflow-wrap:anywhere!important;
  }
}


/* V22 recovery: safe dark shell/login appearance only. No auth/database behavior here. */
html, body, #root { background:#07080a; }
main.carbon { background-color:#07080a !important; }
main.carbon input,
main.carbon textarea,
main.carbon select {
  background:#0b0d10 !important;
  color:#fff !important;
  border-color:#32363d !important;
  caret-color:#ef1725 !important;
  -webkit-text-fill-color:#fff !important;
}
main.carbon input:-webkit-autofill,
main.carbon input:-webkit-autofill:hover,
main.carbon input:-webkit-autofill:focus {
  -webkit-text-fill-color:#fff !important;
  -webkit-box-shadow:0 0 0 1000px #0b0d10 inset !important;
  box-shadow:0 0 0 1000px #0b0d10 inset !important;
}
@media (max-width:700px) {
  main.carbon input, main.carbon textarea, main.carbon select { letter-spacing:0 !important; font-size:16px; }
}

/* ---- V23: approvals details, one-page print, Arabic/mobile integrity ---- */
.basra-detail-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.82);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}
.basra-detail-modal{width:min(1040px,96vw);max-height:92vh;overflow:hidden;background:#090b0e;border:1px solid #343941;box-shadow:0 30px 90px rgba(0,0,0,.55);color:#f5f5f5;font-family:Cairo,Arial,sans-serif}
.basra-detail-loading{padding:48px;text-align:center;color:#aeb3ba}
.basra-detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-bottom:1px solid #2d3239;background:linear-gradient(135deg,rgba(227,11,23,.08),rgba(12,14,17,.98))}
.basra-detail-head small{display:block;color:#e30b17;font:700 10px/1.2 'Bebas Neue',Cairo,sans-serif;letter-spacing:0!important}.basra-detail-head h2{margin:3px 0 2px;font-size:26px}.basra-detail-head p{margin:0;color:#8e949c;font-size:10px}
.basra-detail-close{width:42px;height:42px;border:1px solid #444b54;background:#11151a;color:#fff;font:400 30px/1 Arial;cursor:pointer}.basra-detail-close:hover{border-color:#e30b17;color:#ff2e39}
.basra-detail-scroll{max-height:calc(92vh - 82px);overflow:auto;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.basra-detail-section{border:1px solid #2d3239;background:#0c0f13;padding:15px;margin-bottom:14px}.basra-detail-section:last-child{margin-bottom:0}.basra-detail-section h3{font-size:14px;margin:0 0 12px;color:#fff}.basra-detail-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.basra-detail-section-title h3{margin:0}.basra-detail-link{display:inline-flex;align-items:center;border:1px solid #e30b17;color:#fff;background:#e30b17;padding:8px 11px;text-decoration:none;font-size:10px}
.basra-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.basra-detail-cell{min-width:0;border:1px solid #2b3036;background:#090b0e;padding:10px}.basra-detail-cell span{display:block;color:#858b94;font-size:8px;margin-bottom:4px}.basra-detail-cell b{display:block;font-size:11px;line-height:1.55;white-space:normal;overflow-wrap:break-word;word-break:normal;letter-spacing:0!important}
.basra-detail-text{margin-top:10px;border-inline-start:2px solid #e30b17;padding:4px 10px}.basra-detail-text span{color:#848a92;font-size:8px}.basra-detail-text p{margin:4px 0 0;white-space:pre-wrap;line-height:1.8;font-size:11px;overflow-wrap:break-word}
.basra-detail-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.basra-detail-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #30353c;background:#060709}.basra-detail-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.basra-owner-cars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.basra-owner-car{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #2e333a;background:#090b0e;padding:8px}.basra-owner-car img,.basra-owner-car-noimg{width:72px;height:54px;object-fit:cover;background:#15181d;display:grid;place-items:center;font:700 11px 'Bebas Neue',Arial}.basra-owner-car div{min-width:0}.basra-owner-car b{display:block;font-size:11px}.basra-owner-car small{display:block;font-size:8px;color:#898f98;margin-top:3px;white-space:normal;overflow-wrap:break-word}.basra-owner-car a{border:1px solid #444b54;color:#fff;padding:6px 8px;text-decoration:none;font-size:9px}
.basra-doc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.basra-doc-list a{display:flex;justify-content:space-between;gap:12px;border:1px solid #30353c;background:#090b0e;padding:10px;color:#fff;text-decoration:none;font-size:10px}.basra-doc-list a b{color:#ff3642;font-size:9px}.basra-detail-empty{padding:14px;border:1px dashed #343a42;color:#8d939c;font-size:10px;text-align:center}
.basra-approval-details-btn{background:#12161b!important;border-color:#4a515b!important;color:#fff!important;white-space:nowrap!important;letter-spacing:0!important}.basra-approval-details-btn:hover{border-color:#e30b17!important}.basra-approval-details-btn span{margin-inline-end:5px}

/* Arabic on phones: never spread connected glyphs. */
@media(max-width:900px){
  html,body,#root{max-width:100%;}
  body.basra-admin-page *,body.basra-public-car-page *,body:not(.basra-admin-page) [dir="rtl"] *{letter-spacing:0!important;font-kerning:normal!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
  body.basra-admin-page{overflow-x:hidden!important}
  body.basra-admin-page #root{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  body.basra-admin-page main{width:100%!important;max-width:100vw!important;min-width:0!important;margin-inline:0!important;padding-inline:12px!important;overflow:visible!important}
  body.basra-admin-page main>div,body.basra-admin-page main>section{max-width:100%!important;min-width:0!important}
  body.basra-admin-page aside{max-width:min(86vw,310px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  body.basra-admin-page .overflow-x-auto,body.basra-admin-page .basra-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .basra-detail-overlay{padding:8px;align-items:stretch}.basra-detail-modal{width:100%;max-height:100%;margin:auto}.basra-detail-scroll{max-height:calc(100vh - 76px);padding:10px}.basra-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basra-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.basra-owner-cars,.basra-doc-list{grid-template-columns:1fr}
}
@media(max-width:560px){
  .basra-detail-head{padding:13px}.basra-detail-head h2{font-size:21px}.basra-detail-section{padding:11px}.basra-detail-grid{grid-template-columns:1fr 1fr;gap:6px}.basra-detail-cell{padding:8px}.basra-owner-car{grid-template-columns:60px minmax(0,1fr) auto}.basra-owner-car img,.basra-owner-car-noimg{width:60px;height:48px}
  body.basra-admin-page main{padding-inline:8px!important}
  body.basra-admin-page button,body.basra-admin-page a,body.basra-admin-page input,body.basra-admin-page select,body.basra-admin-page textarea{max-width:100%;letter-spacing:0!important}
}


/* ---- V24: FINAL mobile admin drawer ---- */
/* The React hamburger drawer is the only mobile navigation. Never show the
   old injected jump-select; it caused the overlap visible on narrow phones. */
#basra-mobile-admin-nav,.basra-mobile-admin-nav{display:none!important}

@media (max-width:1023px){
  body.basra-admin-page{overflow-x:hidden!important}
  body.basra-admin-page #root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}

  /* React mobile drawer. Keep it completely inside the viewport and let its
     own content scroll without shifting the dashboard underneath. */
  body.basra-admin-page aside.fixed{
    inset-inline-start:auto!important;
    inset-inline-end:0!important;
    top:61px!important;
    bottom:0!important;
    width:min(84vw,288px)!important;
    max-width:288px!important;
    height:calc(100dvh - 61px)!important;
    max-height:calc(100dvh - 61px)!important;
    margin:0!important;
    padding:12px 10px calc(18px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#07090b!important;
    border-inline-start:1px solid rgba(255,255,255,.12)!important;
    box-shadow:-18px 0 42px rgba(0,0,0,.52)!important;
    z-index:39!important;
  }

  body.basra-admin-page aside.fixed nav{width:100%!important;min-width:0!important;padding:0!important;margin:0!important}
  body.basra-admin-page aside.fixed nav a{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:11px 12px!important;
    gap:10px!important;
    white-space:normal!important;
    overflow:visible!important;
    letter-spacing:0!important;
  }
  body.basra-admin-page aside.fixed nav a span{min-width:0!important;letter-spacing:0!important}
  body.basra-admin-page aside.fixed nav a .font-display{letter-spacing:0!important}
  body.basra-admin-page aside.fixed nav a .text-\[11px\]{white-space:normal!important;line-height:1.5!important}

  /* Keep page content at full phone width while the drawer floats above it. */
  body.basra-admin-page main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-inline:10px!important;
  }
}

@media (max-width:430px){
  body.basra-admin-page aside.fixed{
    width:min(86vw,278px)!important;
    max-width:278px!important;
  }
}

/* V25: direct WaSender recipient profile hint */
.basra-selected .basra-auto-link-note{display:block;margin-top:6px;color:var(--muted-foreground,#8b8b92);font-size:10px;letter-spacing:0!important}
.basra-selected .basra-mini-link{display:inline-flex;margin-top:7px;letter-spacing:0!important}

/* ---- V27: visible developer footer on all public pages ---- */
.basra-general-dev-footer{
  width:100%;
  margin:0;
  padding:22px 16px calc(22px + env(safe-area-inset-bottom));
  text-align:center;
  background:#08090b;
  border-top:1px solid rgba(227,11,23,.32);
  color:#d6d7da;
  font-family:Cairo,Arial,sans-serif;
  letter-spacing:0!important;
}
.basra-general-dev-copy{
  font-size:11px;
  line-height:1.7;
  color:#c8c9cd;
  letter-spacing:0!important;
}
.basra-general-dev-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:4px;
  font-size:11px;
  line-height:1.6;
  letter-spacing:0!important;
}
.basra-general-dev-links a{
  color:#e30b17!important;
  font-weight:700!important;
  text-decoration:none!important;
  letter-spacing:0!important;
}
.basra-general-dev-links a:hover{color:#fff!important}
@media(max-width:700px){
  .basra-general-dev-footer{padding:18px 12px calc(18px + env(safe-area-inset-bottom));}
  .basra-general-dev-copy,.basra-general-dev-links{font-size:10px!important;letter-spacing:0!important}
}

/* ---- V30: native Communications Center / stable sidebar ---- */
.basra-comms-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:10px;border:1px solid var(--be-line);background:rgba(8,10,12,.72)}
.basra-comms-tab{min-width:0;border:1px solid #2b3036;background:#0c0f12;color:#8e949d;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.basra-comms-tab:hover{border-color:#555d68;color:#fff}.basra-comms-tab.active{border-color:var(--be-red);background:rgba(227,11,23,.1);color:#fff;box-shadow:inset 0 -2px var(--be-red)}
.basra-comms-tab b{font:700 11px/1.2 'Bebas Neue',Cairo,sans-serif;letter-spacing:.16em}.basra-comms-tab span{font:600 10px/1.5 Cairo,Arial,sans-serif;color:inherit;opacity:.92}
.basra-subtabs{margin-top:0}.basra-templates-page .basra-template-grid{margin-top:2px}
@media(max-width:760px){.basra-comms-tabs{grid-template-columns:1fr;padding:7px}.basra-comms-tab{padding:10px 12px}.basra-comms-tab b{font-size:10px}.basra-comms-tab span{font-size:9px}}

/* ---- V33: larger admin vehicle cards / full car visibility ---- */
.basra-admin-vehicle-card-media{
  height:240px!important;
  min-height:240px!important;
  background:#06070a!important;
}
.basra-admin-vehicle-card-media>img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#06070a!important;
}
@media (max-width:639px){
  .basra-admin-vehicle-card-media{
    height:220px!important;
    min-height:220px!important;
  }
}
@media (min-width:1280px){
  .basra-admin-vehicle-card-media{
    height:250px!important;
    min-height:250px!important;
  }
}

/* ---- V34: taller vehicle media; loaded last to beat base bundle ---- */
.basra-admin-vehicle-card-media{
  height:290px!important;
  min-height:290px!important;
  overflow:hidden!important;
  background:#06070a!important;
}
.basra-admin-vehicle-card-media>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#06070a!important;
}
@media (max-width:639px){
  .basra-admin-vehicle-card-media{
    height:245px!important;
    min-height:245px!important;
  }
}
@media (min-width:1280px){
  .basra-admin-vehicle-card-media{
    height:310px!important;
    min-height:310px!important;
  }
}
@media (min-width:1700px){
  .basra-admin-vehicle-card-media{
    height:330px!important;
    min-height:330px!important;
  }
}


/* ---- V35: vehicle delete control + safe confirmation dialog ---- */
.basra-vehicle-card{position:relative!important}
.basra-admin-vehicle-card-media{position:relative!important}
.basra-vehicle-delete-trigger{
  position:absolute!important;
  inset-inline-start:10px!important;
  top:10px!important;
  z-index:9!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,55,66,.72)!important;
  background:rgba(8,8,10,.86)!important;
  color:#ff3b48!important;
  font-family:Cairo,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.28)!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease!important;
}
.basra-vehicle-delete-trigger svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
.basra-vehicle-delete-trigger:hover,.basra-vehicle-delete-trigger:focus-visible{
  background:#e30b17!important;color:#fff!important;border-color:#e30b17!important;outline:none!important;transform:translateY(-1px)!important
}
.basra-delete-overlay{
  position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;
  padding:20px!important;background:rgba(2,3,5,.84)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important
}
.basra-delete-dialog{
  width:min(100%,520px)!important;border:1px solid rgba(227,11,23,.48)!important;background:#0b0d10!important;color:#f4f4f5!important;
  box-shadow:0 30px 90px rgba(0,0,0,.62)!important;padding:24px!important;font-family:Cairo,Arial,sans-serif!important;direction:rtl!important
}
.basra-delete-icon{
  width:48px!important;height:48px!important;display:grid!important;place-items:center!important;margin-bottom:15px!important;
  border:1px solid rgba(227,11,23,.55)!important;background:rgba(227,11,23,.09)!important;color:#ff3542!important
}
.basra-delete-icon svg{width:24px!important;height:24px!important}
.basra-delete-copy>span{display:block!important;color:#ff3542!important;font:700 11px/1.2 'Bebas Neue',Cairo,sans-serif!important;letter-spacing:.18em!important}
.basra-delete-copy h2{margin:6px 0 8px!important;font:700 27px/1.25 Cairo,Arial,sans-serif!important;letter-spacing:0!important}
.basra-delete-copy p{margin:0!important;color:#e7e7e8!important;font-size:13px!important;line-height:1.85!important;letter-spacing:0!important}
.basra-delete-copy small{display:block!important;margin-top:9px!important;color:#9699a1!important;font-size:11px!important;line-height:1.85!important;letter-spacing:0!important}
.basra-delete-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:22px!important;padding-top:16px!important;border-top:1px solid #24272d!important}
.basra-delete-actions button{border:1px solid #343841!important;background:#111419!important;color:#e2e3e5!important;padding:10px 15px!important;font:700 12px/1.3 Cairo,Arial,sans-serif!important;cursor:pointer!important;letter-spacing:0!important}
.basra-delete-actions button:hover{border-color:#636a75!important;color:#fff!important}
.basra-delete-actions button.danger{border-color:#e30b17!important;background:#e30b17!important;color:#fff!important;min-width:148px!important}
.basra-delete-actions button.danger:hover{background:#ff1e2c!important}
.basra-delete-actions button:disabled{opacity:.55!important;cursor:not-allowed!important}
@media(max-width:639px){
  .basra-vehicle-delete-trigger{top:8px!important;inset-inline-start:8px!important;padding:6px 8px!important}
  .basra-delete-dialog{padding:19px!important}
  .basra-delete-actions{display:grid!important;grid-template-columns:1fr!important}
  .basra-delete-actions button{width:100%!important}
}

/* ---- V36: persistent vehicle actions + pagination always below the grid ---- */
.basra-vehicle-pagination{
  width:100%!important;
  clear:both!important;
  position:relative!important;
  z-index:2!important;
  margin-top:24px!important;
  margin-bottom:8px!important;
}
@media(max-width:639px){
  .basra-vehicle-pagination{
    margin-top:18px!important;
  }
  .basra-vehicle-pagination>div:last-child{
    width:100%!important;
    justify-content:center!important;
  }
}


/* ---- V37: delete without full reload ---- */
button[data-vehicle-id].basra-vehicle-card-removing{
  opacity:0!important;
  transform:scale(.985)!important;
  transition:opacity .15s ease,transform .15s ease!important;
  pointer-events:none!important;
}


/* V40 — real WaSender session health */
.basra-wa-health{margin:0 0 14px!important;border-color:rgba(255,255,255,.12)!important}
.basra-wa-health .basra-card-title{align-items:center;gap:12px}
.basra-wa-health .basra-card-title>div{flex:1;min-width:0}
.basra-wa-health .basra-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.basra-wa-health .basra-config-badge.ok{border-color:rgba(55,200,120,.5);color:#7ee2a8}
.basra-wa-health .basra-config-badge.warn{border-color:rgba(255,190,60,.5);color:#ffd27a}
.basra-wa-health .basra-config-badge.error{border-color:rgba(255,60,80,.55);color:#ff7f91}
@media (max-width:700px){.basra-wa-health .basra-actions .basra-btn{flex:1 1 150px;text-align:center}}


/* ---- V41: manual WhatsApp fallback (independent from WaSender) ---- */
.basra-btn.manual-wa{
  border-color:#1fa855!important;
  background:linear-gradient(180deg,rgba(34,197,94,.18),rgba(15,118,50,.12))!important;
  color:#7df0a8!important;
  box-shadow:inset 0 0 0 1px rgba(34,197,94,.06);
}
.basra-btn.manual-wa:hover{background:rgba(34,197,94,.24)!important;border-color:#31d96f!important;color:#b9ffd0!important}
.basra-btn.manual-wa.compact{padding:6px 9px!important;font-size:9px!important;white-space:nowrap}
.basra-wa-send-actions{gap:8px;flex-wrap:wrap}
.basra-log-recipient{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer;font:inherit}
.basra-log-recipient b{color:#f4f5f7;transition:color .16s ease}
.basra-log-recipient small{color:#78808a}
.basra-log-recipient:hover b{color:#67e895}.basra-log-recipient:hover small{color:#a2d7b5}
.basra-wa-log-table td:last-child,.basra-wa-log-table th:last-child{white-space:nowrap;text-align:center}
body.basra-manual-wa-open{overflow:hidden!important}
.basra-manual-wa-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;direction:rtl}
.basra-manual-wa-modal[hidden]{display:none!important}
.basra-manual-wa-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.basra-manual-wa-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #353b41;background:linear-gradient(145deg,#101317 0%,#090b0e 65%,#0d1510 100%);box-shadow:0 30px 100px rgba(0,0,0,.7);padding:20px}
.basra-manual-wa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #292e33}
.basra-manual-wa-head h2{margin:2px 0 3px;color:#fff;font-size:24px;line-height:1.25}
.basra-manual-wa-head small{display:block;color:#8b929a;line-height:1.7}
.basra-manual-wa-close{flex:0 0 36px;width:36px;height:36px;border:1px solid #3a4046;background:#11151a;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.basra-manual-wa-close:hover{border-color:#e30b17;color:#ff5862}
.basra-manual-wa-person{display:flex;align-items:center;gap:11px;margin:14px 0;padding:12px;border:1px solid #2d3439;background:rgba(34,197,94,.045)}
.basra-manual-wa-person>div{display:flex;flex-direction:column;gap:2px;min-width:0}.basra-manual-wa-person b{color:#fff}.basra-manual-wa-person small{color:#8c959e}
.basra-manual-wa-dialog textarea{min-height:260px!important;resize:vertical;line-height:1.9!important;direction:rtl}
.basra-manual-wa-note{margin-top:8px;padding:9px 11px;border-inline-start:2px solid #27bd61;background:rgba(39,189,97,.06);color:#8d9b92;font-size:10px;line-height:1.7}
.basra-manual-wa-actions{margin-top:14px!important;gap:8px!important;flex-wrap:wrap}
@media(max-width:700px){
  .basra-manual-wa-modal{padding:8px;align-items:end}.basra-manual-wa-dialog{width:100%;max-height:92dvh;padding:14px}.basra-manual-wa-head h2{font-size:20px}.basra-manual-wa-dialog textarea{min-height:210px!important}.basra-manual-wa-actions .basra-btn{flex:1 1 100%}.basra-wa-log-table{min-width:920px}
}


/* V42 — Meta WhatsApp Cloud API settings */
.basra-meta-wa-card{border-color:rgba(37,211,102,.28)!important;background:linear-gradient(180deg,rgba(37,211,102,.035),rgba(12,12,15,.96))!important}
.basra-meta-wa-card .basra-card-title>span{min-width:58px;background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.35);color:#7ff1a9}
.basra-copy-field{display:flex;gap:8px;align-items:stretch}.basra-copy-field input{flex:1;min-width:0}.basra-copy-field .basra-btn{white-space:nowrap}
.basra-settings-note{display:block;margin-top:10px;opacity:.68;line-height:1.8}
@media(max-width:720px){.basra-copy-field{flex-direction:column}.basra-copy-field .basra-btn{width:100%}}

/* V43 — safe log reset + manual WhatsApp delivery markers */
.basra-log-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.basra-log-reset-info{display:block;margin-top:8px;color:#8b9099;font-size:11px}
.basra-btn.danger{border-color:#ff243b!important;color:#fff!important;background:rgba(255,0,28,.14)!important}
.basra-btn.danger:hover{background:#e4001b!important}
.basra-manual-wa-note.is-sent{border-color:rgba(0,220,120,.35)!important;background:rgba(0,220,120,.08)!important;color:#75f0ad!important}
.basra-manual-sent-mini{display:block;margin-top:5px;color:#55d98b;font-size:10px;font-style:normal;font-weight:700}
.basra-manual-sent-banner{display:block;margin-top:7px;padding:7px 9px;border:1px solid rgba(0,220,120,.28);background:rgba(0,220,120,.07);color:#69e79d;font-size:11px;font-weight:700}
.basra-manual-sent-by{display:block;margin-top:4px;color:#69e79d!important;font-size:10px!important}
.basra-wa-log-table tr.is-manual-sent td{background:rgba(0,180,95,.025)}
.basra-btn.manual-wa:disabled{opacity:.72!important;cursor:default!important;border-color:rgba(0,220,120,.35)!important;color:#69e79d!important}
@media(max-width:760px){.basra-log-head-actions{width:100%;justify-content:stretch}.basra-log-head-actions .basra-btn{flex:1}}

/* V44 — independent, non-destructive reset controls */
.basra-log-head-actions,.basra-section-reset-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.basra-section-reset-actions{margin-inline-start:auto}
.basra-btn.mini-reset{min-height:28px;padding:5px 9px;font-size:8px}
.basra-btn.mini-reset.is-reset-active{border-color:#d89a24;color:#ffc95e}
.basra-stat{position:relative;overflow:hidden}
.basra-stat.is-reset{border-color:#5f4a1d;background:linear-gradient(135deg,rgba(28,22,12,.98),rgba(8,9,11,.98))}
.basra-stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.basra-stat-top>b{min-width:0}
.basra-stat-reset{width:25px;height:25px;display:grid;place-items:center;border:1px solid #343941;background:#0c0f12;color:#aeb3bb;cursor:pointer;font-size:16px;line-height:1;padding:0;flex:0 0 auto}
.basra-stat-reset:hover,.basra-stat-reset.is-reset-active{border-color:var(--be-red);color:#fff;background:rgba(214,18,30,.12)}
.basra-stat>small{font-size:7.5px;color:#c49a49;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.basra-stat-restore{border:0;background:transparent;color:#d7aa52;font-size:8px;padding:2px 0;text-align:start;cursor:pointer;width:max-content}
.basra-stat-restore:hover{text-decoration:underline;color:#ffd47e}
.basra-reset-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.78);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}
.basra-reset-dialog{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#0a0d10;border:1px solid #383d44;box-shadow:0 28px 90px rgba(0,0,0,.72);padding:18px;color:#fff}
.basra-reset-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid #262a30;padding-bottom:13px;margin-bottom:15px}
.basra-reset-dialog-head>div{display:flex;flex-direction:column;gap:4px}.basra-reset-dialog-head b{font-size:18px}.basra-reset-dialog-head small{font-size:10px;color:var(--be-muted)}
.basra-reset-group{margin-top:16px}.basra-reset-group>strong{display:block;font-size:10px;color:#e4e6e9;margin-bottom:8px}
.basra-reset-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.basra-reset-option{display:flex;align-items:center;gap:10px;border:1px solid #292e35;background:#101318;padding:11px;cursor:pointer;min-width:0}
.basra-reset-option:hover{border-color:#4a515b}.basra-reset-option.active{border-color:#66501d;background:#15120b}
.basra-reset-option input{accent-color:var(--be-red);width:16px;height:16px;flex:0 0 auto}.basra-reset-option span{display:flex;flex-direction:column;min-width:0}.basra-reset-option b{font-size:10px}.basra-reset-option small{font-size:8px;color:#858b94;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.basra-reset-dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;border-top:1px solid #262a30;margin-top:18px;padding-top:14px}
@media(max-width:640px){.basra-section-reset-actions{width:100%;margin-inline-start:0}.basra-reset-options{grid-template-columns:1fr}.basra-reset-dialog{padding:14px}.basra-reset-dialog-actions{grid-template-columns:1fr 1fr}.basra-reset-dialog-actions>span{display:none}.basra-reset-dialog-actions .basra-btn{width:100%}}