/* Navegação de aplicativo apenas no celular. */
@media (max-width:650px) {
  :root { --mobile-nav-height:76px; }
  body { padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px)); }
  .sidebar { height:64px; background:#fffdf8; backdrop-filter:none; border-bottom:1px solid #e6e4d9; z-index:20; }
  .sidebar .brand { height:64px; padding:0 20px; gap:10px; font-size:19px; }
  .sidebar .brand svg { width:28px; height:33px; }
  .sidebar nav { position:fixed; inset:auto 0 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px)); padding:7px max(8px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px)); border-top:1px solid #dddccf; border-radius:20px 20px 0 0; background:#fffdf8f5; backdrop-filter:blur(18px); box-shadow:0 -5px 24px #173b3010; }
  .sidebar .nav-item { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:60px; padding:8px 2px 6px; border:0; border-radius:13px; font-size:10px; font-weight:500; line-height:1.2; color:#727c72; background:transparent; touch-action:manipulation; }
  .sidebar .nav-item svg { width:23px; height:23px; stroke-width:1.7; position:relative; z-index:1; }
  .sidebar .nav-item.active { color:#204c3e; font-weight:700; background:transparent; }
  .sidebar .nav-item.active::before { content:''; position:absolute; top:3px; left:50%; transform:translateX(-50%); width:52px; height:34px; border-radius:13px; background:#e6eddf; }
  .sidebar .nav-item:active { background:#edf1e7; }
  .sidebar .nav-item:focus-visible { outline:2px solid #204c3e; outline-offset:-2px; }
  .sidebar .nav-item #fav-count { position:absolute; top:2px; left:calc(50% + 9px); z-index:2; margin:0; padding:2px 4px; min-width:16px; border-radius:9px; border:2px solid #fffdf8; background:#204c3e; color:#fff; font-size:8px; line-height:1; }
  .sidebar .nav-item #fav-count[hidden] { display:none; }
  .sidebar .nav-item .nav-dot { display:none; }
  .workspace .topbar { position:absolute; top:0; right:0; height:64px; padding:0 20px; z-index:21; border:0; background:transparent; }
  .topbar .breadcrumb { display:none; }
  .topbar .mobile-help { width:34px; height:34px; font-size:15px; color:#204c3e; border-color:#d8dfce; background:#f4f5ed; }
  .library { scroll-margin-top:80px; }
  .toast { bottom:calc(90px + env(safe-area-inset-bottom,0px)); }
  footer { padding-bottom:22px; }
}
@media print { body { padding-bottom:0; } }
