/* ---------- V2.0 phone app layout ----------
   Topbar- und Tab-Leisten-Regeln stehen ausschließlich in mobile.css -
   siehe DESIGN.md, Abschnitt "Mobile Breakpoints". */
@media (max-width:760px){
  .view{
    padding:10px 10px 18px;
  }

  .scan-layout{
    display:flex;
    flex-direction:column;
  }

  #view-scan > .scan-layout > div:first-child .panel{
    position:sticky;
    top:86px;
    z-index:10;
  }

  .scan-hint,
  .roll-title,
  .roll{
    display:none;
  }

  .box-setting{
    margin-top:10px;
  }

  .box-setting-info{
    align-items:flex-start;
  }

  .scan-progress,
  .scan-status{
    margin-top:8px;
  }

  .empty-state{
    padding:22px 12px;
  }

  .trends-intro{
    margin-bottom:10px;
  }

  .trends-intro p,
  .export-time-hint{
    display:none;
  }

  .export-presets,
  .pick-filter-row,
  .pick-stats{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
    overflow:visible;
    padding-bottom:0;
  }

  .export-presets-label{
    grid-column:1 / -1;
    margin:0;
  }

  .preset-btn,
  .pick-filter-btn,
  .pick-stat{
    width:100%;
    min-width:0;
    text-align:center;
  }

  .pick-stat-group{
    grid-column:1 / -1;
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .pick-stat-cleanup{
    grid-column:1 / -1;
    border-left:none;
    border-top:1px solid var(--border);
    padding-left:0;
    padding-top:8px;
  }

  .pick-filter-row{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  /* Bei 3 Spalten reicht das Standard-Padding/Schriftgröße aus pickup.css
     nicht für Labels wie "Aktive Listen" - bricht sonst mitten im Wort um
     (siehe DESIGN.md-Audit). */
  .pick-filter-row .pick-filter-btn{
    padding:8px 4px;
    font-size:var(--text-2xs);
  }

  .pick-stats{
    grid-template-columns:1fr;
  }

  .pick-layout > .panel:first-child{
    position:relative;
  }

  .pick-batches{
    max-height:220px;
    overflow:auto;
    padding-right:2px;
  }

  .pick-batch-card{
    padding:10px 12px;
  }

  .pick-batch-title{
    font-size:var(--text-15);
  }

  .pick-batch-meta{
    font-size:var(--text-2xs);
  }

  .pick-source-group{
    margin-bottom:14px;
  }

  .pick-list{
    border:none;
    display:flex;
    flex-direction:column;
    gap:8px;
    background:transparent;
  }

  .pick-item{
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);
  }

  .export-results-stack{
    gap:10px;
  }

  .export-list{
    max-height:none;
  }

  .export-col{
    padding:12px;
  }

  .export-col h3{
    font-size:var(--text-17);
  }

  .export-col .col-total{
    font-size:var(--text-xs);
  }

  .export-item{
    padding:10px;
  }

  .export-item-row{
    gap:7px;
  }

  .detail-book-card,
  .sale-box,
  .box-current-panel{
    padding:12px;
  }

  .detail-description{
    max-height:150px;
  }

  .trend-cards{
    grid-template-columns:1fr;
  }
}