:root {
  --gd-bg: #f4f1ea;
  --gd-panel: #fffdf8;
  --gd-ink: #181713;
  --gd-muted: #6d675d;
  --gd-line: #ded4c5;
  --gd-green: #173f35;
  --gd-blue: #2b6478;
  --gd-gold: #a8772d;
  --gd-red: #a6423c;
}

body { background: var(--gd-bg); color: var(--gd-ink); }
.app-shell { display: grid; grid-template-columns: 280px minmax(0, 1fr); min-height: 100vh; }
.sidebar { background: #10241f; color: #fff9ee; padding: 22px; }
.brand { display: flex; gap: 12px; align-items: center; margin-bottom: 28px; }
.brand-mark { width: 44px; height: 44px; border-radius: 8px; display: grid; place-items: center; background: #fff9ee; color: var(--gd-green); font-weight: 900; }
.brand span { display: block; color: #d8cdbc; font-size: 12px; }
.nav-link { color: #e2d9cb; border: 1px solid transparent; border-radius: 8px; }
.nav-link:hover { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.18); }
.main { padding: 24px; min-width: 0; }
.topbar { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 18px; }
.eyebrow { color: var(--gd-gold); font-size: 12px; font-weight: 900; text-transform: uppercase; margin: 0 0 4px; }
.user-chip { background: var(--gd-panel); border: 1px solid var(--gd-line); border-radius: 8px; padding: 8px 12px; display: grid; }
.user-chip span { color: var(--gd-muted); font-size: 12px; }
.panel { background: var(--gd-panel); border: 1px solid var(--gd-line); border-radius: 8px; box-shadow: 0 18px 42px rgba(34,28,18,.08); }
.hero-band { min-height: 150px; border-radius: 8px; background: linear-gradient(135deg, var(--gd-green), var(--gd-blue)); color: #fffaf2; padding: 24px; display: flex; align-items: center; justify-content: space-between; }
.metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.metric { background: var(--gd-panel); border: 1px solid var(--gd-line); border-top: 4px solid var(--gd-green); border-radius: 8px; padding: 16px; }
.metric span { color: var(--gd-muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.metric strong { display: block; font-size: 30px; line-height: 36px; }
.metric.red { border-top-color: var(--gd-red); } .metric.blue { border-top-color: var(--gd-blue); } .metric.gold { border-top-color: var(--gd-gold); }
.table-toolbar { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.gd-badge { border-radius: 8px; padding: 6px 8px; }
.gd-active, .gd-approved, .gd-paid, .gd-premium, .gd-top { background: #dceee6; color: var(--gd-green); }
.gd-disabled, .gd-failed, .gd-canceled, .gd-rejected { background: #f2d8d4; color: var(--gd-red); }
.gd-free, .gd-draft, .gd-pending, .gd-prospect { background: #e2eef2; color: var(--gd-blue); }
.empty-state, .notice { background: #f8f4ec; border: 1px solid var(--gd-line); border-radius: 8px; color: var(--gd-muted); padding: 14px; }
.list-line { display: grid; gap: 8px; grid-template-columns: 1fr 1fr auto; border-bottom: 1px solid var(--gd-line); padding: 10px 0; }
.drink-preview { width: 100%; border-radius: 8px; border: 1px solid var(--gd-line); aspect-ratio: 4/3; object-fit: cover; }
.image-empty { aspect-ratio: 4/3; border-radius: 8px; border: 1px dashed var(--gd-line); display: grid; place-items: center; color: var(--gd-muted); }
.detail-list { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 8px 14px; }
.login-page { min-height: 100vh; display: grid; grid-template-columns: 1fr 430px; gap: 24px; align-items: center; padding: 28px; background: linear-gradient(135deg, #153f34, #2b6478); }
.login-copy { color: #fffaf2; max-width: 720px; }
.login-copy h1 { font-size: 46px; line-height: 54px; }
.login-copy p { color: #eadfcf; }
.login-card { background: rgba(255,253,248,.98); border-radius: 8px; padding: 24px; box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.flash-stack { position: relative; z-index: 10; }
.filter-grid { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 8px; flex: 1; }
.table-entity { display: flex; align-items: center; gap: 10px; min-width: 190px; }
.table-entity img, .thumb-empty { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 6px; object-fit: cover; border: 1px solid var(--gd-line); }
.table-entity div { min-width: 0; display: grid; }
.table-entity small { color: var(--gd-muted); overflow: hidden; text-overflow: ellipsis; }
.thumb-empty { display: grid; place-items: center; background: #e2eef2; color: var(--gd-blue); font-weight: 900; }
.progress-compact { width: 88px; height: 6px; overflow: hidden; background: #e8e3d9; border-radius: 3px; }
.progress-compact i { display: block; height: 100%; background: var(--gd-green); }
.editor-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); align-items: start; gap: 16px; }
.editor-nav { position: sticky; top: 16px; display: grid; gap: 4px; }
.editor-nav > a { color: var(--gd-ink); text-decoration: none; padding: 9px 10px; border-left: 3px solid transparent; }
.editor-nav > a:hover { border-left-color: var(--gd-gold); background: #f4f7f5; }
.editor-content { min-width: 0; display: grid; gap: 14px; }
.form-section { padding: 20px; scroll-margin-top: 16px; }
.section-heading { margin-bottom: 16px; }
.section-heading h2, .section-heading h3 { margin: 0; }
.section-heading p:last-child:not(.eyebrow) { color: var(--gd-muted); margin: 5px 0 0; }
.form-check-switch { min-height: 44px; padding: 12px; border: 1px solid var(--gd-line); border-radius: 6px; display: flex; align-items: center; gap: 10px; }
.sticky-actions { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; gap: 8px; padding: 12px; background: rgba(255,253,248,.96); border: 1px solid var(--gd-line); box-shadow: 0 -8px 20px rgba(34,28,18,.08); }
.completion { margin-top: 14px; border-top: 1px solid var(--gd-line); padding-top: 12px; }
.completion span, .completion strong { display: block; }
.completion div { height: 7px; margin-top: 8px; background: #e5dfd4; border-radius: 4px; overflow: hidden; }
.completion i { display: block; height: 100%; background: var(--gd-green); }
.image-preview-inline { min-height: 160px; background: #f7f5ef; border: 1px dashed var(--gd-line); display: grid; place-items: center; color: var(--gd-muted); }
.image-preview-inline img { max-width: 100%; height: 240px; object-fit: cover; }
.detail-hero { display: grid; grid-template-columns: minmax(280px, 38%) 1fr; overflow: hidden; }
.detail-cover { min-height: 320px; background: #edf1ef; }
.detail-cover img, .detail-cover .image-empty { width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; }
.detail-hero-copy { padding: 26px; display: flex; flex-direction: column; justify-content: center; }
.tag { display: inline-block; margin: 2px; padding: 5px 8px; border-radius: 6px; background: #dceee6; color: var(--gd-green); font-size: 13px; }
.tag-alt { background: #e2eef2; color: var(--gd-blue); }
.gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.gallery-item { border: 1px solid var(--gd-line); padding: 8px; border-radius: 6px; }
.gallery-item img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.gallery-item > div { display: flex; justify-content: space-between; gap: 6px; margin-top: 6px; }
.gallery-actions { flex-wrap: wrap; }
.hours-grid { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 8px 12px; align-items: center; }
.time-pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: 6px; align-items: center; }
.time-pair input { width: 100%; border: 1px solid var(--gd-line); border-radius: 6px; padding: 7px; }
.venue-drink-list { display: grid; gap: 8px; }
.venue-drink-row { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--gd-line); border-radius: 6px; }
.venue-drink-row > img, .venue-drink-row > .thumb-empty { width: 62px; height: 62px; flex-basis: 62px; object-fit: cover; }
.venue-drink-row > div { min-width: 0; }
.venue-drink-row small { display: block; color: var(--gd-muted); }
.venue-drink-meta { text-align: right; display: grid; gap: 4px; justify-items: end; }
.is-muted { opacity: .58; }
.drink-combobox { position: relative; }
.drink-search-results { position: absolute; z-index: 20; top: calc(100% - 20px); left: 0; right: 0; display: grid; padding: 6px; background: var(--gd-panel); border: 1px solid var(--gd-line); border-radius: 6px; box-shadow: 0 14px 30px rgba(34,28,18,.16); }
.drink-search-option { width: 100%; border: 0; border-radius: 5px; padding: 9px 10px; background: transparent; color: var(--gd-ink); text-align: left; }
.drink-search-option:hover, .drink-search-option.is-active { background: #e2eef2; color: var(--gd-blue); }
.drink-search-empty { padding: 10px; color: var(--gd-muted); }
.service-error-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: var(--gd-bg); }
.service-error-panel { width: min(520px, 100%); padding: 32px; background: var(--gd-panel); border: 1px solid var(--gd-line); border-radius: 8px; box-shadow: 0 18px 42px rgba(34,28,18,.12); text-align: center; }
.service-error-panel img { width: 72px; height: 72px; margin-bottom: 18px; object-fit: contain; }
.service-error-panel h1 { font-size: 28px; line-height: 36px; }
.service-error-panel p:not(.eyebrow) { color: var(--gd-muted); }
.service-error-action { display: inline-block; margin-top: 10px; padding: 10px 16px; border-radius: 6px; background: var(--gd-green); color: #fff; text-decoration: none; font-weight: 700; }
.service-error-action:hover { background: var(--gd-blue); color: #fff; }
@media (max-width: 1100px) { .app-shell, .login-page, .editor-layout { grid-template-columns: 1fr; } .sidebar { position: relative; } .editor-nav { position: static; grid-template-columns: repeat(4,1fr); } .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .app-shell, .sidebar { min-width: 0; max-width: 100vw; } .sidebar { padding: 14px 16px; } .sidebar .brand { margin-bottom: 12px; } .sidebar .nav { width: 100%; max-width: 100%; min-width: 0; flex-direction: row !important; flex-wrap: nowrap; gap: 4px !important; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.32) transparent; } .sidebar .nav::-webkit-scrollbar { height: 4px; } .sidebar .nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.32); border-radius: 2px; } .sidebar .nav-link { flex: 0 0 auto; padding: 7px 9px; white-space: nowrap; } .main { padding: 16px; } .topbar, .hero-band { align-items: stretch; flex-direction: column; } .metrics-grid, .list-line, .detail-list, .filter-grid, .detail-hero, .hours-grid, .venue-drink-row { grid-template-columns: 1fr; } .editor-nav { grid-template-columns: repeat(2,1fr); } .venue-drink-meta { justify-items: start; text-align: left; } .gallery-grid { grid-template-columns: 1fr; } }

/* Ricerca Locali */
.scout-shell { position: relative; display: grid; gap: 12px; }
.scout-toolbar { display: grid; grid-template-columns: minmax(260px, 2fr) auto auto minmax(220px, 1fr) auto; gap: 10px; align-items: end; padding: 14px; }
.scout-toolbar .form-label, .scout-subtoolbar label > span { display: block; margin-bottom: 5px; color: var(--gd-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.scout-subtoolbar { display: flex; align-items: end; gap: 16px; padding: 12px 14px; }
.scout-status-filters { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 0; }
.scout-status-filters legend { width: auto; margin: 0 4px 0 0; color: var(--gd-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.scout-filter-pill { padding: 6px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 12px; font-weight: 800; cursor: pointer; }
.scout-filter-pill input { accent-color: currentColor; }
.status-new { color: #605f5a; background: #ecebe7; }
.status-contacted { color: #245f86; background: #dcecf6; }
.status-interested { color: #7a5710; background: #fff0bd; }
.status-rejected { color: #923a35; background: #f5d9d6; }
.status-approved { color: #1e6249; background: #d9eee4; }
.scout-local-filter { flex: 1; min-width: 220px; }
.scout-radius-toggle { min-width: 130px; padding-bottom: 8px; }
.scout-feedback { min-height: 0; }
.scout-feedback:not(:empty) { padding: 10px 12px; border-radius: 7px; background: #e2eef2; color: var(--gd-blue); }
.scout-feedback.is-error { background: #f2d8d4; color: var(--gd-red); }
.scout-feedback.is-success { background: #dceee6; color: var(--gd-green); }
.scout-workspace { display: grid; grid-template-columns: minmax(0, 68fr) minmax(320px, 32fr); min-height: 680px; overflow: hidden; }
.scout-map-wrap { position: relative; min-width: 0; border-right: 1px solid var(--gd-line); }
.scout-map { width: 100%; height: 100%; min-height: 680px; background: #e8ebe7; }
.scout-map-config { position: absolute; inset: 0; display: grid; place-content: center; gap: 6px; padding: 24px; text-align: center; background: linear-gradient(145deg,#e7ece8,#d8e4e0); color: var(--gd-green); }
.scout-draw-controls { position: absolute; z-index: 4; top: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; align-items: center; padding: 8px; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; background: rgba(255,253,248,.96); box-shadow: 0 8px 24px rgba(0,0,0,.15); }
.scout-draw-controls[hidden] { display: none; }
.scout-draw-controls span { padding: 0 6px; color: var(--gd-muted); font-size: 12px; font-weight: 800; white-space: nowrap; }
.scout-legend { position: absolute; z-index: 3; left: 12px; bottom: 24px; display: flex; flex-wrap: wrap; gap: 5px; max-width: calc(100% - 24px); padding: 7px; border-radius: 7px; background: rgba(255,253,248,.94); box-shadow: 0 5px 16px rgba(0,0,0,.12); }
.scout-legend span, .scout-status-badge { padding: 4px 7px; border-radius: 999px; font-size: 11px; font-weight: 900; }
.scout-results { display: flex; min-width: 0; flex-direction: column; background: #fffdf8; }
.scout-results-head { display: flex; justify-content: space-between; align-items: center; padding: 14px; border-bottom: 1px solid var(--gd-line); }
.scout-results-head p { margin-bottom: 2px; }
.scout-coverage { padding: 5px 7px; border-radius: 5px; background: #edf2ef; color: var(--gd-green); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.scout-result-list { flex: 1; overflow: auto; }
.scout-result-row { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px 10px; padding: 13px 14px; border: 0; border-bottom: 1px solid #ece5da; background: transparent; color: var(--gd-ink); text-align: left; }
.scout-result-row:hover, .scout-result-row.is-selected { background: #eef5f2; box-shadow: inset 4px 0 var(--gd-green); }
.scout-result-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scout-result-address, .scout-result-meta { grid-column: 1 / -1; color: var(--gd-muted); font-size: 12px; }
.scout-result-meta { display: flex; flex-wrap: wrap; gap: 5px 12px; }
.scout-radius-flag { color: var(--gd-green); font-weight: 800; }
.scout-google-attribution { padding: 8px 12px; border-top: 1px solid var(--gd-line); color: var(--gd-muted); font-size: 11px; text-align: right; }
.scout-drawer { position: fixed; z-index: 1050; top: 0; right: 0; width: min(520px, 100vw); height: 100vh; overflow: auto; padding: 18px; transform: translateX(102%); transition: transform .22s ease; background: var(--gd-panel); box-shadow: -18px 0 48px rgba(20,32,27,.2); }
.scout-drawer.is-open { transform: translateX(0); }
.scout-drawer-head { position: sticky; z-index: 2; top: -18px; display: flex; justify-content: space-between; align-items: start; margin: -18px -18px 16px; padding: 18px; border-bottom: 1px solid var(--gd-line); background: rgba(255,253,248,.98); }
.scout-drawer-head h2 { margin: 0; font-size: 25px; }
.scout-drawer-section { margin-bottom: 12px; padding: 14px; border: 1px solid var(--gd-line); border-radius: 8px; }
.scout-drawer-section h3 { margin: 0 0 10px; font-size: 17px; }
.scout-drawer-section .form-label { color: var(--gd-muted); font-size: 12px; font-weight: 800; }
.scout-detail-links { display: flex; gap: 8px; flex-wrap: wrap; }
.scout-detail-meta { display: grid; grid-template-columns: 130px 1fr; gap: 5px 10px; font-size: 13px; }
.scout-detail-meta dt { color: var(--gd-muted); }
.scout-detail-meta dd { margin: 0; overflow-wrap: anywhere; }
.scout-radius-card { margin-bottom: 8px; padding: 10px; border: 1px solid var(--gd-line); border-left: 4px solid var(--gd-gold); border-radius: 6px; }
.scout-radius-card.is-active { border-left-color: var(--gd-green); }
.scout-radius-card.has-overlap { box-shadow: inset 0 0 0 2px #e58c37; }
.scout-radius-card header { display: flex; justify-content: space-between; gap: 8px; }
.scout-radius-card small { display: block; color: var(--gd-muted); }
.scout-prerequisite-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.scout-history-list { display: grid; gap: 7px; }
.scout-history-event { padding: 9px; border-left: 3px solid var(--gd-blue); background: #f5f3ed; font-size: 12px; }
.scout-history-event code { color: var(--gd-blue); font-weight: 900; }
.scout-history-event pre { max-height: 160px; margin: 5px 0 0; overflow: auto; white-space: pre-wrap; }
.scout-empty { display: grid; min-height: 180px; place-content: center; padding: 20px; color: var(--gd-muted); text-align: center; }
@media (max-width: 1250px) {
  .scout-toolbar { grid-template-columns: minmax(240px,1fr) auto auto; }
  .scout-saved { grid-column: 1 / 3; }
  .scout-workspace { grid-template-columns: minmax(0, 62fr) minmax(300px, 38fr); }
}
@media (max-width: 900px) {
  .scout-toolbar { grid-template-columns: 1fr 1fr; }
  .scout-query, .scout-saved { grid-column: 1 / -1; }
  .scout-subtoolbar { align-items: stretch; flex-direction: column; }
  .scout-workspace { grid-template-columns: 1fr; }
  .scout-map-wrap { border-right: 0; border-bottom: 1px solid var(--gd-line); }
  .scout-map, .scout-map-wrap { min-height: 500px; }
  .scout-results { max-height: 560px; }
}
@media (max-width: 600px) {
  .scout-toolbar { grid-template-columns: 1fr; }
  .scout-query, .scout-saved { grid-column: auto; }
  .scout-draw-controls { left: 8px; right: 8px; transform: none; flex-wrap: wrap; }
  .scout-prerequisite-grid { grid-template-columns: 1fr; }
}

/* QR e Link */
.campaign-intro { min-height: 132px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; border-left: 5px solid var(--gd-gold); background: #173f35; color: #fffdf8; }
.campaign-intro h2 { margin: 0 0 6px; font-size: 28px; }
.campaign-intro p:last-child { margin: 0; color: #d8e2dd; }
.campaign-editor { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 16px; align-items: start; }
.campaign-form-stack { min-width: 0; display: grid; gap: 14px; }
.campaign-live-preview { position: sticky; top: 16px; padding: 18px; }
.campaign-live-preview > small { display: block; margin-top: 12px; color: var(--gd-muted); }
.campaign-preview-sheet { --qr-foreground: #173f35; --qr-background: #fffdf8; min-height: 480px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; overflow: hidden; padding: 22px; border: 1px solid var(--gd-line); background: var(--qr-background); color: var(--qr-foreground); text-align: center; }
.campaign-preview-sheet strong { max-width: 100%; font-size: 22px; line-height: 28px; overflow-wrap: anywhere; }
.campaign-preview-brand { display: none; width: calc(100% + 44px); margin: -22px -22px 8px; padding: 18px; background: var(--gd-green); color: #fffdf8; font-weight: 900; text-align: left; }
.campaign-preview-sheet.is-geodrink { justify-content: flex-start; }
.campaign-preview-sheet.is-geodrink .campaign-preview-brand { display: block; }
.campaign-preview-sheet.is-classic strong, .campaign-preview-sheet.is-classic span, .campaign-preview-sheet.is-classic .campaign-preview-brand { display: none; }
.campaign-preview-code { width: min(250px, 100%); aspect-ratio: 1; display: grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(9, 1fr); gap: 3px; padding: 15px; border: 10px solid var(--qr-background); background: var(--qr-background); }
.campaign-preview-code i { min-width: 0; min-height: 0; background: transparent; }
.campaign-preview-code i.is-filled { background: var(--qr-foreground); }
.modules-rounded .campaign-preview-code i { border-radius: 30%; }
.modules-circle .campaign-preview-code i { border-radius: 50%; }
.color-control .form-control-color { width: 100%; height: 46px; padding: 5px; }
.campaign-detail-head { display: grid; grid-template-columns: minmax(320px, 42%) 1fr; overflow: hidden; }
.campaign-qr-stage { min-height: 430px; display: grid; place-items: center; padding: 22px; background: #e9eee9; }
.campaign-qr-stage img { width: min(390px, 100%); max-height: 480px; object-fit: contain; box-shadow: 0 14px 32px rgba(23,63,53,.14); }
.campaign-detail-copy { min-width: 0; padding: 28px; align-self: center; }
.campaign-detail-copy h2 { overflow-wrap: anywhere; }
.campaign-detail-copy p { overflow-wrap: anywhere; }
.campaign-detail-copy form { margin: 0; }
.campaign-stats-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 14px; }
.campaign-chart-panel { min-width: 0; }
.campaign-bars { height: 220px; display: grid; grid-template-columns: repeat(30, minmax(4px, 1fr)); gap: 4px; align-items: end; padding-top: 14px; border-bottom: 1px solid var(--gd-line); }
.campaign-bar-column { height: 100%; display: grid; grid-template-rows: 1fr 20px; align-items: end; min-width: 0; }
.campaign-bar-column i { display: block; background: var(--gd-blue); border-radius: 3px 3px 0 0; }
.campaign-bar-column span { color: var(--gd-muted); font-size: 10px; text-align: center; }
.campaign-stat-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--gd-line); }
.campaign-stat-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.campaign-stats-grid h2 { font-size: 20px; line-height: 26px; }
@media (max-width: 1000px) { .campaign-editor, .campaign-detail-head, .campaign-stats-grid { grid-template-columns: 1fr; } .campaign-live-preview { position: static; } }
@media (max-width: 700px) { .campaign-intro { align-items: stretch; flex-direction: column; } .campaign-bars { gap: 2px; } .campaign-qr-stage { min-height: 320px; } }