/* Per-route layouts for the authenticated owner workspace.
 * Loaded after neon-workspace.css so legacy feature screens receive the same
 * visual system without changing their renderers or event handlers. */
/* Route-family contract: one responsive glass workspace for every owner-only screen. */
.neon-workspace-content :is(
    .dashboard-view-shell, .mybots-view-shell, .profile-view-shell, .requests-view-shell,
    .live-training-screen, .onboarding-wizard, .onboarding-managed-wizard,
    .catalog, .offerings-editor, .orders, .leads, .crm-workspace, .conversations,
    .owner-calendar, .campaigns, .watchlists, .handoffs, .quotes, .billing, .providers,
    .mini-shop-dashboard, .mini-shop-workspace, .skills-workspace
) {
    width: min(100%, var(--saas-width, 1060px));
    min-width: 0;
    margin-inline: auto;
}

.neon-workspace-content :is(
    .catalog, .offerings-editor, .orders, .leads, .conversations, .campaigns,
    .watchlists, .handoffs, .quotes, .billing, .providers, .skills-workspace
) {
    padding: clamp(12px, 2.2vw, 24px);
}

.neon-workspace-content :is(
    .billing__plan-card, .providers__item, .providers__form, .catalog__card,
    .offerings-editor__item, .offerings-editor__form-wrap, .orders__detail,
    .conversations__item, .campaigns__item, .campaigns__form,
    .handoffs__summary-panel, .crm-contact-card, .crm-kpi,
    .mini-shop-dashboard__widget, .mini-shop-workspace-section,
    .settings-module, .mybots-scoped-card, .mybots-bot-card,
    .bot-management-hero, .bot-dashboard-section, .bot-token-panel,
    .onboarding-wizard__step-card, .onboarding-method-card,
    .onboarding-wizard__bot-preview, .owner-calendar, .owner-booking-panel,
    .owner-contact-panel, .disruption-preview, .payment-reconciliation,
    .skills-workspace .glass-card
) {
    border: 1px solid var(--saas-border);
    border-radius: var(--saas-radius);
    color: var(--saas-fg);
    background: var(--saas-surface-raised);
    box-shadow: var(--saas-shadow);
}

.neon-workspace-content :is(
    .billing__header, .providers__header, .catalog__card-header, .offerings-editor__header,
    .orders__detail-header, .conversations__item-header, .campaigns__header,
    .campaigns__item-header, .mini-shop-dashboard__widget-header,
    .mini-shop-workspace-section__header, .crm-workspace__hero-row,
    .bot-settings-workspace__hero-row, .mybots-page-header, .bot-management-header,
    .owner-calendar__header, .owner-calendar__controls, .owner-booking-panel__header,
    .owner-contact-panel__header, .payment-reconciliation__header, .disruption-preview__header
) {
    min-width: 0;
    gap: 12px;
    flex-wrap: wrap;
}

.neon-workspace-content :is(
    .catalog__grid, .mini-shop-dashboard__metrics, .mini-shop-workspace-section__grid,
    .crm-kpi-grid, .mybots-kpi-grid, .bot-metric-grid, .bot-dashboard-summary-grid,
    .onboarding-wizard__style-grid, .onboarding-method-cards, .upgrade__plans
) {
    min-width: 0;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: clamp(10px, 1.8vw, 18px);
}

.neon-workspace-content :is(
    .providers__form, .offerings-editor__form, .campaigns__form,
    .disruption-preview__form, .owner-booking-panel__form
) {
    min-width: 0;
}

.neon-workspace-content :is(
    .providers__field, .offerings-editor__row, .onboarding-wizard__field,
    .disruption-preview__form-grid, .owner-booking-panel__form, .form-row
) {
    min-width: 0;
}

.neon-workspace-content :where(.badge, .chip, .mybots-chip, .mybots-status-pill,
    .bot-dashboard-chip, .bot-status-chip, .crm-contact-card__tag,
    .owner-calendar__status, .payment-reconciliation__status, .disruption-preview__status) {
    max-width: 100%;
    border-color: rgba(102, 212, 255, 0.35);
    color: #dff6ff;
    background-color: rgba(13, 91, 140, 0.35);
}

.neon-workspace-content :is(
    .billing__transactions, .orders__table, .orders__tx-table, .leads__table,
    .watchlists__table, .handoffs__table, .quotes__table, .bookings__table,
    .owner-calendar__week-scroller
) {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    border: 1px solid rgba(90, 174, 226, 0.24);
    border-radius: 16px;
    background: rgba(5, 34, 68, 0.42);
}

.neon-workspace-content :is(
    .billing__transactions table, .orders__table table, .orders__tx-table table,
    .leads__table table, .watchlists__table table, .handoffs__table table,
    .quotes__table table, .bookings__table table
) {
    min-width: 640px;
}

.neon-workspace-content :is(
    .mybots-modal__card,
    .disruption-preview__detail, .payment-reconciliation__detail
) {
    max-width: min(100%, 760px);
    max-height: calc(var(--app-visible-viewport-height, 100dvh) - 24px);
    overflow: auto;
}

