/* Phase 2: compact, scan-first mobile round editor. */
@media (max-width: 760px) {
  .round-editor-page .page-header-row { margin-bottom:6px !important; }
  .round-editor-form { gap:7px !important; padding:0 10px 8px !important; }

  /* Each major editor area reads like a settings section instead of a giant card. */
  .round-editor-panel {
    margin:0 !important;
    padding:9px !important;
    border:1px solid var(--occ-mobile-line) !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:var(--occ-mobile-shadow) !important;
  }
  .round-editor-panel h3 { margin:0 0 4px !important; font-size:13px !important; line-height:1.2; }
  .round-editor-panel .muted { margin:2px 0 6px !important; font-size:10px !important; line-height:1.3 !important; }

  /* Report details */
  .round-report-details { display:grid !important; gap:9px !important; }
  .round-report-title { display:grid !important; grid-template-columns:1fr 1fr; gap:7px !important; }
  .round-report-title > h3 { grid-column:1 / -1; }
  .round-report-title > label { display:grid; gap:3px; min-width:0; font-size:10px !important; font-weight:700; color:#526773; }
  .round-report-title > label:last-child { grid-column:1 / -1; }
  .round-report-title input,
  .round-report-title select { min-height:38px !important; font-size:13px !important; padding:7px 9px !important; }

  .round-cover-settings { padding-top:8px !important; border-top:1px solid #edf1f3; }
  .round-cover-choices { display:flex !important; flex-wrap:wrap; gap:5px !important; }
  .round-cover-choices label,
  .round-schedule-options label {
    min-height:34px;
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    padding:6px 9px !important;
    border:1px solid var(--occ-mobile-line);
    border-radius:999px;
    background:#f8fafb;
    font-size:10.5px !important;
    font-weight:700;
  }
  .round-cover-source { display:grid !important; gap:6px !important; margin-top:7px !important; }
  .round-cover-source select,
  .round-cover-source input { min-height:38px !important; font-size:13px !important; }
  .round-cover-source img { width:72px !important; height:54px !important; border-radius:8px; object-fit:cover; }

  /* Schedule becomes one compact control surface. */
  .round-schedule-panel { gap:7px !important; }
  .round-schedule-options { display:flex !important; flex-wrap:wrap; gap:5px !important; }
  .round-weekday-picker { display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px !important; }
  .round-weekday-picker button { min-width:0 !important; min-height:32px !important; padding:4px 1px !important; font-size:9px !important; border-radius:7px !important; }
  .round-schedule-time { display:grid !important; grid-template-columns:minmax(120px,170px) 1fr; align-items:center; gap:8px !important; }
  .round-schedule-time input { min-height:36px !important; font-size:13px !important; }
  .round-schedule-time span { margin:0 !important; font-size:9px !important; }

  /* Options and access: dense list language rather than oversized cards. */
  .round-options-panel { gap:8px !important; }
  .round-option-grid { display:grid !important; grid-template-columns:1fr !important; gap:5px !important; }
  .round-option-grid .feature-toggle,
  .round-preset-option {
    min-height:48px !important;
    margin:0 !important;
    padding:7px 8px !important;
    border:1px solid #e6ecef !important;
    border-radius:9px !important;
    background:#fbfcfd !important;
  }
  .round-option-grid .feature-toggle strong,
  .round-preset-option { font-size:11px !important; }
  .round-option-grid .feature-toggle p,
  .round-preset-option > span { font-size:9.5px !important; line-height:1.25 !important; }
  .round-preset-option { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 8px; }
  .round-preset-option select { min-height:34px !important; max-width:180px; padding:5px 7px !important; font-size:11px !important; }
  .round-preset-option > span { grid-column:1 / -1; }

  .round-access-section { margin-top:2px !important; padding-top:8px !important; border-top:1px solid #edf1f3; }
  .round-access-section > div:first-child p { display:none !important; }
  .round-permission-list { display:grid !important; gap:4px !important; }
  .round-permission-row {
    min-height:48px;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    padding:6px 7px !important;
    border:1px solid #e7edf0 !important;
    border-radius:8px !important;
    background:#fbfcfd !important;
  }
  .round-permission-row > div { min-width:0; }
  .round-permission-row strong { display:block; font-size:11px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .round-permission-row small { display:block; font-size:9px !important; color:var(--occ-mobile-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .round-permission-row label { font-size:0 !important; }
  .round-permission-row select { min-height:32px !important; padding:4px 7px !important; font-size:10px !important; }

  /* Camera picker: station rows are compact and only expanded content consumes space. */
  .round-editor-form > h3 { margin:5px 1px 2px !important; font-size:13px !important; line-height:1.2; }
  .station-block {
    margin:0 0 5px !important;
    padding:0 !important;
    border:1px solid var(--occ-mobile-line) !important;
    border-radius:10px !important;
    background:#fff !important;
    overflow:hidden;
  }
  .station-header-row { min-height:43px; display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px; padding:4px 6px !important; }
  .station-header { min-width:0; min-height:34px !important; padding:5px 4px !important; border:0 !important; background:transparent !important; text-align:left; font-size:11px !important; font-weight:750 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .station-header .muted,
  .station-header .error { font-size:9px !important; }
  .station-header-actions { display:flex !important; gap:3px !important; }
  .station-header-actions button { min-height:28px !important; padding:4px 6px !important; font-size:9px !important; }
  .picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:5px !important; padding:6px !important; border-top:1px solid #edf1f3; background:#f8fafb; }
  .picker-tile { min-width:0 !important; padding:5px !important; border-radius:8px !important; }
  .picker-tile img { width:100% !important; height:auto !important; aspect-ratio:4/3; object-fit:cover; }
  .picker-tile-label { font-size:9.5px !important; line-height:1.2 !important; }
  .picker-tile-badge { min-width:19px !important; height:19px !important; font-size:9px !important; }

  /* Report order: 56px-ish rows, drag target retained, remove action reduced to secondary. */
  .selected-list { display:grid !important; gap:4px !important; }
  .selected-row {
    min-height:56px !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    gap:7px !important;
    padding:5px 6px !important;
    border:1px solid var(--occ-mobile-line) !important;
    border-radius:9px !important;
    background:#fff !important;
  }
  .selected-row-drag-zone { width:58px; display:grid !important; grid-template-columns:16px 40px; align-items:center; gap:2px; }
  .selected-row-drag-zone img { width:40px !important; height:40px !important; object-fit:cover; border-radius:6px; }
  .drag-handle { font-size:15px !important; color:#8796a0; }
  .selected-row-label { min-width:0; font-size:10.5px !important; line-height:1.25 !important; white-space:normal; }
  .selected-row > button { min-height:28px !important; padding:4px 6px !important; font-size:9px !important; background:transparent !important; color:#7b4b4b !important; }

  /* Save/cancel stays reachable during long camera ordering. */
  .round-editor-form .modal-actions,
  .round-editor-form .ui-modal-actions {
    position:sticky;
    bottom:0;
    z-index:8;
    margin:3px -2px -8px !important;
    padding:8px 2px calc(8px + env(safe-area-inset-bottom)) !important;
    background:linear-gradient(to bottom,rgba(244,247,249,.86),#f4f7f9 26%);
  }

  /* Full-screen round modal should feel like an app screen, not a desktop dialog. */
  .settings-modal-fullscreen .round-editor-form { padding-left:0 !important; padding-right:0 !important; }
  .settings-modal-fullscreen .round-editor-panel,
  .settings-modal-fullscreen .station-block,
  .settings-modal-fullscreen .selected-list { margin-left:0 !important; margin-right:0 !important; }
}