/* Desktop tetap mengikuti UI 1.2. */
.mobile-section-toggle { display:none; }

@media (max-width: 720px) {
    .navbar { padding:12px 16px; }
    .brand { font-size:15px; min-width:0; }
    .brand img { height:26px; flex:0 0 auto; }
    .topbar-row { padding:10px 12px 0; gap:8px; }
    .topbar-row .brand { font-size:15px; }
    .newtab { padding:7px 9px; font-size:0; }
    .newtab i { font-size:14px; }
    .tabs { padding:9px 10px 0; overflow-x:auto; scrollbar-width:thin; }
    .tab { flex:0 0 auto; padding:10px 12px; }
    .input-wrapper { display:block; margin:12px auto; padding:0 12px; }
    .card { padding:15px; margin-bottom:12px; }
    .mobile-collapsible > .mobile-section-toggle { display:flex; width:100%; border:0; background:transparent; padding:0; align-items:center; justify-content:space-between; color:#6b7280; font-size:13px; font-weight:700; text-transform:uppercase; cursor:pointer; }
    .mobile-collapsible > .mobile-section-toggle::after { content:'+'; font-size:19px; }
    .mobile-collapsible.open > .mobile-section-toggle::after { content:'−'; }
    .mobile-collapsible > .mobile-section-body { display:none; padding-top:14px; }
    .mobile-collapsible.open > .mobile-section-body { display:block; }
    .mobile-collapsible > .card-header { display:none; }
    .main-content { margin-top:12px; }
    .input-area { min-height:0; padding:14px; overflow-x:auto; }
    .slot-grid { grid-template-columns:1fr; }
    .slot-thumb { height:220px; }
    .config-bar { flex-wrap:wrap; gap:10px; }
    .config-item { flex:1 1 45%; min-width:130px; }
    .csv-box > div, .prompt-box > div { align-items:stretch !important; }
    table.manual-table { min-width:680px; }
    .pageitem { min-height:44px; }
    input, select, textarea, .btn { font-size:16px; min-height:44px; }
    input[type=file] { max-width:100%; }
    .x-btn { min-width:36px; min-height:32px; }
    #reportContainer { padding:12px; overflow-x:hidden; align-items:flex-start; }
    .page { transform-origin:top left; flex-shrink:0; }
    #photoViewer { padding:16px; }
    #photoViewer button { top:8px; right:12px; }
}

@media print {
    .mobile-section-toggle { display:none !important; }
    .page { transform:none !important; margin-bottom:0 !important; }
}