.neon-workspace-content :is(.onboarding-wizard, .onboarding-managed-wizard) {
    padding-inline: clamp(0px, 1vw, 12px);
}

.neon-workspace-content :is(.onboarding-wizard__actions, .campaigns__form-actions,
    .offerings-editor__actions, .providers__actions, .upgrade__actions,
    .orders__detail-header, .mini-shop-dashboard__inline-actions,
    .mini-shop-dashboard__actions) {
    min-width: 0;
    flex-wrap: wrap;
}

.neon-workspace-content :is(.onboarding-wizard__actions, .campaigns__form-actions,
    .offerings-editor__actions, .providers__actions, .upgrade__actions,
    .mini-shop-dashboard__inline-actions, .mini-shop-dashboard__actions) > :is(button, .btn, .button) {
    min-width: min(100%, 132px);
}

.neon-workspace-content :is(.crm-search__input, .mybots-controls__select,
    .onboarding-wizard__token-input, .onboarding-wizard__tone-select,
    .mybots-training__form-control, .providers__field input,
    .providers__field select, .offerings-editor input, .offerings-editor select,
    .offerings-editor textarea) {
    width: 100%;
    min-width: 0;
}

.neon-workspace-content :where(textarea:not(.chat-input-textarea), .mybots-training__form-control--textarea) {
    min-height: 112px;
    resize: vertical;
}

.neon-workspace-content :is(.owner-calendar__week-grid, .owner-calendar__week-list,
    .owner-calendar__day-list, .crm-contact-list, .conversations__list,
    .mybots-list, .offerings-editor__list, .campaigns__list) {
    min-width: 0;
}

.neon-workspace-content :is(.crm-contact-card__main, .conversations__item-meta,
    .mybots-card__identity, .mybots-card__expanded-body-inner, .session-content,
    .owner-calendar__booking-main, .owner-contact-panel__identity) {
    min-width: 0;
}

.neon-workspace-content :is(.catalog__card-name, .offerings-editor__item-name,
    .conversations__scope, .mybots-card__username, .bot-dashboard-identity__subtitle,
    .owner-calendar__resource, .owner-contact-panel__identity, .payment-reconciliation__meta) {
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    #content.neon-workspace-content {
        padding-left: max(12px, env(safe-area-inset-left, 0px));
        padding-right: max(12px, env(safe-area-inset-right, 0px));
    }

    .neon-workspace-content :is(
        .catalog, .offerings-editor, .orders, .leads, .conversations, .campaigns,
        .watchlists, .handoffs, .quotes, .billing, .providers, .skills-workspace
    ) {
        padding: 12px 0;
    }

    .neon-workspace-content :is(
        .catalog__grid, .mini-shop-dashboard__metrics, .mini-shop-workspace-section__grid,
        .crm-kpi-grid, .mybots-kpi-grid, .bot-metric-grid, .bot-dashboard-summary-grid,
        .onboarding-wizard__style-grid, .onboarding-method-cards, .upgrade__plans
    ) {
        grid-template-columns: minmax(0, 1fr);
    }

    .neon-workspace-content :is(
        .providers__form, .offerings-editor__form, .campaigns__form,
        .disruption-preview__form-grid, .owner-booking-panel__form
    ) {
        grid-template-columns: minmax(0, 1fr);
    }

    .neon-workspace-content :is(
        .onboarding-wizard__actions, .campaigns__form-actions, .offerings-editor__actions,
        .providers__actions, .upgrade__actions, .mini-shop-dashboard__inline-actions,
        .mini-shop-dashboard__actions
    ) > :is(button, .btn, .button) {
        flex: 1 1 140px;
    }

    .neon-workspace-content :is(
        .billing__transactions table, .orders__table table, .orders__tx-table table,
        .leads__table table, .watchlists__table table, .handoffs__table table,
        .quotes__table table, .bookings__table table
    ) {
        min-width: 600px;
    }

    .neon-workspace-content :is(
        .mybots-modal__card,
        .disruption-preview__detail, .payment-reconciliation__detail
    ) {
        border-radius: 20px 20px 0 0;
    }
}

@media (min-width: 768px) {
    .neon-workspace-content :is(
        .providers__form, .offerings-editor__form, .campaigns__form,
        .disruption-preview__form-grid, .owner-booking-panel__form
    ) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .neon-workspace-content :is(.providers__form, .offerings-editor__form,
        .campaigns__form, .disruption-preview__form) > :is(.form-actions, .providers__actions,
        .campaigns__form-actions, .offerings-editor__actions, .disruption-preview__form-footer) {
        grid-column: 1 / -1;
    }
}

@media (orientation: landscape) and (max-height: 600px) {
    .neon-workspace-content :is(.onboarding-wizard, .onboarding-managed-wizard,
        .owner-calendar, .mini-shop-dashboard, .skills-workspace) {
        padding-block: 8px;
    }

    .neon-workspace-content :is(.mybots-modal__card, .disruption-preview__detail,
        .payment-reconciliation__detail) {
        max-height: calc(var(--app-visible-viewport-height, 100dvh) - 12px);
    }
}