/* Dar ekran (telefon) kabuğu. Sol menü üstten açılan çekmece olur (☰ ile), üst çubukta yalnızca zil, hesap ve dil
   kalır; ana alan tam genişlik. Ayrıntılı telefon görünümü ("Bugün") ayrıca gelecek. */
.mobile-backdrop { display: none; }

@media (max-width: 768px) {
    body { padding: 0; }
    .app-window { border-radius: 0; border: none; box-shadow: none; }

    .sidebar, .sidebar.collapsed {
        position: fixed; top: 0; bottom: 0; left: 0;
        width: min(300px, 86vw); min-width: min(300px, 86vw);
        overflow: hidden; border-right: 1px solid var(--sidebar-border);
        transform: translateX(-105%); box-shadow: 0 20px 50px rgba(15, 23, 42, 0.35); z-index: 130;
    }
    body.mobile-menu-open .sidebar { transform: none; }
    .mobile-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 125; }
    body.mobile-menu-open .mobile-backdrop { display: block; }
    .btn-collapse-sidebar { display: none; }

    .stage-topbar { padding: 0 10px; gap: 8px; }
    .breadcrumb, .topbar-center { display: none !important; }
    .topbar-right { gap: 6px; margin-left: auto; min-width: 0; }
    .topbar-right > .btn-clean, #text-header-cloud-save, #text-header-history, #text-header-users,
    #cloud-status-text, #user-display-name, #text-header-newtask, #cloud-sync-status, #btn-cloud-history, #btn-admin-users { display: none !important; }
    .btn-cloud-save, .btn-cloud-history, .btn-create-task, .btn-lang-switch { padding-left: 8px; padding-right: 8px; }
    /* Zil üst çubukta kalır (notifications.css dar ekranda sabit köşeye alıyordu). */
    .ntf-bell { position: static; box-shadow: none; }

    /* İş detayı (sağdan açılan panel) telefonda tam ekran. */
    .drawer-panel { width: 100vw; max-width: 100vw; right: -105vw; }
    .drawer-panel.active { right: 0; }

    /* Eski "JSON'u bilgisayarına indir" hatırlatması telefonda ekranın üstünü kapatıyordu. */
    .save-notice-banner { display: none !important; }
}