@media (max-width: 920px) {
            .topbar {
                flex-direction: column;
            }
        }

        @media (max-width: 680px) {
            body { padding: 16px; }
            .topbar {
                flex-direction: column;
                align-items: stretch;
            }
            .topbar-actions {
                width: 100%;
                display: grid;
                grid-template-columns: 48px minmax(0, 1fr) auto;
                justify-content: stretch;
                align-items: center;
                gap: 10px;
            }
            .account-menu {
                grid-column: auto;
                order: 2;
                width: 100%;
                min-width: 0;
                position: relative;
            }
            .account-menu summary {
                width: 100%;
                min-width: 0;
                padding: 12px 14px;
            }
            .account-menu-panel {
                position: absolute;
                right: 0;
                left: auto;
                margin-top: 0;
                width: min(360px, calc(100vw - 32px));
                max-width: calc(100vw - 32px);
                box-shadow: 0 24px 60px rgba(0,0,0,.35);
            }
            .account-menu-form {
                gap: 12px;
            }
            .account-menu-form .field {
                min-width: 0;
            }
            .account-menu-form .field input {
                min-width: 0;
            }
            .account-chip-meta {
                min-width: 0;
            }
            .account-chip-value {
                overflow-wrap: anywhere;
                line-height: 1.35;
            }
            .logout-btn {
                min-height: 48px;
                white-space: nowrap;
                padding: 0 16px;
            }
            .btn-theme-toggle {
                width: 48px;
                height: 48px;
            }
            .hero-title h2 { font-size: 24px; }
            .hero-empty h2 { font-size: 30px; }
            .event-kind-selector {
                grid-template-columns: 1fr;
            }
            .event-kind-card {
                min-height: 78px;
                align-items: center;
                text-align: center;
                padding: 16px 14px;
            }
            .event-kind-title {
                font-size: 14px;
            }
            .event-kind-copy {
                font-size: 12px;
                white-space: normal;
                max-width: none;
            }
            .creator-block {
                grid-template-columns: 1fr;
            }
            .event-base-row {
                grid-template-columns: 1fr;
            }
            .simple-sale-row {
                grid-template-columns: 1fr;
            }
            .price-row {
                grid-template-columns: 1fr;
            }
            .creator-block .field.field-price-inline {
                grid-column: 1 / -1;
            }
            .extra-prices-head {
                align-items: stretch;
                flex-direction: column;
            }
            .extra-price-add {
                width: 100%;
            }
            .extra-price-row {
                grid-template-columns: 1fr;
            }
            .extra-field-row,
            .extra-field-row.is-custom,
            .extra-field-row.is-age-limit,
            .extra-age-limit-config {
                grid-template-columns: 1fr;
            }
            .extra-price-remove {
                width: 100%;
            }
            .form-grid,
            .summary-grid,
            .event-grid,
            .promo-grid {
                grid-template-columns: 1fr;
            }
            .event-grid-column {
                display: contents;
            }
            .creator-wizard-actions {
                width: 100%;
                display: grid;
                grid-template-columns: 56px minmax(0, 1fr) auto;
                justify-content: stretch;
                align-items: center;
                gap: 14px 12px;
                max-width: 100%;
                margin-left: 0;
                margin-right: 0;
            }
            .creator-wizard-actions-right {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 10px;
                min-width: 0;
            }
            .creator-wizard-actions .btn-icon-only {
                width: 56px;
                min-width: 56px;
                height: 56px;
            }
            .creator-wizard-status {
                grid-column: 2;
                margin: 0;
                text-align: center;
            }
            .creator-wizard-actions .btn-icon-badge {
                width: 24px;
                height: 24px;
                flex-basis: 24px;
                border-radius: 0;
                background: transparent;
                border: none;
            }
            .creator-wizard-actions > .btn-secondary {
                grid-column: 1;
                justify-self: start;
            }
            .event-item-top {
                grid-template-columns: 1fr;
            }
            .event-group-head {
                grid-template-columns: 1fr;
            }
            .event-function-top {
                flex-direction: column;
            }
            .event-function-status-actions,
            .event-group-head-status {
                justify-content: flex-start;
                width: 100%;
            }
            .event-function-bottom {
                flex-direction: column;
                align-items: stretch;
            }
            .event-function-stats-inline {
                gap: 6px 12px;
            }
            .event-function-deadline {
                width: 100%;
            }
            .event-group-summary {
                min-width: 0;
                justify-items: start;
                text-align: left;
            }
            .event-group-summary-stats span {
                justify-content: flex-start;
            }
            .mode-note-steps {
                gap: 8px;
            }
            .mode-note-step {
                width: 100%;
                justify-content: center;
            }
            .status-pill {
                min-width: 0;
                width: auto;
                max-width: 100%;
            }
            .event-actions.compact {
                flex-wrap: wrap;
                justify-content: flex-start;
            }
            .event-group-card.is-single .event-actions.compact {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .event-action.primary {
                min-width: 0;
                flex: 1 1 100%;
            }
            .event-share-trigger {
                white-space: normal;
            }
            .event-share-dialog {
                padding: 14px;
                border-radius: 16px;
            }
            .event-share-actions {
                grid-template-columns: 1fr;
            }
            .event-stats-mini {
                gap: 6px;
                margin-top: 2px;
            }
            .event-stat-mini {
                padding: 0;
            }
            .event-stat-mini strong {
                font-size: 20px;
            }
            .image-upload-actions {
                top: auto;
                right: 10px;
                bottom: 10px;
                left: 10px;
                justify-content: flex-end;
                opacity: 1;
                transform: none;
                pointer-events: auto;
            }
            .image-preview-frame {
                aspect-ratio: 16 / 8;
            }
            .image-preview-frame.is-cover {
                aspect-ratio: 16 / 10;
            }
        }