/* ISP-CRM UI 2026 (no build step) */

:root{
  --bg: #f6f8fb;
}

html, body { height: 100%; }

body{
  background: var(--bg);
}

html[lang="ar"] body{ font-family: "Tajawal", system-ui, -apple-system, Segoe UI, Arial, sans-serif; }
html[lang="he"] body{ font-family: "Heebo", system-ui, -apple-system, Segoe UI, Arial, sans-serif; }
html[lang="en"] body{ font-family: "Inter", system-ui, -apple-system, Segoe UI, Arial, sans-serif; }

*{ -webkit-tap-highlight-color: transparent; }

::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-thumb{ background: rgba(2,6,23,.18); border-radius: 999px; border: 2px solid rgba(255,255,255,.6); }
::-webkit-scrollbar-track{ background: transparent; }

.isp-glass{
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
}

.isp-shadow{
  box-shadow: 0 18px 45px rgba(2,6,23,.08);
}

.isp-ring{
  outline: 2px solid rgba(14,116,144,.12);
  outline-offset: 2px;
}

/* RTL/LTR fallback (works even if Tailwind CDN is blocked) */
.isp-shell{ display:flex; min-height:100vh; }
html[dir="rtl"] .isp-shell{ flex-direction: row-reverse; }
html[dir="ltr"] .isp-shell{ flex-direction: row; }


/* Sidebar UX helpers */
.isp-hidden{ display:none !important; }
.sidebar-block .sidebar-chevron{ transition: transform .18s ease; }
.sidebar-block.is-collapsed .sidebar-chevron{ transform: rotate(-90deg); }
.sidebar-block.is-collapsed .sidebar-group-items{ display:none; }
.sidebar-block.is-collapsed .sidebar-more{ display:none; }