/* «المتصفح الداخلي»: floating browser sheet (owner msg 5ad99595 / pick 2d47bedc). Omxio tokens only.
   Closed = takes no taps at all (pointer-events:none + hidden after the slide), so the app under it stays live (msg e6b10ace). */
.iab-scrim{position:fixed;inset:0;background:var(--iab-scrim);z-index:var(--iab-z);opacity:0;pointer-events:none;transition:opacity .25s}
.iab-scrim.on{opacity:1;pointer-events:auto}
/* owner msg 18831371: full screen top to bottom (no gap, no address bar) */
.iab-sheet{position:fixed;inset:0;z-index:calc(var(--iab-z) + 1);
  background:var(--elevated);color:var(--text);border-radius:0;box-shadow:var(--iab-shadow);
  display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.iab-sheet.on{transform:translateY(var(--iab-dy,0px));pointer-events:auto}
.iab-scrim[hidden],.iab-sheet[hidden]{display:none}
.iab-sheet.drag{transition:none}
html.iab-lock{overflow:hidden}
.iab-head{flex:none;touch-action:none}
/* slim header built like the chat header .ch-h (back · bot face + name · bot computer); sits above the page, never over it */
.iab-chh{display:flex;align-items:center;gap:var(--space-2);padding:calc(var(--space-2) + var(--st)) var(--space-3) var(--space-2);background:var(--chrome)}
.iab-chh .pillname{cursor:default}
.iab-chh .pillname[hidden]{display:none}
.iab-body{position:relative;flex:1;min-height:0;background:var(--elevated)}
.iab-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--elevated)}
.iab-load{position:absolute;top:0;left:0;height:2px;background:var(--accent);width:0;z-index:1;transition:width .4s}
.iab-load.go{width:30%}
.iab-load.done{width:100%}
.iab-fb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);text-align:center}
.iab-fb b{font-size:var(--fs-lg)}
.iab-fb p{margin:0;color:var(--text2);font-size:var(--fs-sm);max-width:320px}
.iab-fb .iab-host{direction:ltr;color:var(--text3)}

/* owner 2026-10-24: docked in #app > main — sidebar (.side) stays visible */
.iab-scrim.pane{position:absolute;inset:0;z-index:40;border-radius:inherit}
.iab-sheet.pane{position:absolute;inset:0;top:0;left:0;right:0;bottom:0;z-index:41;border-radius:0;box-shadow:none;
  transform:translateY(100%)}
.iab-sheet.pane.on{transform:translateY(var(--iab-dy,0px))}
#app > main{position:relative;min-width:0}

/* t649u/t652u: icon-only reload inside IAB Omnisys name pill */
.iab-chh .pillname .iab-re{flex:none;width:28px;height:28px;min-width:28px;padding:0;margin:0;margin-inline-start:2px;border-radius:999px;background:transparent;box-shadow:none;border:0;color:inherit;opacity:.85}
.iab-chh .pillname .iab-re:active{opacity:1}
.iab-chh .pillname .iab-re svg{width:16px;height:16px;display:block}

/* t573: «فتح العين» on IAB head next to Speedo/.iab-who pill */
.iab-chh .ttl{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.iab-chh .iab-eye-btn{flex:none;display:inline-flex;align-items:center;gap:4px;height:32px;min-width:32px;padding:0 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:var(--text);background:var(--elevated);border:1px solid var(--line)}
.iab-chh .iab-eye-btn:active{opacity:.85}
.iab-chh .iab-eye-btn svg{width:18px;height:18px;display:block}
.iab-chh .iab-eye-lbl{white-space:nowrap}
.iab-who-voice{cursor:pointer}
