/* MerchCue final panel cleanup. Scoped, no sidebar rewrites. */

html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body, button, input, textarea, select { font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

/* Sidebar: only requested small padding, no layout mutation */
.nav-toggle small {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Header plan badge alignment */
.topbar .pill,
.userbox .pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    line-height: 1 !important;
}

/* General safe shrinking inside main content only */
.main,
.page,
.page > *,
.grid,
.grid > *,
.card,
.card > *,
.table-wrap,
.chart-card,
.progress-card,
.today-card,
.kpi-card,
.list-item,
.today-action,
.risk-row {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.grid > .card,
.card,
.progress-card,
.chart-card,
.today-card,
.kpi-card,
.public-card {
    max-width: 100% !important;
    overflow: hidden !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card p,
.card strong,
.card small,
.card .micro,
.card .muted,
.card .label,
.card .stat,
.card a:not(.btn):not(.lr-btn),
.list-item strong,
.list-item p,
.list-item .micro,
.today-action strong,
.today-action p,
.risk-row strong,
.risk-row .micro {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
}

/* The exact catalog progress card that was overflowing */
.catalog-health-card,
.progress-card.catalog-health-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.catalog-progress-layout {
    display: grid !important;
    grid-template-columns: minmax(128px, 210px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.catalog-gauge,
.catalog-gauge-inner,
.catalog-progress-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.catalog-gauge {
    justify-self: center !important;
}

.catalog-gauge-inner span,
.catalog-title,
.catalog-progress-copy .micro {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

.catalog-progress-copy > .actions,
.card > .actions,
.chart-card > .actions,
.today-card > .actions,
.risk-row .actions,
.today-action .actions,
.list-item .actions {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.catalog-progress-copy > .actions > div,
.card > .actions > div,
.chart-card > .actions > div,
.today-card > .actions > div {
    min-width: 0 !important;
    flex: 1 1 220px !important;
}

.pill,
.badge,
.status-pill,
.btn,
.lr-btn,
button {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.card .pill,
.progress-card .pill,
.list-item .pill,
.today-action .pill,
.risk-row .pill {
    flex: 0 1 auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.btn,
.lr-btn,
button,
input[type="submit"] {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.segment-bar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.progress-legend,
.pro-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.progress-legend span,
.pro-legend span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}

.progress-legend .dot,
.pro-legend .dot {
    flex: 0 0 auto !important;
}

.risk-row,
.today-action,
.list-item {
    max-width: 100% !important;
    overflow: hidden !important;
}

.risk-row > *,
.today-action > *,
.list-item > * {
    min-width: 0 !important;
}

.reason-stack,
.product-reasons,
.alert-reasons,
.chips,
.tags,
.badges,
.reasons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.reason-stack > *,
.product-reasons > *,
.alert-reasons > *,
.chip,
.tag,
.badge {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}

.table-wrap { overflow-x: auto !important; }
.table { width: 100% !important; }
.table td,
.table th {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.lr-chart,
.card canvas,
.card svg,
.chart-card canvas,
.chart-card svg {
    max-width: 100% !important;
}

/* Store management / delete buttons */
.lr-page-head,
.lr-store-management-panel__head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.lr-btn,
a.lr-btn,
button.lr-btn,
.lr-page-head a[href*="stores/create"],
.lr-store-management-page a[href*="stores/create"],
.lr-store-delete-button {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.lr-btn-primary,
a.lr-btn-primary,
button.lr-btn-primary,
.lr-page-head a[href*="stores/create"],
.lr-store-management-page a[href*="stores/create"] {
    border: 1px solid #dc2626 !important;
    background: #dc2626 !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(220,38,38,.28) !important;
}

.lr-btn-secondary,
a.lr-btn-secondary,
button.lr-btn-secondary {
    border: 1px solid rgba(15,23,42,.14) !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
}

.lr-store-management-panel,
.lr-store-danger-inline,
.lr-store-danger-card {
    padding: 24px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(220,38,38,.18) !important;
    background: linear-gradient(135deg, #ffffff, #fff7f7) !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.08) !important;
}

.lr-store-management-list { display: grid !important; gap: 12px !important; }
.lr-store-management-row,
.lr-store-delete-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    background: rgba(255,255,255,.94) !important;
    min-width: 0 !important;
}
.lr-store-management-row > *,
.lr-store-delete-row > * { min-width: 0 !important; }
.lr-store-delete-button {
    border: 1px solid rgba(220,38,38,.30) !important;
    background: #fff !important;
    color: #991b1b !important;
    box-shadow: 0 10px 26px rgba(220,38,38,.08) !important;
}

/* Woo help */
.lr-woo-help-page { max-width: 1180px !important; margin: 0 auto !important; }
.lr-woo-help-hero,
.lr-woo-help-steps,
.lr-woo-help-grid {
    display: grid !important;
    gap: 16px !important;
}
.lr-woo-help-hero { grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr) !important; }
.lr-woo-help-steps { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.lr-woo-help-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.lr-woo-help-hero-main,
.lr-woo-help-quick,
.lr-woo-help-step,
.lr-woo-help-box {
    padding: 24px !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.08) !important;
}
.lr-woo-help-hero-main { background: linear-gradient(135deg,#fff,#fff7f7) !important; }
.lr-woo-help-kicker,
.lr-woo-help-step-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #fee2e2 !important;
    color: #991b1b !important;
    font-weight: 950 !important;
}
.lr-woo-help-kicker { min-height: 30px !important; padding: 0 11px !important; font-size: 12px !important; text-transform: uppercase !important; }
.lr-woo-help-step-number { width: 38px !important; height: 38px !important; margin-bottom: 14px !important; }
.lr-woo-help-code { display: block !important; margin-top: 12px !important; padding: 12px 14px !important; border-radius: 14px !important; background: #0f172a !important; color: #e2e8f0 !important; overflow-wrap: anywhere !important; }
.lr-woo-help-readonly,
.lr-nowrap { white-space: nowrap !important; background: transparent !important; color: inherit !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }

/* FAQ */
.lr-faq-current { position: fixed !important; right: 22px !important; bottom: 22px !important; z-index: 99999 !important; }
.lr-faq-current-button { display: inline-grid !important; place-items: center !important; width: 46px !important; height: 46px !important; border: 0 !important; border-radius: 999px !important; background: #0f172a !important; color: #fff !important; font-size: 23px !important; font-weight: 950 !important; cursor: pointer !important; box-shadow: 0 18px 48px rgba(15,23,42,.34) !important; }
.lr-faq-current-panel { position: absolute !important; right: 0 !important; bottom: 58px !important; width: min(420px, calc(100vw - 28px)) !important; max-height: min(620px, calc(100vh - 120px)) !important; overflow: auto !important; padding: 18px !important; border-radius: 24px !important; background: rgba(255,255,255,.98) !important; color: #0f172a !important; border: 1px solid rgba(15,23,42,.10) !important; box-shadow: 0 30px 90px rgba(15,23,42,.26) !important; }
.lr-faq-current-head { display: flex !important; justify-content: space-between !important; gap: 14px !important; margin-bottom: 10px !important; }
.lr-faq-current-close { border: 0 !important; width: 32px !important; height: 32px !important; border-radius: 999px !important; background: #f1f5f9 !important; color: #0f172a !important; cursor: pointer !important; font-size: 20px !important; }
.lr-faq-current-item { padding: 12px 0 !important; border-top: 1px solid #e5e7eb !important; }
.lr-faq-current-item summary { cursor: pointer !important; color: #0f172a !important; font-weight: 900 !important; }
.lr-faq-current-item p { margin: 8px 0 0 !important; color: #64748b !important; line-height: 1.55 !important; }

@media (max-width: 980px) {
    .catalog-progress-layout,
    .lr-woo-help-hero,
    .lr-woo-help-steps,
    .lr-woo-help-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 720px) {
    .catalog-progress-copy > .actions > div,
    .card > .actions > div,
    .chart-card > .actions > div,
    .today-card > .actions > div { flex-basis: 100% !important; }
    .lr-store-management-row,
    .lr-store-delete-row { flex-direction: column !important; align-items: flex-start !important; }
    .lr-store-delete-button { width: 100% !important; }
}

/* MerchCue final small polish after cleanup */

/* 1. Sidebar section labels */
.nav-toggle small {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-right: 10px !important;
}

/* 3. Hero actions one line */
.hero .actions,
.public-hero .actions,
.lr-hero .actions,
.lr-hero-actions,
.hero-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

.hero .actions > *,
.public-hero .actions > *,
.lr-hero .actions > *,
.lr-hero-actions > *,
.hero-actions > * {
    flex: 0 0 auto !important;
}

/* 6. Trial badge same height as header initial */
header .trial,
header .plan,
header .lr-plan-badge,
header .lr-plan-pill,
header [data-plan-badge],
.app-header .trial,
.app-header .plan,
.topbar .trial,
.topbar .plan,
.lr-polish-plan-badge-final {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

header .lr-user-initial,
header .lr-avatar,
header [class*="avatar"],
header [class*="initial"],
.app-header .lr-user-initial,
.app-header .lr-avatar,
.topbar .lr-user-initial,
.topbar .lr-avatar {
    display: inline-grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* 4. /stores/create final styling */
.lr-store-create-page,
.lr-woo-help-page-final {
    width: min(1180px, 100%) !important;
    margin: 0 auto !important;
    padding-bottom: 44px !important;
}

.lr-store-create-hero,
.lr-woo-help-hero-final {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
    margin-bottom: 22px !important;
}

.lr-store-create-card,
.lr-store-create-help,
.lr-woo-help-card-final,
.lr-woo-help-side-final,
.lr-woo-help-step-final,
.lr-store-create-form-card {
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.08) !important;
    box-sizing: border-box !important;
}

.lr-store-create-card,
.lr-woo-help-card-final {
    padding: 30px !important;
    background: linear-gradient(135deg, #ffffff, #fff7f7) !important;
}

.lr-store-create-help,
.lr-woo-help-side-final {
    padding: 24px !important;
}

.lr-store-create-kicker,
.lr-woo-help-kicker-final {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    margin-bottom: 14px !important;
    border-radius: 999px !important;
    background: #fee2e2 !important;
    color: #991b1b !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.lr-store-create-card h1,
.lr-woo-help-card-final h1 {
    margin: 0 0 10px !important;
    color: #0f172a !important;
    font-size: clamp(34px, 5vw, 56px) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
}

.lr-store-create-card p,
.lr-store-create-help p,
.lr-woo-help-card-final p,
.lr-woo-help-side-final p,
.lr-woo-help-step-final p {
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.55 !important;
}

.lr-store-create-form-card {
    padding: 26px !important;
}

.lr-store-create-form {
    display: grid !important;
    gap: 16px !important;
}

.lr-store-create-form label {
    display: block !important;
}

.lr-store-create-form label > span {
    display: block !important;
    margin-bottom: 7px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.lr-store-create-form input,
.lr-store-create-form select,
.lr-store-create-form textarea {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(15,23,42,.14) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #0f172a !important;
    font: inherit !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.lr-store-create-form textarea {
    min-height: 110px !important;
    padding-top: 12px !important;
}

.lr-store-create-form input:focus,
.lr-store-create-form select:focus,
.lr-store-create-form textarea:focus {
    border-color: rgba(220,38,38,.48) !important;
    box-shadow: 0 0 0 4px rgba(220,38,38,.10) !important;
}

.lr-store-create-actions,
.lr-woo-help-actions-final {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 16px !important;
}

.lr-btn,
a.lr-btn,
button.lr-btn,
.lr-store-create-actions button,
.lr-store-create-actions a,
.lr-woo-help-actions-final a {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.lr-btn-primary,
a.lr-btn-primary,
button.lr-btn-primary,
.lr-store-create-actions button[type="submit"] {
    border: 1px solid #dc2626 !important;
    background: #dc2626 !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(220,38,38,.28) !important;
}

.lr-btn-secondary,
a.lr-btn-secondary,
button.lr-btn-secondary {
    border: 1px solid rgba(15,23,42,.14) !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
}

.lr-readonly-badge,
.lr-store-readonly,
.lr-woo-readonly {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #fef2f2 !important;
    color: #991b1b !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* 5. /help/woocommerce final styling */
.lr-woo-help-steps-final {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 22px 0 !important;
}

.lr-woo-help-step-final {
    padding: 24px !important;
}

.lr-woo-step-number-final {
    display: inline-grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 16px !important;
    border-radius: 999px !important;
    background: #fee2e2 !important;
    color: #991b1b !important;
    font-weight: 950 !important;
}

.lr-woo-help-step-final h2,
.lr-woo-help-side-final h2 {
    margin: 0 0 10px !important;
    color: #0f172a !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
}

.lr-woo-help-code-final {
    display: block !important;
    margin-top: 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #0f172a !important;
    color: #e2e8f0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.lr-woo-help-side-final ul {
    display: grid !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.lr-woo-help-side-final li {
    position: relative !important;
    padding-left: 26px !important;
    color: #334155 !important;
    line-height: 1.45 !important;
}

.lr-woo-help-side-final li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #dc2626 !important;
    font-weight: 950 !important;
}

@media (max-width: 980px) {
    .lr-store-create-hero,
    .lr-woo-help-hero-final,
    .lr-woo-help-steps-final {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 680px) {
    .hero .actions,
    .public-hero .actions,
    .lr-hero .actions,
    .lr-hero-actions,
    .hero-actions {
        flex-wrap: wrap !important;
    }

    .hero .actions > *,
    .public-hero .actions > *,
    .lr-hero .actions > *,
    .lr-hero-actions > *,
    .hero-actions > * {
        flex: 1 1 auto !important;
    }
}