/* ===== Persistent Intelligence Tools Rail ===== */
body { margin-left: 72px; }
html[dir="rtl"] body { margin-left: 0; margin-right: 72px; }

.fanaar-rail{position:fixed;top:0;left:0;bottom:0;width:72px;background:#060F1E;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:0px;z-index:1000;overflow-y:auto;}
html[dir="rtl"] .fanaar-rail{left:auto;right:0;}
.fanaar-rail::-webkit-scrollbar{width:0;}
.fanaar-rail .fr-logo{font-family:'Playfair Display',serif;font-weight:900;font-size:22px;color:#B8963E;margin-bottom:16px;text-decoration:none;}
.fanaar-rail .item{width:50px;padding:6px 0;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:3px;color:rgba(255,255,255,0.55);cursor:pointer;font-size:8.5px;font-family:'IBM Plex Mono',monospace;text-align:center;line-height:1.1;text-decoration:none;transition:all .12s;position:relative;}
html[dir="rtl"] .fanaar-rail .item{font-family:'Noto Naskh Arabic',sans-serif;font-size:9px;}
.fanaar-rail .item .ic{font-size:19px;line-height:1;}
.fanaar-rail .item:hover{background:rgba(255,255,255,0.08);color:#fff;}
.fanaar-rail .item.active{background:#B8963E;color:#060F1E;}
.fanaar-rail .divider{width:40px;height:2px;background:#B8963E;margin:4px 0;border-radius:1px;opacity:0.6;display:block;}
.fanaar-rail .item .tip{position:absolute;left:62px;top:50%;transform:translateY(-50%);background:#0B1930;color:#fff;font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:600;padding:6px 12px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;border:1px solid rgba(184,150,62,0.4);z-index:1001;}
html[dir="rtl"] .fanaar-rail .item .tip{left:auto;right:62px;font-family:'Noto Naskh Arabic',sans-serif;}
.fanaar-rail .item:hover .tip{opacity:1;}

/* Hide on phones so the 72px rail doesn't crowd small screens */
@media (max-width:640px){
  body{margin-left:0;}
  html[dir="rtl"] body{margin-right:0;}
  .fanaar-rail{display:none;}
}

/* ── Light theme overrides ── */
body.light-theme .fanaar-rail { background: #2C1810 !important; border-right: 1px solid rgba(149,90,81,0.3) !important; }
body.light-theme .fanaar-rail .fr-logo { color: #D4926A !important; }
body.light-theme .fanaar-rail .item { color: rgba(255,220,190,0.5) !important; }
body.light-theme .fanaar-rail .item:hover { background: rgba(149,90,81,0.15) !important; color: #D4926A !important; }
body.light-theme .fanaar-rail .item.active { background: #955A51 !important; color: #FBF4D5 !important; }
body.light-theme .fanaar-rail .divider { background: rgba(149,90,81,0.4) !important; }
body.light-theme .fanaar-rail .tip { background: #2C1810 !important; color: #D4926A !important; border-color: rgba(149,90,81,0.3) !important; }