/* Barra comum das ferramentas do InkDOS Hub: mesmas cores do InkDOS, sem sombras nem animações. */
:root{--bg:#f2f5f8;--card:#fff;--text:#192235;--muted:#697486;--border:#e3e8ef;--btn:#f0f2f5;--btn-active:#e3e8ef;--accent:#3fb950}
html[data-theme="dark"]{--bg:#11161c;--card:#1c222a;--text:#edf2f7;--muted:#aab5c3;--border:#323c49;--btn:#252d37;--btn-active:#323c49}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}
body.ink-app{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);box-sizing:border-box}
.ink-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 10px;box-sizing:border-box;background:var(--card);border-bottom:1px solid var(--border);font-size:14px}
.ink-bar a.ink-home{color:var(--text);text-decoration:none;font-weight:700;padding:6px 4px;white-space:nowrap}
.ink-bar .ink-title{color:var(--muted);font-weight:600;white-space:nowrap}
.ink-bar .ink-status{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ink-bar .ink-spacer{flex:1}
.ink-btn{font:inherit;font-size:14px;color:var(--text);background:var(--btn);border:1px solid var(--border);border-radius:8px;padding:6px 11px;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
.ink-btn:active{background:var(--btn-active)}
.ink-btn.on{background:var(--accent);border-color:var(--accent);color:#0d1117}
.ink-main{flex:1;min-height:0;position:relative}
.ink-main>iframe{display:block;width:100%;height:100%;border:0}
@media (max-width:620px){.ink-bar .ink-title{display:none}.ink-bar{gap:6px}.ink-btn{padding:6px 9px}}
.ink-ico{width:18px;height:18px;flex:none;vertical-align:-4px}
.ink-btn:has(>.ink-ico:only-child){display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:6px 9px}
.ink-bar a.ink-home{display:inline-flex;align-items:center;gap:2px}
.ink-bar a.ink-home .ink-ico{width:20px;height:20px;margin-left:-4px}
