/* Android-first Zevuna app shell. Desktop/mobile web surfaces remain untouched. */
html.app-mode, body.app-mode{background:#f6f3ea!important;color:#171816;min-height:100dvh}
body.app-mode{overflow-x:hidden;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
body.app-mode .app{display:block;min-height:100dvh}
body.app-mode .sidebar{display:none!important}
body.app-mode .main{width:100%;min-width:0;margin:0;padding:0}
body.app-mode .topbar{position:sticky;top:0;z-index:80;height:64px;padding:0 16px;background:rgba(246,243,234,.94)!important;border-bottom:1px solid rgba(23,24,22,.08);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:10px}
body.app-mode .crumb{display:flex;align-items:center;gap:7px;min-width:0;flex:1;font-size:12px}
body.app-mode .crumb>span{display:none}
body.app-mode .crumb .slash{display:none}
body.app-mode .crumb strong{font-size:16px;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.app-mode .mobile-topbar-left{display:flex;align-items:center;gap:8px;order:-2}
body.app-mode .mobile-topbar-brand{display:flex;align-items:center;gap:8px;color:#171816;text-decoration:none;font-weight:900;font-size:15px}
body.app-mode .mobile-topbar-brand .mark{display:flex;gap:3px}.mobile-topbar-brand .mark i{width:7px;height:7px;border-radius:50%;background:#171816}.mobile-topbar-brand .mark i+i{background:#b5e83a}
body.app-mode .mobile-topbar-search,.app-mode .workspace-sponsor,.app-mode .gesture-top-btn,.app-mode .top-btn[data-search],.app-mode .top-btn.ai-top-btn{display:inline-flex!important}
body.app-mode .top-actions{margin-left:auto;display:flex;gap:6px}
body.app-mode .top-actions .top-btn.dark{width:auto;min-width:40px;height:38px;padding:0 12px;border-radius:12px;background:#171816;color:#fff}
body.app-mode .page{padding:18px 16px 96px;max-width:760px;margin:0 auto}
body.app-mode .page>*{max-width:100%}
body.app-mode .app-footer{display:none!important}
body.app-mode .mobile-fab,.app-mode .mobile-menu{display:none!important}
.app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:120;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,253,247,.96);border-top:1px solid rgba(23,24,22,.10);backdrop-filter:blur(18px)}
.app-bottom-nav a,.app-bottom-nav button{min-width:0;border:0;background:transparent;color:#74766e;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:52px;border-radius:14px;font:800 9px/1 Inter,system-ui,sans-serif;letter-spacing:.15px}
.app-bottom-nav svg{width:18px;height:18px}.app-bottom-nav a.active{background:#b5e83a;color:#171816}.app-bottom-nav button{cursor:pointer}
.app-more-sheet{position:fixed;inset:auto 12px calc(76px + env(safe-area-inset-bottom,0px)) 12px;z-index:130;display:none;background:#fffdf7;border:1px solid rgba(23,24,22,.12);border-radius:22px;box-shadow:0 24px 70px rgba(23,24,22,.18);padding:12px;max-height:min(65dvh,520px);overflow:auto}
.app-more-sheet.open{display:block}.app-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-more-grid a{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(23,24,22,.08);border-radius:14px;color:#171816;text-decoration:none;font-size:11px;font-weight:800;background:#faf8f1}.app-more-grid svg{width:16px;height:16px}.app-more-backdrop{position:fixed;inset:0;z-index:125;background:rgba(23,24,22,.22);display:none}.app-more-backdrop.open{display:block}
.app-statusbar-spacer{height:env(safe-area-inset-top,0px);background:#f6f3ea}
.app-mode #assistantLauncher,.app-mode #sidebarExploreHint,.app-mode #zevuna-theme-hint,.app-mode #intelligenceOfferNotice{display:none!important}
/* Notes on Android: one-column canvas with the AI actions remaining reachable through the page's own controls. */
body.app-mode .notes-app{grid-template-columns:minmax(0,1fr)!important;min-height:100dvh;height:auto;max-height:none;overflow:visible}
body.app-mode .notes-app .notes-side{display:none!important}
body.app-mode .notes-app .notes-ai{display:block!important;position:static!important;border-left:0!important;border-top:1px solid var(--line)!important;max-height:none!important}
body.app-mode .notes-app .notes-main{min-width:0}
@media(max-width:390px){body.app-mode .page{padding-inline:12px}.app-bottom-nav a,.app-bottom-nav button{font-size:8px}.app-more-grid{grid-template-columns:1fr 1fr}}

body.app-mode .zl-shell{height:100dvh!important;grid-template-columns:1fr!important}
body.app-mode .zl-sidebar{display:none!important}
body.app-mode .zl-main{min-width:0!important;width:100%!important}
body.app-mode .zl-top{height:58px!important;padding:0 14px!important;position:sticky;top:0;z-index:90;background:rgba(246,243,234,.96)!important;color:#171816!important}
body.app-mode .zl-title{font-size:14px!important;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.app-mode .zl-status{font-size:9px!important}
body.app-mode .zl-mode-wrap{display:flex!important}
body.app-mode .zl-compose{left:0!important;right:0!important;bottom:72px!important;padding:8px 12px!important}
body.app-mode .zl-messages{padding-bottom:145px!important}
body.app-mode .zc-loading, body.app-mode .zs-loading{background:#f6f3ea!important}
body.app-mode .zc-topbar{height:auto!important;min-height:58px!important;padding:8px 10px!important;gap:6px!important;overflow-x:auto}
body.app-mode .zc-sidebar{display:none!important}
body.app-mode .zc-main{grid-template-columns:1fr!important;height:calc(100dvh - 58px)!important}
body.app-mode .zc-editor-wrap{min-width:0!important}
body.app-mode .zc-bottom{grid-template-columns:1fr!important}
body.app-mode .zs-topbar{min-height:58px!important;height:auto!important;padding:8px 10px!important;overflow-x:auto}
body.app-mode .zs-slides-panel{display:none!important}
body.app-mode .zs-main{grid-template-columns:1fr!important;height:calc(100dvh - 58px)!important}
body.app-mode .zs-ai-panel{display:none!important}
body.app-mode .zs-canvas-wrap{min-width:0!important}

/* Mobile shell theme parity and keyboard affordances. */
[data-theme=dark] body.app-mode,[data-theme=dark].app-mode{background:#10120f!important;color:#f1f3ec}
[data-theme=dark] body.app-mode .topbar{background:rgba(16,18,15,.94)!important;border-bottom-color:rgba(255,255,255,.09)!important;color:#f1f3ec}
[data-theme=dark] body.app-mode .mobile-topbar-brand{color:#f1f3ec}
[data-theme=dark] body.app-mode .mobile-topbar-brand .mark i{background:#f1f3ec}
[data-theme=dark] body.app-mode .mobile-topbar-brand .mark i+i{background:var(--lime,#b5e83a)}
[data-theme=dark] body.app-mode .top-actions .top-btn.dark{background:var(--lime,#b5e83a)!important;color:#11130f!important;border-color:var(--lime,#b5e83a)!important}
[data-theme=dark] .app-bottom-nav{background:rgba(17,19,16,.97);border-top-color:rgba(255,255,255,.11)}
[data-theme=dark] .app-bottom-nav a,[data-theme=dark] .app-bottom-nav button{color:#a0a599}
[data-theme=dark] .app-bottom-nav a.active{background:var(--lime,#b5e83a);color:#11130f}
[data-theme=dark] .app-more-sheet{background:#191c17;border-color:#34382f;color:#f1f3ec}
[data-theme=dark] .app-more-grid a{background:#21251e;border-color:#34382f;color:#f1f3ec}
[data-theme=dark] .app-more-sheet [data-app-more-close]{color:#e4e8dc!important}
.app-bottom-nav a:focus-visible,.app-bottom-nav button:focus-visible,.app-more-grid a:focus-visible{outline:2px solid var(--lime-deep,#78a91e);outline-offset:2px}