/* ══ RESET & BASE ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;font-family:'Heebo',sans-serif;background:var(--bg);color:var(--navy);direction:rtl;-webkit-font-smoothing:antialiased;font-size:14px}

/* ══ SHELL ══ */
.shell{display:flex;height:100vh;overflow:hidden}

/* ══ MAIN ══ */
.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.topbar{height:54px;flex-shrink:0;background:var(--w);border-bottom:2px solid var(--s5);display:flex;align-items:center;padding:0 20px;gap:10px}
.tb-title{font-weight:800;font-size:16px;color:var(--navy);flex:1;line-height:1.1}
.tb-sub{font-size:10px;color:var(--s3);margin-top:1px}
.content{flex:1;overflow-y:auto;padding:18px 20px;background:var(--bg)}
.content::-webkit-scrollbar{width:5px}
.content::-webkit-scrollbar-thumb{background:var(--s4);border-radius:3px}
.page{display:none}
.page.on{display:block}

/* ══ GOLD RULE ══ */
.grule{height:2px;background:linear-gradient(90deg,var(--grn2),var(--grn3),transparent);border-radius:2px;margin-bottom:14px}
.gacc{display:inline-block;width:22px;height:3px;background:linear-gradient(90deg,var(--grn2),var(--grn3));border-radius:2px;margin-bottom:5px}

/* ══ GRIDS ══ */
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}

/* ══ DIVIDER ══ */
.div{height:1px;background:var(--s5);margin:12px 0}

/* ══ ANIMATIONS ══ */
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.spn{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
.pulse{animation:pulse 1.2s infinite}

/* ══ PRINT (hidden by default) ══ */
.print-doc{display:none}