/* 1.2.89 batch 5 + 6: 📞 call-back, 🕯 Shabbos mode, 🖥 wide view, ✨ splash */
.cb-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.cb-chip{background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border))}
.cb-chip.due{background:#fef3c7;border-color:#f59e0b;color:#92400e}
.cb-note{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shab-banner{margin-bottom:12px;font-size:14px;background:#fffbeb;border-color:#fcd34d;color:#78350f}
.app-splash{position:fixed;inset:0;z-index:99999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:opacity .22s}
.app-splash img{width:96px;height:96px;border-radius:22px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.app-splash-name{font-weight:700;font-size:20px;letter-spacing:.3px;color:#14532d}
.app-splash.out{opacity:0}
@media (min-width:900px){
  body.wide-dp #main{margin-right:min(42vw,600px)}
  body.wide-dp .dp-simple .dp-cols{display:block}
  body.wide-dp .dp-simple #inlineNew{position:fixed;top:0;right:0;bottom:0;width:min(42vw,600px);margin:0!important;border-radius:0;overflow:auto;z-index:4;border:0;border-left:1px solid hsl(var(--border));box-shadow:none}
  body.wide-dp .modal-bg:has(h2[data-callid]){left:auto;right:0;width:min(42vw,600px);background:transparent;align-items:stretch;justify-content:stretch;padding:0;border-left:1px solid hsl(var(--border))}
  body.wide-dp .modal-bg:has(h2[data-callid]) .modal{max-width:none!important;width:100%;height:100%;max-height:none;border-radius:0;overflow:auto;box-shadow:none}
  body.wide-dp .dp-empty{position:fixed;top:0;right:0;bottom:0;width:min(42vw,600px);display:flex;align-items:center;justify-content:center;text-align:center;border-left:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));z-index:5}
  /* 1.2.90 sweep-1: the side panel starts under the sticky top bar (its top 64px — "Dispatch a Call" and 🎤 — were hidden behind it), and in Hebrew / Yiddish
     it sits on the left, clear of the right-hand sidebar that covered it on a computer screen */
  body.wide-dp .dp-simple #inlineNew, body.wide-dp .dp-empty{top:calc(64px + var(--sat))}
  html[dir=rtl] body.wide-dp #main{margin-right:0;margin-left:min(42vw,600px)}
  html[dir=rtl] body.wide-dp .dp-simple #inlineNew, html[dir=rtl] body.wide-dp .dp-empty{right:auto;left:0;border-left:0;border-right:1px solid hsl(var(--border))}
  html[dir=rtl] body.wide-dp .modal-bg:has(h2[data-callid]){right:auto;left:0;border-left:0;border-right:1px solid hsl(var(--border))}
}
.cb-chip bdi{margin-inline-start:4px}
/* 🔘 Features page: "25 on" / "35 off" spacing */
.fp-count .badge bdi{margin-inline-end:4px}