@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&family=IBM+Plex+Mono:wght@500;700&family=Noto+Naskh+Arabic:wght@600;700&display=swap');

/* ===== 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;}
}