/* «متصفح Omnis» (e05f6786): full-page browser in Omnis colours (brand tokens from theme-tokens.css + wave wallpaper). */
.ob{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;color:#fff;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .2s,transform .2s;
  background:radial-gradient(120% 70% at 80% 10%,#0b7f8666,transparent 60%),radial-gradient(90% 60% at 0% 100%,#2fd3c033,transparent 60%),linear-gradient(160deg,#08363c,#06181f 70%)} /* theme-exempt: brand page */
.ob.on{opacity:1;pointer-events:auto;transform:none}
.ob::before{content:"";position:absolute;inset:0;pointer-events:none;background:#7fe9dc;opacity:.08;-webkit-mask:url(/wallpaper/wave.svg) 0 0/200% 100% repeat-x;mask:url(/wallpaper/wave.svg) 0 0/200% 100% repeat-x}
.ob-view{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.ob-home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:calc(20px + env(safe-area-inset-top)) 18px 20px}
.ob-home[hidden],.ob-web[hidden]{display:none}
.ob-brand{display:flex;flex-direction:column;align-items:center;gap:10px}
.ob-word{font-size:56px;font-weight:300;letter-spacing:.5px;line-height:1;color:#e9fffb;text-shadow:0 6px 30px #2fd3c055}
.ob-tiles{display:grid;grid-template-columns:repeat(4,72px);gap:18px 14px;justify-content:center}
.ob-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;color:#e9fffbdd;font:inherit;cursor:pointer;padding:0}
.ob-tile small{font-size:12px;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ob-ti{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:28px;font-weight:700;box-shadow:0 6px 18px #0006}
.ob-pv{background:linear-gradient(145deg,#2fd3c0,#0b7f86);color:#fff}
.ob-dot{position:absolute;top:-3px;left:4px;width:12px;height:12px;border-radius:50%;background:#ff5a4f;border:2px solid #08363c}
.ob-web{position:relative;flex:1;background:#fff}
.ob-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.ob-load{position:absolute;top:0;right:0;height:3px;width:0;background:#2fd3c0;z-index:2;transition:width .3s}
.ob-fb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;text-align:center;color:#06181f}
.ob-bar{position:relative;display:flex;align-items:center;gap:4px;margin:8px 12px calc(10px + env(safe-area-inset-bottom));padding:6px 8px;border-radius:26px;background:#0b2f3ae6;border:.5px solid #7fe9dc33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #0008}
.ob-b{width:40px;height:40px;flex:none;border:0;background:none;color:#e9fffb;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.ob-b:disabled{opacity:.35}
.ob-q{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 10px;height:40px;border-radius:20px;background:#ffffff14;color:#9dfff0}
.ob-q input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:15px}
.ob-q input::placeholder{color:#e9fffb99}
.ob-count span{min-width:22px;height:22px;padding:0 3px;border:1.8px solid currentColor;border-radius:6px;font-size:12px;font-weight:700;display:grid;place-items:center}
.ob-menu,.ob-tabs{position:absolute;z-index:3;bottom:calc(72px + env(safe-area-inset-bottom));left:12px;background:#0b2f3af2;border:.5px solid #7fe9dc33;border-radius:16px;box-shadow:0 14px 40px #000a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.ob-menu{min-width:200px;padding:6px;display:flex;flex-direction:column}
.ob-menu[hidden],.ob-tabs[hidden]{display:none}
.ob-menu button{background:none;border:0;color:#e9fffb;font:inherit;font-size:15px;text-align:right;padding:11px 12px;border-radius:10px;cursor:pointer}
.ob-menu button:hover{background:#ffffff12}
.ob-tabs{right:12px;padding:10px;max-height:50vh;overflow:auto}
.ob-tabs-h{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 8px}
.ob-tnew{background:none;border:0;color:#9dfff0;font:inherit;cursor:pointer}
.ob-tr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff0d;margin-top:6px;cursor:pointer}
.ob-tr.on{outline:1.5px solid #2fd3c0}
.ob-tx{background:none;border:0;color:#e9fffb99;cursor:pointer;display:grid}
.ob-tx svg{width:16px;height:16px}
/* Brave results page (msg 0f81a83e): same result rows as the preview box, scrolling list */
.ob-res{justify-content:flex-start;align-items:stretch;text-align:start;overflow:auto;gap:4px;padding:12px 14px 20px;-webkit-overflow-scrolling:touch}
.ob-res .brw-r{display:flex;flex-direction:column;gap:2px;padding:10px 4px;border-bottom:1px solid #eef1f3;color:inherit;text-decoration:none}
.ob-res .brw-r small{color:#0e7a74;font-size:12px}.ob-res .brw-r b{color:#1a4fd6;font-size:15px;font-weight:600}.ob-res .brw-r span{color:#4a5560;font-size:13px;line-height:1.5}
.ob-res .ob-by{align-self:center;color:#8a949c;font-size:11px;margin-top:8px}
/* v372 «شركة مشتركة» + «بلغني بالجديد» (msg 996f1590): layout only; the label is .badge.brand and the action .btn.sm.brand */
.ob-res .brw-r strong{align-self:flex-start;margin:2px 0}
.ob-ntf{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-3);border-bottom:1px solid var(--stroke3)}
.ob-ntf p{margin:0;font-size:var(--fs-sm);color:var(--text2);line-height:1.5}
.ob-ints{min-width:240px;max-width:min(320px,calc(100vw - 24px))}
.ob-ie{margin:6px 4px;font-size:var(--fs-sm);opacity:.8;line-height:1.6}
.ob-nh{margin-top:var(--space-3)}
.ob-load.go{width:30%}
.ob-load.done{width:100%}