/*
 * Repify application UI
 * Consolidated production stylesheet. This file replaces the historical
 * repify-production and repify-experience override layers.
 *
 * Rules are kept one per line so selectors remain searchable and cascade
 * changes are reviewable without allowing new version layers to accumulate.
 */
*{ box-sizing: border-box; }
body{ margin: 0; }
a{ color: inherit; }
button, input, textarea, select{ font: inherit; }
.min-w-0{ min-width: 0; }
.brand-lockup{ text-decoration: none; flex: 0 0 auto; }
.brand-mark{ width: 44px; height: 44px; border-radius: 13px; background: var(--black); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 18px; flex: 0 0 auto; }
.brand-lockup strong{ display: block; font-size: 18px; line-height: 1.15; letter-spacing: -.03em; }
.sidebar-nav a i{ line-height: 1; }
.sidebar-user{ margin-top: auto; flex: 0 0 auto; }
.sidebar-logout{ display: grid; place-items: center; color: var(--muted); border: 1px solid transparent; }
.sidebar-logout:hover{ background: var(--surface-soft); color: var(--text); border-color: var(--border); }
.sidebar-backdrop{ display: none; }
.app-main{ min-width: 0; }
.app-topbar{ width: 100%; }
.mobile-menu-button{ border: 1px solid var(--border-strong); background: #fff; border-radius: 11px; }
.app-content{ min-width: 0; }
.app-content > *{ min-width: 0; }
.app-grid{ display: grid; width: 100%; min-width: 0; gap: clamp(18px, 1.5vw, 28px); align-items: start; }
.app-grid > *{ min-width: 0; }
.app-grid--overview{ grid-template-columns: minmax(0, 1fr) minmax(360px, 500px); }
.app-grid--detail{ grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); }
.app-grid--settings{ grid-template-columns: minmax(0, 1fr) minmax(440px, 600px); }
.app-grid--admin{ grid-template-columns: minmax(340px, 480px) minmax(0, 1fr); }
.app-grid--stats-main{ grid-template-columns: minmax(0, 1fr) minmax(380px, 540px); }
.app-stack{ display: grid; gap: clamp(18px, 1.5vw, 28px); min-width: 0; }
.toolbar-row{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.toolbar-row form{ min-width: min(100%, 340px); }
.toolbar-filters{ display: flex; flex-wrap: wrap; gap: 8px; }
.panel{ width: 100%; min-width: 0; border: 1px solid var(--border); }
.panel-header > *{ min-width: 0; }
.panel-header h2{ margin: 0; }
.metrics-grid{ display: grid; width: 100%; }
.metric-card{ min-width: 0; border: 1px solid var(--border); display: flex; flex-direction: column; justify-content: space-between; }
.metric-card-top{ display: flex; justify-content: space-between; gap: 12px; }
.metric-icon{ border: 1px solid var(--border); display: grid; place-items: center; flex: 0 0 auto; }
.metric-card strong{ display: block; overflow-wrap: anywhere; }
.metric-card small{ display: block; line-height: 1.45; }
.btn-dark:hover{ background: #25272a; border-color: #25272a; }
.btn-outline-secondary:hover{ background: var(--surface-soft); color: var(--text); border-color: var(--border-strong); }
.form-control, .form-select{ border: 1px solid var(--border-strong); }
.badge-soft{ white-space: nowrap; }
.table-responsive{ max-width: 100%; }
.table{ width: 100%; table-layout: auto; }
.table > :not(caption) > * > *{ vertical-align: middle; }
.table tbody tr:last-child td{ border-bottom: 0; }
.empty-state-icon{ border: 1px solid var(--border); margin: 0 auto 14px; }
.empty-state h3{ margin-bottom: 6px; }
.rating-stars .muted-star{ color: #d8dbe0; }
.truncate-2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.small-note{ font-size: 12px; color: var(--muted); line-height: 1.65; }
.section-heading{ font-size: 15px; font-weight: 750; margin: 0 0 16px; letter-spacing: -.02em; }
.editor-layout{ display: grid; width: 100%; grid-template-columns: minmax(520px, 1.05fr) minmax(520px, .95fr); gap: clamp(18px, 1.5vw, 28px); align-items: start; }
.editor-layout > *{ min-width: 0; }
.editor-sticky{ position: sticky; }
.editor-tabs{ display: flex; flex-wrap: wrap; border: 1px solid var(--border); }
.editor-tabs button{ border: 1px solid transparent; background: transparent; font-weight: 700; color: var(--muted); }
.editor-section{ display: none; }
.editor-section.active{ display: block; }
.preview-toolbar{ display: flex; justify-content: space-between; align-items: center; gap: 14px; border-bottom: 1px solid var(--border); }
.preview-switcher{ display: flex; gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); }
.preview-switcher button{ border: 1px solid transparent; background: transparent; width: 34px; height: 30px; border-radius: 7px; color: var(--muted); }
.preview-switcher button.active{ background: #fff; color: var(--text); border-color: var(--border); }
.preview-stage{ background: #eceef1; padding: clamp(14px, 1.4vw, 26px); display: grid; place-items: center; min-height: 760px; }
.preview-frame{ width: 100%; border: 1px solid var(--border-strong); overflow: hidden; transition: width .2s ease; }
.preview-frame iframe{ width: 100%; height: 100%; border: 0; }
.question-builder{ display: flex; flex-direction: column; gap: 12px; }
.question-item{ border: 1px solid var(--border); border-radius: 14px; padding: 16px; background: #fff; }
.question-item-head{ display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 14px; }
.feedback-thread{ display: flex; flex-direction: column; gap: 14px; }
.thread-message{ width: min(78%, 900px); border: 1px solid var(--border); background: #fff; }
.thread-message.outbound{ margin-left: auto; }
.thread-message.internal{ width: 100%; max-width: none; border-color: #eddcb2; }
.thread-meta{ display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 10px; margin-bottom: 7px; }
.thread-message p{ margin: 0; font-size: 12px; line-height: 1.7; white-space: pre-wrap; }
.integration-card{ width: 100%; min-width: 0; display: grid; grid-template-columns: 54px minmax(0, 1fr) minmax(150px, auto); align-items: start; gap: 18px; padding: 24px; border: 1px solid var(--border); border-radius: 18px; background: #fff; }
.integration-card > *{ min-width: 0; }
.integration-logo{ width: 54px; height: 54px; border: 1px solid var(--border); border-radius: 15px; display: grid; place-items: center; font-size: 21px; background: var(--surface-soft); flex: 0 0 auto; }
.integration-card h3{ font-size: 15px; margin: 1px 0 5px; }
.integration-card p{ color: var(--muted); font-size: 12px; margin: 0; line-height: 1.65; }
.auth-body{ place-items: center; }

.chart-wrap{ width: 100%; position: relative; }
@media (min-width: 1900px) {
    :root{ --sidebar-width: 300px; }
    .app-content{ padding-left: 52px; padding-right: 52px; }
    .panel-header{ padding-left: 28px; padding-right: 28px; }
    .table > :not(caption) > * > *{ padding-left: 22px; padding-right: 22px; }
    .editor-layout{ grid-template-columns: minmax(620px, 1.08fr) minmax(620px, .92fr); }
    .preview-stage{ min-height: 820px; }
    .preview-frame{ height: 770px; }
}
@media (max-width: 1399.98px) {
    .metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .app-grid--overview, .app-grid--detail, .app-grid--settings, .app-grid--admin, .app-grid--stats-main{ grid-template-columns: minmax(0, 1fr); }
    .editor-layout{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 991.98px) {
    body.sidebar-open{ overflow: hidden; }
    .sidebar-backdrop{ padding: 0; }
    .app-main{ margin-left: 0; width: 100%; }
    .mobile-menu-button{ place-items: center; }
    .topbar-company{ display: none; }
    .app-topbar h1{ font-size: 24px; }
    .app-topbar p{ display: none; }
    .topbar-actions .btn span{ display: none; }
    .topbar-actions .btn{ width: 42px; padding: 0; }
    .integration-card{ grid-template-columns: 50px minmax(0,1fr); }
    .integration-card > :last-child{ grid-column: 1 / -1; display: flex !important; flex-direction: row !important; }
    .integration-card > :last-child > *{ flex: 1 1 0; }
}
@media (max-width: 767.98px) {
    .toolbar-row{ align-items: stretch; }
    .toolbar-row form{ width: 100%; min-width: 0; }
    .toolbar-row form.d-flex{ flex-wrap: wrap; }
    .toolbar-row form .form-control{ flex: 1 1 220px; }
    .thread-message{ width: 92%; }
    .integration-card{ padding: 18px; }
    .preview-stage{ padding: 10px; min-height: 620px; }
    .preview-frame.mobile{ width: 100%; }
}
@media (max-width: 480px) {
    .app-topbar{ padding-left: 14px; padding-right: 14px; }
    .app-content{ padding-left: 14px; padding-right: 14px; }
    .topbar-actions{ display: none; }
    .app-topbar h1{ font-size: 22px; }
    .panel{ border-radius: 18px; }
    .badge-soft{ white-space: normal; }
}
.production-toolbar{ margin-bottom: 22px; }
.toolbar-statuses, .toolbar-actions{ display: flex; flex-wrap: wrap; align-items: center; }
.section-intro{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.section-intro p{ line-height: 1.65; }
.editor-subsection h3{ letter-spacing: -.02em; }
.editor-tabs button{ display: inline-flex; align-items: center; gap: 7px; }
.design-preset{ min-width: 0; border: 1px solid var(--border); background: #fff; text-align: left; color: var(--text); }
.design-preset strong{ display: block; margin-top: 8px; font-size: 11px; }
.color-control-grid{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.color-control{ display: flex; flex-direction: column; gap: 9px; border: 1px solid var(--border); padding: 12px; }
.color-control > span:first-child{ font-size: 11px; font-weight: 700; }
.color-control > span:last-child{ display: flex; align-items: center; gap: 9px; }
.color-control input[type="color"]{ width: 34px; height: 34px; border: 0; padding: 0; background: transparent; }
.color-control code{ font-size: 10px; color: var(--muted); }
.toggle-list{ display: grid; gap: 10px; }
.toggle-row{ display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.toggle-row strong, .toggle-row small{ display: block; }
.toggle-row small{ color: var(--muted); margin-top: 4px; line-height: 1.5; }
.field-config-list{ display: grid; gap: 10px; }
.field-config-card{ display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; align-items: center; border: 1px solid var(--border); border-radius: 14px; padding: 14px; }
.field-config-card > div > strong{ font-size: 12px; }
.question-title{ display: flex; align-items: center; gap: 11px; min-width: 0; }
.question-title strong, .question-title small{ display: block; }
.question-title strong{ font-size: 12px; }
.question-title small{ font-size: 10px; color: var(--muted); margin-top: 3px; }
.question-number{ width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--border); border-radius: 9px; font-size: 10px; font-weight: 800; }
.question-actions{ display: flex; gap: 5px; }
.icon-button.is-danger:hover{ color: var(--danger); border-color: #e5b4b7; background: var(--danger-bg); }
.icon-button:disabled{ opacity: .35; cursor: not-allowed; }
.empty-state.compact{ padding: 26px; }
.empty-state.compact .empty-state-icon{ width: 42px; height: 42px; }
.revision-list{ display: grid; gap: 10px; }
.revision-item{ display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid var(--border); border-radius: 14px; padding: 12px; }
.revision-icon{ width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--muted); }
.revision-copy{ min-width: 0; }
.revision-copy strong, .revision-copy span{ display: block; }
.revision-copy strong{ font-size: 11px; }
.revision-copy span{ color: var(--muted); font-size: 9px; margin-top: 3px; }
.revision-copy p{ margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.preview-panel-production{ overflow: hidden; }
.preview-toolbar-production > div:first-child strong, .preview-toolbar-production > div:first-child span{ display: block; }
.preview-toolbar-production > div:first-child strong{ font-size: 12px; }
.preview-toolbar-production > div:first-child span{ font-size: 9px; color: var(--muted); margin-top: 2px; }
.preview-flow-toolbar{ display: flex; gap: 5px; flex-wrap: wrap; border-bottom: 1px solid var(--border); }
.preview-flow-toolbar button{ border: 1px solid transparent; background: transparent; color: var(--muted); font-weight: 700; }
.preview-flow-toolbar button.active{ background: #fff; }
.preview-frame.tablet{ width: 760px; max-width: 100%; }
.preview-frame.mobile{ width: 390px; max-width: 100%; }
.preview-frame.desktop{ width: 100%; }

.onboarding-step{ display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 11px; align-items: center; border: 1px solid var(--border); text-decoration: none; }
.onboarding-step-icon{ background: var(--surface-soft); color: var(--muted); }
.onboarding-step.done .onboarding-step-icon{ background: var(--success-bg); color: var(--success); }
.onboarding-step strong, .onboarding-step small{ display: block; }
.onboarding-step small{ color: var(--muted); margin-top: 2px; }
.health-check-list{ display: grid; gap: 8px; }
.health-check{ display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 10px; align-items: start; padding: 9px 0; border-bottom: 1px solid var(--border); }
.health-check:last-child{ border-bottom: 0; }
.health-check i{ color: var(--danger); }
.health-check.ok i{ color: var(--success); }
.health-check strong, .health-check small{ display: block; }
.health-check small{ color: var(--muted); margin-top: 2px; }
.tag-chip{ display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); border-radius: 999px; padding: 5px 8px; font-size: 9px; background: #fff; }
.tag-chip::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tag-color, #68707a); }
.upgrade-page{ display: grid; place-items: center; }
.upgrade-brand{ display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.upgrade-brand span:not(.brand-mark){ display: block; }
.upgrade-status{ display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 12px; align-items: center; border: 1px solid var(--border); border-radius: 14px; padding: 14px; margin-bottom: 24px; }
.upgrade-status i{ font-size: 22px; color: var(--warning); }
.upgrade-status.is-ready i{ color: var(--success); }
.upgrade-status strong, .upgrade-status span{ display: block; }
.upgrade-status strong{ font-size: 12px; }
.upgrade-status span{ color: var(--muted); font-size: 9px; margin-top: 3px; }
.upgrade-copy h1{ font-size: 27px; letter-spacing: -.04em; }
.upgrade-copy p, .upgrade-copy li{ color: var(--muted); font-size: 11px; line-height: 1.65; }
.upgrade-results{ display: grid; gap: 7px; margin-bottom: 18px; }
.upgrade-results > div{ display: flex; gap: 8px; font-size: 10px; color: var(--success); }
@media (max-width: 991.98px) {
    .color-control-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }

}
@media (max-width: 767.98px) {
    .section-intro{ flex-direction: column; }
    .field-config-card{ grid-template-columns: minmax(0,1fr); }
    .revision-item{ grid-template-columns: 36px minmax(0,1fr); }
    .revision-item .btn{ grid-column: 1 / -1; }

}
.feedback-command-bar{ display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.feedback-filter-grid{ display: grid; grid-template-columns: minmax(260px,2fr) repeat(4,minmax(150px,1fr)) auto; align-items: end; }
.filter-submit{ min-width: 150px; }
.feedback-bulk-bar{ display: none; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--border); }
.feedback-bulk-bar.is-active{ display: flex; }
.feedback-bulk-bar .form-select{ width: auto; min-width: 180px; }
.bulk-value{ display: none !important; }
.bulk-value.is-visible{ display: block !important; }
.feedback-table .check-column{ width: 44px; }
.feedback-tags{ display: flex; gap: 6px; flex-wrap: wrap; min-width: 140px; }
.feedback-tag, .tag-checkbox{ display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); background: #fff; border-radius: 999px; padding: 5px 9px; font-size: 12px; font-weight: 700; color: var(--text); }
.feedback-tag-dot{ width: 8px; height: 8px; border-radius: 50%; background: #68707a; flex: 0 0 auto; }
.tag-red .feedback-tag-dot{ background: #a23c41; }
.tag-brand .feedback-tag-dot, .tag-green .feedback-tag-dot, .tag-amber .feedback-tag-dot{ background: #c95724; }
.tag-dark .feedback-tag-dot{ background: #171614; }
.tag-blue .feedback-tag-dot, .tag-purple .feedback-tag-dot, .tag-neutral .feedback-tag-dot{ background: #69635c; }
.case-summary-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.case-summary-card{ border: 1px solid var(--border); background: #fff; display: flex; flex-direction: column; gap: 5px; }
.case-summary-card>span{ font-size: 12px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.case-summary-card>strong{ font-size: 24px; line-height: 1.15; }
.case-summary-card>small{ color: var(--muted); }
.customer-quote{ position: relative; border-left: 3px solid #1b1c1f; padding: 6px 0 6px 22px; }
.customer-quote>i{ font-size: 22px; color: var(--muted); display: block; margin-bottom: 4px; }
.customer-quote p{ line-height: 1.7; margin: 0; white-space: pre-line; }
.answer-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.answer-card{ border: 1px solid var(--border); border-radius: 14px; padding: 15px; background: #f8f9fa; }
.answer-card span{ display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }
.answer-card strong{ font-size: 14px; white-space: pre-line; }
.saved-reply-picker{ border: 1px solid var(--border); background: #f8f9fa; border-radius: 14px; padding: 14px; }
.tag-checkbox-list{ display: flex; gap: 8px; flex-wrap: wrap; }
.tag-checkbox{ cursor: pointer; user-select: none; }
.tag-checkbox input{ margin: 0; }
.tag-checkbox:has(input:checked){ border-color: #1b1c1f; background: #f1f2f3; }
.create-tag-details{ border-top: 1px solid var(--border); padding-top: 14px; }
.create-tag-details summary{ font-size: 13px; font-weight: 800; cursor: pointer; }
.customer-history-list, .saved-reply-list{ display: grid; gap: 0; }
.customer-history-list>a, .saved-reply-list>div{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border); text-decoration: none; color: var(--text); }
.customer-history-list>a:last-child, .saved-reply-list>div:last-child{ border-bottom: 0; }
.customer-history-list span, .saved-reply-list span{ min-width: 0; }
.customer-history-list strong, .saved-reply-list strong{ display: block; font-size: 13px; }
.customer-history-list small, .saved-reply-list small{ display: block; color: var(--muted); font-size: 12px; }
@media (max-width:1500px) {
    .feedback-filter-grid{ grid-template-columns: minmax(260px,2fr) repeat(3,minmax(150px,1fr)); }
    .filter-submit{ grid-column: auto; }
    .case-summary-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
    .feedback-filter-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
    .filter-search{ grid-column: 1/-1; }
    .case-summary-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
    .answer-grid{ grid-template-columns: 1fr; }
}
@media (max-width:575.98px) {
    .feedback-filter-grid{ grid-template-columns: 1fr; }
    .filter-search{ grid-column: auto; }
    .feedback-bulk-bar .form-select, .feedback-bulk-bar .btn{ width: 100%; }
    .case-summary-grid{ grid-template-columns: 1fr; }
    .feedback-command-bar{ align-items: stretch; }
    .feedback-command-bar>.btn{ width: 100%; }
}
.period-comparison-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.period-comparison-card{ border: 1px solid var(--border); background: #fff; display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; align-items: start; }
.period-comparison-card>div span{ display: block; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.period-comparison-card>div strong{ display: block; font-size: 24px; margin-top: 4px; }
.period-comparison-card>small{ grid-column: 1/-1; color: var(--muted); font-size: 12px; }
.comparison-badge{ display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; padding: 5px 8px; font-size: 12px; font-weight: 800; background: #f1f2f3; color: #525861; }
.comparison-badge.up{ background: #f5f3ef; color: #ae451b; }
.comparison-badge.down{ background: #fbeaec; color: #a4262e; }
.comparison-badge.flat{ background: #f1f2f3; color: #68707a; }
@media (max-width:1100px) {
    .period-comparison-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px) {
    .period-comparison-grid{ grid-template-columns: 1fr; }
}

.section-heading{ display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 15px; }
.section-heading h2{ margin: 2px 0 3px; font-size: 22px; }
.section-heading p{ margin: 0; color: var(--muted); }
.klaviyo-event-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.integration-event-option{ display: flex; gap: 9px; align-items: flex-start; border: 1px solid var(--border); border-radius: 11px; padding: 10px; background: #fff; font-weight: 700; }
.status-neutral{ background: #f1f2f3; color: #68707a; }
@media (max-width:1200px) {
    .klaviyo-event-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px) {
    .klaviyo-event-grid{ grid-template-columns: 1fr; }
}
.table-check{ width: 42px; }
.process-list{ display: grid; gap: 18px; }
.process-list li{ align-items: start; }
.process-list li > span{ display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--app-border, #e7e8eb); border-radius: 50%; font-weight: 700; font-size: 13px; }
.process-list small{ line-height: 1.5; }
:root{ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 40px; }
body{ background: var(--app-bg); }
.brand-lockup{ gap: 0; }
.brand-lockup .brand-mark{ display: none; }
.brand-lockup small{ color: var(--muted); font-size: 10px; letter-spacing: .02em; margin-top: 8px; }
.sidebar-nav a.active{ border-color: transparent; color: #171614; font-weight: 740; }
.sidebar-nav a.active::before{ content: ""; position: absolute; inset: 8px auto 8px -4px; width: 3px; background: var(--accent); }
.sidebar-nav a.active i{ color: var(--accent); }
.avatar-initials{ border-color: var(--border); }
.sidebar-logout{ border-radius: 7px; }
.btn{ letter-spacing: -.005em; }
.btn i{ font-size: 14px; }
.btn-dark:hover, .btn-dark:focus{ background: #2a2825; border-color: #2a2825; color: #fff; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus{ background: #eeeae4; border-color: #bdb6aa; color: var(--text); }
.btn-outline-danger{ border-radius: 8px; }
.form-control, .form-select{ min-height: 44px; border-radius: 8px; background: #fff; }
.form-control:focus, .form-select:focus{ outline: 2px solid rgba(223, 108, 50, .22); outline-offset: 1px; }
.form-text{ color: var(--muted); font-size: 11px; line-height: 1.55; }
.panel{ border-color: var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.panel-header{ border-color: var(--border); }
.panel-header h2{ color: var(--text); font-size: 16px; font-weight: 760; letter-spacing: -.025em; }
.panel-header p{ margin-top: 4px; }
.metrics-grid{ grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
.metric-card{ border-radius: 12px; background: #fff; border-color: var(--border); }
.metric-icon{ width: 34px; height: 34px; border-radius: 8px; background: var(--accent-soft); border-color: #f1cdb8; color: var(--accent); }
.badge-soft{ border-color: var(--border); }
.tag-chip, .feedback-tag, .tag-checkbox, .comparison-badge{ border-radius: 6px; }
.table-responsive{ scrollbar-color: #c8c2b8 transparent; scrollbar-width: thin; }
.table tbody tr:hover td{ background: #fbfaf8; }
.empty-state-icon{ border-radius: 10px; background: #f3f0eb; color: #706a62; }
.toolbar-row{ margin-bottom: 18px; gap: 12px; }
.toolbar-statuses, .toolbar-actions{ gap: 7px; }
.editor-control-panel{ overflow: visible; }
.editor-control-panel .panel-body{ padding: 18px; }
.editor-tabs{ position: sticky; top: calc(var(--topbar-height) + 68px); z-index: 5; gap: 2px; padding: 4px; border-radius: 9px; background: #ebe8e2; margin-bottom: 24px; }
.editor-tabs button{ flex: 1 1 auto; min-height: 36px; padding: 7px 9px; border-radius: 6px; font-size: 11px; }
.editor-tabs button.active{ background: #fff; border-color: var(--border); color: var(--text); }
.design-preset{ border-radius: 9px; padding: 8px; }
.design-preset:hover, .design-preset.active{ border-color: var(--accent); background: var(--accent-soft); }
.color-control{ border-radius: 9px; background: #faf9f7; }
.toggle-row, .field-config-card, .question-item, .revision-item{ border-radius: 9px; background: #fff; }
.toggle-row{ min-height: 56px; padding: 12px 14px; }
.toggle-row strong{ font-size: 12px; }
.toggle-row small{ font-size: 10px; }
.editor-sticky{ top: calc(var(--topbar-height) + 18px); }
.preview-toolbar{ min-height: 58px; padding: 12px 15px; }
.preview-flow-toolbar{ padding: 8px 12px; background: #f5f3ef; }
.preview-flow-toolbar button{ border-radius: 6px; padding: 7px 9px; font-size: 10px; }
.preview-flow-toolbar button.active{ border-color: #cfc8bd; color: var(--text); }
.preview-stage-production{ min-height: calc(100vh - 250px); padding: 14px; }
.preview-frame{ height: calc(100vh - 286px); min-height: 620px; }
.feedback-command-bar{ margin-bottom: 16px; align-items: flex-end; }
.feedback-filter-grid{ gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: #faf9f7; }
.feedback-bulk-bar{ background: #f4f0ea; border-color: var(--border); }
.case-summary-grid{ gap: 10px; }
.case-summary-card{ border-radius: 10px; padding: 15px; }
.case-summary-card > span{ font-size: 10px; }
.case-summary-card > strong{ font-size: 22px; }
.customer-quote{ border-left-color: var(--accent); padding-left: 18px; }
.customer-quote p{ font-size: 16px; }
.answer-card, .saved-reply-picker{ border-radius: 9px; }
.thread-message{ border-radius: 10px; padding: 14px 16px; }
.thread-message.outbound{ background: #f3f0eb; }
.thread-message.internal{ background: var(--warning-bg); }
.period-comparison-grid{ gap: 10px; }
.period-comparison-card{ border-radius: 10px; padding: 15px; }
.period-comparison-card > div span{ font-size: 10px; }
.period-comparison-card > div strong{ font-size: 22px; }
.chart-wrap{ height: clamp(320px, 26vw, 470px); }
.integration-event-option, .integration-error{ border-radius: 8px; }
.integration-event-option:has(input:checked){ background: var(--accent-soft); border-color: #edc5ad; }
.onboarding-step{ border-radius: 9px; padding: 13px; }
.onboarding-step:hover{ background: #faf9f7; }
.onboarding-step strong{ font-size: 12px; }
.onboarding-step small{ font-size: 10px; }
.health-check strong{ font-size: 12px; }
.health-check small{ font-size: 10px; }
.auth-body{ min-height: 100vh; display: block; padding: 0; background: #f5f3ef; }
.toast-container{ z-index: 1100; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{ outline: 3px solid rgba(223, 108, 50, .25); outline-offset: 2px; }
@media (max-width: 1399.98px) {
    .editor-layout-production{ grid-template-columns: 1fr; }
    .production-toolbar{ position: static; margin: 0 0 18px; padding: 0; border: 0; background: transparent; }
    .preview-stage-production{ min-height: 720px; }
    .preview-frame{ height: 680px; }
}
@media (max-width: 991.98px) {
    .editor-tabs{ position: static; }
}
@media (max-width: 767.98px) {
    .metrics-grid{ grid-template-columns: 1fr 1fr; }
    .metric-card{ min-height: 120px; padding: 16px; }
    .metric-card strong{ font-size: 27px; }
    .color-control-grid{ grid-template-columns: 1fr 1fr; }
    .preview-stage-production{ min-height: 620px; }
    .preview-frame{ min-height: 560px; height: 580px; }
    .feedback-filter-grid{ padding: 12px; }
}
@media (max-width: 575.98px) {
    .metrics-grid{ grid-template-columns: 1fr; }
    .app-topbar h1{ font-size: 21px; }
    .app-content{ padding-left: 13px; padding-right: 13px; }
    .color-control-grid{ grid-template-columns: 1fr; }
    .toolbar-actions{ width: 100%; }
    .toolbar-actions .btn{ flex: 1 1 100%; }
    .editor-tabs{ overflow-x: auto; flex-wrap: nowrap; }
    .editor-tabs button{ flex: 0 0 auto; white-space: nowrap; }
    .preview-flow-toolbar{ overflow-x: auto; flex-wrap: nowrap; }
    .preview-flow-toolbar button{ flex: 0 0 auto; }
}
h2.section-heading, h3.section-heading, h4.section-heading{ display: block; margin: 0 0 16px; font-size: 15px; font-weight: 760; letter-spacing: -.02em; }
.alert{ border-width: 1px; }

:root{ --studio-ink: #191816; --studio-muted: #716c64; --studio-line: #ddd8cf; --studio-soft: #f7f5f1; --studio-accent: #df6c32; --studio-accent-soft: #fff1e8; }
.sidebar-brand-row{ flex: 0 0 auto; }
.sidebar-brand-row .brand-lockup{ min-width: 0; margin-right: 0; }
.brand-compact-mark{ font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 700; line-height: 1; position: relative; }
.brand-compact-mark span{ color: var(--studio-accent); font-family: Inter, system-ui, sans-serif; font-size: 9px; position: absolute; right: 5px; top: 4px; }
.sidebar-collapse-button{ display: grid; place-items: center; border: 1px solid var(--border); border-radius: 8px; background: #fff; color: #6f6961; padding: 0; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.sidebar-collapse-button:hover, .sidebar-collapse-button:focus-visible{ background: #f0ede8; border-color: var(--border-strong); color: var(--studio-ink); outline: none; }
.app-sidebar, .app-main{ transition: width .22s ease, margin-left .22s ease; }
.sidebar-nav a, .sidebar-user, .sidebar-label{ transition: opacity .16s ease, padding .22s ease, margin .22s ease; }
body.sidebar-collapsed .app-sidebar, html.sidebar-precollapsed .app-sidebar{ padding-left: 10px; padding-right: 10px; }
body.sidebar-collapsed .sidebar-brand-row, html.sidebar-precollapsed .sidebar-brand-row{ align-items: center; padding: 0; }
body.sidebar-collapsed .brand-lockup, html.sidebar-precollapsed .brand-lockup{ margin: 0 0 8px; width: 100%; justify-content: center; }
body.sidebar-collapsed .sidebar-collapse-button, html.sidebar-precollapsed .sidebar-collapse-button{ width: 38px; }
body.sidebar-collapsed .sidebar-label, html.sidebar-precollapsed .sidebar-label{ text-indent: -9999px; }
body.sidebar-collapsed .sidebar-nav, html.sidebar-precollapsed .sidebar-nav{ padding-left: 0; padding-right: 0; }
body.sidebar-collapsed .sidebar-nav a, html.sidebar-precollapsed .sidebar-nav a{ margin: 0 auto; position: relative; }
body.sidebar-collapsed .sidebar-nav a span, html.sidebar-precollapsed .sidebar-nav a span{ display: none; }
body.sidebar-collapsed .sidebar-nav a.active::before, html.sidebar-precollapsed .sidebar-nav a.active::before{ inset: 8px auto 8px -6px; }
body.sidebar-collapsed .sidebar-nav a::after, html.sidebar-precollapsed .sidebar-nav a::after{ line-height: 1.2; }
body.sidebar-collapsed .sidebar-user, html.sidebar-precollapsed .sidebar-user{ padding: 14px 0 0; }
body.sidebar-collapsed .sidebar-user-copy, html.sidebar-precollapsed .sidebar-user-copy{ display: none; }
body.sidebar-collapsed .sidebar-logout, html.sidebar-precollapsed .sidebar-logout{ margin: 0 auto; }

@media (max-width: 991.98px) {
    html.sidebar-precollapsed .app-sidebar, body.sidebar-collapsed .app-sidebar{ width: var(--sidebar-width); padding: 24px 14px 16px; overflow: hidden; }
    html.sidebar-precollapsed .app-main, body.sidebar-collapsed .app-main{ margin-left: 0; width: 100%; }
    html.sidebar-precollapsed .brand-compact-mark, body.sidebar-collapsed .brand-compact-mark{ display: none; }
    html.sidebar-precollapsed .sidebar-label, body.sidebar-collapsed .sidebar-label{ height: auto; margin: 22px 11px 8px; overflow: visible; text-indent: 0; background: transparent; }
    html.sidebar-precollapsed .sidebar-nav a, body.sidebar-collapsed .sidebar-nav a{ width: auto; justify-content: flex-start; gap: 12px; margin: 0; padding: 9px 11px; }
    html.sidebar-precollapsed .sidebar-nav a span, body.sidebar-collapsed .sidebar-nav a span, html.sidebar-precollapsed .sidebar-user-copy, body.sidebar-collapsed .sidebar-user-copy{ display: block; }
    html.sidebar-precollapsed .sidebar-user, body.sidebar-collapsed .sidebar-user{ grid-template-columns: 36px minmax(0,1fr) 34px; justify-content: stretch; padding: 15px 7px 2px; }
}
.app-main, .app-content{ min-width: 0; }
.app-content{ overflow-x: clip; }
.topbar-heading, .topbar-title-wrap{ min-width: 0; }
.topbar-actions .btn{ white-space: nowrap; }

.review-question-stack{ display: grid; gap: 18px; }

html, body{ max-width: 100%; overflow-x: hidden; }
.app-content{ max-width: none; }
.app-topbar{ min-width: 0; padding-right: clamp(18px, 2vw, 32px); padding-left: clamp(18px, 2vw, 32px); }
.topbar-heading, .topbar-title-wrap, .topbar-actions{ min-width: 0; }

@keyframes repify-contact-reveal {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.marketing-body{ min-height: 100vh; }
.marketing-header{ display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.marketing-brand{ text-decoration: none; }
.marketing-header nav{ display: flex; align-items: center; gap: 22px; }
.marketing-header nav > a:not(.btn){ color: var(--muted); font-size: 13px; font-weight: 650; text-decoration: none; }
.marketing-header nav > a:not(.btn):hover{ color: var(--text); }
.marketing-main{ width: min(1500px, 100%); }
.marketing-copy{ max-width: 670px; }
.marketing-copy > p{ margin: 0; }
.marketing-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 12px; }
.marketing-actions .btn{ min-height: 48px; padding-inline: 21px; }
.marketing-copy > small{ color: var(--muted-2); font-size: 12px; }
.marketing-product-card{ padding: 22px; }
.marketing-product-head{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--border); font-weight: 750; }
.status-pill{ display: inline-flex; align-items: center; gap: 7px; color: var(--success); font-size: 11px; }
.status-pill i{ width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.marketing-product-metrics{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
.marketing-product-metrics > div{ padding: 18px; border: 1px solid var(--border); border-radius: 14px; background: #faf9f7; }
.marketing-product-metrics small, .marketing-product-metrics span{ display: block; color: var(--muted); font-size: 11px; }
.marketing-product-metrics strong{ display: block; margin: 4px 0; font-size: 34px; letter-spacing: -.04em; }
.marketing-flow{ display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr; align-items: center; gap: 6px; padding: 20px; border: 1px solid var(--border); border-radius: 14px; }
.marketing-flow > div{ min-width: 0; text-align: center; }
.marketing-flow i{ display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 9px; border: 1px solid var(--border); border-radius: 10px; background: #f7f5f1; font-size: 17px; }
.marketing-flow span, .marketing-flow small{ display: block; }
.marketing-flow span{ font-size: 12px; font-weight: 750; }
.marketing-flow small{ color: var(--muted); font-size: 10px; margin-top: 3px; }
.marketing-flow b{ height: 1px; background: var(--border-strong); }
.marketing-section{ border-top: 1px solid var(--border); }
.marketing-section-heading{ max-width: 760px; margin-bottom: 34px; }
.marketing-section-heading h2{ margin: 8px 0 10px; font-size: clamp(34px, 4vw, 54px); line-height: 1.04; letter-spacing: -.045em; }
.marketing-section-heading p{ margin: 0; color: var(--muted); font-size: 17px; }
.marketing-feature-grid article{ border: 1px solid var(--border); border-radius: 14px; }
.marketing-feature-grid article > i{ background: var(--accent-soft); font-size: 18px; }
.marketing-feature-grid h3{ margin: 24px 0 8px; font-size: 17px; }
.marketing-feature-grid p{ margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.marketing-integrations{ background: #fbfaf8; }
.marketing-logo-row span{ min-height: 100px; display: grid; place-items: center; border-right: 1px solid var(--border); background: #fff; font-size: 17px; font-weight: 780; }
.marketing-logo-row span:last-child{ border-right: 0; }
.marketing-cta{ display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.marketing-cta h2{ margin: 7px 0 0; max-width: 760px; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.05; letter-spacing: -.045em; }
.marketing-footer{ min-height: 110px; display: flex; align-items: center; gap: 20px; padding: 28px clamp(24px, 5vw, 78px); border-top: 1px solid var(--border); background: #fbfaf8; }
.marketing-footer p{ margin: 0 auto 0 0; color: var(--muted); }
.marketing-footer a{ color: var(--text); font-weight: 700; }
.password-field{ position: relative; }
.password-field .form-control{ padding-right: 48px; }
.password-field button{ position: absolute; inset: 50% 8px auto auto; transform: translateY(-50%); width: 34px; height: 34px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); }
.password-field button:hover{ background: var(--surface-soft); color: var(--text); }
.onboarding-progress-copy strong, .onboarding-progress-copy small{ display: block; }
.onboarding-progress-copy strong{ font-size: 14px; }
.onboarding-progress-copy small{ margin-top: 4px; color: var(--muted); font-size: 11px; }
.integration-flow-map{ display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr 28px 1fr; gap: 8px; align-items: center; margin-bottom: 28px; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.integration-flow-step{ display: grid; grid-template-columns: 22px 36px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 12px; }
.integration-flow-step > span{ color: var(--muted-2); font-size: 9px; font-weight: 800; }
.integration-flow-step > i{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: var(--surface-soft); color: var(--accent); }
.integration-flow-step strong, .integration-flow-step p{ display: block; }
.integration-flow-step strong{ font-size: 11px; }
.integration-flow-step p{ margin: 2px 0 0; color: var(--muted); font-size: 9px; line-height: 1.4; }
.integration-flow-arrow{ color: var(--border-strong); text-align: center; }
.integration-catalog-section{ margin-bottom: 30px; }
.integration-catalog-heading{ display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.integration-filter{ display: inline-flex; gap: 3px; padding: 4px; border: 1px solid var(--border); border-radius: 9px; background: #fff; }
.integration-filter button{ min-height: 32px; padding: 0 12px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 10px; font-weight: 750; }
.integration-filter button.active{ background: var(--black); color: #fff; }
.integration-catalog-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.integration-catalog-card{ min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 18px; border: 1px solid var(--border); border-radius: 13px; background: #fff; }
.integration-catalog-card[hidden]{ display: none; }
.integration-catalog-card header{ display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.integration-catalog-card h3{ margin: 0 0 7px; font-size: 15px; }
.integration-catalog-card p{ margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.integration-card-account{ min-height: 48px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: #faf9f7; }
.integration-card-account span, .integration-card-account strong{ display: block; }
.integration-card-account span{ color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.integration-card-account strong{ margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.integration-card-action{ margin-top: auto; display: flex; justify-content: space-between; align-items: center; color: var(--text); font-size: 11px; font-weight: 800; text-decoration: none; }
.integration-card-action:hover{ color: var(--accent); }
.integration-setup-stack{ display: grid; gap: 18px; }
.integration-workspace{ display: grid; grid-template-columns: 300px minmax(0, 1fr); border: 1px solid var(--border-strong); border-radius: 16px; background: #fff; overflow: hidden; scroll-margin-top: 104px; transition: border-color .2s ease; }
.integration-workspace.is-focused{ border-color: var(--accent); }
.integration-workspace-intro{ position: relative; padding: 28px; border-right: 1px solid var(--border); background: #faf9f7; }
.integration-workspace-number{ position: absolute; top: 18px; right: 20px; color: var(--muted-2); font-size: 10px; font-weight: 800; }
.integration-workspace-intro h2{ margin: 5px 0 10px; font-size: 27px; letter-spacing: -.04em; }
.integration-workspace-intro p{ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.integration-benefit-list{ display: grid; gap: 9px; margin: 26px 0 0; padding: 20px 0 0; border-top: 1px solid var(--border); list-style: none; }
.integration-benefit-list li{ display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 10px; }
.integration-benefit-list i{ color: var(--success); }
.integration-workspace-main{ min-width: 0; padding: 28px; }
.integration-workspace-head{ display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 22px; }
.integration-workspace-head h3{ margin: 8px 0 4px; font-size: 21px; letter-spacing: -.03em; }
.integration-workspace-head p{ margin: 0; color: var(--muted); font-size: 11px; }
.integration-platform-warning{ display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid #e5c98d; border-radius: 8px; background: var(--warning-bg); color: var(--warning); font-size: 10px; font-weight: 750; }
.integration-account-strip{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; }
.integration-account-strip > div{ min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 9px; background: #faf9f7; }
.integration-account-strip small, .integration-account-strip strong{ display: block; }
.integration-account-strip small{ color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.integration-account-strip strong{ margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.integration-rule-form{ display: grid; gap: 17px; }
.integration-rule-toggle{ display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 15px; border: 1px solid var(--border); border-radius: 10px; }
.integration-rule-toggle strong, .integration-rule-toggle p{ display: block; }
.integration-rule-toggle strong{ font-size: 12px; }
.integration-rule-toggle p{ margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.integration-rule-grid{ display: grid; grid-template-columns: 1.4fr repeat(3, minmax(100px, .7fr)); gap: 10px; }
.integration-rule-grid label > span, .integration-secret-grid label > span, .integration-primary-connect label > span, .integration-inline-settings label > span{ display: block; margin-bottom: 6px; font-size: 10px; font-weight: 750; }
.integration-rule-checks{ display: flex; flex-wrap: wrap; gap: 10px; }
.integration-rule-checks label, .integration-profile-sync{ display: flex; gap: 9px; align-items: flex-start; padding: 11px 13px; border: 1px solid var(--border); border-radius: 8px; background: #faf9f7; font-size: 10px; }
.integration-workspace-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 4px; }
.integration-workspace-actions form{ margin: 0; }
.integration-connect-guide{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 20px; }
.integration-connect-guide > div{ display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 9px; padding: 14px; border: 1px solid var(--border); border-radius: 9px; background: #faf9f7; }
.integration-connect-guide > div > span{ display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--border-strong); font-size: 9px; font-weight: 800; }
.integration-connect-guide strong, .integration-connect-guide p{ display: block; }
.integration-connect-guide strong{ font-size: 10px; }
.integration-connect-guide p{ margin: 3px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.integration-primary-connect{ padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.integration-domain-field{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.integration-secret-grid{ display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(180px, .5fr); gap: 10px; }
.integration-secret-grid small{ display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.integration-profile-sync strong, .integration-profile-sync small{ display: block; }
.integration-profile-sync small{ margin-top: 2px; color: var(--muted); }
.integration-event-selector{ padding: 15px; border: 1px solid var(--border); border-radius: 10px; }
.integration-event-selector > div:first-child p{ margin: 3px 0 12px; color: var(--muted); font-size: 10px; }
.integration-test-console{ display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, .8fr) auto; gap: 10px; align-items: center; padding: 15px; border: 1px solid var(--border); border-radius: 10px; background: #faf9f7; }
.integration-test-console strong, .integration-test-console p{ display: block; }
.integration-test-console strong{ font-size: 11px; }
.integration-test-console p{ margin: 2px 0 0; color: var(--muted); font-size: 9px; }
.integration-advanced{ margin: 14px 0; border: 1px solid var(--border); border-radius: 9px; }
.integration-advanced summary{ padding: 12px 14px; cursor: pointer; color: var(--muted); font-size: 10px; font-weight: 750; }
.integration-advanced[open] summary{ border-bottom: 1px solid var(--border); }
.integration-inline-settings{ display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; padding: 14px; }
.integration-error{ display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; align-items: start; margin-top: 16px; padding: 13px; border: 1px solid #e9b8ba; border-radius: 9px; background: var(--danger-bg); color: var(--danger); }
.integration-error > i{ display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; background: #fff; }
.integration-error strong, .integration-error p{ display: block; }
.integration-error p{ margin: 3px 0 0; font-size: 10px; line-height: 1.5; }
@media (max-width: 1280px) {
    .marketing-hero{ grid-template-columns: 1fr 1fr; gap: 50px; }
    .marketing-feature-grid{ grid-template-columns: repeat(2, 1fr); }
    .integration-catalog-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .integration-flow-map{ grid-template-columns: 1fr 20px 1fr 20px 1fr; }
    .integration-flow-map > :nth-child(6), .integration-flow-map > :nth-child(7){ display: none; }
}
@media (max-width: 1050px) {
    .marketing-hero{ grid-template-columns: 1fr; min-height: auto; }
    .marketing-product-card{ max-width: 760px; }
    .integration-workspace{ grid-template-columns: 240px minmax(0, 1fr); }
    .integration-rule-grid{ grid-template-columns: 1fr 1fr; }
    .integration-test-console{ grid-template-columns: 1fr 1fr; }
    .integration-test-console > div:first-child{ grid-column: 1 / -1; }
}
@media (max-width: 800px) {
    .marketing-header{ min-height: 64px; }
    .marketing-header nav > a:not(.btn){ display: none; }
    .marketing-header nav{ gap: 8px; }
    .marketing-header .btn{ min-height: 38px; padding-inline: 12px; font-size: 11px; }
    .marketing-hero{ padding-top: 58px; }
    .marketing-copy h1{ font-size: 48px; }
    .marketing-product-metrics, .marketing-feature-grid, .marketing-logo-row{ grid-template-columns: 1fr; }
    .marketing-flow{ grid-template-columns: 1fr; }
    .marketing-flow b{ width: 1px; height: 20px; margin: 0 auto; }
    .marketing-logo-row span{ min-height: 72px; border-right: 0; border-bottom: 1px solid var(--border); }
    .marketing-logo-row span:last-child{ border-bottom: 0; }
    .marketing-cta{ align-items: flex-start; flex-direction: column; }
    .integration-catalog-heading{ align-items: flex-start; flex-direction: column; }
    .integration-catalog-grid{ grid-template-columns: 1fr 1fr; }
    .integration-flow-map{ grid-template-columns: 1fr; }
    .integration-flow-arrow{ transform: rotate(90deg); }
    .integration-flow-map > :nth-child(6), .integration-flow-map > :nth-child(7){ display: block; }
    .integration-workspace{ grid-template-columns: 1fr; }
    .integration-workspace-intro{ border-right: 0; border-bottom: 1px solid var(--border); }
    .integration-connect-guide, .integration-account-strip{ grid-template-columns: 1fr; }
    .integration-rule-grid, .integration-secret-grid, .integration-inline-settings, .integration-test-console{ grid-template-columns: 1fr; }
    .integration-domain-field{ grid-template-columns: 1fr; }
    .integration-workspace-head{ flex-direction: column; }
}
@media (max-width: 560px) {
    .marketing-header{ padding-inline: 16px; }
    .marketing-header nav .btn{ font-size: 10px; }
    .marketing-hero, .marketing-section{ padding-inline: 18px; }
    .marketing-copy h1{ font-size: 40px; }
    .marketing-copy > p{ font-size: 16px; }
    .marketing-actions{ display: grid; }
    .marketing-actions .btn{ width: 100%; }
    .marketing-cta{ margin-inline: 18px; padding: 24px; }
    .marketing-footer{ flex-wrap: wrap; padding-inline: 18px; }
    .integration-catalog-grid{ grid-template-columns: 1fr; }
    .integration-filter{ width: 100%; overflow-x: auto; }
    .integration-filter button{ flex: 1 0 auto; }
    .integration-workspace-main, .integration-workspace-intro{ padding: 20px; }
    .integration-workspace-actions{ display: grid; }
    .integration-workspace-actions .btn, .integration-workspace-actions form, .integration-workspace-actions form .btn{ width: 100%; }
    .integration-flow-step strong{ font-size: 12px; }
    .integration-flow-step p{ font-size: 11px; line-height: 1.5; }
    .integration-catalog-card h3{ font-size: 16px; }
    .integration-catalog-card > p{ font-size: 12px; line-height: 1.55; }
    .integration-card-account span{ font-size: 10px; }
    .integration-card-account strong{ font-size: 12px; }
    .integration-workspace-intro > p{ font-size: 12px; line-height: 1.55; }
    .integration-benefit-list li{ font-size: 11px; line-height: 1.5; }
    .integration-workspace-head p{ font-size: 11px; line-height: 1.5; }
    .integration-rule-grid label > span, .integration-secret-grid label > span, .integration-primary-connect label > span, .integration-inline-settings label > span{ font-size: 11px; }
    .integration-rule-toggle strong{ font-size: 12px; }
    .integration-rule-toggle p{ font-size: 10px; line-height: 1.45; }
    .integration-connect-guide strong{ font-size: 11px; }
    .integration-connect-guide p{ font-size: 10px; }
}
.integration-workspace a[aria-disabled="true"]{ pointer-events: none; opacity: .55; }
.marketing-footer nav{ display: flex; align-items: center; gap: 18px; }
.marketing-footer nav a{ color: var(--muted); font-size: 11px; font-weight: 700; text-decoration: none; }
.marketing-footer nav a:hover{ color: var(--text); }
@media (max-width: 560px) {
    .marketing-footer nav{ width: 100%; justify-content: space-between; gap: 12px; }
}
body, .app-main{ background: var(--app-bg); }
.brand-lockup{ margin-bottom: 24px; }
.brand-lockup small{ display: none; }
.brand-compact-mark{ color: var(--text); }
.sidebar-label{ margin-top: 19px; }
.sidebar-nav a, .avatar-initials, .sidebar-logout, .mobile-menu-button, .sidebar-collapse-button{ border-radius: 5px; }
.sidebar-nav a.active{ background: #f1f1ee; }
.sidebar-nav a.active::before{ border-radius: 0; }
.eyebrow, .section-label{ display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; font-weight: 650; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.panel, .metric-card, .integration-workspace, .upgrade-card{ border-radius: 8px; box-shadow: none; }
.badge-soft, .tag-chip, .feedback-tag, .comparison-badge, .status-pill{ border-radius: 4px; }
.btn, .btn-sm, .form-control, .form-select, .icon-button, .toggle-row, .field-config-card, .question-item, .revision-item{ border-radius: 6px; }
.metric-icon, .empty-state-icon, .revision-icon{ border-radius: 5px; }
.dashboard-action-row{ display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr); gap: 16px; margin-bottom: 16px; }
.dashboard-next-action, .dashboard-setup-summary{ border: 1px solid var(--border); border-radius: 8px; background: #fff; padding: 24px; }
.dashboard-setup-heading{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.dashboard-setup-heading span{ font-weight: 700; }
.dashboard-setup-heading strong{ font-size: 23px; }
.dashboard-setup-summary progress{ width: 100%; height: 8px; border: 0; border-radius: 0; background: var(--surface-strong); }
.dashboard-setup-summary progress::-webkit-progress-bar{ background: var(--surface-strong); }
.dashboard-setup-summary progress::-webkit-progress-value{ background: var(--accent); }
.dashboard-setup-summary progress::-moz-progress-bar{ background: var(--accent); }
.dashboard-setup-summary p{ margin: 12px 0 6px; color: var(--muted); font-size: 12px; }
.dashboard-setup-summary a{ color: var(--text); font-size: 12px; font-weight: 700; }
.editor-layout-production{ grid-template-columns: minmax(560px, .95fr) minmax(520px, 1.05fr); gap: 18px; }
.editor-step-nav{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0; margin: 0 0 24px; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; background: #fff; }
.editor-step-nav button{ display: grid; grid-template-columns: 28px minmax(0, 1fr); grid-template-rows: auto auto; gap: 1px 9px; min-height: 64px; padding: 11px 13px; border: 0; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-radius: 0; background: #fff; color: var(--text); text-align: left; }
.editor-step-nav button:nth-child(2n){ border-right: 0; }
.editor-step-nav button:nth-last-child(-n/**/+2){ border-bottom: 0; }
.editor-step-nav button > span{ grid-row: 1 / span 2; display: grid; place-items: center; align-self: center; width: 26px; height: 26px; border: 1px solid var(--border-strong); border-radius: 4px; color: var(--muted); font-size: 10px; font-weight: 800; }
.editor-step-nav button strong{ font-size: 12px; line-height: 1.3; }
.editor-step-nav button small{ color: var(--muted); font-size: 10px; line-height: 1.3; }
.editor-step-nav button.active{ background: #f3f3f0; color: var(--text); }
.editor-step-nav button.active > span{ border-color: var(--accent); color: var(--accent); }
.preview-flow-control{ display: grid; grid-template-columns: auto minmax(220px, 1fr); align-items: center; gap: 12px; padding: 12px 14px; background: #fafafa; }
.preview-flow-control label{ margin: 0; color: var(--muted); font-size: 11px; font-weight: 700; }
.preview-flow-control .form-select{ min-height: 38px; padding-top: 7px; padding-bottom: 7px; }
.preview-panel-production{ border-radius: 8px; }
.preview-stage-production{ background: #ececea; }

.workspace-intro{ display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 16px; padding: 20px 22px; border: 1px solid var(--border); border-radius: 8px; background: #fff; }
.workspace-intro h2{ margin: 0 0 5px; font-size: 20px; }
.workspace-intro p{ max-width: 760px; margin: 0; color: var(--muted); }
.workspace-status-list{ display: grid; grid-template-columns: repeat(4, auto); gap: 18px; margin: 0; }
.workspace-status-list div{ min-width: 62px; }
.workspace-status-list dt{ color: var(--muted); font-size: 10px; font-weight: 600; }
.workspace-status-list dd{ margin: 3px 0 0; font-size: 13px; font-weight: 800; }
.workspace-status-list dd.is-ok{ color: var(--success); }
.workspace-status-list dd.is-error{ color: var(--danger); }
.integration-connect-guide > div > span{ border-radius: 4px; }
@media (max-width: 1199.98px) {
    .editor-layout-production{ grid-template-columns: 1fr; }
    .preview-panel-production{ position: relative; top: auto; }
}
@media (max-width: 767.98px) {
    .dashboard-action-row{ grid-template-columns: 1fr; }
    .workspace-intro{ display: block; }
    .workspace-status-list{ grid-template-columns: repeat(2, 1fr); margin-top: 18px; }
    .editor-step-nav{ grid-template-columns: 1fr; }
    .editor-step-nav button, .editor-step-nav button:nth-child(2n), .editor-step-nav button:nth-last-child(-n/**/+2){ border-right: 0; border-bottom: 1px solid var(--border); }
    .editor-step-nav button:last-child{ border-bottom: 0; }
    .preview-flow-control{ grid-template-columns: 1fr; gap: 6px; }
}
.workspace-intro-actions{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.integration-intro .workspace-status-list{ grid-template-columns: repeat(2, auto); }
.access-body.auth-body{ min-height: 100vh; padding: 0; background: #ffffff; }
.access-shell{ min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: #ffffff; }
.access-intro{ min-height: 100vh; position: sticky; top: 0; display: flex; flex-direction: column; padding: clamp(34px, 4.2vw, 68px); border-right: 1px solid #ded8cf; background: #f5f3ef; }
.access-brand, .access-mobile-brand{ display: inline-flex; width: fit-content; text-decoration: none; }
.access-intro-content{ width: min(560px, 100%); margin: auto 0; padding: clamp(56px, 8vh, 96px) 0; }
.access-kicker{ display: block; margin-bottom: 12px; color: #3e3934; font-size: 12px; font-weight: 700; line-height: 1.3; }
.access-intro h1{ max-width: 560px; margin: 0; color: #171614; font-size: clamp(40px, 4.2vw, 62px); font-weight: 700; line-height: 1.03; letter-spacing: -.05em; }
.access-intro-content > p{ max-width: 540px; margin: 22px 0 0; color: #3e3934; font-size: 16px; line-height: 1.7; }
.access-summary{ width: min(470px, 100%); margin-top: 38px; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; overflow: hidden; }
.access-summary-header{ display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid #ded8cf; }
.access-summary-header span, .access-summary-header strong{ display: block; }
.access-summary-header span{ color: #69635c; font-size: 10px; font-weight: 650; }
.access-summary-header strong{ margin-top: 2px; color: #171614; font-size: 14px; }
.access-summary-header small{ display: inline-flex; align-items: center; gap: 7px; color: #69635c; font-size: 10px; white-space: nowrap; }
.access-summary-header small span{ width: 7px; height: 7px; border-radius: 50%; background: #c95724; }
.access-summary-row{ display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; padding: 0 20px; border-bottom: 1px solid #f5f3ef; color: #3e3934; font-size: 12px; }
.access-summary-row:last-child{ border-bottom: 0; }
.access-summary-row strong{ color: #171614; font-size: 13px; font-weight: 750; }
.access-steps{ width: min(520px, 100%); display: grid; gap: 0; margin: 36px 0 0; padding: 0; list-style: none; border-top: 1px solid #ded8cf; }
.access-steps li{ display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; align-items: start; padding: 18px 0; border-bottom: 1px solid #ded8cf; }
.access-steps li > span{ display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #c8bfb3; border-radius: 6px; background: #ffffff; color: #2b2824; font-size: 11px; font-weight: 750; }
.access-steps strong, .access-steps small{ display: block; }
.access-steps strong{ color: #171614; font-size: 14px; font-weight: 720; }
.access-steps small{ margin-top: 4px; color: #3e3934; font-size: 12px; line-height: 1.55; }
.access-assurance{ display: flex; align-items: center; gap: 9px; color: #3e3934; font-size: 11px; line-height: 1.5; }
.access-assurance i{ color: #ae451b; font-size: 15px; }
.access-form-panel{ min-height: 100vh; display: grid; place-items: center; padding: clamp(36px, 5vw, 76px); background: #ffffff; }
.access-register-panel{ align-items: start; }
.access-form-container{ width: min(460px, 100%); }
.access-register-container{ width: min(620px, 100%); margin: auto 0; }
.access-mobile-brand{ display: none; margin-bottom: 42px; }
.access-form-header{ margin-bottom: 30px; }
.access-form-header h2{ margin: 0; color: #171614; font-size: clamp(30px, 3vw, 39px); font-weight: 720; line-height: 1.08; letter-spacing: -.04em; }
.access-form-header p{ margin: 11px 0 0; color: #3e3934; font-size: 14px; line-height: 1.6; }
.access-alert{ margin-bottom: 22px; padding: 13px 15px; border-color: #e6b8bb; border-radius: 6px; background: #fff3f3; color: #8f3036; font-size: 12px; }
.access-form{ display: grid; gap: 20px; }
.access-field{ min-width: 0; }
.access-field .form-label, .access-label-row .form-label{ margin: 0 0 8px; color: #171614; font-size: 12px; font-weight: 700; }
.access-label-row{ display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.access-label-row > a, .access-label-row > span{ margin-bottom: 8px; color: #3e3934; font-size: 11px; font-weight: 650; text-decoration: none; }
.access-label-row > a:hover{ color: #171614; text-decoration: underline; text-underline-offset: 3px; }
.access-field .form-control{ min-height: 50px; padding: 12px 14px; border: 1px solid #c8bfb3; border-radius: 6px; background: #ffffff; color: #171614; font-size: 14px; }
.access-field .form-control::placeholder{ color: #69635c; }
.access-field .form-control:hover{ border-color: #c8bfb3; }
.access-field .form-control:focus{ border-color: #3e3934; outline: 3px solid rgba(78, 88, 78, .14); outline-offset: 1px; }
.access-field > small{ display: block; margin-top: 7px; color: #69635c; font-size: 10px; line-height: 1.5; }
.access-password-field{ position: relative; }
.access-password-field .form-control{ padding-right: 50px; }
.access-password-field button{ position: absolute; top: 50%; right: 8px; width: 36px; height: 36px; display: grid; place-items: center; transform: translateY(-50%); border: 0; border-radius: 5px; background: transparent; color: #3e3934; }
.access-password-field button:hover{ background: #f1f3f0; color: #171614; }
.access-submit{ min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 17px; border: 1px solid #171614; border-radius: 6px; background: #171614; color: #ffffff; font-size: 13px; font-weight: 720; }
.access-submit:hover, .access-submit:focus{ border-color: #2b2824; background: #2b2824; color: #ffffff; }
.access-switch{ margin: 28px 0 0; padding-top: 22px; border-top: 1px solid #ded8cf; color: #3e3934; font-size: 12px; text-align: center; }
.access-switch a{ color: #171614; font-weight: 750; text-decoration: none; }
.access-switch a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.access-register-form{ gap: 24px; }
.access-fieldset{ min-width: 0; margin: 0; padding: 0; border: 0; }
.access-fieldset + .access-fieldset{ padding-top: 24px; border-top: 1px solid #ded8cf; }
.access-fieldset legend{ width: auto; margin: 0 0 16px; color: #171614; font-size: 13px; font-weight: 750; }
.access-register-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 16px; }
.access-field-wide{ grid-column: 1 / -1; }
.access-consent{ display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; color: #3e3934; font-size: 11px; line-height: 1.55; }
.access-consent input{ width: 16px; height: 16px; margin-top: 1px; accent-color: #171614; }
.access-consent a{ color: #171614; font-weight: 700; }
.access-honeypot{ position: fixed; left: -9999px; opacity: 0; pointer-events: none; }
.access-unavailable{ display: flex; gap: 13px; align-items: flex-start; padding: 16px; border: 1px solid #dec88f; border-radius: 6px; background: #fff9e9; }
.access-unavailable i{ color: #82601c; font-size: 18px; }
.access-unavailable strong{ display: block; color: #3b3321; font-size: 13px; }
.access-unavailable p{ margin: 5px 0 0; color: #75694d; font-size: 11px; }
@media (max-width: 1099.98px) {
    .access-intro, .access-form-panel{ padding: 38px; }
    .access-intro h1{ font-size: 42px; }
}
@media (max-width: 899.98px) {
    .access-shell{ grid-template-columns: 1fr; }
    .access-intro{ min-height: auto; position: static; padding: 28px 24px 32px; border-right: 0; border-bottom: 1px solid #ded8cf; }
    .access-intro-content{ width: 100%; margin: 0; padding: 42px 0 0; }
    .access-intro h1{ max-width: 680px; font-size: clamp(34px, 7vw, 48px); }
    .access-intro-content > p{ max-width: 680px; }
    .access-summary, .access-steps, .access-assurance{ display: none; }
    .access-form-panel{ min-height: auto; padding: 48px 24px 64px; }
    .access-mobile-brand{ display: none; }
    .access-register-container, .access-form-container{ width: min(620px, 100%); }
}
@media (max-width: 575.98px) {
    .access-intro{ padding: 22px 18px 26px; }
    .access-intro-content{ padding-top: 30px; }
    .access-intro h1{ font-size: 34px; }
    .access-intro-content > p{ margin-top: 15px; font-size: 14px; line-height: 1.6; }
    .access-form-panel{ padding: 38px 18px 48px; }
    .access-form-header{ margin-bottom: 26px; }
    .access-form-header h2{ font-size: 29px; }
    .access-register-grid{ grid-template-columns: 1fr; }
    .access-field-wide{ grid-column: auto; }
}
.dashboard-body .app-main{ background: #f4f6f7; color: #2c2925; }
.dashboard-body .app-topbar{ padding: 16px clamp(24px, 2.8vw, 48px); background: #ffffff; border-bottom: 1px solid #ded8cf; backdrop-filter: none; }
.dashboard-body .topbar-company{ color: #69635c; font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.dashboard-body .app-topbar h1{ color: #1b1917; font-size: clamp(24px, 1.85vw, 30px); font-weight: 720; line-height: 1.12; letter-spacing: -.035em; }
.dashboard-body .app-topbar p{ max-width: 760px; margin-top: 5px; color: #69635c; font-size: 13px; line-height: 1.45; }
.dashboard-body .app-content{ margin: 0 auto; padding: clamp(24px, 2.7vw, 44px) clamp(24px, 3vw, 52px) 72px; }
.dashboard-body .app-content > :first-child{ margin-top: 0; }
.dashboard-body .app-stack, .dashboard-body .app-grid{ gap: 20px; }
.dashboard-body .app-grid--overview, .dashboard-body .app-grid--detail, .dashboard-body .app-grid--admin{ align-items: start; }
.dashboard-body .eyebrow{ color: #3e3934; font-size: 10px; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-body .section-heading{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 18px; }
.dashboard-body .section-heading h2, .dashboard-body .workspace-intro h2{ margin: 0; color: #1b1917; font-size: clamp(21px, 1.55vw, 26px); font-weight: 720; line-height: 1.2; letter-spacing: -.03em; }
.dashboard-body .section-heading p, .dashboard-body .workspace-intro p, .dashboard-body .muted, .dashboard-body .small-note{ color: #69635c !important; }
.dashboard-body .section-heading p, .dashboard-body .workspace-intro p{ max-width: 760px; margin: 6px 0 0; font-size: 13px; line-height: 1.55; }
.dashboard-body h2, .dashboard-body h3, .dashboard-body h4{ color: #1b1917; }
.dashboard-body .btn{ padding: 9px 15px; font-size: 13px; line-height: 1.2; box-shadow: none !important; }
.dashboard-body .btn-sm{ min-height: 34px; padding: 7px 11px; font-size: 12px; }
.dashboard-body .btn-dark{ background: #171614; border-color: #171614; color: #ffffff; }
.dashboard-body .btn-dark:hover, .dashboard-body .btn-dark:focus-visible{ background: #2b2824; border-color: #2b2824; color: #ffffff; }
.dashboard-body .btn-outline-secondary{ background: #ffffff; border-color: #c8bfb3; color: #4a453f; }
.dashboard-body .btn-outline-secondary:hover, .dashboard-body .btn-outline-secondary:focus-visible{ background: #f3f6f4; border-color: #c8bfb3; color: #1b1917; }
.dashboard-body .btn-link{ min-height: auto; padding: 4px 2px; color: #69635c; text-decoration: underline; text-decoration-color: #c8bfb3; text-underline-offset: 3px; }
.dashboard-body .btn-link:hover, .dashboard-body .btn-link:focus-visible{ color: #1b1917; text-decoration-color: currentColor; }
.dashboard-body .form-label{ margin-bottom: 7px; color: #4a453f; font-size: 12px; font-weight: 690; }
.dashboard-body .form-control, .dashboard-body .form-select{ min-height: 44px; padding: 10px 12px; border: 1px solid #c8bfb3; border-radius: 6px; background: #ffffff; color: #2c2925; font-size: 13px; box-shadow: none !important; }
.dashboard-body textarea.form-control{ min-height: 118px; line-height: 1.55; resize: vertical; }
.dashboard-body .form-control:hover, .dashboard-body .form-select:hover{ border-color: #c8bfb3; }
.dashboard-body .form-control::placeholder{ color: #69635c; }
.dashboard-body .form-text{ color: #69635c; font-size: 11px; line-height: 1.5; }
.dashboard-body .form-check-input{ border-color: #c8bfb3; box-shadow: none !important; }
.dashboard-body .form-check-input:checked{ background-color: #c95724; border-color: #c95724; }
.dashboard-body .form-check-input:focus{ border-color: #c95724; outline: 3px solid rgba(201, 87, 36, .13); }
.dashboard-body .panel, .dashboard-body .metric-card, .dashboard-body .workspace-intro, .dashboard-body .dashboard-next-action, .dashboard-body .integration-workspace, .dashboard-body .integration-catalog-card, .dashboard-body .case-summary-card{ background: #ffffff; border: 1px solid #ded8cf; border-radius: 8px; box-shadow: none !important; }
.dashboard-body .panel{ overflow: hidden; }
.dashboard-body .panel-header{ border-bottom: 0px solid #e8e3da; background: #ffffff; }
.dashboard-body .panel-header h2, .dashboard-body .panel-header h3{ margin: 0; font-size: 16px; }
.dashboard-body .panel-header p{ margin: 4px 0 0; font-size: 12px; line-height: 1.45; }
.dashboard-body .panel-footer{ padding: 14px 20px; border-top: 1px solid #e8e3da; background: #faf8f5; }
.dashboard-body .panel .border-bottom{ border-color: #e8e3da !important; }
.dashboard-body .metrics-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0; overflow: hidden; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.dashboard-body .metric-card{ min-height: 118px; padding: 18px 20px; border: 0; border-right: 1px solid #e8e3da; border-radius: 0; }
.dashboard-body .metric-card:last-child{ border-right: 0; }
.dashboard-body .metric-card-top{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dashboard-body .metric-label{ color: #3e3934; font-size: 11px; font-weight: 690; letter-spacing: 0; text-transform: none; }
.dashboard-body .metric-icon{ width: auto; height: auto; border: 0; border-radius: 0; background: transparent; color: #69635c; font-size: 15px; }
.dashboard-body .metric-card strong{ display: block; margin-top: auto; padding-top: 12px; color: #1b1917; font-size: clamp(26px, 2vw, 34px); font-weight: 710; line-height: 1; letter-spacing: -.04em; }
.dashboard-body .metric-card small{ display: block; margin-top: 8px; color: #69635c; font-size: 11px; line-height: 1.45; }
.dashboard-body .status-dot{ width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.dashboard-body .status-success{ border-color: #ded8cf; background: #f5f3ef; color: #ae451b; }
.dashboard-body .status-warning{ border-color: #ead5a8; background: #fff8e9; color: #7b5817; }
.dashboard-body .status-danger{ border-color: #e3bdbd; background: #fff3f3; color: #983c40; }
.dashboard-body .status-info{ border-color: #bfd2df; background: #f0f7fb; color: #365f78; }
.dashboard-body .status-neutral{ color: #69635c; }
.dashboard-body .table{ color: #3e3934; font-size: 12px; vertical-align: middle; }
.dashboard-body .table > :not(caption) > * > *{ border-bottom-color: #ded8cf; background: transparent; }
.dashboard-body .table thead th{ border-bottom: 1px solid #ded8cf; }
.dashboard-body .table tbody tr:hover > *{ background: #fafcfb; }
.dashboard-body .table tbody tr:last-child > *{ border-bottom: 0; }
.dashboard-body .empty-state{ color: #3e3934; }
.dashboard-body .empty-state-icon{ display: none; }
.dashboard-body .empty-state h3{ color: #3e3934; font-weight: 700; }
.dashboard-body .empty-state p{ font-size: 12px; line-height: 1.55; }
.dashboard-body .workspace-intro{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; margin-bottom: 24px; padding: 24px 26px; }
.dashboard-body .workspace-intro-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.dashboard-body .workspace-status-list{ display: grid; grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 0; margin: 0; overflow: hidden; border: 1px solid #ded8cf; border-radius: 6px; }
.dashboard-body .workspace-status-list > div{ min-width: 128px; padding: 14px 16px; border-right: 1px solid #e8e3da; background: #faf8f5; }
.dashboard-body .workspace-status-list > div:last-child{ border-right: 0; }
.dashboard-body .workspace-status-list dt{ color: #3e3934; font-size: 10px; font-weight: 680; }
.dashboard-body .workspace-status-list dd{ margin: 5px 0 0; color: #171614; font-size: 18px; font-weight: 720; }
.dashboard-body .workspace-status-list dd.is-error{ color: #963f42; }
.dashboard-body .workspace-status-list dd.is-ok{ color: #ae451b; }
.dashboard-body .funnel-row, .dashboard-body .health-check{ border-color: #ded8cf; }
.dashboard-page-onboarding .onboarding-step{ padding: 20px; border-right: 1px solid #e8e3da; background: #ffffff; }
.dashboard-page-onboarding .onboarding-step:last-child{ border-right: 0; }
.dashboard-page-onboarding .onboarding-step h3{ margin: 13px 0 5px; font-size: 14px; font-weight: 710; }
.dashboard-page-onboarding .onboarding-step p{ color: #3e3934; font-size: 11px; line-height: 1.5; }


.dashboard-page-feedback .feedback-table .check-column{ width: 44px; }
.dashboard-page-feedback .case-summary-card{ padding: 20px; }
.dashboard-page-feedback .thread-message.is-customer{ background: #ffffff; }
.dashboard-page-feedback .thread-message + .thread-message{ margin-top: 12px; }
.dashboard-page-invitations .process-list{ margin: 0; padding: 0; list-style: none; }
.dashboard-page-invitations .process-list li{ display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid #ded8cf; }
.dashboard-page-invitations .process-list li:last-child{ border-bottom: 0; }
.dashboard-page-invitations .process-list li > span{ display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #c8bfb3; border-radius: 5px; color: #69635c; font-size: 10px; font-weight: 760; }
.dashboard-page-invitations .process-list strong, .dashboard-page-invitations .process-list small{ display: block; }
.dashboard-page-invitations .process-list strong{ font-size: 12px; }
.dashboard-page-invitations .process-list small{ margin-top: 3px; color: #3e3934; font-size: 11px; }
.dashboard-page-statistics .chart-wrap{ padding: 18px; }
.dashboard-page-integrations .integration-flow-map{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-bottom: 28px; overflow: hidden; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.dashboard-page-integrations .integration-flow-step{ min-height: 124px; padding: 18px 20px; border-right: 1px solid #e8e3da; background: #ffffff; }
.dashboard-page-integrations .integration-flow-step:last-of-type{ border-right: 0; }
.dashboard-page-integrations .integration-flow-step > span{ color: #69635c; font-size: 10px; font-weight: 760; }
.dashboard-page-integrations .integration-flow-step > i, .dashboard-page-integrations .integration-flow-arrow{ display: none; }
.dashboard-page-integrations .integration-flow-step strong{ display: block; margin-top: 16px; color: #3e3934; font-size: 13px; }
.dashboard-page-integrations .integration-flow-step p{ margin: 5px 0 0; color: #3e3934; font-size: 11px; line-height: 1.45; }
.dashboard-page-integrations .integration-catalog-section{ margin-bottom: 30px; }
.dashboard-page-integrations .integration-filter{ display: inline-flex; gap: 0; padding: 3px; border: 1px solid #ded8cf; border-radius: 6px; background: #faf8f5; }
.dashboard-page-integrations .integration-filter button{ min-height: 34px; padding: 7px 11px; border: 0; border-radius: 4px; background: transparent; color: #69635c; font-size: 11px; font-weight: 680; }
.dashboard-page-integrations .integration-filter button.active{ background: #ffffff; color: #1b1917; }
.dashboard-page-integrations .integration-catalog-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; }
.dashboard-page-integrations .integration-catalog-card{ display: flex; flex-direction: column; min-height: 232px; padding: 18px; }
.dashboard-page-integrations .integration-catalog-card header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.dashboard-page-integrations .integration-brand-logo.is-klaviyo img{ max-height: 31px; }
.dashboard-page-integrations .integration-catalog-card h3{ margin: 20px 0 6px; font-size: 16px; font-weight: 710; }
.dashboard-page-integrations .integration-catalog-card p{ margin: 0; color: #3e3934; font-size: 12px; line-height: 1.5; }
.dashboard-page-integrations .integration-card-account{ margin-top: auto; padding-top: 18px; }
.dashboard-page-integrations .integration-card-account span, .dashboard-page-integrations .integration-card-account strong{ display: block; }
.dashboard-page-integrations .integration-card-account span{ color: #69635c; font-size: 10px; }
.dashboard-page-integrations .integration-card-account strong{ margin-top: 3px; color: #4a453f; font-size: 11px; }
.dashboard-page-integrations .integration-card-action{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 15px -18px -18px; padding: 13px 18px; border-top: 1px solid #e8e3da; color: #2b2824; font-size: 12px; font-weight: 690; text-decoration: none; }
.dashboard-page-integrations .integration-card-action:hover{ background: #f7faf8; }
.dashboard-page-integrations .integration-setup-stack{ display: grid; gap: 18px; }
.dashboard-page-integrations .integration-workspace{ display: grid; overflow: hidden; }
.dashboard-page-integrations .integration-workspace-intro{ padding: 24px; border-right: 1px solid #e8e3da; background: #faf8f5; }
.dashboard-page-integrations .integration-workspace-number{ display: block; color: #69635c; font-size: 10px; font-weight: 760; }
.dashboard-page-integrations .integration-workspace-intro h2{ margin: 4px 0 7px; font-weight: 720; }
.dashboard-page-integrations .integration-workspace-intro p{ margin: 0; color: #3e3934; font-size: 12px; line-height: 1.55; }
.dashboard-page-integrations .integration-benefit-list li{ align-items: center; padding: 7px 0; }
.dashboard-page-integrations .integration-benefit-list i{ color: #ae451b; }
.dashboard-page-integrations .integration-workspace-main{ min-width: 0; padding: 24px; }
.dashboard-page-integrations .integration-workspace-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.dashboard-page-integrations .integration-workspace-head h3{ margin: 12px 0 5px; font-size: 18px; font-weight: 710; }
.dashboard-page-integrations .integration-workspace-head p{ margin: 0; color: #3e3934; font-size: 12px; line-height: 1.55; }
.dashboard-page-integrations .integration-platform-warning, .dashboard-page-integrations .integration-error{ border: 1px solid #e6c9a8; border-radius: 6px; background: #fff8ec; color: #795616; }
.dashboard-page-integrations .integration-account-strip{ margin-bottom: 18px; }
.dashboard-page-integrations .integration-account-strip > div{ min-width: 0; }
.dashboard-page-integrations .integration-account-strip strong{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-page-integrations .integration-connect-guide{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-bottom: 18px; overflow: hidden; border: 1px solid #ded8cf; border-radius: 6px; }
.dashboard-page-integrations .integration-connect-guide > div{ display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding: 15px; border-right: 1px solid #e8e3da; }
.dashboard-page-integrations .integration-connect-guide > div:last-child{ border-right: 0; }
.dashboard-page-integrations .integration-connect-guide > div > span{ display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #c8bfb3; border-radius: 4px; color: #3e3934; font-size: 10px; font-weight: 760; }
.dashboard-page-integrations .integration-connect-guide strong, .dashboard-page-integrations .integration-connect-guide p{ display: block; margin: 0; }
.dashboard-page-integrations .integration-connect-guide strong{ font-size: 11px; }
.dashboard-page-integrations .integration-connect-guide p{ margin-top: 4px; color: #3e3934; font-size: 10px; line-height: 1.45; }
.dashboard-page-integrations .integration-workspace-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 18px; }
.dashboard-page-integrations .integration-advanced{ margin-top: 16px; border-top: 1px solid #e8e3da; }
.dashboard-page-integrations .integration-advanced summary{ padding: 14px 0; color: #3e3934; font-size: 11px; font-weight: 680; cursor: pointer; }
.dashboard-page-integrations .integration-inline-settings{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 10px; align-items: end; padding-bottom: 16px; }
.dashboard-page-health .app-grid--overview, .dashboard-page-admin .app-grid--admin{ gap: 20px; }
.dashboard-body .health-check-list{ display: grid; gap: 0; }
.dashboard-body .health-check{ display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid #ded8cf; }
.dashboard-body .health-check:last-child{ border-bottom: 0; }
.dashboard-body .health-check > i{ color: #a25b3d; }
.dashboard-body .health-check.ok > i{ color: #ae451b; }
.dashboard-body .health-check strong, .dashboard-body .health-check small{ display: block; }
.dashboard-body .health-check strong{ font-size: 12px; }
.dashboard-body .health-check small{ margin-top: 3px; color: #3e3934; font-size: 11px; line-height: 1.45; }
.marketing-body .marketing-header{ border-bottom: 1px solid #ded8cf; background: #ffffff; }
.marketing-body .marketing-main{ max-width: 1240px; margin: 0 auto; padding: 0 24px 72px; }
.marketing-body .marketing-hero{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr); gap: clamp(40px, 7vw, 92px); align-items: center; min-height: 650px; padding: 72px 0; }
.marketing-body .marketing-hero h1{ max-width: 720px; margin: 0; color: #1b1917; font-size: clamp(46px, 5.7vw, 76px); font-weight: 720; line-height: .98; letter-spacing: -.06em; }
.marketing-body .marketing-hero p{ max-width: 650px; margin: 22px 0 0; color: #69635c; font-size: 17px; line-height: 1.65; }
.marketing-body .marketing-product-card, .marketing-body .marketing-feature, .marketing-body .marketing-cta{ border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; box-shadow: none !important; }
.marketing-body .marketing-section{ padding: 72px 0; border-top: 1px solid #ded8cf; }
.marketing-body .marketing-feature-grid{ gap: 14px; }
.marketing-body .marketing-feature{ padding: 24px; }
.marketing-body .marketing-cta{ margin-top: 32px; padding: 30px; }

.upgrade-card{ box-shadow: none !important; }
.auth-body:not(.access-body) .btn-dark, .upgrade-card .btn-dark{ border-radius: 6px; background: #171614; border-color: #171614; }
.dashboard-body a:focus-visible, .dashboard-body button:focus-visible, .dashboard-body input:focus-visible, .dashboard-body select:focus-visible, .dashboard-body textarea:focus-visible, .marketing-body a:focus-visible{ outline: 3px solid rgba(201, 87, 36, .22); outline-offset: 2px; }
.dashboard-body [aria-disabled="true"]{ pointer-events: none; opacity: .55; }
@media (max-width: 1260px) {
    
    .dashboard-page-feedback .feedback-filter-grid{ grid-template-columns: repeat(3, minmax(150px, 1fr)); }
}
@media (max-width: 1100px) {
    .dashboard-body .workspace-intro, .dashboard-page-dashboard .dashboard-next-action{ grid-template-columns: 1fr; }
    .dashboard-page-integrations .integration-workspace{ grid-template-columns: 1fr; }
    .dashboard-page-integrations .integration-workspace-intro{ border-right: 0; border-bottom: 1px solid #e8e3da; }
}
@media (max-width: 980px) {
    .dashboard-body .app-content{ padding: 22px 18px 56px; }
    
    .dashboard-page-integrations .integration-flow-map{ grid-template-columns: 1fr 1fr; }
    .dashboard-page-onboarding .onboarding-step, .dashboard-page-integrations .integration-flow-step{ border-bottom: 1px solid #e8e3da; }
    .marketing-body .marketing-hero{ grid-template-columns: 1fr; min-height: auto; padding: 64px 0; }
}
@media (max-width: 760px) {
    .dashboard-body .app-topbar{ min-height: 72px; padding: 13px 16px; }
    .dashboard-body .topbar-actions .btn span{ display: none; }
    .dashboard-body .metrics-grid{ grid-template-columns: 1fr 1fr; }
    .dashboard-body .metric-card:nth-child(2n){ border-right: 0; }
    .dashboard-body .metric-card{ border-bottom: 1px solid #e8e3da; }
    .dashboard-page-integrations .integration-flow-map, .dashboard-page-integrations .integration-connect-guide, .dashboard-page-integrations .integration-account-strip{ grid-template-columns: 1fr; }
    .dashboard-page-onboarding .onboarding-step, .dashboard-page-integrations .integration-flow-step, .dashboard-page-integrations .integration-connect-guide > div, .dashboard-page-integrations .integration-account-strip > div{ border-right: 0; border-bottom: 1px solid #e8e3da; }
    .dashboard-page-onboarding .onboarding-step:last-child, .dashboard-page-integrations .integration-flow-step:last-child, .dashboard-page-integrations .integration-connect-guide > div:last-child, .dashboard-page-integrations .integration-account-strip > div:last-child{ border-bottom: 0; }
    .dashboard-page-feedback .feedback-filter-grid, .dashboard-page-integrations .integration-inline-settings{ grid-template-columns: 1fr; }
    
    
    
    .dashboard-page-integrations .integration-catalog-grid{ grid-template-columns: 1fr; }
    .dashboard-page-integrations .integration-filter{ width: 100%; overflow-x: auto; }
    .dashboard-page-integrations .integration-filter button{ white-space: nowrap; }
    .marketing-body .marketing-main{ padding-inline: 18px; }
    .marketing-body .marketing-hero h1{ font-size: clamp(40px, 12vw, 58px); }
}
@media (max-width: 480px) {
    .dashboard-body .metrics-grid{ grid-template-columns: 1fr; }
    .dashboard-body .metric-card{ border-right: 0; }
    .dashboard-body .workspace-status-list{ grid-template-columns: 1fr; }
    .dashboard-body .workspace-status-list > div{ border-right: 0; border-bottom: 1px solid #e8e3da; }
    .dashboard-body .workspace-status-list > div:last-child{ border-bottom: 0; }
    .dashboard-body .panel-header, .dashboard-body .section-heading, .dashboard-body .integration-workspace-head{ align-items: flex-start; flex-direction: column; }
    .dashboard-page-integrations .integration-workspace-main, .dashboard-page-integrations .integration-workspace-intro{ padding: 18px; }
}
.dashboard-body .app-main *, .dashboard-body .app-main *::before, .dashboard-body .app-main *::after{ box-shadow: none !important; }
.dashboard-body .app-main [style*="gradient"]{ background-image: none !important; }
.dashboard-body .toolbar-row, .dashboard-body .production-toolbar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; padding: 14px 16px; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.dashboard-body .toolbar-statuses, .dashboard-body .toolbar-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dashboard-body .section-intro{ margin-bottom: 20px; }
.dashboard-body .section-intro h2{ margin: 3px 0 5px; color: #1b1917; font-size: 20px; font-weight: 720; letter-spacing: -.025em; }
.dashboard-body .section-intro p{ max-width: 720px; margin: 0; color: #3e3934; font-size: 12px; line-height: 1.55; }
.dashboard-body .badge-soft{ display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 5px 9px; border: 1px solid #ded8cf; border-radius: 5px; background: #faf8f5; color: #69635c; font-size: 10px; font-weight: 680; line-height: 1.2; }
.dashboard-body .badge-soft.status-success{ border-color: #c8bfb3; background: #f5f3ef; color: #ae451b; }
.dashboard-body .badge-soft.status-warning{ border-color: #ead0b8; background: #fff7ef; color: #8a4b23; }
.dashboard-body .badge-soft.status-danger{ border-color: #e3c1c1; background: #fff4f4; color: #8c3434; }
.dashboard-page-dashboard .onboarding-step{ display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid #ded8cf; }
.dashboard-page-dashboard .onboarding-step:last-child{ border-bottom: 0; }


.dashboard-page-feedback .feedback-command-bar, .dashboard-page-feedback .feedback-bulk-bar{ border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.dashboard-page-feedback .feedback-table tbody tr:hover, .dashboard-page-invitations tbody tr:hover, .dashboard-page-team tbody tr:hover, .dashboard-page-admin tbody tr:hover{ background: #faf8f5; }
.dashboard-page-feedback .rating-stars, .dashboard-page-feedback .rating-stars, .dashboard-page-reviews .rating-stars{ color: #c18b2d; letter-spacing: 1px; }
.dashboard-page-feedback .feedback-thread{ display: grid; gap: 10px; }
.dashboard-page-feedback .thread-message{ padding: 15px 16px; border: 1px solid #ded8cf; border-radius: 7px; background: #faf8f5; }
.dashboard-page-feedback .thread-message.inbound{ margin-right: 52px; background: #ffffff; }
.dashboard-page-feedback .thread-message:not(.inbound){ margin-left: 52px; border-color: #ded8cf; background: #f5f3ef; }
.dashboard-page-reviews .review-card-list{ display: grid; gap: 12px; }
.dashboard-page-reviews .integration-logo{ display: grid; place-items: center; width: 54px; height: 42px; overflow: hidden; }
.dashboard-page-reviews .integration-logo img{ display: block; max-width: 50px; max-height: 30px; object-fit: contain; }
.dashboard-page-reviews .integration-logo img[alt="Google"]{ width: 27px; height: 27px; }
.dashboard-page-team .app-grid--admin, .dashboard-page-admin .app-grid--admin{ grid-template-columns: minmax(300px, .36fr) minmax(0, .64fr); }
.dashboard-page-health .health-check-list{ display: grid; gap: 0; }
.dashboard-page-health .health-check{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 11px; padding: 13px 0; border-bottom: 1px solid #ded8cf; }
.dashboard-page-health .health-check:last-child{ border-bottom: 0; }
.dashboard-page-integrations .integration-brand-logo{ display: flex; align-items: center; justify-content: flex-start; width: 122px; height: 38px; overflow: hidden; }
.dashboard-page-integrations .integration-brand-logo img{ display: block; max-width: 116px; max-height: 32px; object-fit: contain; object-position: left center; }
.dashboard-page-integrations .integration-brand-logo.is-google{ width: 42px; }
.dashboard-page-integrations .integration-brand-logo.is-google img{ width: 28px; height: 28px; }
.dashboard-page-integrations .integration-brand-logo.is-klaviyo img{ max-width: 110px; }
.dashboard-page-integrations .integration-workspace-intro .integration-brand-logo{ margin: 18px 0; }
.dashboard-page-integrations .integration-account-strip{ display: grid; gap: 0; margin: 18px 0; overflow: hidden; border: 1px solid #ded8cf; border-radius: 6px; }
.dashboard-page-integrations .integration-account-strip > div{ padding: 12px 14px; border-right: 1px solid #e8e3da; background: #faf8f5; }
.dashboard-page-integrations .integration-account-strip > div:last-child{ border-right: 0; }
.dashboard-page-integrations .integration-account-strip small, .dashboard-page-integrations .integration-account-strip strong{ display: block; }
.dashboard-page-integrations .integration-account-strip small{ color: #69635c; font-size: 9px; }
.dashboard-page-integrations .integration-account-strip strong{ margin-top: 3px; color: #2b2824; font-size: 11px; }
.dashboard-page-integrations .integration-rule-form, .dashboard-page-integrations .integration-connect-guide, .dashboard-page-integrations .integration-test-console{ padding: 16px; border: 1px solid #ded8cf; border-radius: 6px; background: #ffffff; }
.dashboard-page-integrations .integration-rule-toggle{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e8e3da; }
.dashboard-page-integrations .integration-rule-grid, .dashboard-page-integrations .integration-secret-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.marketing-body{ margin: 0; color: #2c2925; }
.marketing-body *, .marketing-body *::before, .marketing-body *::after{ box-shadow: none !important; }
.marketing-header{ max-width: 1240px; min-height: 76px; margin: 0 auto; padding: 16px 28px; border-bottom: 1px solid #e8e3da; }
.marketing-main{ max-width: 1240px; margin: 0 auto; padding: 0 28px; }
.marketing-hero{ display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(420px, .97fr); gap: clamp(48px, 7vw, 92px); align-items: center; min-height: 650px; padding: 72px 0 80px; border-bottom: 1px solid #e8e3da; }
.marketing-copy h1{ max-width: 700px; margin: 12px 0 20px; color: #1b1917; font-size: clamp(44px, 5vw, 68px); font-weight: 720; line-height: 1.03; letter-spacing: -.055em; }
.marketing-copy > p{ max-width: 620px; color: #69635c; font-size: 17px; line-height: 1.65; }
.marketing-product-card{ overflow: hidden; border: 1px solid #ded8cf; border-radius: 9px; background: #ffffff; }
.marketing-product-head, .marketing-product-metrics, .marketing-flow{ border-color: #e8e3da; }
.marketing-section{ padding: 76px 0; border-bottom: 1px solid #e8e3da; }
.marketing-feature-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 34px; overflow: hidden; border: 1px solid #ded8cf; border-radius: 8px; }
.marketing-feature-grid article{ min-height: 230px; padding: 26px; border-right: 1px solid #e8e3da; background: #ffffff; }
.marketing-feature-grid article:last-child{ border-right: 0; }
.marketing-feature-grid article > i{ display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #ded8cf; border-radius: 6px; color: #ae451b; }
.marketing-logo-row{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin-top: 32px; overflow: hidden; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.marketing-logo-row > span{ display: flex; align-items: center; justify-content: center; min-height: 112px; padding: 24px; border-right: 1px solid #e8e3da; }
.marketing-logo-row > span:last-child{ border-right: 0; }
.marketing-logo-row img{ display: block; max-width: 145px; max-height: 38px; object-fit: contain; }
.marketing-logo-row .is-google img{ width: 34px; height: 34px; }
.marketing-cta{ margin: 76px 0; padding: 34px 38px; border: 1px solid #ded8cf; border-radius: 8px; background: #f4f7f5; }

.auth-body:not(.access-body){ min-height: 100vh; padding: 40px 20px; background: #f3f5f4; }
.upgrade-page{ min-height: 100vh; padding: 48px 20px; }
.upgrade-card{ width: min(700px, 100%); margin: 0 auto; padding: 32px; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
@media (max-width: 1180px) {
    .dashboard-page-team .app-grid--admin, .dashboard-page-admin .app-grid--admin, .dashboard-page-integrations .integration-workspace{ grid-template-columns: 1fr; }
    .dashboard-page-integrations .integration-workspace-intro{ position: static; }
    .dashboard-page-integrations .integration-workspace-intro{ border-right: 0; border-bottom: 1px solid #e8e3da; }
}
@media (max-width: 980px) {
    .dashboard-page-integrations .integration-flow-map, .marketing-feature-grid, .marketing-logo-row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketing-hero{ grid-template-columns: 1fr; min-height: auto; }
    .marketing-feature-grid article, .marketing-logo-row > span{ border-bottom: 1px solid #e8e3da; }
}
@media (max-width: 700px) {
    .dashboard-body .app-content{ padding: 18px 14px 56px; }
    .dashboard-body .app-topbar{ min-height: 68px; padding: 13px 14px; }
    .dashboard-body .toolbar-row, .dashboard-body .production-toolbar, .dashboard-page-dashboard .dashboard-next-action{ grid-template-columns: 1fr; align-items: stretch; padding: 14px; }
    .dashboard-body .toolbar-actions .btn{ flex: 1 1 auto; }
    .dashboard-page-integrations .integration-flow-map, .dashboard-page-integrations .integration-account-strip, .dashboard-page-integrations .integration-rule-grid, .dashboard-page-integrations .integration-secret-grid, .marketing-feature-grid, .marketing-logo-row{ grid-template-columns: 1fr; }
    
    
    
    .marketing-header, .marketing-main{ padding-left: 18px; padding-right: 18px; }
    .marketing-header nav > a:not(.btn){ display: none; }
    .marketing-hero{ padding: 48px 0 56px; }
    .marketing-copy h1{ font-size: clamp(38px, 12vw, 52px); }
    .marketing-feature-grid article, .marketing-logo-row > span{ border-right: 0; }
    .marketing-cta{ margin: 52px 0; padding: 24px; }
}

.dashboard-page-integrations .integration-flow-step{ display: block; }
.dashboard-page-integrations .integration-flow-step > div strong{ display: block; margin-top: 16px; color: #3e3934; font-size: 13px; }
.dashboard-page-integrations .integration-flow-step > div p{ margin: 5px 0 0; color: #3e3934; font-size: 11px; line-height: 1.45; }
.dashboard-body .alert, .upgrade-page .alert{ display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid #ded8cf; border-radius: 6px; background: #faf8f5; color: #3e3934; font-size: 12px; line-height: 1.55; }
.dashboard-body .alert-danger, .upgrade-page .alert-danger, .dashboard-body .integration-error{ border-color: #edcaca; background: #fdf3f3; color: #8f3030; }
.dashboard-body .alert-success, .upgrade-page .alert-success{ border-color: #ded8cf; background: #f5f3ef; color: #ae451b; }
.dashboard-body .alert-warning, .upgrade-page .alert-warning{ border-color: #ead9b5; background: #fff9eb; color: #73551b; }
.dashboard-body [aria-busy="true"], .dashboard-body .is-loading{ position: relative; pointer-events: none; cursor: wait; }
.dashboard-body [aria-busy="true"]::after, .dashboard-body .is-loading::after{ display: inline-block; width: 14px; height: 14px; margin-left: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; content: ""; vertical-align: -2px; animation: repify-product-spin .7s linear infinite; }
.dashboard-body [data-skeleton]{ min-height: 14px; overflow: hidden; border-radius: 4px; background: #f5f3ef; color: transparent !important; }
.dashboard-body [data-skeleton]::after{ display: none; }
.dashboard-body button:focus-visible, .dashboard-body a:focus-visible, .dashboard-body input:focus-visible, .dashboard-body select:focus-visible, .dashboard-body textarea:focus-visible, .marketing-body button:focus-visible, .marketing-body a:focus-visible{ outline: 3px solid rgba(201, 87, 36, .18); outline-offset: 2px; }
.dashboard-body :disabled, .dashboard-body [aria-disabled="true"]{ cursor: not-allowed; opacity: .58; }
@keyframes repify-product-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .dashboard-body [aria-busy="true"]::after, .dashboard-body .is-loading::after{ animation-duration: 1.4s; }
}
.superadmin-body .topbar-actions .btn-dark{ min-width: 154px; }
.platform-summary-bar{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 300px); gap: 28px; align-items: center; margin-bottom: 20px; padding: 24px 26px; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.platform-summary-eyebrow{ display: block; margin-bottom: 8px; color: #3e3934; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.platform-summary-bar h2{ max-width: 760px; margin: 0; color: #1b1917; font-size: clamp(22px, 1.8vw, 30px); font-weight: 720; line-height: 1.2; letter-spacing: -.035em; }
.platform-summary-bar p{ max-width: 780px; margin: 8px 0 0; color: #69635c; font-size: 13px; line-height: 1.55; }
.platform-health-score{ padding-left: 24px; border-left: 1px solid #e8e3da; }
.platform-health-score span, .platform-health-score small, .platform-health-score strong{ display: block; }
.platform-health-score span{ color: #69635c; font-size: 11px; font-weight: 690; }
.platform-health-score strong{ margin-top: 7px; color: #8c4a35; font-size: 36px; font-weight: 720; line-height: 1; letter-spacing: -.045em; }
.platform-health-score.is-healthy strong{ color: #ae451b; }
.platform-health-score small{ margin-top: 8px; color: #69635c; font-size: 11px; line-height: 1.45; }
.metrics-grid--platform{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.platform-overview-grid{ grid-template-columns: minmax(0, 1fr) minmax(330px, 430px); }
.platform-attention-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0 !important; }
.platform-attention-item{ display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 82px; padding: 15px 18px; border-right: 1px solid #ded8cf; border-bottom: 1px solid #ded8cf; color: #3e3934; text-decoration: none; }
.platform-attention-item:nth-child(2n){ border-right: 0; }
.platform-attention-item:nth-last-child(-n + 2){ border-bottom: 0; }
.platform-attention-item:hover, .platform-attention-item:focus-visible{ background: #faf8f5; color: #1b1917; }
.platform-attention-icon{ display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #ead6cf; border-radius: 6px; background: #fff7f4; color: #98543b; }
.platform-attention-item.is-clear .platform-attention-icon{ border-color: #ded8cf; background: #f5f3ef; color: #ae451b; }
.platform-attention-item strong, .platform-attention-item small{ display: block; }
.platform-attention-item strong{ font-size: 12px; font-weight: 700; }
.platform-attention-item small{ margin-top: 3px; color: #69635c; font-size: 10px; line-height: 1.4; }
.platform-attention-item b{ min-width: 24px; text-align: right; color: #8e4634; font-size: 20px; font-weight: 720; }
.platform-attention-item.is-clear b{ color: #ae451b; }
.platform-status-breakdown, .platform-compact-stats{ display: grid; gap: 0; padding: 0 !important; }
.platform-status-breakdown > div, .platform-compact-stats > div{ display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 52px; padding: 13px 18px; border-bottom: 1px solid #ded8cf; }
.platform-status-breakdown > div:last-child, .platform-compact-stats > div:last-child{ border-bottom: 0; }
.platform-status-breakdown span, .platform-compact-stats span{ color: #69635c; font-size: 11px; }
.platform-status-breakdown strong, .platform-compact-stats strong{ color: #1b1917; font-size: 17px; font-weight: 710; }
.platform-activity-list{ display: grid; gap: 0; padding: 0 !important; }
.platform-activity-item{ display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; padding: 13px 18px; border-bottom: 1px solid #ded8cf; }
.platform-activity-item:last-child{ border-bottom: 0; }
.platform-activity-mark{ width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #69635c; }
.platform-activity-item strong, .platform-activity-item small{ display: block; }
.platform-activity-item strong{ color: #3e3934; font-size: 11px; font-weight: 690; }
.platform-activity-item small{ margin-top: 3px; color: #69635c; font-size: 10px; line-height: 1.45; }
.platform-table th{ white-space: nowrap; }
.platform-table td{ vertical-align: middle; }
.platform-log-detail{ min-width: 220px; max-width: 420px; white-space: normal; overflow-wrap: anywhere; }
.platform-filter-grid{ display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(180px, .8fr) minmax(200px, .8fr) auto; gap: 14px; align-items: end; }
.platform-filter-grid--companies{ grid-template-columns: minmax(260px, 1fr) minmax(190px, .4fr) auto; }
.platform-filter-actions{ display: flex; gap: 8px; align-items: center; }
.platform-section-tabs{ display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 20px; padding: 5px; border: 1px solid #ded8cf; border-radius: 7px; background: #ffffff; }
.platform-section-tabs a{ min-height: 34px; padding: 8px 12px; border-radius: 5px; color: #69635c; font-size: 11px; font-weight: 680; line-height: 1.2; text-decoration: none; }
.platform-section-tabs a:hover, .platform-section-tabs a:focus-visible{ background: #faf8f5; color: #1b1917; }
.platform-section-tabs a.active{ background: #171614; color: #ffffff; }
.platform-migration-list{ display: grid; gap: 0; padding: 0 !important; }
.platform-migration-list > div:not(.empty-state){ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 13px 18px; border-bottom: 1px solid #ded8cf; }
.platform-migration-list > div:last-child{ border-bottom: 0; }
.platform-migration-list span, .platform-migration-list strong, .platform-migration-list small{ display: block; }
.platform-migration-list strong{ color: #3e3934; font-size: 11px; }
.platform-migration-list small, .platform-migration-list time{ margin-top: 3px; color: #69635c; font-size: 10px; line-height: 1.4; }
.platform-migration-list time{ flex: 0 0 auto; margin-top: 1px; white-space: nowrap; }
.dashboard-page-admin-companies .app-grid--admin{ grid-template-columns: minmax(300px, 390px) minmax(0, 1fr); }
@media (max-width: 1280px) {
    .metrics-grid--platform{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .metrics-grid--platform .metric-card:nth-child(3n){ border-right: 0; }
    .platform-filter-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .platform-filter-actions{ grid-column: 1 / -1; }
}
@media (max-width: 1080px) {
    .platform-overview-grid, .dashboard-page-admin-companies .app-grid--admin{ grid-template-columns: 1fr; }
    .platform-summary-bar{ grid-template-columns: 1fr; }
    .platform-health-score{ padding: 18px 0 0; border-top: 1px solid #e8e3da; border-left: 0; }
}
@media (max-width: 760px) {
    .platform-summary-bar{ padding: 20px; }
    .metrics-grid--platform{ grid-template-columns: 1fr; }
    .metrics-grid--platform .metric-card{ border-right: 0; }
    .platform-attention-list{ grid-template-columns: 1fr; }
    .platform-attention-item, .platform-attention-item:nth-child(2n), .platform-attention-item:nth-last-child(-n + 2){ border-right: 0; border-bottom: 1px solid #ded8cf; }
    .platform-attention-item:last-child{ border-bottom: 0; }
    .platform-filter-grid, .platform-filter-grid--companies{ grid-template-columns: 1fr; }
    .platform-filter-actions{ grid-column: auto; align-items: stretch; flex-direction: column; }
    .platform-filter-actions .btn{ width: 100%; }
    .platform-section-tabs{ flex-wrap: nowrap; overflow-x: auto; }
    .platform-section-tabs a{ flex: 0 0 auto; }
}
.platform-table-link{ color: #2b2824; text-decoration: none; }
.platform-table-link:hover, .platform-table-link:focus-visible{ color: #ae451b; text-decoration: underline; text-underline-offset: 3px; }
.platform-breadcrumb-row{ display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.platform-breadcrumb-row > a{ display: inline-flex; align-items: center; gap: 7px; color: #69635c; font-size: 12px; font-weight: 680; text-decoration: none; }
.platform-breadcrumb-row > a:hover, .platform-breadcrumb-row > a:focus-visible{ color: #171614; }
.platform-company-hero{ display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding: 22px 24px; border: 1px solid #ded8cf; border-radius: 8px; background: #ffffff; }
.platform-company-hero h2{ margin: 0; font-size: clamp(22px, 1.8vw, 30px); font-weight: 720; letter-spacing: -.035em; }
.platform-company-hero p{ margin: 7px 0 0; color: #3e3934; font-size: 12px; }
.platform-company-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.platform-company-integrations{ display: grid; gap: 0; padding: 0 !important; }
.platform-company-integration{ display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 78px; padding: 14px 18px; border-bottom: 1px solid #ded8cf; }
.platform-company-integration:last-child{ border-bottom: 0; }
.platform-company-integration-logo{ display: grid; place-items: center; width: 54px; height: 42px; padding: 7px; border: 1px solid #e8e3da; border-radius: 6px; background: #ffffff; }
.platform-company-integration-logo img{ display: block; max-width: 100%; max-height: 28px; object-fit: contain; }
.platform-company-integration strong, .platform-company-integration small, .platform-company-integration em{ display: block; }
.platform-company-integration strong{ color: #3e3934; font-size: 12px; }
.platform-company-integration small{ margin-top: 3px; color: #69635c; font-size: 10px; }
.platform-company-integration em{ margin-top: 5px; color: #9b4938; font-size: 10px; font-style: normal; }
.platform-company-facts, .platform-company-users{ display: grid; gap: 0; padding: 0 !important; }
.platform-company-facts > div{ padding: 13px 18px; border-bottom: 1px solid #ded8cf; }
.platform-company-facts > div:last-child{ border-bottom: 0; }
.platform-company-facts span, .platform-company-facts strong, .platform-company-facts small{ display: block; }
.platform-company-facts span{ color: #69635c; font-size: 10px; font-weight: 680; }
.platform-company-facts strong{ margin-top: 4px; color: #3e3934; font-size: 12px; }
.platform-company-facts small{ margin-top: 3px; color: #69635c; font-size: 10px; }
.platform-company-users > div:not(.empty-state){ display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 12px 18px; border-bottom: 1px solid #ded8cf; }
.platform-company-users > div:last-child{ border-bottom: 0; }
.platform-company-users .avatar-initials{ width: 30px; height: 30px; font-size: 10px; }
.platform-company-users strong, .platform-company-users small{ display: block; }
.platform-company-users strong{ color: #3e3934; font-size: 11px; }
.platform-company-users small{ margin-top: 3px; color: #69635c; font-size: 10px; line-height: 1.4; }
@media (max-width: 760px) {
    .platform-company-hero{ align-items: stretch; flex-direction: column; }
    .platform-company-actions{ justify-content: stretch; }
    .platform-company-actions .btn{ flex: 1 1 100%; }
    .platform-company-integration{ grid-template-columns: 48px minmax(0, 1fr); }
    .platform-company-integration > .badge-soft{ grid-column: 2; justify-self: start; }
}
.review-center-toolbar{ display: grid; gap: 14px; margin-bottom: 18px; }
.review-filter-form{ display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; width: 100%; }
.review-filter-form label, .review-manual-form label, .review-workflow-form > label{ display: grid; gap: 6px; min-width: 0; }
.review-filter-form label > span, .review-manual-form label > span, .review-workflow-form > label > span, .review-workflow-form legend{ color: #69635c; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.review-search-field{ grid-column: span 2; }
.review-filter-actions{ display: flex; align-items: end; gap: 8px; grid-column: span 2; }
.review-sync-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.review-manual-import{ margin-bottom: 18px; overflow: hidden; }
.review-manual-import > summary{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 18px; cursor: pointer; list-style: none; }
.review-manual-import > summary::-webkit-details-marker{ display: none; }
.review-manual-import > summary > span{ display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; align-items: center; }
.review-manual-import > summary strong, .review-manual-import > summary small{ display: block; }
.review-manual-import > summary small{ grid-column: 2; color: #69635c; margin-top: 3px; }
.review-manual-form{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 18px; border-top: 1px solid #ded8cf; }
.review-manual-wide, .review-manual-actions{ grid-column: 1 / -1; }
.review-manual-actions{ display: flex; justify-content: flex-end; }
.review-card-list{ display: grid; gap: 12px; }
.review-center-card{ display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
.review-center-provider{ display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #ded8cf; border-radius: 10px; background: #fff; color: #4a453f; font-size: 19px; }
.review-center-provider img{ display: block; width: 24px; height: 24px; object-fit: contain; }
.review-center-content, .review-center-head > div:first-child{ min-width: 0; }
.review-center-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.review-center-title-row, .review-center-meta, .review-center-statuses, .review-tag-row, .review-center-footer, .review-reply-tools{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.review-center-title-row strong{ color: #3e3934; font-size: 15px; }
.review-center-title-row > span, .review-center-meta{ color: #3e3934; font-size: 12px; }
.review-center-meta{ margin-top: 5px; }
.review-center-statuses{ justify-content: flex-end; }
.review-tag-row{ margin-top: 11px; }
.review-tag{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid #ded8cf; border-radius: 999px; background: #fff; color: #3e3934; font-size: 11px; font-weight: 700; }
.review-tag-dot{ width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #68707a; }
.tag-red .review-tag-dot{ background: #a23c41; }
.tag-brand .review-tag-dot, .tag-green .review-tag-dot, .tag-amber .review-tag-dot{ background: #c95724; }
.tag-dark .review-tag-dot{ background: #171614; }
.tag-blue .review-tag-dot, .tag-purple .review-tag-dot, .tag-neutral .review-tag-dot{ background: #69635c; }
.review-sync-error{ display: flex; gap: 9px; margin-top: 12px; padding: 11px 12px; border: 1px solid #e7c8c8; border-radius: 9px; background: #fff8f8; color: #8d2529; font-size: 12px; }
.review-center-footer{ justify-content: space-between; margin-top: 15px; padding-top: 13px; border-top: 1px solid #ded8cf; }
.review-center-counters{ display: flex; gap: 12px; color: #69635c; font-size: 12px; }
.review-detail-layout{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 18px; align-items: start; }
.review-detail-main, .review-detail-aside{ display: grid; gap: 18px; min-width: 0; }
.review-detail-aside{ position: sticky; top: 18px; }
.review-detail-provider-row{ display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 13px; align-items: center; }
.review-detail-provider-row h1{ margin: 0; color: #3e3934; font-size: 19px; }
.review-detail-provider-row p{ margin: 3px 0 0; color: #3e3934; font-size: 12px; }
.review-detail-message{ margin-top: 18px; padding-left: 16px; border-left: 3px solid #2b2824; color: #2b2824; font-size: 15px; line-height: 1.7; }
.review-published-reply{ margin-top: 18px; padding: 14px 16px; border: 1px solid #ded8cf; border-radius: 10px; background: #faf8f5; }
.review-published-reply span{ color: #69635c; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.review-published-reply p{ margin: 7px 0 0; color: #2b2824; line-height: 1.6; }
.review-reply-form, .review-note-form, .review-workflow-form{ display: grid; gap: 13px; }
.review-reply-tools{ justify-content: flex-end; }
.review-note-form .btn{ justify-self: end; }
.review-note-list, .review-history-list{ display: grid; gap: 0; margin-top: 16px; }
.review-note-list article, .review-history-list article{ padding: 14px 0; border-top: 1px solid #ded8cf; }
.review-note-list article > div, .review-history-list article > div{ display: flex; justify-content: space-between; gap: 14px; }
.review-note-list strong, .review-history-list strong{ color: #2b2824; font-size: 12px; }
.review-note-list span, .review-history-list span{ color: #69635c; font-size: 11px; }
.review-note-list p, .review-history-list p{ margin: 7px 0 0; color: #3e3934; line-height: 1.6; }
.review-workflow-form fieldset{ margin: 0; padding: 0; border: 0; }
.review-tag-options{ display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; }
.review-tag-options label{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid #ded8cf; border-radius: 999px; cursor: pointer; color: #3e3934; font-size: 11px; font-weight: 700; }
.review-tag-options label:has(input:checked){ border-color: #2b2824; background: #faf8f5; }
.review-tag-options input{ margin: 0; }
.review-analysis-panel, .review-capability-list{ display: grid; gap: 10px; }
.review-analysis-panel > div, .review-capability-list > div{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid #ded8cf; }
.review-analysis-panel > div:last-child, .review-capability-list > div:last-child{ padding-bottom: 0; border-bottom: 0; }
.review-analysis-panel span, .review-capability-list span{ color: #3e3934; font-size: 12px; }
.review-analysis-panel strong{ color: #2b2824; font-size: 12px; }
.review-analysis-topics, .review-analysis-reason{ align-items: flex-start !important; flex-direction: column; }
.review-analysis-topics > div{ display: flex; flex-wrap: wrap; gap: 6px; }
.review-analysis-reason p{ margin: 0; color: #3e3934; font-size: 12px; line-height: 1.6; }
.review-capability-list i{ color: #3e3934; }
@media (max-width: 1080px) {
    .review-filter-form{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .review-detail-layout{ grid-template-columns: minmax(0, 1fr); }
    .review-detail-aside{ position: static; }
}
@media (max-width: 760px) {
    .review-filter-form, .review-manual-form{ grid-template-columns: minmax(0, 1fr); }
    .review-search-field, .review-filter-actions, .review-manual-wide, .review-manual-actions{ grid-column: 1; }
    .review-filter-actions, .review-reply-tools, .review-manual-actions{ align-items: stretch; flex-direction: column; }
    .review-filter-actions .btn, .review-reply-tools .btn, .review-reply-tools a, .review-manual-actions .btn{ width: 100%; }
    .review-center-card{ grid-template-columns: 36px minmax(0, 1fr); padding: 14px; }
    .review-center-provider{ width: 36px; height: 36px; }
    .review-center-head, .review-center-footer, .review-note-list article > div, .review-history-list article > div{ align-items: flex-start; flex-direction: column; }
    .review-center-statuses{ justify-content: flex-start; }
}
.review-create-tag{ margin-top: 14px; padding-top: 13px; border-top: 1px solid #ded8cf; }
.review-create-tag > summary{ cursor: pointer; color: #3e3934; font-size: 12px; font-weight: 800; }
.review-create-tag form{ display: grid; gap: 10px; margin-top: 12px; }
.review-create-tag label{ display: grid; gap: 6px; }
.review-create-tag label > span{ color: #69635c; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.review-provider-health{ margin-bottom: 20px; }
.review-provider-health-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.review-provider-health-head h2{ margin: 0 0 4px; font-size: 1rem; }
.review-provider-health-head p{ margin: 0; color: var(--text-muted, #68707a); }
.review-provider-health-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.review-provider-health-card{ display: flex; gap: 12px; min-width: 0; padding: 16px; border: 1px solid var(--border-color, #e2e5e9); border-radius: 14px; background: #fff; }
.review-provider-health-icon{ display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 10px; background: #f4f5f6; font-size: 1rem; }
.review-provider-health-content{ min-width: 0; flex: 1; }
.review-provider-health-content > div:first-child{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.review-provider-health-content p, .review-provider-health-content small{ display: block; margin: 7px 0 0; color: var(--text-muted, #68707a); }
.review-provider-health-error{ display: flex; gap: 7px; margin-top: 10px; color: #8f2f35; font-size: .78rem; line-height: 1.35; }
@media (max-width: 1180px) {
    .review-provider-health-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .review-provider-health-head{ align-items: stretch; flex-direction: column; }
    .review-provider-health-grid{ grid-template-columns: 1fr; }
}
.repify-toast-container{ padding: 0 !important; }
.repify-toast-container .repify-toast{ width: 100%; border: 1px solid #ded8cf; border-left-width: 4px; border-radius: 7px; background: #ffffff; color: #3e3934; box-shadow: none; }
.repify-toast .repify-toast-icon{ display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; margin: 12px 0 12px 12px; border-radius: 50%; background: #faf8f5; font-size: 16px; }
.repify-toast .toast-body{ min-width: 0; padding: 12px; line-height: 1.45; }
.repify-toast .repify-toast-title{ color: #171614; font-size: 13px; font-weight: 760; }
.repify-toast .repify-toast-message{ display: block; color: #69635c; font-size: 13px; }
.repify-toast .btn-close{ flex: 0 0 auto; margin-top: 14px !important; }
form[aria-busy="true"] button[type="submit"], form[aria-busy="true"] input[type="submit"]{ cursor: wait; }
.dashboard-body .app-content{ width: 100%; padding-top: 30px; }
.dashboard-body .panel, .dashboard-body .dashboard-next-action, .dashboard-body .dashboard-setup-summary, .dashboard-body .metric-card{ border-color: #ded8cf; border-radius: 8px; background: #fff; }
.dashboard-body .panel-header{ min-height: 72px; padding: 18px 20px; }
.dashboard-body .panel-header h2, .dashboard-body .panel-header h3{ color: #171614; font-weight: 720; letter-spacing: -.025em; }
.dashboard-body .panel-header p{ max-width: 760px; margin-top: 4px; color: #69635c; }
.dashboard-body .panel-body{ padding: 20px; margin:15px; }
.dashboard-body .btn{ min-height: 40px; border-radius: 6px; font-weight: 690; }
.dashboard-body .form-control, .dashboard-body .form-select, .dashboard-body .input-group-text{ min-height: 44px; border-color: #ded8cf; border-radius: 6px; background-color: #fff; }
.dashboard-body .form-control:focus, .dashboard-body .form-select:focus{ border-color: #3e3934; box-shadow: none; outline: 3px solid rgba(201, 87, 36, .12); outline-offset: 1px; }
.dashboard-page-dashboard .dashboard-setup-summary{ flex-direction: column; justify-content: center; min-height: 178px; padding: 24px; }
.dashboard-page-dashboard .metrics-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.dashboard-page-dashboard .metric-card{ min-height: 130px; padding: 20px; }
.dashboard-page-dashboard .metric-card > strong{ font-size: clamp(25px, 2.1vw, 34px); }


.platform-primary-actions{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 18px; border: 1px solid #ded8cf; border-radius: 8px; background: #fff; overflow: hidden; }
.platform-primary-actions > a{ display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 92px; padding: 16px 18px; border-right: 1px solid #ded8cf; color: #2b2824; text-decoration: none; }
.platform-primary-actions > a:last-child{ border-right: 0; }
.platform-primary-actions > a:hover{ background: #faf8f5; }
.platform-primary-actions > a > i:first-child{ display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #ded8cf; border-radius: 6px; color: #e46f32; }
.platform-primary-actions span{ min-width: 0; }
.platform-primary-actions strong, .platform-primary-actions small{ display: block; }
.platform-primary-actions strong{ margin-bottom: 3px; font-size: 13px; }
.platform-primary-actions small{ color: #69635c; font-size: 10px; line-height: 1.4; }
.platform-primary-actions > a > i:last-child{ color: #69635c; }
.support-mode-banner{ display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 54px; padding: 9px clamp(24px, 3vw, 52px); border-bottom: 1px solid #ded8cf; background: #f5f3ef; color: #2b2824; }
.support-mode-banner > div{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.support-mode-banner i{ font-size: 18px; }
.support-mode-banner form{ margin: 0; flex: 0 0 auto; }
.support-summary-bar, .settings-summary-bar{ align-items: stretch; }
.support-summary-bar p, .settings-summary-bar p{ max-width: 820px; margin: 10px 0 0; color: #3e3934; line-height: 1.6; }
.support-safety-list{ display: grid; align-content: center; gap: 11px; padding: 18px; border: 1px solid #ded8cf; border-radius: 7px; background: #fafbf9; }
.support-safety-list span{ display: flex; align-items: center; gap: 9px; color: #3e3934; font-size: 12px; font-weight: 650; }
.platform-filter-grid--support{ grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.support-company-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.support-company-card{ min-width: 0; padding: 20px; border-right: 1px solid #ded8cf; border-bottom: 1px solid #ded8cf; background: #fff; }
.support-company-card:nth-child(2n){ border-right: 0; }
.support-company-card__main{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.support-company-initial{ display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid #ded8cf; border-radius: 6px; background: #f5f7f6; color: #2b2824; font-weight: 780; }
.support-company-card h3{ margin: 0 0 3px; font-size: 16px; }
.support-company-card p{ margin: 0; overflow: hidden; color: #69635c; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.support-company-card dl{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.support-company-card dl div{ min-width: 0; padding: 10px; border: 1px solid #e8e3da; border-radius: 5px; background: #fafbf9; }
.support-company-card dt{ color: #69635c; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.support-company-card dd{ margin: 4px 0 0; overflow: hidden; color: #2b2824; font-size: 12px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.support-company-actions{ display: flex; justify-content: flex-end; gap: 8px; }
.support-company-actions form{ margin: 0; }
.settings-readiness{ display: flex; flex-direction: column; justify-content: center; min-width: 210px; padding: 20px; border: 1px solid #ded8cf; border-radius: 7px; background: #fafbf9; }
.settings-readiness strong{ color: #2b2824; font-size: 34px; line-height: 1; }
.settings-readiness span{ margin-top: 7px; color: #69635c; font-size: 11px; }
.platform-settings-form{ display: grid; gap: 18px; }
.settings-section-nav{ display: flex; gap: 0; position: sticky; top: 80px; z-index: 12; border: 1px solid #ded8cf; border-radius: 7px; overflow: hidden; background: #fff; }
.settings-section-nav a{ flex: 1 1 0; padding: 12px 16px; border-right: 1px solid #ded8cf; color: #3e3934; font-size: 12px; font-weight: 700; text-align: center; text-decoration: none; }
.settings-section-nav a:last-child{ border-right: 0; }
.settings-section-nav a:hover{ background: #f5f7f6; color: #171614; }
.settings-section{ scroll-margin-top: 150px; }
.settings-field-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-field-grid > div{ min-width: 0; }
.settings-switches{ display: grid; gap: 10px; grid-column: 1 / -1; }
.settings-switch{ display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid #ded8cf; border-radius: 6px; background: #fafbf9; cursor: pointer; }
.settings-switch input{ width: 18px; height: 18px; margin-top: 2px; accent-color: #c95724; }
.settings-switch strong, .settings-switch small{ display: block; }
.settings-switch small{ margin-top: 3px; color: #3e3934; font-size: 11px; }
.settings-switch--danger{ border-color: #e5cdcd; background: #fff9f9; }
.settings-secret-label{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.settings-secret-label span{ color: #ae451b; font-size: 10px; font-weight: 720; }
.integration-settings-stack{ display: grid; gap: 16px; }
.integration-settings-card{ border: 1px solid #ded8cf; border-radius: 7px; overflow: hidden; }
.integration-settings-card > header{ display: flex; align-items: center; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #e8e3da; background: #fafbf9; }
.integration-settings-card > header img{ width: 38px; height: 38px; object-fit: contain; }
.integration-settings-card > header h3{ margin: 0; font-size: 15px; }
.integration-settings-card > header p{ margin: 2px 0 0; color: #69635c; font-size: 11px; }
.integration-settings-card > .settings-field-grid{ padding: 17px; }
.settings-health-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.settings-health-item{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 14px; border: 1px solid #ded8cf; border-radius: 6px; background: #fafbf9; }
.settings-health-item i{ color: #a04444; font-size: 18px; }
.settings-health-item.is-ok i{ color: #ae451b; }
.settings-health-item strong, .settings-health-item small{ display: block; }
.settings-health-item small{ margin-top: 3px; color: #69635c; font-size: 11px; }
.platform-settings-savebar{ display: flex; align-items: center; justify-content: space-between; gap: 20px; position: sticky; bottom: 16px; z-index: 12; padding: 16px 18px; border: 1px solid #ded8cf; border-radius: 7px; background: #fff; }
.platform-settings-savebar strong, .platform-settings-savebar span{ display: block; }
.platform-settings-savebar span{ margin-top: 3px; color: #69635c; font-size: 11px; }
@media (max-width: 1280px) {
    .dashboard-page-dashboard .metrics-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    
    
}
@media (max-width: 980px) {
    .dashboard-page-dashboard .dashboard-action-row, .platform-primary-actions, .support-company-grid, .settings-field-grid, .settings-health-grid{ grid-template-columns: 1fr !important; }
    .dashboard-page-dashboard .dashboard-next-action{ grid-template-columns: 1fr; grid-template-areas: "label" "title" "copy" "action"; align-items: start; }
    .dashboard-page-dashboard .dashboard-next-action > .btn{ justify-self: start; margin-top: 14px; }
    .platform-primary-actions > a, .platform-primary-actions > a:last-child, .support-company-card, .support-company-card:nth-child(2n){ border-right: 0; }
    .platform-primary-actions > a:not(:last-child){ border-bottom: 1px solid #ded8cf; }
    .settings-section-nav{ top: 68px; overflow-x: auto; }
    .settings-section-nav a{ flex: 0 0 150px; }
}
@media (max-width: 700px) {
    .dashboard-body .app-content{ padding-top: 18px; }
    .dashboard-page-dashboard .metrics-grid, .support-company-card dl{ grid-template-columns: 1fr !important; }
    .dashboard-page-dashboard .dashboard-next-action, .dashboard-page-dashboard .dashboard-setup-summary{ padding: 18px !important; }
    .support-mode-banner, .platform-settings-savebar, .support-company-actions{ align-items: stretch; flex-direction: column; }
    .support-mode-banner{ padding: 12px 14px; }
    .support-mode-banner form, .support-mode-banner .btn, .platform-settings-savebar .btn, .support-company-actions .btn{ width: 100%; }
    .platform-filter-grid--support{ grid-template-columns: 1fr; }

}
:root{ --repify-success: #ae451b; }
.dashboard-page-dashboard .dashboard-action-row{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: 18px; align-items: stretch; margin-bottom: 18px; }
.dashboard-page-dashboard .dashboard-next-action, .dashboard-page-dashboard .dashboard-setup-summary{ min-width: 0; min-height: 0; padding: 22px 24px; border: 1px solid var(--repify-line); border-radius: 10px; background: #fff; }
.dashboard-page-dashboard .dashboard-next-action{ display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 20px; row-gap: 4px; align-content: center; margin: 0; border-left: 4px solid var(--repify-accent); }
.dashboard-page-dashboard .dashboard-next-action .section-label, .dashboard-page-dashboard .dashboard-next-action h2, .dashboard-page-dashboard .dashboard-next-action p{ grid-column: 1; }
.dashboard-page-dashboard .dashboard-next-action > .btn{ grid-column: 2; grid-row: 1 / span 2; align-self: center; white-space: nowrap; }
.dashboard-page-dashboard .dashboard-next-action h2{ margin: 3px 0 5px; font-size: clamp(20px, 2vw, 28px); font-weight: 720; letter-spacing: -.03em; line-height: 1.15; }
.dashboard-page-dashboard .dashboard-next-action p{ max-width: 680px; margin: 0; color: var(--repify-muted); font-size: 13px; line-height: 1.55; }
.dashboard-page-dashboard .dashboard-setup-summary{ display: grid; align-content: center; gap: 10px; }
.dashboard-page-dashboard .dashboard-setup-heading{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.dashboard-page-dashboard .dashboard-setup-heading strong{ font-size: 28px; line-height: 1; }
.repify-progress{ width: 100%; height: 8px; overflow: hidden; border-radius: 999px; background: #ded8cf; }
.repify-progress > span{ display: block; height: 100%; border-radius: inherit; background: var(--repify-accent); }
.dashboard-page-dashboard .dashboard-metrics-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--repify-line); border-radius: 10px; overflow: hidden; background: #fff; }
.dashboard-page-dashboard .dashboard-metrics-grid .metric-card{ min-width: 0; border: 0; border-right: 1px solid var(--repify-line); border-radius: 0; }
.dashboard-page-dashboard .dashboard-metrics-grid .metric-card:last-child{ border-right: 0; }
.dashboard-page-dashboard .dashboard-overview-grid{ display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr); gap: 20px; align-items: start; }
.dashboard-page-dashboard .app-stack, .dashboard-page-dashboard .dashboard-side-stack{ display: grid; gap: 20px; min-width: 0; }
.dashboard-page-dashboard .dashboard-empty-state{ min-height: 0; padding: 32px 24px; }
.dashboard-page-dashboard .funnel-list{ display: grid; gap: 18px; padding: 22px 24px 26px; }
.dashboard-page-dashboard .funnel-row{ display: grid; gap: 9px; min-width: 0; }
.dashboard-page-dashboard .funnel-row-copy{ display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.dashboard-page-dashboard .funnel-row-copy > span{ display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--repify-line); border-radius: 7px; color: var(--repify-muted); font-size: 11px; font-weight: 800; }
.dashboard-page-dashboard .funnel-row-copy strong{ font-size: 13px; }
.dashboard-page-dashboard .funnel-row-copy small{ color: var(--repify-muted); font-size: 12px; white-space: nowrap; }
.dashboard-page-dashboard .funnel-track{ height: 8px; margin-left: 38px; overflow: hidden; border-radius: 999px; background: #ded8cf; }
.dashboard-page-dashboard .funnel-track > span{ display: block; height: 100%; min-width: 0; border-radius: inherit; background: var(--repify-accent); }
.dashboard-page-dashboard .dashboard-quick-links, .dashboard-page-dashboard .dashboard-connection-list{ display: grid; }
.dashboard-page-dashboard .dashboard-quick-links > a, .dashboard-page-dashboard .dashboard-connection-list > div{ border-bottom: 1px solid var(--repify-line); }
.dashboard-page-dashboard .dashboard-quick-links > a:last-child, .dashboard-page-dashboard .dashboard-connection-list > div:last-child{ border-bottom: 0; }


.dashboard-page-settings .settings-hub-hero{ display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; align-items: center; padding: 26px; }
.dashboard-page-settings .settings-hub-hero h2{ margin: 5px 0 8px; font-size: 24px; }
.dashboard-page-settings .settings-hub-hero p{ max-width: 720px; margin: 0; color: var(--repify-muted); }
.dashboard-page-settings .settings-hub-progress{ display: grid; gap: 9px; padding: 20px; border: 1px solid var(--repify-line); border-radius: 9px; background: var(--repify-soft); }
.dashboard-page-settings .settings-hub-progress > strong{ font-size: 30px; line-height: 1; }
.dashboard-page-settings .settings-hub-progress > span{ color: var(--repify-muted); font-size: 12px; }
.dashboard-page-settings .settings-hub-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.dashboard-page-settings .settings-hub-card, .integration-customer-summary .integration-summary-card{ display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-width: 0; padding: 18px; border: 1px solid var(--repify-line); border-radius: 9px; background: #fff; color: var(--repify-ink); text-decoration: none; }
.dashboard-page-settings .settings-hub-card:hover, .integration-customer-summary .integration-summary-card:hover{ border-color: #c8bfb3; }
.dashboard-page-settings .settings-hub-icon{ display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9px; background: var(--repify-soft); color: var(--repify-accent); }
.dashboard-page-settings .settings-hub-card strong, .dashboard-page-settings .settings-hub-card small, .integration-customer-summary .integration-summary-card strong, .integration-customer-summary .integration-summary-card small{ display: block; }
.dashboard-page-settings .settings-hub-card small, .integration-customer-summary .integration-summary-card small{ margin-top: 3px; color: var(--repify-muted); line-height: 1.45; }
.dashboard-page-integrations .integration-customer-summary{ margin-top: 24px; }
.dashboard-page-integrations .integration-customer-summary-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

@media (max-width: 1199.98px) {
    .dashboard-page-dashboard .dashboard-overview-grid{ grid-template-columns: 1fr; }
    
    
}
@media (max-width: 991.98px) {
    .dashboard-page-dashboard .dashboard-action-row, .dashboard-page-settings .settings-hub-hero{ grid-template-columns: 1fr; }
    .dashboard-page-dashboard .dashboard-next-action{ grid-template-columns: 1fr; }
    .dashboard-page-dashboard .dashboard-next-action > .btn{ grid-column: 1; grid-row: auto; justify-self: start; margin-top: 14px; }
    .dashboard-page-dashboard .dashboard-metrics-grid, .dashboard-page-integrations .integration-customer-summary-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-dashboard .dashboard-metrics-grid .metric-card:nth-child(2){ border-right: 0; }
    .dashboard-page-dashboard .dashboard-metrics-grid .metric-card:nth-child(-n + 2){ border-bottom: 1px solid var(--repify-line); }
}
@media (max-width: 767.98px) {
    .dashboard-page-dashboard .dashboard-metrics-grid, .dashboard-page-settings .settings-hub-grid, .dashboard-page-integrations .integration-customer-summary-grid{ grid-template-columns: 1fr !important; }
    .dashboard-page-dashboard .dashboard-metrics-grid .metric-card, .dashboard-page-dashboard .dashboard-metrics-grid .metric-card:nth-child(2){ border-right: 0; border-bottom: 1px solid var(--repify-line); }
    .dashboard-page-dashboard .dashboard-metrics-grid .metric-card:last-child{ border-bottom: 0; }
    
    

}
.dashboard-body .app-content{ max-width: 1480px; }
.dashboard-body .toolbar-row, .dashboard-body .feedback-command-bar{ display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.dashboard-body .toolbar-filters{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dashboard-body .empty-state{ min-height: 220px; padding: 34px 24px; display: grid; align-content: center; justify-items: center; text-align: center; }
.dashboard-body .empty-state h3{ margin: 10px 0 4px; font-size: 17px; }
.dashboard-body .empty-state p{ max-width: 520px; margin: 0; color: var(--repify-muted); }
.dashboard-body .table-responsive{ overflow-x: auto; }
.dashboard-body .table{ margin: 0; min-width: 760px; }
.dashboard-body .table > :not(caption) > * > *{ padding: 13px 16px; border-color: var(--repify-line); vertical-align: middle; }
.dashboard-body .table thead th{ background: #faf8f5; color: #3e3934; font-size: 10px; font-weight: 760; letter-spacing: .055em; text-transform: uppercase; white-space: nowrap; }
.dashboard-page-dashboard .dashboard-quick-links > a{ display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; gap: 12px; align-items: center; min-width: 0; padding: 15px 18px; color: var(--repify-ink); text-decoration: none; }
.dashboard-page-dashboard .dashboard-quick-links > a:hover{ background: #faf8f5; }
.dashboard-page-dashboard .dashboard-quick-links > a > span:first-child{ display: grid; place-items: center; width: 38px; height: 38px; border-radius: 8px; background: var(--repify-soft); color: var(--repify-accent); }
.dashboard-page-dashboard .dashboard-quick-links > a > div, .dashboard-page-dashboard .dashboard-quick-links > a strong, .dashboard-page-dashboard .dashboard-quick-links > a small{ min-width: 0; display: block; }
.dashboard-page-dashboard .dashboard-quick-links > a strong{ font-size: 13px; }
.dashboard-page-dashboard .dashboard-quick-links > a small{ margin-top: 3px; color: var(--repify-muted); font-size: 11px; line-height: 1.4; }
.dashboard-page-dashboard .dashboard-connection-list > div{ display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 15px 18px; }
.dashboard-page-dashboard .dashboard-connection-list > div > span, .dashboard-page-dashboard .dashboard-connection-list > div strong, .dashboard-page-dashboard .dashboard-connection-list > div small{ display: block; min-width: 0; }
.dashboard-page-dashboard .dashboard-connection-list > div small{ margin-top: 3px; color: var(--repify-muted); font-size: 11px; }
.dashboard-page-dashboard .connection-state{ flex: 0 0 auto; color: #69635c; font-size: 10px; font-weight: 750; }
.dashboard-page-dashboard .connection-state.is-connected{ color: var(--repify-success); }
.dashboard-page-feedback .feedback-command-bar{ padding: 0; border: 0; background: transparent; }
.dashboard-page-feedback .feedback-filter-grid{ display: grid; grid-template-columns: minmax(260px, 1.7fr) repeat(4, minmax(140px, 1fr)) auto; gap: 12px; align-items: end; }
.dashboard-page-feedback .feedback-filter-grid > *{ min-width: 0; }
.dashboard-page-feedback .feedback-bulk-bar{ border-width: 0 0 1px; border-radius: 0; padding: 12px 16px; }
.dashboard-page-feedback .feedback-table td:first-child, .dashboard-page-feedback .feedback-table th:first-child{ padding-left: 18px; }
.dashboard-page-feedback .feedback-table td:last-child, .dashboard-page-feedback .feedback-table th:last-child{ padding-right: 18px; }
.dashboard-page-reviews .review-card-list{ max-width: 1040px; }
.dashboard-page-statistics .period-comparison-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; overflow: hidden; border: 1px solid var(--repify-line); border-radius: 8px; background: #fff; }
.dashboard-page-statistics .period-comparison-card{ border: 0; border-right: 1px solid var(--repify-line); border-radius: 0; background: #fff; }
.dashboard-page-statistics .period-comparison-card:last-child{ border-right: 0; }
.dashboard-page-statistics .app-grid--stats-main{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.dashboard-page-statistics .app-grid--stats-main > div{ min-width: 0; }
.dashboard-page-statistics .chart-wrap{ min-height: 320px; }
.dashboard-page-statistics .panel.h-100{ height: 100%; }
.dashboard-page-integrations .integration-workspace{ grid-template-columns: 230px minmax(0, 1fr); border-radius: 8px; }
.dashboard-page-integrations .integration-workspace-intro, .dashboard-page-integrations .integration-workspace-main{ padding: 22px; }
.dashboard-page-integrations .integration-workspace-intro h2{ font-size: 21px; }
.dashboard-page-integrations .integration-workspace-intro p, .dashboard-page-integrations .integration-workspace-head p{ font-size: 12px; }
.dashboard-page-integrations .integration-account-strip{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-page-integrations .integration-benefit-list{ display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.dashboard-page-integrations .integration-benefit-list li{ display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; color: var(--repify-muted); font-size: 12px; }
.dashboard-page-team .app-grid--admin, .dashboard-page-invitations .app-grid--admin{ display: grid; grid-template-columns: minmax(300px, .38fr) minmax(0, .62fr); gap: 20px; align-items: start; }
.dashboard-page-invitations .process-list{ display: grid; gap: 0; }
.dashboard-page-invitations .process-list > *{ border-bottom: 1px solid var(--repify-line); }
.dashboard-page-invitations .process-list > *:last-child{ border-bottom: 0; }
.superadmin-body .app-content{ max-width: 1560px; }
.superadmin-body .app-grid--admin{ display: grid; grid-template-columns: minmax(300px, .38fr) minmax(0, .62fr); gap: 20px; align-items: start; }
@media (max-width: 1399.98px) {
    .dashboard-page-feedback .feedback-filter-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .dashboard-page-feedback .filter-search{ grid-column: span 2; }
}
@media (max-width: 1099.98px) {
    .dashboard-page-statistics .period-comparison-grid, .dashboard-page-statistics .app-grid--stats-main, .dashboard-page-team .app-grid--admin, .dashboard-page-invitations .app-grid--admin, .superadmin-body .app-grid--admin{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-integrations .integration-workspace{ grid-template-columns: 1fr; }
    .dashboard-page-integrations .integration-workspace-intro{ border-right: 0; border-bottom: 1px solid var(--repify-line); }
}
@media (max-width: 767.98px) {
    .dashboard-body .toolbar-row, .dashboard-body .feedback-command-bar{ align-items: stretch; }
    .dashboard-body .toolbar-row > *, .dashboard-body .feedback-command-bar > *{ width: 100%; }
    .dashboard-page-feedback .feedback-filter-grid, .dashboard-page-statistics .period-comparison-grid, .dashboard-page-statistics .app-grid--stats-main, .dashboard-page-team .app-grid--admin, .dashboard-page-invitations .app-grid--admin, .superadmin-body .app-grid--admin{ grid-template-columns: 1fr; }
    .dashboard-page-feedback .filter-search{ grid-column: auto; }
    .dashboard-page-statistics .period-comparison-card{ border-right: 0; border-bottom: 1px solid var(--repify-line); }
    .dashboard-page-statistics .period-comparison-card:last-child{ border-bottom: 0; }
    .dashboard-page-integrations .integration-account-strip{ grid-template-columns: 1fr; }
    .dashboard-page-integrations .integration-account-strip > div{ border-right: 0; border-bottom: 1px solid var(--repify-line); }
    .dashboard-page-integrations .integration-account-strip > div:last-child{ border-bottom: 0; }
}
.feedback-view-tabs{ display: inline-flex; align-items: center; gap: 4px; margin: 0 0 18px; padding: 4px; border: 1px solid var(--repify-line); border-radius: 8px; background: #fff; }
.feedback-view-tabs > a{ display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 8px 12px; border-radius: 6px; color: #3e3934; font-size: 12px; font-weight: 700; text-decoration: none; }
.feedback-view-tabs > a.active{ background: var(--repify-soft); color: var(--repify-ink); }
@media (max-width: 575.98px) {
    .feedback-view-tabs{ display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    .feedback-view-tabs > a{ justify-content: center; text-align: center; }
}
@media (max-width: 767.98px) {
    .dashboard-page-feedback .table-responsive{ overflow: visible; }
    .dashboard-page-feedback .feedback-table, .dashboard-page-feedback .feedback-table tbody, .dashboard-page-feedback .feedback-table tr, .dashboard-page-feedback .feedback-table td{ display: block; width: 100%; }
    .dashboard-page-feedback .feedback-table{ margin: 0; border: 0; }
    .dashboard-page-feedback .feedback-table thead{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
    .dashboard-page-feedback .feedback-table tbody{ display: grid; gap: 12px; padding: 14px; background: var(--repify-surface, #f6f7f6); }
    .dashboard-page-feedback .feedback-table tr{ position: relative; padding: 16px; border: 1px solid var(--repify-line); border-radius: 8px; background: #fff; }
    .dashboard-page-feedback .feedback-table td{ display: grid; grid-template-columns: minmax(78px, .35fr) minmax(0, .65fr); align-items: start; gap: 12px; padding: 9px 0 !important; border: 0 !important; text-align: left !important; overflow-wrap: anywhere; }
    .dashboard-page-feedback .feedback-table td::before{ content: attr(data-label); color: var(--repify-muted); font-size: 10px; font-weight: 750; letter-spacing: .06em; line-height: 1.45; text-transform: uppercase; }
    .dashboard-page-feedback .feedback-table td.check-column{ position: absolute; top: 14px; right: 14px; display: block; width: auto; padding: 0 !important; }
    .dashboard-page-feedback .feedback-table td.check-column::before, .dashboard-page-feedback .feedback-table td.feedback-open-cell::before, .dashboard-page-feedback .feedback-table td.feedback-customer-cell::before{ display: none; }
    .dashboard-page-feedback .feedback-table td.feedback-customer-cell{ display: block; padding: 0 40px 13px 0 !important; border-bottom: 1px solid var(--repify-line) !important; }
    .dashboard-page-feedback .feedback-table td.feedback-customer-cell strong, .dashboard-page-feedback .feedback-table td.feedback-customer-cell .muted{ display: block; max-width: 100%; }
    .dashboard-page-feedback .feedback-table td.feedback-customer-cell .truncate-2{ margin-top: 8px !important; color: #69635c; font-size: 12px; -webkit-line-clamp: 3; }
    .dashboard-page-feedback .feedback-table td.feedback-open-cell{ display: block; padding-top: 13px !important; border-top: 1px solid var(--repify-line) !important; }
    .dashboard-page-feedback .feedback-table td.feedback-open-cell .btn{ width: 100%; min-height: 42px; }
    .dashboard-page-feedback .feedback-tags{ justify-content: flex-start; }
    .dashboard-page-feedback .feedback-bulk-bar{ grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .dashboard-page-feedback .feedback-table td > *{ min-width: 0; max-width: 100%; }
    .dashboard-page-feedback .feedback-table td strong, .dashboard-page-feedback .feedback-table td small, .dashboard-page-feedback .feedback-table td span, .dashboard-page-feedback .feedback-table td div{ white-space: normal !important; overflow-wrap: anywhere; word-break: normal; }
    .dashboard-page-feedback .feedback-table td:not(.feedback-customer-cell):not(.check-column):not(.feedback-open-cell) > :last-child{ justify-self: end; text-align: right; }
}
@media (max-width: 767.98px) {
    .dashboard-page-feedback .feedback-table{ min-width: 0 !important; max-width: 100% !important; table-layout: auto !important; }
    .dashboard-page-feedback .feedback-table tbody, .dashboard-page-feedback .feedback-table tr, .dashboard-page-feedback .feedback-table td{ min-width: 0 !important; max-width: 100% !important; }
}
:root{ --repify-border: #e3e6e4; --repify-soft: #f5f3ef; }
.access-language-switch{ position: fixed; z-index: 50; top: 18px; right: 18px; width: 112px; margin: 0; }
.access-language-switch .form-select{ min-height: 38px; border-color: rgba(21,24,23,.18); border-radius: 10px; background-color: #fff; font-weight: 650; }
.repify-language-form .form-select{ padding-right: 2rem; border-color: var(--repify-border); font-weight: 600; }
.integration-settings-icon{ display: inline-grid; width: 44px; height: 44px; place-items: center; flex: 0 0 44px; border: 1px solid var(--repify-border); border-radius: 12px; background: #fff; color: var(--repify-ink); font-size: 19px; }
.anthropic-settings-card .settings-switches{ align-self: end; }
.claude-copy-panel{ display: grid; gap: 18px; margin-bottom: 28px; padding: 22px; border: 1px solid #ded8cf; border-radius: 16px; background: #f8f9f8; }
.claude-copy-panel.is-disabled{ background: #f5f5f5; }
.claude-copy-heading{ display: flex; gap: 13px; align-items: flex-start; }
.claude-copy-heading > span{ display: grid; width: 38px; height: 38px; place-items: center; flex: 0 0 38px; border-radius: 11px; background: #171614; color: #fff; }
.claude-copy-heading strong, .claude-copy-heading p{ display: block; }
.claude-copy-heading strong{ margin-bottom: 2px; }
.claude-copy-heading p{ margin: 0; color: var(--repify-muted); font-size: .86rem; }
.claude-copy-panel > .btn{ justify-self: start; min-height: 43px; border-radius: 10px; font-weight: 650; }
.claude-copy-status{ min-height: 20px; color: var(--repify-muted); font-size: .84rem; }
.claude-copy-status[data-state="success"]{ color: #ae451b; }
.claude-copy-status[data-state="error"]{ color: #a4262c; }
.claude-copy-panel .claude-profile-select:disabled{ border-color: #ded8cf; background-color: #fff; color: var(--repify-ink); opacity: 1; cursor: default; -webkit-text-fill-color: var(--repify-ink); }
.dashboard-page-reviews .review-toolbar-row{ align-items: flex-start; }
.dashboard-page-reviews .review-toolbar-row .toolbar-filters{ min-width: 0; flex: 1 1 420px; }
.dashboard-page-reviews .review-sync-actions{ display: flex; flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-width: 0; }
.dashboard-page-reviews .review-sync-actions form{ min-width: 0; margin: 0; }
.dashboard-page-reviews .review-sync-actions .btn{ min-height: 40px; white-space: nowrap; }
@media (max-width: 1199.98px) {
    .dashboard-page-reviews .review-sync-actions{ width: 100%; justify-content: flex-start; }
}
.timeline-item{ overflow-wrap: anywhere; }
.onboarding-body{ overflow-x: hidden; }
.onboarding-brand-row{ min-height: 46px; }
.onboarding-sidebar .brand-lockup{ color: #fff; }
.onboarding-sidebar .brand-compact-mark{ border-color: rgba(255,255,255,.22); color: #fff; }
.onboarding-step-link small, .onboarding-step-link strong{ display: block; }
.onboarding-step-link small{ margin-bottom: 1px; color: inherit; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .58; }
.onboarding-step-link strong{ font-weight: 650; }
.onboarding-sidebar-footer{ padding-top: 22px; }
.onboarding-progress-copy{ display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.7); font-size: .76rem; }
.onboarding-progress-copy strong{ color: #fff; }
.onboarding-sidebar-footer > a{ display: inline-flex; gap: 8px; align-items: center; color: rgba(255,255,255,.66); font-size: .84rem; text-decoration: none; }
.onboarding-sidebar-footer > a:hover{ color: #fff; }
.onboarding-topbar{ display: flex; align-items: center; justify-content: space-between; }
.onboarding-topbar > div span, .onboarding-topbar > div strong{ display: block; }
.onboarding-topbar > div span{ color: var(--repify-muted); font-size: .73rem; }
.onboarding-topbar > div strong{ font-size: .98rem; }
.onboarding-language-form{ min-width: 118px; }
.onboarding-language-form .form-select{ min-height: 40px; border-color: var(--repify-border); background-color: #fff; font-weight: 600; }
.onboarding-content{ display: flex; justify-content: center; }
.onboarding-card{ width: min(100%, 860px); padding: clamp(28px, 4vw, 48px); border: 1px solid var(--repify-border); background: #fff; }
.onboarding-card--wide{ width: min(100%, 1080px); }
.onboarding-card > .eyebrow{ color: var(--repify-muted); }
.onboarding-card > h2{ margin: 8px 0 12px; line-height: 1.05; letter-spacing: -.045em; }
.onboarding-card > p{ max-width: 760px; margin: 0 0 30px; color: var(--repify-muted); font-size: 1rem; line-height: 1.65; }
.onboarding-finish-icon{ display: grid; width: 52px; height: 52px; margin-bottom: 22px; place-items: center; border: 1px solid var(--repify-border); border-radius: 15px; font-size: 1.25rem; }
.onboarding-finish-icon{ border-color: #171614; background: #171614; color: #fff; }
.onboarding-form{ display: grid; }
.onboarding-form .form-label{ margin-bottom: 7px; font-size: .83rem; font-weight: 700; }
.onboarding-form .form-control, .onboarding-form .form-select, .claude-copy-panel .form-control, .claude-copy-panel .form-select{ min-height: 48px; border-color: #ded8cf; border-radius: 11px; }
.onboarding-form textarea.form-control, .claude-copy-panel textarea.form-control{ min-height: 104px; resize: vertical; }
.onboarding-form .form-control:focus, .onboarding-form .form-select:focus, .claude-copy-panel .form-control:focus, .claude-copy-panel .form-select:focus{ border-color: #3e3934; outline: 3px solid rgba(21,24,23,.08); outline-offset: 0; }
.onboarding-language-cards{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.onboarding-language-cards label{ cursor: pointer; }
.onboarding-language-cards input{ position: absolute; opacity: 0; pointer-events: none; }
.onboarding-language-cards span{ display: grid; min-height: 116px; align-content: center; padding: 22px; border: 1px solid var(--repify-border); border-radius: 14px; background: #fff; }
.onboarding-language-cards strong, .onboarding-language-cards small{ display: block; }
.onboarding-language-cards strong{ margin-bottom: 4px; font-size: 1.08rem; }
.onboarding-language-cards small{ color: var(--repify-muted); }
.onboarding-language-cards input:checked + span{ border-color: #171614; outline: 2px solid #171614; outline-offset: -2px; }
.onboarding-actions{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 6px; }
.onboarding-actions .btn{ min-height: 46px; border-radius: 11px; font-weight: 650; }
.onboarding-info{ display: flex; gap: 11px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--repify-border); border-radius: 12px; background: var(--repify-soft); color: #3e3934; font-size: .87rem; line-height: 1.5; }
.onboarding-info i{ margin-top: 1px; color: var(--repify-ink); }
.onboarding-copy-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.onboarding-copy-grid .is-wide{ grid-column: 1 / -1; }
.onboarding-question-list{ display: grid; gap: 14px; }
.onboarding-question-card{ padding: 18px; border: 1px solid var(--repify-border); border-radius: 14px; background: #fff; }
.onboarding-question-card > header{ display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 11px; align-items: center; margin-bottom: 16px; }
.onboarding-question-card > header > span{ display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: #171614; color: #fff; font-size: .8rem; font-weight: 800; }
.onboarding-question-card header strong, .onboarding-question-card header small{ display: block; }
.onboarding-question-card header small{ color: var(--repify-muted); font-size: .75rem; }
.onboarding-question-required{ display: flex; align-items: end; padding-bottom: 11px; }
.onboarding-review-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 4px 0 24px; }
.onboarding-review-grid article{ display: grid; grid-template-columns: 38px minmax(0,1fr) 32px; gap: 11px; align-items: center; padding: 15px; border: 1px solid var(--repify-border); border-radius: 13px; }
.onboarding-review-grid article > span{ display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: var(--repify-soft); }
.onboarding-review-grid strong, .onboarding-review-grid small{ display: block; }
.onboarding-review-grid small{ overflow: hidden; color: var(--repify-muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.onboarding-review-grid a{ display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; color: var(--repify-ink); text-decoration: none; }
.onboarding-review-grid a:hover{ background: var(--repify-soft); }
.onboarding-finish-preview{ display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 8px; padding: 18px; border: 1px solid var(--repify-border); border-radius: 14px; background: var(--repify-soft); }
.onboarding-finish-preview strong, .onboarding-finish-preview span{ display: block; }
.onboarding-finish-preview span{ color: var(--repify-muted); font-size: .8rem; }
@media (max-width: 991.98px) {
    .onboarding-app{ grid-template-columns: 1fr; }
    .onboarding-sidebar-copy h1, .onboarding-sidebar-copy p{ max-width: 680px; }
    .onboarding-step-list{ scroll-snap-type: x proximity; }
    .onboarding-step-link{ scroll-snap-align: start; }
    .onboarding-sidebar-footer{ display: none; }
    .onboarding-topbar{ top: 0; }
}
@media (max-width: 767.98px) {
    .onboarding-topbar{ min-height: 66px; padding: 12px 16px; }
    .onboarding-card{ padding: 24px 18px; border-radius: 16px; }
    .onboarding-card > h2{ font-size: 2rem; }
    .onboarding-language-cards, .onboarding-copy-grid, .onboarding-review-grid{ grid-template-columns: 1fr; }
    .onboarding-copy-grid .is-wide{ grid-column: auto; }
    .onboarding-actions, .onboarding-finish-preview{ align-items: stretch; flex-direction: column-reverse; }
    .onboarding-actions .btn, .onboarding-finish-preview .btn{ width: 100%; }
    .onboarding-language-form{ min-width: 104px; }
}
.onboarding-sidebar{ z-index: 40; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.onboarding-step-icon{ font-size: .8rem; }
.onboarding-step-link small{ font-size: .6rem; }
.onboarding-step-link strong{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.onboarding-sidebar-footer{ position: sticky; bottom: -1px; margin-top: 18px; padding: 18px 0 2px; background: #171614; }
.onboarding-header-stack{ position: sticky; z-index: 30; top: 0; border-bottom: 1px solid var(--repify-border); background: var(--repify-soft); }
.onboarding-header-stack .onboarding-topbar{ position: relative; min-height: 66px; border-bottom: 0; background: var(--repify-soft); }
.onboarding-top-steps{ width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.onboarding-top-steps-track{ display: grid; }
.onboarding-top-step{ display: grid; min-width: 0; grid-template-columns: 24px minmax(0, 1fr); gap: 7px; align-items: center; border: 1px solid transparent; border-radius: 9px; color: var(--repify-muted); text-decoration: none; }
.onboarding-top-step:hover, .onboarding-top-step:focus-visible{ border-color: var(--repify-border); color: var(--repify-ink); }
.onboarding-top-step > span{ display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid #c8bfb3; border-radius: 7px; background: #fff; color: var(--repify-ink); font-size: .7rem; font-weight: 800; }
.onboarding-top-step small{ overflow: hidden; font-size: .68rem; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.onboarding-top-step.is-active{ border-color: #171614; background: #fff; color: #171614; }
.onboarding-top-step.is-active > span, .onboarding-top-step.is-done > span{ border-color: #171614; background: #171614; color: #fff; }
.onboarding-top-step.is-done{ color: #2b2824; }
.onboarding-switch{ display: flex; min-height: 84px; gap: 12px; align-items: flex-start; padding: 16px; border: 1px solid var(--repify-border); border-radius: 13px; background: #fff; cursor: pointer; }
.onboarding-switch input{ width: 18px; height: 18px; margin-top: 2px; accent-color: #171614; }
.onboarding-switch strong, .onboarding-switch small{ display: block; }
.onboarding-switch strong{ margin-bottom: 3px; color: var(--repify-ink); font-size: .9rem; }
.onboarding-switch small{ color: var(--repify-muted); font-size: .76rem; line-height: 1.45; }
@media (max-width: 991.98px) {
    .onboarding-header-stack{ top: 0; }
}
@media (max-width: 767.98px) {
    .onboarding-top-steps{ padding-right: 12px; padding-left: 12px; }
    .onboarding-top-step{ grid-template-columns: 1fr; justify-items: center; text-align: center; }
}
.onboarding-sidebar{ width: 304px; }
.onboarding-main{ margin-left: 304px; }
.onboarding-sidebar-copy h1{ max-width: 250px; }
.onboarding-step-link strong{ font-size: .86rem; }
.onboarding-native-progress{ display: block; width: 100%; height: 6px; margin: 9px 0 20px; overflow: hidden; border: 0; border-radius: 999px; background: rgba(255,255,255,.13); appearance: none; }
.onboarding-native-progress::-webkit-progress-bar{ border-radius: inherit; background: rgba(255,255,255,.13); }
.onboarding-native-progress::-webkit-progress-value{ border-radius: inherit; background: #fff; }
.onboarding-native-progress::-moz-progress-bar{ border-radius: inherit; background: #fff; }
.onboarding-top-steps{ padding: 0 24px 12px; }
.onboarding-top-steps-track{ grid-template-columns: repeat(6, minmax(118px, 1fr)); min-width: 780px; gap: 8px; }
.onboarding-top-step{ min-height: 42px; padding: 8px 9px; }
.onboarding-content{ padding-top: 38px; }
.onboarding-card{ border-radius: 16px; }
.onboarding-card > h2{ max-width: 820px; font-size: clamp(1.75rem, 3vw, 2.45rem); }
.onboarding-card > p{ margin-bottom: 26px; }
.onboarding-form{ gap: 20px; }
.onboarding-section-block{ display: grid; gap: 18px; padding: 22px; border: 1px solid var(--repify-border); border-radius: 14px; background: #fff; }
.onboarding-section-heading{ display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 13px; align-items: start; }
.onboarding-section-heading--actions{ grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; }
.onboarding-section-heading > span{ display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--repify-border); }
.onboarding-section-heading h3{ margin: 1px 0 4px; font-size: 1rem; font-weight: 760; }
.onboarding-section-heading p{ margin: 0; color: var(--repify-muted); font-size: .82rem; line-height: 1.5; }
.onboarding-provider-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.onboarding-provider-card{ min-width: 0; padding: 17px; border: 1px solid var(--repify-border); border-radius: 13px; background: #fff; }
.onboarding-provider-heading{ display: flex; gap: 11px; align-items: center; margin-bottom: 15px; }
.onboarding-provider-mark{ display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; overflow: hidden; border: 1px solid var(--repify-border); border-radius: 9px; background: var(--repify-soft); }
.onboarding-provider-mark img{ width: 24px; height: 24px; object-fit: contain; }
.onboarding-provider-heading strong, .onboarding-provider-heading small{ display: block; }
.onboarding-provider-heading small{ margin-top: 2px; color: var(--repify-muted); font-size: .72rem; }
.onboarding-disclosure{ border-top: 1px solid var(--repify-border); padding-top: 16px; }
.onboarding-disclosure > summary{ display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; color: var(--repify-ink); font-size: .82rem; font-weight: 720; list-style: none; }
.onboarding-disclosure > summary::-webkit-details-marker{ display: none; }
.onboarding-disclosure > summary span{ display: inline-flex; align-items: center; gap: 8px; }
.onboarding-disclosure[open] > summary{ margin-bottom: 18px; }
.onboarding-disclosure[open] > summary > i{ transform: rotate(180deg); }
.onboarding-review-grid--compact{ grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.onboarding-review-grid--compact article:last-child{ grid-column: 1 / -1; }
@media (max-width: 1199.98px) {
    .onboarding-sidebar{ width: 280px; padding-right: 18px; padding-left: 18px; }
    .onboarding-main{ margin-left: 280px; }
}
@media (max-width: 991.98px) {
    .onboarding-sidebar{ max-height: none; overflow: visible; }
    .onboarding-main{ margin-left: 0; }
    .onboarding-step-list{ display: flex; overflow-x: auto; padding-bottom: 5px; }
    .onboarding-step-link{ min-width: 176px; }
}
@media (max-width: 767.98px) {
    .onboarding-top-steps-track{ grid-template-columns: repeat(6, 88px); min-width: max-content; }
    .onboarding-top-step small{ width: 76px; white-space: normal; }
    .onboarding-section-block{ padding: 18px 15px; }
    .onboarding-section-heading--actions{ grid-template-columns: 40px minmax(0, 1fr); }
    .onboarding-section-heading--actions .btn{ grid-column: 1 / -1; width: 100%; }
    .onboarding-provider-grid, .onboarding-review-grid--compact{ grid-template-columns: 1fr; }
    .onboarding-review-grid--compact article:last-child{ grid-column: auto; }
}
.billing-access-banner{ display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 18px 24px 0; padding: 14px 16px; border: 1px solid #ded8cf; border-left-width: 4px; border-radius: 12px; background: #fff; }
.billing-access-banner > div{ display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.billing-access-banner > div > i{ margin-top: 2px; font-size: 1.05rem; }
.billing-access-banner span{ display: grid; gap: 2px; line-height: 1.45; }
.billing-access-banner.is-grace{ border-left-color: #b57516; }
.billing-access-banner.is-read-only{ border-left-color: #b64444; }

.billing-reverse-trial-banner{ margin-bottom: 20px; border-left: 4px solid var(--repify-accent, #c95724); }
.billing-reverse-trial-banner .panel-body{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 18px; }
.billing-trial-message{ display: flex; align-items: flex-start; gap: 13px; min-width: 0; }
.billing-trial-icon{ width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #f8eee8; color: var(--repify-accent, #c95724); font-size: 1.05rem; line-height: 1; }
.billing-trial-message h2{ margin: 3px 0 4px; }
.billing-trial-message p{ margin: 0; color: #3e3934; line-height: 1.5; }
.billing-summary-grid{ display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); }
.billing-current-plan, .billing-usage-panel, .billing-plan-card{ min-width: 0; }
.billing-account-facts{ display: grid; overflow: hidden; border-top: 1px solid #ded8cf; border-bottom: 1px solid #ded8cf; }
.billing-account-facts > div{ display: grid; gap: 4px; }
.billing-account-facts span, .billing-annual-note, .billing-secure-note, .billing-plan-current-note{ color: #3e3934; font-size: .86rem; }
.billing-account-facts strong{ color: #171614; }
.billing-primary-actions{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.billing-primary-actions form{ margin: 0; }
.billing-usage-list{ display: grid; }
.billing-usage-item{ display: grid; }
.billing-usage-copy{ display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.billing-usage-copy span{ display: inline-flex; align-items: center; gap: 8px; }
.billing-usage-item progress{ display: block; width: 100%; height: 8px; border: 0; border-radius: 999px; overflow: hidden; appearance: none; background: #ded8cf; }
.billing-usage-item progress::-webkit-progress-bar{ background: #ded8cf; }
.billing-usage-item progress::-webkit-progress-value{ background: #171614; }
.billing-usage-item progress::-moz-progress-bar{ background: #171614; }
.billing-secure-note{ display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.billing-plan-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.billing-plan-card{ display: flex; flex-direction: column; border: 1px solid #ded8cf; background: #fff; }
.billing-plan-card.is-current{ border-color: #171614; }
.billing-plan-heading{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.billing-plan-heading h3{ margin: 3px 0 0; font-size: 1.35rem; }
.billing-price-row{ display: flex; align-items: baseline; gap: 6px; }
.billing-price-row span{ color: #3e3934; }
.billing-feature-list{ display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.billing-feature-list li{ display: flex; align-items: flex-start; gap: 8px; color: #2b2824; line-height: 1.4; }
.billing-feature-list i{ margin-top: 2px; color: #c95724; }
.billing-plan-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: auto; padding-top: 6px; }
.billing-plan-actions form{ margin: 0; }
.billing-plan-current-note{ display: flex; align-items: flex-start; gap: 8px; margin-top: auto; padding: 12px; border: 1px solid #ded8cf; border-radius: 10px; }
.billing-plan-card > form.billing-plan-actions{ grid-template-columns: 1fr; }
.plan-feature-notice{ display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; padding: 13px 14px; border: 1px solid #ded8cf; border-radius: 10px; background: #faf8f5; color: #3e3934; line-height: 1.5; }
.plan-feature-notice > i{ margin-top: 2px; color: var(--repify-accent, #c95724); }
.mail-plan-branding-fieldset{ min-width: 0; margin: 0; padding: 0; border: 0; }
.mail-plan-branding-fieldset[disabled]{ opacity: .68; }
.mail-plan-branding-fieldset[disabled] input, .mail-plan-branding-fieldset[disabled] select, .mail-plan-branding-fieldset[disabled] button{ cursor: not-allowed; }
.toggle-row.is-plan-locked{ background: #faf8f5; }
.toggle-row.is-plan-locked input{ pointer-events: none; }
@media (max-width: 1380px) {
    .billing-plan-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
    .billing-summary-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .billing-plan-grid{ grid-template-columns: 1fr; }
    .billing-access-banner{ align-items: stretch; margin: 14px 14px 0; flex-direction: column; }
    .billing-reverse-trial-banner .panel-body{ align-items: stretch; flex-direction: column; padding: 14px; }
    .billing-reverse-trial-banner .btn{ width: 100%; }
    .billing-access-banner .btn{ width: 100%; }
    .billing-account-facts, .billing-plan-actions{ grid-template-columns: 1fr; }
    .billing-primary-actions, .billing-usage-copy, .billing-plan-heading{ align-items: stretch; flex-direction: column; }
    .billing-primary-actions .btn, .billing-primary-actions form{ width: 100%; }
}
.billing-config-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.billing-config-item{ display: flex; align-items: center; gap: 11px; min-width: 0; padding: 13px; border: 1px solid var(--border-color, #e3e3e3); border-radius: 12px; background: #fff; }
.billing-config-item strong, .billing-config-item small{ display: block; }
.billing-config-item small{ margin-top: 2px; color: var(--text-muted, #666); }
.billing-config-icon{ width: 32px; height: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #f1f1f1; color: #555; }
.billing-config-icon.is-ready{ background: #f5f3ef; color: #ae451b; }
.billing-config-icon.is-missing{ background: #fff2e8; color: #9a4d00; }
.billing-config-icon.is-optional{ background: #eef3f8; color: #36546f; }
.billing-webhook-address{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border-color, #e3e3e3); }
.billing-webhook-address span{ font-weight: 650; }
.billing-webhook-address code{ overflow-wrap: anywhere; }
@media (max-width: 960px) {
    .billing-config-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .billing-config-grid{ grid-template-columns: 1fr; }
}
.privacy-hero{ display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; padding: 24px; }
.automation-rule-list, .reputation-queue, .session-list, .operational-alert-list, .activity-timeline{ display: grid; gap: 12px; }
.automation-rule-card, .reputation-item, .session-list > div, .operational-alert-list > article, .activity-timeline > article{ border: 1px solid var(--border); border-radius: 14px; background: #fff; padding: 15px; }
.automation-rule-card{ display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 13px; align-items: start; }
.automation-rule-title, .reputation-item-heading{ display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.reputation-item-meta{ margin-top: 10px; }
.automation-rule-actions, .panel-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.automation-builder{ gap: 18px; }
.automation-form-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
.automation-row, .automation-action-row{ display: grid; grid-template-columns: minmax(150px,.8fr) minmax(150px,.7fr) minmax(180px,1.2fr) 38px; gap: 9px; align-items: end; padding: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); margin-top: 9px; }
.automation-safety-list{ margin: 0; padding-left: 20px; display: grid; gap: 8px; color: var(--muted); }
.reputation-item.is-overdue{ border-left: 4px solid var(--danger); }
.reputation-item-status{ justify-items: end; }
.activity-timeline > article{ position: relative; padding-left: 42px; }
.activity-dot{ position: absolute; left: 15px; top: 18px; width: 12px; height: 12px; border-radius: 50%; border: 3px solid var(--surface); background: var(--muted); }
.operational-alert-list > article{ display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 11px; }
.operational-alert-list .is-critical{ border-left: 4px solid var(--danger); }
.operational-alert-list .is-warning{ border-left: 4px solid var(--warning); }
.mfa-setup{ border: 1px solid var(--border); border-radius: 14px; padding: 16px; background: var(--surface-soft); }
.recovery-codes{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: #fff; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }
.session-list > article{ display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; }
.session-list > article.is-current{ border-color: var(--success); }
@media (max-width:1100px) {
    .reputation-filters{ grid-template-columns: repeat(2,minmax(0,1fr)); }
    .reputation-search{ grid-column: 1/-1; }
}
@media (max-width:720px) {
    .privacy-hero{ flex-direction: column; }
    .automation-form-grid, .automation-time-grid, .reputation-filters{ grid-template-columns: 1fr; }
    .automation-row, .automation-action-row, .automation-rule-card, .reputation-item, .session-list > article{ grid-template-columns: 1fr; }
    .reputation-item-icon{ display: none; }
    .automation-rule-actions, .reputation-item-status{ justify-content: flex-start; justify-items: start; }
    .recovery-codes{ grid-template-columns: 1fr; }
}
.dashboard-body select.form-select:not([multiple]), .access-body select.form-select:not([multiple]), .onboarding-body select.form-select:not([multiple]){ -webkit-appearance: menulist !important; -moz-appearance: auto !important; appearance: auto !important; background-image: none !important; padding-right: 2.4rem !important; }
.dashboard-page-integrations .integration-brand-logo.is-yelp, .dashboard-page-integrations .integration-brand-logo.is-tripadvisor{ display: inline-grid; width: 46px; min-width: 46px; height: 46px; place-items: center; overflow: visible; }
.dashboard-page-integrations .integration-brand-logo.is-yelp img, .dashboard-page-integrations .integration-brand-logo.is-tripadvisor img{ display: block !important; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; object-fit: contain; opacity: 1 !important; visibility: visible !important; }
.platform-connection-hero{ display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 18px; padding: 26px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.platform-connection-hero h2{ margin: 5px 0 8px; }
.platform-connection-hero p{ max-width: 760px; margin: 0; color: var(--muted); }
.platform-connection-score{ flex: 0 0 220px; padding: 17px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.platform-connection-score span, .platform-connection-score strong, .platform-connection-score small{ display: block; }
.platform-connection-score span, .platform-connection-score small{ color: var(--muted); }
.platform-connection-score strong{ margin: 3px 0; font-size: 30px; line-height: 1.1; }
.platform-connection-score.is-ready strong{ color: var(--success); }
.connection-jump-nav{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.connection-jump-nav a{ display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 13px; border: 1px solid var(--border); border-radius: 10px; background: #fff; color: var(--text); font-size: 13px; font-weight: 700; text-decoration: none; }
.connection-jump-nav a:hover{ border-color: #69635c; }
.connection-section{ scroll-margin-top: calc(var(--topbar-height) + 18px); margin-bottom: 18px; }
.connection-state{ display: inline-flex; align-items: center; gap: 7px; width: max-content; padding: 6px 9px; border: 1px solid var(--border); border-radius: 999px; background: #fff; color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
.connection-state > span{ width: 7px; height: 7px; border-radius: 50%; background: #69635c; }
.connection-state.is-ready{ border-color: #ded8cf; color: #ae451b; }
.connection-state.is-ready > span{ background: #ae451b; }
.connection-state.is-warning{ border-color: #e2cfaa; color: #765318; }
.connection-state.is-warning > span{ background: #a87928; }
.connection-state.is-error{ border-color: #e2bfc2; color: #8f2f35; }
.connection-state.is-error > span{ background: #b34249; }
.connection-two-column{ display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: 24px; align-items: center; }
.connection-status-detail{ display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: center; }
.connection-status-icon, .connection-provider-icon, .connection-provider-logo{ display: inline-grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-soft); }
.connection-provider-logo img{ display: block; width: 29px; height: 29px; object-fit: contain; }
.connection-status-detail p, .connection-provider-card > p, .connection-responsibility-grid p, .connection-note p{ margin: 5px 0 0; color: var(--muted); }
.connection-test-form{ display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 12px; align-items: end; }
.connection-test-actions, .connection-section-actions, .connection-provider-actions{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.connection-command{ display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 8px; align-items: center; min-width: 330px; }
.connection-command code{ display: block; min-width: 0; padding: 9px 11px; overflow: auto; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-soft); color: var(--text); font-size: 11px; line-height: 1.45; white-space: nowrap; }
.connection-cron-table td:first-child small{ display: block; margin-top: 3px; color: var(--muted); }
.connection-note{ display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; margin: 0 18px 18px; padding: 14px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-soft); }
.connection-note > i{ font-size: 20px; }
.connection-endpoint-grid, .connection-provider-grid, .connection-responsibility-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.connection-endpoint-card, .connection-provider-card, .connection-responsibility-grid article{ min-width: 0; padding: 15px; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.connection-card-heading, .connection-card-heading > div{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.connection-card-heading > div > div{ min-width: 0; }
.connection-card-heading strong, .connection-card-heading small{ display: block; }
.connection-card-heading small{ margin-top: 3px; color: var(--muted); font-size: 11px; }
.connection-endpoint-card .connection-command{ min-width: 0; margin-top: 13px; }
.connection-metric-row{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 15px 0; }
.connection-metric-row > div{ padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); }
.connection-metric-row span, .connection-metric-row strong{ display: block; }
.connection-metric-row span{ color: var(--muted); font-size: 11px; }
.connection-metric-row strong{ margin-top: 4px; font-size: 21px; }
.connection-provider-card{ display: flex; flex-direction: column; gap: 12px; }
.connection-provider-card > p{ flex: 1 1 auto; line-height: 1.55; }
.connection-provider-detail{ display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 7px; padding: 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-soft); color: var(--muted); font-size: 11px; }
.connection-provider-actions{ justify-content: space-between; }
.connection-provider-actions form{ margin: 0; }
.connection-responsibility-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.connection-responsibility-grid article{ display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
.connection-responsibility-grid article > span{ display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: var(--surface-soft); font-weight: 800; }
@media (max-width: 1180px) {
    .connection-endpoint-grid, .connection-provider-grid, .connection-responsibility-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .connection-two-column{ grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .platform-connection-hero{ flex-direction: column; }
    .platform-connection-score{ width: 100%; flex-basis: auto; }
    .connection-test-form, .connection-endpoint-grid, .connection-provider-grid, .connection-responsibility-grid, .connection-metric-row{ grid-template-columns: 1fr; }
    .connection-test-actions .btn, .connection-provider-actions .btn, .connection-provider-actions form{ width: 100%; }
    .connection-provider-actions form .btn{ width: 100%; }
}
.dashboard-body select:not([multiple]), .access-body select:not([multiple]), .onboarding-body select:not([multiple]){ -webkit-appearance: menulist !important; -moz-appearance: auto !important; appearance: auto !important; background-image: none !important; }
.connection-callback-command{ min-width: 0; }
.dashboard-body select:not([multiple]):not([size]), .superadmin-body select:not([multiple]):not([size]), .access-body select:not([multiple]):not([size]){ -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; background-image: none !important; padding-right: 2.4rem !important; }
.dashboard-page-automations .automation-rule-card{ display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 18px !important; align-items: start !important; width: 100%; min-width: 0; }
.dashboard-page-automations .automation-rule-title{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dashboard-page-automations .automation-rule-title > strong{ min-width: 0; font-size: 16px; line-height: 1.35; overflow-wrap: break-word; }
.dashboard-page-automations .automation-rule-flow{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, .72fr) auto minmax(0, .72fr); gap: 9px; align-items: center; margin-top: 14px; }
.dashboard-page-automations .automation-rule-flow > span{ min-width: 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft); }
.dashboard-page-automations .automation-rule-flow small, .dashboard-page-automations .automation-rule-flow strong{ display: block; }
.dashboard-page-automations .automation-rule-flow small{ margin-bottom: 2px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.dashboard-page-automations .automation-rule-flow strong{ overflow-wrap: break-word; font-size: 12px; }
.dashboard-page-automations .automation-rule-actions{ align-items: center; white-space: nowrap; }
@media (max-width: 760px) {
    .dashboard-page-automations .automation-rule-card, .dashboard-page-automations .automation-rule-flow{ grid-template-columns: minmax(0, 1fr) !important; }
    .dashboard-page-automations .automation-rule-flow > i{ display: none; }
    .dashboard-page-automations .automation-rule-actions{ justify-content: flex-start; white-space: normal; }
}
.device-preview-stage[data-device-preview]{ display: flex !important; justify-content: center !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; overflow: auto !important; overscroll-behavior: contain; }
.device-preview-stage[data-device-preview] [data-device-preview-canvas]{ position: relative !important; flex: 0 0 auto !important; min-width: 0 !important; max-width: none !important; overflow: hidden !important; background: #fff; border: 1px solid var(--border); border-radius: 10px; transition: width .2s ease, height .2s ease; }
.device-preview-stage[data-device-preview] [data-device-preview-frame]{ position: absolute !important; inset: 0 auto auto 0 !important; display: block !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; transform-origin: top left !important; transition: transform .2s ease !important; background: #fff; }
.preview-switcher[data-device-preview-target]{ display: inline-flex; align-items: center; gap: 2px; }
.preview-switcher[data-device-preview-target] button{ display: inline-grid; width: 38px; height: 36px; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; }
.preview-switcher[data-device-preview-target] button:hover, .preview-switcher[data-device-preview-target] button:focus-visible{ background: var(--surface-soft); color: var(--ink); }
.preview-switcher[data-device-preview-target] button.active, .preview-switcher[data-device-preview-target] button[aria-pressed="true"]{ background: #fff; border-color: var(--border); color: var(--brand); }
.preview-switcher[data-device-preview-target] button:focus-visible{ outline: 2px solid var(--brand); outline-offset: 2px; }


.onboarding-sidebar .onboarding-brand-lockup{ display: inline-flex !important; width: auto !important; max-width: 190px; align-items: center; text-decoration: none; }
.onboarding-sidebar .onboarding-brand-logo{ display: block; width: 172px; max-width: 100%; height: auto; object-fit: contain; }
@media (max-width: 991.98px) {
    .onboarding-sidebar .onboarding-brand-logo{ width: 154px; }
}
@media (max-width: 575.98px) {
    .device-preview-stage[data-device-preview]{ justify-content: flex-start !important; }
    
    .preview-switcher[data-device-preview-target] button{ width: 40px; height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
    .device-preview-stage[data-device-preview] [data-device-preview-canvas], .device-preview-stage[data-device-preview] [data-device-preview-frame]{ transition: none !important; }
}
body, .dashboard-shell, .app-main, .app-content{ max-width: 100%; }
.app-main, .app-content, .panel, .panel-body, .panel-header, .app-stack, .app-grid, .table-responsive, form, fieldset, [class*="-grid"], [class*="-layout"], [class*="-content"]{ min-width: 0; }
img, svg, video, canvas, iframe{ max-width: 100%; }
img{ height: auto; }
pre, code, .font-monospace{ overflow-wrap: anywhere; word-break: break-word; }
textarea{ resize: vertical; }
.table-responsive{ width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table{ margin-bottom: 0; }
.table th, .table td{ vertical-align: middle; }
.panel-header > div, .panel-header > form, .panel-header > nav{ min-width: 0; }
.panel-header h2, .panel-header h3, .panel-header p{ overflow-wrap: anywhere; }
.panel-header .btn, .panel-actions .btn{ flex: 0 0 auto; }
.form-control, .form-select, .input-group, .input-group > *{ min-width: 0; max-width: 100%; }
.btn{ max-width: 100%; white-space: normal; text-align: center; }
.alert{ overflow-wrap: anywhere; }
.alert > div{ min-width: 0; }
.alert a{ font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.empty-state{ max-width: 100%; }
.btn, .form-control, .form-select, .panel, details, summary, a, button{ box-shadow: none !important; }
.form-control:focus, .form-select:focus, .form-check-input:focus, .btn:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible{ outline: 3px solid rgba(49, 94, 156, .18); outline-offset: 2px; box-shadow: none !important; }
.form-hint{ display: block; margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.dashboard-page-automations .app-content{ display: grid; gap: 22px; }
.automation-command-center{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: 28px; padding: clamp(24px, 3vw, 42px); border: 1px solid #d9dde2; border-radius: var(--radius-lg); background: #fff; align-items: center; }
.automation-command-copy{ min-width: 0; }
.automation-command-copy h2{ max-width: 760px; margin: 7px 0 13px; font-size: clamp(28px, 3vw, 46px); line-height: 1.06; letter-spacing: -.045em; }
.automation-command-copy > p{ max-width: 740px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.automation-command-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.automation-example{ border: 1px solid var(--border); border-radius: 18px; background: var(--surface-soft); padding: 20px; min-width: 0; }
.automation-example-label{ margin-bottom: 14px; color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.automation-example-flow{ display: grid; gap: 8px; }
.automation-example-flow > div{ padding: 12px 13px; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.automation-example-flow > div span, .automation-example-flow > div strong{ display: block; }
.automation-example-flow > div span{ margin-bottom: 3px; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.automation-example-flow > div strong{ font-size: 13px; line-height: 1.4; }
.automation-example-flow > i{ justify-self: center; color: var(--muted-2); transform: rotate(90deg); }
.automation-example > p{ margin: 14px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.automation-metrics{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.automation-metrics article{ display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding: 17px; border: 1px solid var(--border); border-radius: 15px; background: #fff; }
.automation-metrics article.is-attention{ border-color: #d9a4a8; background: var(--danger-bg); }
.automation-metric-icon{ width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); font-size: 17px; }
.automation-metrics strong, .automation-metrics span, .automation-metrics small{ display: block; }
.automation-metrics strong{ font-size: 24px; line-height: 1; }
.automation-metrics span{ margin-top: 5px; font-size: 12px; font-weight: 750; }
.automation-metrics small{ margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.automation-explainer{ padding: clamp(20px, 2.5vw, 30px); }
.automation-explainer-heading{ max-width: 780px; }
.automation-explainer-heading h2{ margin: 6px 0 8px; font-size: clamp(22px, 2vw, 30px); }
.automation-explainer-heading p{ margin: 0; color: var(--muted); line-height: 1.65; }
.automation-explainer-steps{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.automation-explainer-steps li{ display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); }
.automation-explainer-steps li > span{ width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--black); color: #fff; font-size: 12px; font-weight: 850; }
.automation-explainer-steps strong, .automation-explainer-steps small{ display: block; }
.automation-explainer-steps strong{ font-size: 12px; line-height: 1.4; }
.automation-explainer-steps small{ margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.automation-section-nav{ display: flex; flex-wrap: wrap; gap: 8px; padding: 9px; border: 1px solid var(--border); border-radius: 14px; background: #fff; position: sticky; top: calc(var(--topbar-height) + 10px); z-index: 20; }
.automation-section-nav a{ display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 8px 11px; border-radius: 10px; color: var(--muted); font-size: 11px; font-weight: 750; text-decoration: none; }
.automation-section-nav a:hover, .automation-section-nav a:focus-visible{ background: var(--surface-soft); color: var(--text); }
.automation-rules-panel .panel-header, .automation-templates-panel .panel-header, .automation-builder-panel > .panel-header, .automation-history-panel .panel-header, .automation-test-panel .panel-header{ align-items: flex-start; }
.automation-rule-list{ display: grid; gap: 12px; padding: 0 20px 20px; }
.automation-rule-card{ padding: 17px; border: 1px solid var(--border); border-radius: 15px; background: #fff; }
.automation-rule-topline{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.automation-rule-title{ display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.automation-rule-title > div{ min-width: 0; }
.automation-rule-title h3{ margin: 0; font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.automation-rule-title p{ margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.automation-rule-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.automation-rule-actions form{ margin: 0; }
.automation-rule-flow{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr) auto); align-items: center; gap: 8px; margin-top: 16px; padding: 12px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); }
.automation-rule-flow > div{ min-width: 0; }
.automation-rule-flow > div small, .automation-rule-flow > div strong{ display: block; }
.automation-rule-flow > div small{ margin-bottom: 3px; color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.automation-rule-flow > div strong{ font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.automation-rule-flow > i{ color: var(--muted-2); font-size: 11px; }
.automation-rule-footer{ display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; color: var(--muted); font-size: 10px; }
.automation-rule-footer span{ display: inline-flex; align-items: center; gap: 5px; }
.automation-empty-state{ padding: 40px 20px; }
.automation-filter-button:hover, .automation-filter-button.is-active{ border-color: var(--black); background: var(--black); color: #fff; }
.automation-template-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.automation-template-card{ display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border); }
.automation-template-card[hidden]{ display: none; }
.automation-template-icon{ display: grid; place-items: center; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); font-size: 18px; }
.automation-template-category{ display: block; margin-bottom: 6px; color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.automation-template-copy h3{ margin: 0; }
.automation-template-copy p{ margin: 7px 0 0; color: var(--muted); }
.automation-template-value{ border: 1px solid #d9dde2; border-radius: 12px; }
.automation-template-value span, .automation-template-value strong{ display: block; }
.automation-template-value span{ font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.automation-template-value strong{ margin-top: 5px; }
.automation-template-facts{ display: grid; gap: 7px; margin: 14px 0; }
.automation-template-facts > div{ display: grid; gap: 8px; border-top: 1px solid var(--border); }
.automation-template-facts dt{ color: var(--muted); font-weight: 800; text-transform: uppercase; }
.automation-template-facts dd{ margin: 0; line-height: 1.4; }
.automation-template-card form{ margin-top: auto; }
.automation-template-readonly{ display: block; margin-top: auto; padding: 10px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); font-size: 11px; text-align: center; }
.automation-builder-layout{ display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); scroll-margin-top: 120px; }
.automation-builder-panel{ min-width: 0; }
.automation-builder{ display: grid; }
.automation-builder-step{ display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 15px; padding: 22px 20px; border-top: 1px solid var(--border); }
.automation-step-number{ width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--black); color: #fff; font-size: 13px; font-weight: 850; }
.automation-step-content{ min-width: 0; }
.automation-step-heading{ margin-bottom: 16px; }
.automation-step-heading h3{ margin: 0; font-size: 16px; }
.automation-step-heading p{ margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.automation-form-grid{ display: grid; gap: 13px; }
.automation-form-grid.two-columns{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.automation-form-grid.compact-grid{ grid-template-columns: minmax(0, 1.3fr) minmax(180px, .7fr); }
.automation-column-labels{ display: grid; gap: 9px; margin-bottom: 6px; color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.automation-condition-labels{ grid-template-columns: minmax(145px, .8fr) minmax(145px, .8fr) minmax(180px, 1.2fr) 40px; }
.automation-action-labels{ grid-template-columns: minmax(210px, 1fr) minmax(240px, 1.2fr) 40px; }
.automation-row-list{ display: grid; gap: 9px; }
.automation-row{ display: grid; gap: 9px; align-items: start; padding: 11px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.automation-condition-row{ grid-template-columns: minmax(145px, .8fr) minmax(145px, .8fr) minmax(180px, 1.2fr) 40px; }
.automation-action-row{ grid-template-columns: minmax(210px, 1fr) minmax(240px, 1.2fr) 40px; }
.automation-action-choice small{ display: block; margin-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.automation-action-setting label{ display: block; }
.automation-action-setting label > span{ display: block; margin-bottom: 5px; color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.automation-action-setting label > small{ display: block; margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.automation-setting-readonly{ min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 10px; background: #fff; color: var(--muted); font-size: 10px; }
.automation-remove-row{ width: 40px; min-width: 40px; height: 40px; padding: 0; display: grid; place-items: center; }
.automation-row-list + .btn{ margin-top: 10px; }
.automation-safety-options{ display: grid; gap: 9px; margin-top: 16px; }
.automation-safety-options .form-check{ display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.automation-safety-options .form-check-input{ margin: 2px 0 0; }
.automation-safety-options strong, .automation-safety-options small{ display: block; }
.automation-safety-options strong{ font-size: 11px; }
.automation-safety-options small{ margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.automation-advanced-settings{ margin-top: 14px; border: 1px solid var(--border); border-radius: 13px; background: #fff; overflow: hidden; }
.automation-advanced-settings summary{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; cursor: pointer; list-style: none; }
.automation-advanced-settings summary::-webkit-details-marker{ display: none; }
.automation-advanced-settings summary > span{ display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; }
.automation-advanced-settings summary > small{ color: var(--muted); font-size: 10px; text-align: right; }
.automation-advanced-settings[open] summary{ border-bottom: 1px solid var(--border); }
.automation-advanced-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px; }
.automation-advanced-grid fieldset{ min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--border); border-radius: 12px; }
.automation-advanced-grid legend{ float: none; width: auto; margin: 0 0 4px; font-size: 12px; font-weight: 800; }
.automation-advanced-grid fieldset > p{ margin: 0 0 12px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.automation-time-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 10px 0; }
.automation-builder .panel-actions{ justify-content: flex-start; margin-top: 16px; }
.automation-builder-aside{ display: grid; gap: 14px; position: sticky; top: calc(var(--topbar-height) + 64px); }
.automation-live-summary .panel-header, .automation-checklist .panel-header{ padding-bottom: 13px; }
.automation-summary-flow{ display: grid; gap: 0; padding: 0 18px 18px; }
.automation-summary-flow > div{ position: relative; padding: 12px 0 12px 24px; border-left: 1px solid var(--border-strong); }
.automation-summary-flow > div::before{ content: ""; position: absolute; left: -5px; top: 17px; width: 9px; height: 9px; border-radius: 50%; background: var(--black); }
.automation-summary-flow span, .automation-summary-flow strong{ display: block; }
.automation-summary-flow span{ color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.automation-summary-flow strong{ margin-top: 3px; font-size: 11px; line-height: 1.4; }
.automation-draft-note{ display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 9px; margin: 0 18px 18px; padding: 12px; border: 1px solid #ded8cf; border-radius: 12px; background: var(--success-bg); }
.automation-draft-note i{ color: var(--success); font-size: 18px; }
.automation-draft-note p{ margin: 0; color: #ae451b; font-size: 10px; line-height: 1.45; }
.automation-checklist ul{ display: grid; gap: 9px; margin: 0; padding: 0 18px 18px; list-style: none; }
.automation-checklist li{ display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 7px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.automation-checklist li i{ color: var(--success); }
.automation-test-form{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; padding: 0 20px 20px; }
.automation-preview{ margin: 0 20px 20px; padding: 14px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); }
.automation-preview.is-match{ border-color: #e2c5b5; background: var(--success-bg); }
.automation-preview.is-no-match{ border-color: #dec68d; background: var(--warning-bg); }
.automation-preview > div:first-child{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; }
.automation-preview > div:first-child span{ grid-column: 2; color: var(--muted); font-size: 10px; }
.automation-preview ul{ margin: 12px 0; padding: 0; list-style: none; }
.automation-preview li{ display: flex; gap: 7px; align-items: center; margin-top: 5px; font-size: 10px; }
.automation-history-panel{ scroll-margin-top: 120px; }
.automation-trust-strip{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.automation-trust-strip article{ display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.automation-trust-strip article > i{ width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-soft); }
.automation-trust-strip strong{ font-size: 11px; }
.automation-trust-strip p{ margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
@media (max-width: 1180px) {
    .automation-command-center{ grid-template-columns: 1fr; }
    .automation-example-flow{ grid-template-columns: repeat(3, minmax(0, 1fr) auto); align-items: center; }
    .automation-example-flow > i{ transform: none; }
    .automation-example-flow > i:last-of-type{ display: block; }
    .automation-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .automation-explainer-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .automation-template-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .automation-builder-layout{ grid-template-columns: 1fr; }
    .automation-builder-aside{ grid-template-columns: repeat(2, minmax(0, 1fr)); position: static; }
}
@media (max-width: 900px) {
    .panel-header{ flex-wrap: wrap; align-items: flex-start; }
    .panel-header > .btn, .panel-header > form{ max-width: 100%; }
    .automation-rule-topline{ flex-direction: column; }
    .automation-rule-actions{ justify-content: flex-start; width: 100%; }
    .automation-rule-flow{ grid-template-columns: 1fr; }
    .automation-rule-flow > i{ transform: rotate(90deg); justify-self: center; }
    .automation-action-labels, .automation-condition-labels{ display: none; }
    .automation-condition-row, .automation-action-row{ grid-template-columns: 1fr 40px; }
    .automation-condition-row > .form-select, .automation-condition-row > .form-control, .automation-action-row > .automation-action-choice, .automation-action-row > .automation-action-setting{ grid-column: 1; }
    .automation-condition-row > .automation-remove-row, .automation-action-row > .automation-remove-row{ grid-column: 2; grid-row: 1; }
}
@media (max-width: 767.98px) {
    .app-content{ padding-left: 14px !important; padding-right: 14px !important; padding-bottom: 28px !important; }
    .app-topbar{ padding-left: 14px !important; padding-right: 14px !important; }
    .topbar-actions{ min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
    .topbar-actions .btn, .topbar-actions form{ min-width: 0; }
    .panel{ border-radius: 15px; }
    .panel-header{ gap: 12px; }
    .panel-header h2{ font-size: 18px; }
    .panel-header p{ font-size: 11px; line-height: 1.5; }
    .panel-actions{ width: 100%; justify-content: stretch; }
    .panel-actions .btn, .panel-actions a.btn{ flex: 1 1 100%; width: 100%; }
    .form-control, .form-select{ font-size: 16px; }
    .table-responsive{ border-radius: 0 0 14px 14px; }
    .dashboard-page-automations .app-content{ gap: 15px; }
    .automation-command-center{ gap: 20px; padding: 21px 17px; border-radius: 16px; }
    .automation-command-copy h2{ font-size: 30px; }
    .automation-command-copy > p{ font-size: 13px; line-height: 1.6; }
    .automation-command-actions{ display: grid; grid-template-columns: 1fr; }
    .automation-command-actions .btn{ width: 100%; }
    .automation-example{ padding: 15px; }
    .automation-example-flow{ grid-template-columns: 1fr; }
    .automation-example-flow > i{ transform: rotate(90deg); }
    .automation-metrics{ grid-template-columns: 1fr; }
    .automation-metrics article{ padding: 14px; }
    .automation-explainer{ padding: 18px 16px; }
    .automation-explainer-steps{ grid-template-columns: 1fr; }
    .automation-section-nav{ position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .automation-section-nav a{ justify-content: center; text-align: center; }
    .automation-rule-list, .automation-template-filters, .automation-template-grid{ padding-left: 14px; padding-right: 14px; }
    .automation-template-filters{ padding-bottom: 14px; scrollbar-width: thin; }
    .automation-filter-button{ flex: 0 0 auto; }
    .automation-rule-title{ flex-direction: column; }
    .automation-rule-title .badge-soft{ align-self: flex-start; }
    .automation-rule-actions{ display: grid; grid-template-columns: 1fr; }
    .automation-rule-actions .btn, .automation-rule-actions form, .automation-rule-actions form .btn{ width: 100%; }
    .automation-rule-footer{ display: grid; }
    .automation-builder-step{ grid-template-columns: 1fr; padding: 20px 16px; }
    .automation-step-number{ width: 36px; height: 36px; }
    .automation-form-grid.two-columns, .automation-form-grid.compact-grid, .automation-advanced-grid{ grid-template-columns: 1fr; }
    .automation-condition-row, .automation-action-row{ padding: 10px; }
    .automation-advanced-settings summary{ align-items: flex-start; }
    .automation-advanced-settings summary > small{ display: none; }
    .automation-builder-aside{ grid-template-columns: 1fr; }
    .automation-test-form{ grid-template-columns: 1fr; padding: 0 16px 16px; }
    .automation-test-form .btn{ width: 100%; }
    .automation-preview{ margin: 0 16px 16px; }
    .automation-trust-strip{ grid-template-columns: 1fr; }
    .automation-history-panel .table{ min-width: 760px; }
}
@media (max-width: 420px) {
    .app-content{ padding-left: 10px !important; padding-right: 10px !important; }
    .automation-command-copy h2{ font-size: 27px; }
    .automation-section-nav{ grid-template-columns: 1fr; }
    .automation-rule-card, .automation-template-card{ padding: 14px; }
    .automation-condition-row, .automation-action-row{ grid-template-columns: minmax(0, 1fr) 36px; }
    .automation-remove-row{ width: 36px; min-width: 36px; height: 36px; }
}


[data-mail-preview-status].is-loading{ color: #82531d; }
[data-mail-preview-status].is-ready{ color: #ae451b; }
[data-mail-preview-status].is-error{ color: #a33a3f; }

.dashboard-body .app-content, .superadmin-body .app-content{ margin-left: 0; margin-right: 0; }
.location-page{ display: grid; gap: 20px; }
.location-plan-icon, .location-avatar{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: 12px; background: var(--soft-bg, #f5f3ef); color: var(--text); }
.location-plan-copy p, .location-panel-header p, .location-form-heading p{ margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.location-plan-notice .panel-body{ display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.location-plan-copy{ display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.location-plan-copy h2, .location-panel-header h2{ margin: 3px 0 0; font-size: 19px; }
.location-workspace-grid{ display: grid; align-items: start; }
.location-panel-header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.location-list-panel{ overflow: visible; }
.location-list{ display: grid; }
.location-list-item{ display: grid; border-top: 1px solid var(--border); }
.location-list-main{ display: flex; align-items: flex-start; min-width: 0; }
.location-avatar{ overflow: hidden; }
.location-avatar img{ width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.location-list-copy{ min-width: 0; }
.location-list-title{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.location-list-title h3{ margin: 0; }
.location-list-copy p{ margin: 4px 0 3px; color: var(--text); font-size: 13px; }
.location-list-copy small{ display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.location-list-actions{ display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.location-list-actions form{ margin: 0; }
.location-form-panel{ position: sticky; }
.location-form-section{ display: grid; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.location-form-section:last-of-type{ padding-bottom: 0; border-bottom: 0; }
.location-form-heading{ display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; }
.location-form-heading > span{ display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #111111; color: #ffffff; font-size: 12px; font-weight: 700; }
.location-form-heading h3{ margin: 1px 0 0; font-size: 15px; }
.location-clone-option{ display: flex; align-items: flex-start; gap: 11px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; cursor: pointer; }
.location-clone-option span{ display: grid; gap: 3px; }
.location-clone-option strong{ font-size: 13px; }
.location-clone-option small{ color: var(--muted); font-size: 11px; line-height: 1.5; }
.location-form-actions{ display: flex; flex-wrap: wrap; gap: 9px; }
.location-form-locked{ display: grid; gap: 10px; }
.location-form-locked > i{ font-size: 24px; }
.location-form-locked h3, .location-form-locked p{ margin: 0; }
.location-form-locked p{ color: var(--muted); font-size: 12px; line-height: 1.55; }
@media (max-width: 1199.98px) {
    .location-workspace-grid{ grid-template-columns: minmax(0, 1fr); }
    .location-form-panel{ position: static; }
}
@media (max-width: 767.98px) {
    .location-plan-notice .panel-body, .location-panel-header, .location-list-item{ align-items: stretch; grid-template-columns: minmax(0, 1fr); flex-direction: column; }
    .location-list-actions{ justify-content: flex-start; max-width: none; }
    .location-list-actions .btn, .location-list-actions form, .location-list-actions form .btn{ width: 100%; }
    .location-form-actions{ display: grid; grid-template-columns: minmax(0, 1fr); }
}
.dashboard-body{ --repify-fixed-topbar-height: 80px; }
.dashboard-body .app-main{ padding-top: var(--repify-fixed-topbar-height); }
.dashboard-body .app-topbar{ position: fixed; top: 0; right: 0; left: var(--sidebar-width); z-index: 1030; width: auto; height: var(--repify-fixed-topbar-height); min-height: var(--repify-fixed-topbar-height); transition: left .22s ease; }
body.sidebar-collapsed.dashboard-body .app-topbar, html.sidebar-precollapsed .dashboard-body .app-topbar{ left: var(--sidebar-width-collapsed); }
.dashboard-body .app-topbar .topbar-heading, .dashboard-body .app-topbar .topbar-title-wrap{ min-width: 0; }
.dashboard-body .app-topbar h1, .dashboard-body .app-topbar p, .dashboard-body .app-topbar .topbar-company{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-body .support-mode-banner, .dashboard-body .billing-access-banner{ scroll-margin-top: calc(var(--repify-fixed-topbar-height) + 12px); }
.dashboard-body .app-content [id]{ scroll-margin-top: calc(var(--repify-fixed-topbar-height) + 20px); }
@media (max-width: 991.98px) {
    .dashboard-body{ --repify-fixed-topbar-height: 72px; }
    .dashboard-body .app-topbar, body.sidebar-collapsed.dashboard-body .app-topbar, html.sidebar-precollapsed .dashboard-body .app-topbar{ left: 0; }
}
@media (max-width: 575.98px) {
    .dashboard-body{ --repify-fixed-topbar-height: 68px; }
    .dashboard-body .app-topbar{ padding-top: 10px; padding-bottom: 10px; }
    .dashboard-body .app-topbar h1{ font-size: 21px; }
}
.dashboard-page-locations .app-content{ padding-top: 24px; }
.location-command-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.location-command-card{ display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.location-command-card.is-attention{ border-color: #dfc398; background: #fffaf0; }
.location-command-icon{ display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 10px; background: #f5f3ef; font-size: 17px; }
.location-command-card > div{ min-width: 0; }
.location-command-card span, .location-command-card strong, .location-command-card small{ display: block; }
.location-command-card > div > span{ color: var(--muted); font-size: 10px; font-weight: 760; letter-spacing: .05em; text-transform: uppercase; }
.location-command-card strong{ margin-top: 4px; overflow: hidden; font-size: 22px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.location-command-card small{ margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.location-plan-notice{ border-color: #d9d0c2; }
.location-plan-notice.is-warning{ border-color: #dfc398; background: #fffaf0; }
.location-plan-notice .panel-body{ padding: 19px 20px; }
.location-workspace-grid{ grid-template-columns: minmax(0, 1.45fr) minmax(390px, .55fr); gap: 20px; }
.location-workspace-aside{ display: grid; gap: 20px; min-width: 0; }
.location-form-panel{ top: calc(var(--repify-fixed-topbar-height) + 20px); }
.location-filter-bar{ display: grid; grid-template-columns: minmax(260px, 1fr) minmax(170px, 220px) auto; gap: 12px; align-items: end; padding: 15px 18px; }
.location-filter-bar .form-label{ margin-bottom: 6px; font-size: 10px; }
.location-search-field{ position: relative; }
.location-search-field > i{ position: absolute; top: 50%; left: 13px; z-index: 1; color: var(--muted); transform: translateY(-50%); }
.location-filter-actions{ display: flex; gap: 8px; }
.location-list-item{ align-items: stretch; }
.location-list-item.is-selected{ padding-left: 17px; border-left: 3px solid var(--accent); background: #fbfaf8; }
.location-list-item.is-inactive{ background: #f5f3ef; }
.location-list-main{ gap: 15px; }
.location-avatar{ width: 48px; height: 48px; border-radius: 11px; }
.location-list-title h3{ font-size: 17px; }
.location-state-badge{ display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 4px 7px; border: 1px solid var(--border); background: #f5f3ef; color: #3e3934; font-size: 9px; font-weight: 760; }
.location-state-badge.is-success{ border-color: #ded8cf; background: var(--success-bg); color: var(--success); }
.location-state-badge.is-warning{ border-color: #dfc996; background: var(--warning-bg); color: var(--warning); }
.location-state-badge.is-muted{ color: var(--muted); }
.location-readiness{ width: min(440px, 100%); margin-top: 12px; }
.location-readiness > div{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 5px; color: var(--muted); font-size: 10px; }
.location-readiness > div strong{ color: var(--text); font-size: 10px; }
.location-readiness progress{ display: block; width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 5px; background: #e7e9e8; }
.location-readiness progress::-webkit-progress-bar{ background: #e7e9e8; }
.location-readiness progress::-webkit-progress-value{ background: #c95724; }
.location-readiness progress::-moz-progress-bar{ background: #c95724; }
.location-issue-list{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.location-issue-list span{ display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border: 1px solid #dfc996; border-radius: 5px; background: var(--warning-bg); color: #70501e; font-size: 9px; }
.location-list-side{ display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-width: 0; padding-left: 18px; border-left: 1px solid var(--border); }
.location-mini-stats{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.location-mini-stats > div{ min-width: 0; border-right: 1px solid var(--border); }
.location-mini-stats > div:last-child{ border-right: 0; }
.location-mini-stats span, .location-mini-stats strong{ display: block; }
.location-mini-stats span{ overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.location-mini-stats strong{ margin-top: 3px; font-size: 14px; }
.location-link-row{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 9px 10px; }
.location-link-row a, .location-link-row span{ display: inline-flex; align-items: center; gap: 6px; min-width: 0; color: var(--muted); font-size: 10px; text-decoration: none; }
.location-link-row a:hover{ color: var(--text); }
.location-link-row button{ display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border: 0; border-radius: 6px; background: #f2f3f2; color: var(--muted); }
.location-list-actions{ max-width: none; }
.location-more-menu{ position: relative; }
.location-more-menu summary{ display: grid; place-items: center; width: 38px; min-height: 36px; padding: 0; list-style: none; cursor: pointer; }
.location-more-menu summary::-webkit-details-marker{ display: none; }
.location-more-menu > div{ position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; width: 220px; padding: 6px; border: 1px solid var(--border-strong); border-radius: 9px; background: #fff; }
.location-more-menu form{ display: block; }
.location-more-menu button{ display: flex; align-items: center; gap: 9px; width: 100%; padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--text); font-size: 11px; text-align: left; }
.location-more-menu button:hover{ background: #f3f4f3; }
.location-more-menu button.is-danger{ color: var(--danger); }
.location-empty-state{ display: grid; justify-items: center; gap: 9px; padding: 48px 24px; text-align: center; }
.location-empty-state > span, .location-form-locked > span{ display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--border); border-radius: 12px; background: #f5f3ef; font-size: 20px; }
.location-empty-state h3, .location-empty-state p{ margin: 0; }
.location-empty-state p{ color: var(--muted); font-size: 12px; }
.location-form-heading > span{ border-radius: 8px; }
.location-form-locked{ justify-items: center; padding: 38px 24px; text-align: center; }
.location-guidance-panel ul{ display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.location-guidance-panel li{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; line-height: 1.5; }
.location-guidance-panel li i{ display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: var(--success-bg); color: var(--success); }
@media (max-width: 1399.98px) {
    .location-command-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .location-workspace-grid{ grid-template-columns: minmax(0, 1fr); }
    .location-workspace-aside{ grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); align-items: start; }
    .location-form-panel{ position: static; }
}
@media (max-width: 991.98px) {
    .location-workspace-aside{ grid-template-columns: minmax(0, 1fr); }
    .location-list-item{ grid-template-columns: minmax(0, 1fr); }
    .location-list-side{ padding-top: 15px; padding-left: 0; border-top: 1px solid var(--border); border-left: 0; }
}
@media (max-width: 767.98px) {
    .location-command-grid, .location-filter-bar{ grid-template-columns: minmax(0, 1fr); }
    .location-filter-actions, .location-filter-actions .btn{ width: 100%; }
    .location-filter-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .location-mini-stats{ grid-template-columns: minmax(0, 1fr); }
    .location-mini-stats > div{ border-right: 0; border-bottom: 1px solid var(--border); }
    .location-mini-stats > div:last-child{ border-bottom: 0; }
    .location-list-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
    .location-list-actions .btn{ width: 100%; }
    .location-more-menu summary{ width: 100%; }
    .location-more-menu > div{ right: auto; left: 0; }
}
@media (max-width: 480px) {
    .location-command-grid{ gap: 9px; }
    .location-command-card{ padding: 14px; }
    .location-list-main{ display: grid; grid-template-columns: 42px minmax(0, 1fr); }
    .location-avatar{ width: 42px; height: 42px; }
    .location-list-actions{ grid-template-columns: minmax(0, 1fr); }
    .location-more-menu > div{ width: min(260px, calc(100vw - 42px)); }
}
.dashboard-page-admin-leads .app-content{ padding-top: 24px; }
.lead-metric-grid{ gap: 12px; }
.lead-metric-card{ display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.lead-metric-card.is-attention{ border-color: #dfa4a8; background: #fff5f5; }
.lead-metric-icon{ display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 10px; background: #f5f3ef; font-size: 17px; }
.lead-metric-card > div{ min-width: 0; }
.lead-metric-card span, .lead-metric-card strong, .lead-metric-card small{ display: block; }
.lead-metric-card > div > span{ color: var(--muted); font-size: 9px; font-weight: 780; letter-spacing: .055em; text-transform: uppercase; }
.lead-metric-card strong{ margin-top: 4px; overflow: hidden; font-size: 20px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.lead-metric-card small{ margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.lead-panel-header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.lead-panel-header h2{ margin: 3px 0 0; font-size: 19px; }
.lead-panel-header p{ max-width: 760px; margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.lead-header-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.lead-pipeline-board{ display: grid; grid-template-columns: repeat(8, minmax(125px, 1fr)); overflow-x: auto; border-top: 1px solid var(--border); scrollbar-width: thin; }
.lead-pipeline-stage{ display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 5px 8px; min-width: 125px; padding: 15px; border-right: 1px solid var(--border); color: var(--text); text-decoration: none; }
.lead-pipeline-stage:last-child{ border-right: 0; }
.lead-pipeline-stage:hover, .lead-pipeline-stage.is-active{ background: #f7f8f7; }
.lead-pipeline-stage.is-active{ border-bottom: 3px solid var(--accent); padding-bottom: 12px; }
.lead-stage-dot{ width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: #c8bfb3; }
.lead-stage-dot.is-success{ background: var(--success); }
.lead-stage-dot.is-danger{ background: var(--danger); }
.lead-stage-dot.is-warning{ background: #b47a16; }
.lead-stage-dot.is-progress{ background: #426f9e; }
.lead-stage-name{ overflow: hidden; color: var(--muted); font-size: 9px; font-weight: 760; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.lead-pipeline-stage strong, .lead-pipeline-stage small{ grid-column: 2; display: block; }
.lead-pipeline-stage strong{ font-size: 19px; line-height: 1.1; }
.lead-pipeline-stage small{ color: var(--muted); font-size: 9px; }
.lead-workspace-grid{ grid-template-columns: minmax(0, 1.45fr) minmax(410px, .55fr); gap: 20px; align-items: start; }
.lead-workspace-main, .lead-workspace-aside{ min-width: 0; }
.lead-detail-card, .lead-form-panel{ overflow: visible; }
.lead-filter-bar{ display: grid; grid-template-columns: minmax(270px, 1.4fr) repeat(5, minmax(130px, .7fr)) auto; gap: 10px; align-items: end; padding: 14px 16px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.lead-filter-bar .form-label{ margin-bottom: 5px; font-size: 9px; }
.lead-search-field{ position: relative; }
.lead-search-field > i{ position: absolute; top: 50%; left: 12px; z-index: 1; color: var(--muted); transform: translateY(-50%); }
.lead-search-field .form-control{ padding-left: 37px; }
.lead-filter-actions{ display: flex; gap: 7px; }
.lead-table-wrap{ width: 100%; overflow-x: auto; }
.lead-table{ width: 100%; min-width: 1080px; border-collapse: collapse; }
.lead-table th, .lead-table td{ padding: 14px 13px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.lead-table th{ background: #fbfcfb; color: var(--muted); font-size: 9px; font-weight: 780; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
.lead-table tbody tr:last-child td{ border-bottom: 0; }
.lead-table tbody tr:hover, .lead-table tbody tr.is-selected{ background: #fbfaf8; }
.lead-table tbody tr.is-selected > td:first-child{ border-left: 3px solid var(--accent); }
.lead-company-cell{ display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 230px; }
.lead-company-avatar{ display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--border); border-radius: 9px; background: #f4f2ee; color: #2e2b27; font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-weight: 700; }
.lead-company-avatar.is-large{ width: 48px; height: 48px; border-radius: 11px; font-size: 20px; }
.lead-company-cell strong, .lead-company-cell span, .lead-company-cell small, .lead-table td > strong, .lead-table td > span, .lead-table td > small{ display: block; }
.lead-company-cell strong{ overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.lead-company-cell span, .lead-company-cell small, .lead-table td > small{ margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.35; }
.lead-status-badge{ display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 4px 8px; border: 1px solid var(--border); border-radius: 5px; background: #f5f3ef; color: #3e3934; font-size: 9px; font-weight: 760; white-space: nowrap; }
.lead-status-badge > span{ width: 7px; height: 7px; border-radius: 50%; background: #69635c; }
.lead-status-badge.is-success{ border-color: #ded8cf; background: var(--success-bg); color: var(--success); }
.lead-status-badge.is-success > span{ background: var(--success); }
.lead-status-badge.is-danger{ border-color: #e4b7b9; background: var(--danger-bg); color: var(--danger); }
.lead-status-badge.is-danger > span{ background: var(--danger); }
.lead-status-badge.is-warning{ border-color: #dfc996; background: var(--warning-bg); color: var(--warning); }
.lead-status-badge.is-warning > span{ background: #b47a16; }
.lead-status-badge.is-progress{ border-color: #bfd0e1; background: #f1f6fb; color: #315e88; }
.lead-status-badge.is-progress > span{ background: #426f9e; }
.lead-priority{ display: block; width: fit-content; margin-top: 5px; font-size: 9px; font-weight: 700; }
.lead-priority.is-high{ color: var(--danger); }
.lead-priority.is-medium{ color: var(--warning); }
.lead-priority.is-low{ color: var(--muted); }
.lead-next-action{ max-width: 210px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.lead-due-date{ display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.lead-due-date.is-overdue{ color: var(--danger); font-weight: 750; }
.lead-row-action{ text-align: right; }
.lead-empty-state{ display: grid; justify-items: center; gap: 8px; padding: 46px 20px; text-align: center; }
.lead-empty-state > span{ display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--border); border-radius: 11px; background: #f5f3ef; font-size: 19px; }
.lead-empty-state h3, .lead-empty-state p{ margin: 0; }
.lead-empty-state p{ color: var(--muted); font-size: 11px; }
.lead-detail-head{ display: grid; gap: 14px; padding: 20px; border-bottom: 1px solid var(--border); }
.lead-detail-identity{ display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: center; }
.lead-detail-identity h2, .lead-detail-identity p{ margin: 0; }
.lead-detail-identity h2{ overflow: hidden; margin-top: 3px; font-size: 19px; text-overflow: ellipsis; white-space: nowrap; }
.lead-detail-identity p{ margin-top: 4px; color: var(--muted); font-size: 10px; }
.lead-detail-head > .lead-status-badge{ width: fit-content; }
.lead-contact-actions{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--border); }
.lead-contact-actions a, .lead-contact-actions button{ display: grid; justify-items: center; gap: 5px; min-width: 0; padding: 12px 7px; border: 0; border-right: 1px solid var(--border); color: var(--muted); font-size: 9px; text-decoration: none; }
.lead-contact-actions > :last-child{ border-right: 0; }
.lead-contact-actions i{ font-size: 15px; }
.lead-detail-stats{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px 20px; border-bottom: 1px solid var(--border); }
.lead-detail-stats > div{ padding: 9px 10px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.lead-detail-stats > div:nth-child(2n){ border-right: 0; }
.lead-detail-stats > div:nth-last-child(-n + 2){ border-bottom: 0; }
.lead-detail-stats span, .lead-detail-stats strong{ display: block; }
.lead-detail-stats span{ color: var(--muted); font-size: 9px; }
.lead-detail-stats strong{ margin-top: 3px; font-size: 13px; }
.lead-quick-status{ display: grid; gap: 9px; padding: 17px 20px 20px; }
.lead-quick-status > div:not(.lead-lost-reason){ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.lead-lost-reason[hidden]{ display: none !important; }
.lead-form{ display: grid; gap: 0; padding: 0 20px 20px; }
.lead-form-section{ display: grid; gap: 15px; padding: 20px 0; border-bottom: 1px solid var(--border); }
.lead-form-section:last-of-type{ border-bottom: 0; }
.lead-form-heading{ display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; }
.lead-form-heading > span{ display: grid; place-items: center; width: 30px; height: 30px; font-size: 11px; font-weight: 750; }
.lead-form-heading h3, .lead-form-heading p{ margin: 0; }
.lead-form-heading h3{ margin-top: 1px; font-size: 14px; }
.lead-form-heading p{ margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.lead-form-actions{ display: flex; flex-wrap: wrap; gap: 8px; padding-top: 18px; }
.lead-activity-panel .panel-body{ display: grid; gap: 22px; }
.lead-activity-form{ display: grid; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.lead-activity-form > .btn{ width: fit-content; }
.lead-timeline{ display: grid; }
.lead-timeline-item{ display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; position: relative; padding-bottom: 17px; }
.lead-timeline-item:not(:last-child)::before{ content: ""; position: absolute; top: 36px; bottom: 0; left: 17px; width: 1px; background: var(--border); }
.lead-timeline-icon{ display: grid; place-items: center; z-index: 1; width: 36px; height: 36px; border: 1px solid var(--border); }
.lead-timeline-content{ min-width: 0; padding-top: 2px; }
.lead-timeline-content > div{ display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.lead-timeline-content strong{ font-size: 11px; }
.lead-timeline-content span{ flex: 0 0 auto; color: var(--muted); font-size: 8px; }
.lead-timeline-content p{ margin: 6px 0 0; color: #69635c; font-size: 10px; line-height: 1.55; }
.lead-empty-activity{ display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.lead-empty-activity p{ margin: 0; }
.lead-conversion-form{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.lead-conversion-form .form-label{ grid-column: 1 / -1; }
.lead-converted-state{ display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px; border: 1px solid #ded8cf; border-radius: 9px; background: var(--success-bg); }
.lead-converted-state > span{ display: grid; place-items: center; width: 42px; height: 42px; border-radius: 9px; background: #fff; color: var(--success); font-size: 18px; }
.lead-converted-state strong, .lead-converted-state p{ display: block; margin: 0; }
.lead-converted-state p{ margin-top: 4px; color: #ae451b; font-size: 10px; }
.lead-danger-panel .panel-body{ display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.lead-danger-panel h3, .lead-danger-panel p{ margin: 0; }
.lead-danger-panel h3{ margin-top: 3px; font-size: 14px; }
.lead-danger-panel p{ margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.45; }
@media (max-width: 1599.98px) {
    .lead-metric-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lead-filter-bar{ grid-template-columns: minmax(250px, 1.3fr) repeat(3, minmax(130px, .7fr)); }
    .lead-filter-bar > :nth-child(5), .lead-filter-bar > :nth-child(6), .lead-filter-actions{ grid-row: 2; }
}
@media (max-width: 1399.98px) {
    .lead-workspace-grid{ grid-template-columns: minmax(0, 1fr); }
    .lead-workspace-aside{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-detail-card, .lead-form-panel, .lead-activity-panel, .lead-conversion-panel, .lead-danger-panel{ min-width: 0; }
    .lead-form-panel, .lead-activity-panel{ grid-column: span 1; }
}
@media (max-width: 991.98px) {
    .lead-metric-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-filter-bar{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-search-field{ grid-column: 1 / -1; }
    .lead-filter-bar > :nth-child(5), .lead-filter-bar > :nth-child(6), .lead-filter-actions{ grid-row: auto; }
    .lead-workspace-aside{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
    .lead-metric-grid, .lead-filter-bar{ grid-template-columns: minmax(0, 1fr); }
    .lead-search-field{ grid-column: auto; }
    .lead-filter-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-filter-actions .btn{ width: 100%; }
    .lead-panel-header, .lead-danger-panel .panel-body{ align-items: stretch; flex-direction: column; }
    .lead-header-actions{ display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
    .lead-header-actions .btn{ width: 100%; }
    .lead-contact-actions{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-contact-actions > :nth-child(2){ border-right: 0; }
    .lead-contact-actions > :nth-child(-n + 2){ border-bottom: 1px solid var(--border); }
    .lead-quick-status > div:not(.lead-lost-reason), .lead-conversion-form{ grid-template-columns: minmax(0, 1fr); }
    .lead-activity-form > .btn, .lead-form-actions .btn{ width: 100%; }
    .lead-timeline-content > div{ display: grid; }
    .lead-timeline-content span{ margin-top: 3px; }
}
@media (max-width: 480px) {
    .lead-metric-grid{ gap: 9px; }
    .lead-metric-card{ padding: 14px; }
    .lead-detail-stats{ grid-template-columns: minmax(0, 1fr); }
    .lead-detail-stats > div, .lead-detail-stats > div:nth-child(2n), .lead-detail-stats > div:nth-last-child(-n + 2){ border-right: 0; border-bottom: 1px solid var(--border); }
    .lead-detail-stats > div:last-child{ border-bottom: 0; }
    .lead-filter-actions{ grid-template-columns: minmax(0, 1fr); }
}
:root{ --success: #ae451b; --success-bg: #f5f3ef; --warning: #8a5d17; --warning-bg: #fff6e4; --danger: #a23c41; --danger-bg: #fff0f0; --info: #365f86; --info-bg: #eef4f8; --sidebar-width: 272px; --sidebar-width-expanded: 272px; --sidebar-width-collapsed: 78px; --topbar-height: 84px; --radius-sm: 6px; --radius-md: 9px; --radius-lg: 12px; --content-max: 1720px; --focus-ring: 0 0 0 3px rgba(201, 87, 36, .18); }
html, body{ min-height: 100%; background: var(--app-bg); }
body{ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection{ background: #efc4ad; color: var(--text); }
.skip-link{ position: fixed; z-index: 4000; top: 10px; left: 10px; padding: 10px 14px; border: 1px solid var(--black); border-radius: var(--radius-sm); background: #fff; color: var(--text); font-weight: 700; text-decoration: none; transform: translateY(-150%); transition: transform .16s ease; }
.skip-link:focus{ transform: translateY(0); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible{ outline: 2px solid var(--accent) !important; outline-offset: 2px; }
.repify-logo-image{ display: block; width: 118px; height: auto; object-fit: contain; }
.brand-lockup, .access-brand, .access-mobile-brand, .marketing-brand{ color: var(--text); text-decoration: none; }
.brand-lockup{ display: flex; align-items: center; min-width: 0; margin: 0; }
.brand-compact-mark{ display: none; width: 40px; height: 40px; place-items: center; border: 1px solid var(--border); border-radius: 8px; background: #fff; }
.brand-compact-mark img{ width: 25px; height: 25px; object-fit: contain; }
.dashboard-shell{ min-height: 100vh; width: 100%; }
.app-sidebar{ position: fixed; z-index: 1040; inset: 0 auto 0 0; width: var(--sidebar-width); display: flex; flex-direction: column; overflow: hidden; padding: 20px 14px 14px; border-right: 1px solid var(--border); }
.sidebar-top{ min-height: 0; display: flex; flex: 1 1 auto; flex-direction: column; }
.sidebar-brand-row{ display: grid; grid-template-columns: minmax(0, 1fr) 38px; gap: 10px; align-items: center; border-bottom: 1px solid var(--border); }
.sidebar-collapse-button, .mobile-menu-button, .sidebar-logout{ display: grid; place-items: center; padding: 0; border: 1px solid var(--border); border-radius: 7px; background: #fff; color: var(--muted); }
.sidebar-collapse-button{ width: 36px; height: 36px; }
.sidebar-collapse-button:hover, .mobile-menu-button:hover, .sidebar-logout:hover{ border-color: var(--border-strong); background: var(--surface-muted); color: var(--text); }
.sidebar-nav{ min-height: 0; display: flex; flex: 1 1 auto; flex-direction: column; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
.sidebar-label{ line-height: 1.2; text-transform: uppercase; }
.sidebar-label:first-child{ margin-top: 2px; }
.sidebar-nav a{ position: relative; display: flex; align-items: center; border: 1px solid transparent; line-height: 1.3; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.sidebar-nav a i{ flex: 0 0 19px; text-align: center; }
.sidebar-nav a:hover i{ color: var(--text); }
.sidebar-nav a.active, .sidebar-nav a[aria-current="page"]{ font-weight: 750; }
.sidebar-nav a.active::before, .sidebar-nav a[aria-current="page"]::before{ content: ""; position: absolute; inset: 7px auto 7px -4px; border-radius: 3px; }
.sidebar-nav a.active i, .sidebar-nav a[aria-current="page"] i{ color: var(--accent); }
.sidebar-user{ display: grid; grid-template-columns: 38px minmax(0, 1fr) 36px; gap: 10px; align-items: center; border-top: 1px solid var(--border); }
.avatar-initials{ width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #dfc6b7; border-radius: 8px; background: var(--accent-soft); color: #713014; font-size: 12px; font-weight: 800; }
.sidebar-user strong{ color: var(--text); font-weight: 750; }
.sidebar-user small{ margin-top: 2px; color: var(--muted); }
.sidebar-logout{ width: 36px; height: 36px; text-decoration: none; }
.app-main{ min-height: 100vh; width: calc(100% - var(--sidebar-width)); margin-left: var(--sidebar-width); background: var(--app-bg); transition: width .2s ease, margin-left .2s ease; }
.app-topbar{ position: sticky; z-index: 1020; top: 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); backdrop-filter: blur(10px); }
.topbar-heading{ min-width: 0; display: flex; gap: 14px; }
.topbar-title-wrap{ min-width: 0; }
.topbar-company{ display: block; overflow: hidden; font-weight: 800; letter-spacing: .12em; line-height: 1.2; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.app-topbar h1{ margin: 0; color: var(--text); letter-spacing: -.045em; }
.app-topbar p{ max-width: 800px; margin: 5px 0 0; line-height: 1.45; }
.topbar-actions{ display: flex; flex: 0 0 auto; align-items: center; }
.repify-language-form{ min-width: 106px; margin: 0; }
.repify-language-form .form-select{ padding-top: 7px; padding-bottom: 7px; background-color: #fff; }
.mobile-menu-button{ display: none; width: 40px; height: 40px; flex: 0 0 40px; }
.app-content{ width: min(100%, calc(var(--content-max) + clamp(44px, 5vw, 92px))); margin: 0 auto; padding: clamp(24px, 2.5vw, 42px) clamp(22px, 2.5vw, 46px) 84px; }
.support-mode-banner, .billing-access-banner{ display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 16px clamp(22px, 2.5vw, 46px) 0; padding: 12px 14px; border: 1px solid var(--border-strong); background: #fff; }
.support-mode-banner > div, .billing-access-banner > div{ display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }
.support-mode-banner i, .billing-access-banner i{ color: var(--accent); font-size: 17px; }
body.sidebar-collapsed .app-sidebar, html.sidebar-precollapsed .app-sidebar{ width: var(--sidebar-width-collapsed); overflow: visible; padding-inline: 10px; }
body.sidebar-collapsed .app-main, html.sidebar-precollapsed .app-main{ width: calc(100% - var(--sidebar-width-collapsed)); margin-left: var(--sidebar-width-collapsed); }
body.sidebar-collapsed .sidebar-brand-row, html.sidebar-precollapsed .sidebar-brand-row{ display: flex; flex-direction: column; gap: 9px; padding-inline: 0; }
body.sidebar-collapsed .brand-lockup .repify-logo-image, html.sidebar-precollapsed .brand-lockup .repify-logo-image{ display: none; }
body.sidebar-collapsed .brand-compact-mark, html.sidebar-precollapsed .brand-compact-mark{ display: grid; }
body.sidebar-collapsed .sidebar-label, html.sidebar-precollapsed .sidebar-label{ width: 42px; height: 1px; overflow: hidden; margin: 12px auto 7px; padding: 0; background: var(--border); color: transparent; }
body.sidebar-collapsed .sidebar-nav, html.sidebar-precollapsed .sidebar-nav{ overflow: visible; padding-inline: 0; }
body.sidebar-collapsed .sidebar-nav a, html.sidebar-precollapsed .sidebar-nav a{ width: 46px; min-height: 44px; justify-content: center; gap: 0; margin-inline: auto; padding: 9px; }
body.sidebar-collapsed .sidebar-nav a span, html.sidebar-precollapsed .sidebar-nav a span, body.sidebar-collapsed .sidebar-user-copy, html.sidebar-precollapsed .sidebar-user-copy{ display: none; }
body.sidebar-collapsed .sidebar-nav a i, html.sidebar-precollapsed .sidebar-nav a i{ width: auto; font-size: 17px; }
body.sidebar-collapsed .sidebar-nav a::after, html.sidebar-precollapsed .sidebar-nav a::after{ content: attr(data-nav-label); position: absolute; z-index: 1200; top: 50%; left: calc(100% + 12px); min-width: max-content; padding: 7px 9px; border: 1px solid #3c3833; border-radius: 6px; background: #211f1c; color: #fff; font-size: 11px; font-weight: 650; opacity: 0; pointer-events: none; transform: translateY(-50%) translateX(-3px); visibility: hidden; transition: opacity .12s ease, transform .12s ease, visibility .12s ease; }
body.sidebar-collapsed .sidebar-nav a:hover::after, body.sidebar-collapsed .sidebar-nav a:focus-visible::after, html.sidebar-precollapsed .sidebar-nav a:hover::after, html.sidebar-precollapsed .sidebar-nav a:focus-visible::after{ opacity: 1; transform: translateY(-50%) translateX(0); visibility: visible; }
body.sidebar-collapsed .sidebar-user, html.sidebar-precollapsed .sidebar-user{ grid-template-columns: 38px; justify-content: center; gap: 8px; padding-inline: 0; }
body.sidebar-collapsed .sidebar-logout, html.sidebar-precollapsed .sidebar-logout{ margin-inline: auto; }
.btn{ display: inline-flex; align-items: center; justify-content: center; padding: 9px 14px; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.btn-sm{ border-radius: 6px; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active{ border-color: var(--black-hover) !important; background: var(--black-hover) !important; color: #fff !important; }
.btn-brand:hover, .btn-brand:focus, .btn-brand:active{ border-color: var(--accent-hover) !important; background: var(--accent-hover) !important; color: #fff !important; }
.btn-link{ font-weight: 700; text-decoration: none; }
.btn-link:hover{ color: var(--accent-hover); text-decoration: underline; }
.form-label{ line-height: 1.35; }
.form-control, .form-select{ padding: 10px 12px; }
.form-control::placeholder{ color: #aaa198; }
.input-group > .form-control:not(:last-child), .input-group > .form-select:not(:last-child), .input-group > .input-group-text:not(:last-child){ border-radius: 7px 0 0 7px; }
.input-group > .form-control:not(:first-child), .input-group > .form-select:not(:first-child), .input-group > .input-group-text:not(:first-child){ border-radius: 0 7px 7px 0; }
.form-text, .form-hint, .small-note{ color: var(--muted); font-size: 10.5px; line-height: 1.55; }
.panel, .card{ overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: none !important; }
.panel-header{ min-height: 68px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 21px; border-bottom: 1px solid var(--border); background: #fff; }
.panel-header > div:first-child{ min-width: 0; }
.panel-header h2, .panel-header h3{ margin: 0; color: var(--text); font-size: 16px; font-weight: 760; letter-spacing: -.025em; line-height: 1.25; }
.panel-header p{ max-width: 780px; margin: 4px 0 0; color: var(--muted); font-size: 11.5px; line-height: 1.5; }
.panel-footer{ border-top: 1px solid var(--border); }
.app-grid, .app-stack{ gap: clamp(16px, 1.4vw, 24px); }
.eyebrow{ display: block; margin-bottom: 5px; color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.muted{ color: var(--muted) !important; }
.metrics-grid, .lead-metric-grid, .billing-summary-grid{ gap: 13px; }
.metric-card, .lead-metric-card{ min-width: 0; border: 1px solid var(--border); border-radius: 10px; background: #fff; box-shadow: none; }
.metric-card{ min-height: 128px; padding: 17px 18px; }
.metric-card-top{ align-items: flex-start; }
.metric-icon, .lead-metric-icon, .empty-state-icon, .settings-hub-icon, .location-command-icon, .automation-metric-icon, .integration-settings-icon{ border: 1px solid #ebcdbc; border-radius: 8px; background: var(--accent-soft); color: var(--accent); }
.metric-card strong{ margin-top: 13px; color: var(--text); font-weight: 780; letter-spacing: -.05em; line-height: 1; }
.metric-card small{ margin-top: 7px; color: var(--muted); }
.badge-soft{ min-height: 26px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-muted); color: #514b44; font-size: 9.5px; font-weight: 750; line-height: 1.25; }
.status-dot{ width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.status-success{ border-color: #ded8cf; background: var(--success-bg); color: var(--success); }
.status-warning{ border-color: #ead4a5; background: var(--warning-bg); color: var(--warning); }
.status-danger{ border-color: #e5bfc1; background: var(--danger-bg); color: var(--danger); }
.empty-state{ display: grid; justify-items: center; gap: 8px; padding: 52px 24px; text-align: center; }
.empty-state-icon{ display: grid; place-items: center; font-size: 18px; }
.empty-state h3{ margin: 3px 0 0; font-size: 16px; font-weight: 750; }
.empty-state p{ max-width: 520px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.table-responsive, .lead-table-wrap{ overflow: auto; scrollbar-width: thin; }
.table{ vertical-align: middle; }
.table thead th{ position: sticky; z-index: 2; border-bottom-width: 1px; font-weight: 800; line-height: 1.25; text-transform: uppercase; white-space: nowrap; }
.table tbody tr:last-child > *{ border-bottom: 0; }
.table td strong{ color: var(--text); font-weight: 730; }
.dashboard-next-action{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; overflow: hidden; margin-bottom: 18px; padding: clamp(22px, 2.2vw, 32px); border: 1px solid #e2c5b5; border-left: 4px solid var(--accent); background: #fff; }
.dashboard-next-action::after{ content: ""; position: absolute; inset: 0 0 0 auto; width: 145px; background: var(--accent-softer); clip-path: polygon(44% 0, 100% 0, 100% 100%, 0 100%); pointer-events: none; }
.dashboard-next-action > *{ position: relative; z-index: 1; }
.dashboard-next-action h2{ margin: 0; font-weight: 770; letter-spacing: -.04em; }
.dashboard-next-action p{ max-width: 720px; margin: 7px 0 0; color: var(--muted); font-size: 12.5px; }
.dashboard-quick-links, .dashboard-connection-list{ gap: 8px; }
.dashboard-quick-links a, .dashboard-connection-list a, .settings-hub-card, .location-command-card{ border: 1px solid var(--border); border-radius: 8px; background: #fff; color: var(--text); text-decoration: none; transition: border-color .15s ease, background-color .15s ease, transform .15s ease; }
.dashboard-quick-links a:hover, .dashboard-connection-list a:hover, .settings-hub-card:hover, .location-command-card:hover{ border-color: #d8aa91; background: var(--accent-softer); transform: translateY(-1px); }
.funnel-list > div, .platform-compact-stats > div, .platform-status-breakdown > div, .billing-account-facts > div, .billing-usage-item{ border-color: var(--border); }
.reputation-filters{ display: grid; grid-template-columns: minmax(150px, .65fr) minmax(150px, .65fr) minmax(240px, 1.5fr) auto; gap: 12px; align-items: end; border-bottom: 1px solid var(--border); background: var(--surface-soft); }
.reputation-queue{
    display: grid;
    margin: 15px;
}
.reputation-item{ min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) minmax(150px, auto); gap: 14px; align-items: start; padding: 17px 20px; border-bottom: 1px solid var(--border); color: var(--text); text-decoration: none; transition: background-color .15s ease; }
.reputation-item:last-child{ border-bottom: 0; }
.reputation-item:hover{ background: #fcfaf7; }
.reputation-item.is-overdue{ box-shadow: inset 3px 0 0 var(--danger); }
.reputation-item-icon{ width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); color: var(--accent); }
.reputation-item-main, .reputation-item-status{ min-width: 0; }
.reputation-item-heading{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.reputation-item-heading strong{ font-size: 13px; }
.reputation-item-heading > span{ color: var(--muted); font-size: 10px; }
.reputation-item-main p{ display: -webkit-box; overflow: hidden; margin: 7px 0; color: #4f4942; font-size: 11.5px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.reputation-item-meta{ display: flex; flex-wrap: wrap; gap: 10px 16px; color: var(--muted); font-size: 9.5px; }
.reputation-item-meta span{ display: inline-flex; align-items: center; gap: 5px; }
.reputation-item-status{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.settings-hub-hero{ margin-bottom: 18px; border-left: 4px solid var(--accent); }
.settings-hub-hero .panel-body{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .45fr); gap: 30px; align-items: center; }
.settings-hub-hero h2{ margin: 0; font-size: clamp(22px, 2vw, 30px); letter-spacing: -.04em; }
.settings-hub-hero p{ max-width: 720px; margin: 8px 0 0; color: var(--muted); }
.settings-hub-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.settings-hub-card{ min-height: 150px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 13px; align-items: start; padding: 18px; }
.settings-hub-icon{ width: 44px; height: 44px; display: grid; place-items: center; }
.settings-hub-card h3, .settings-hub-card p{ margin: 0; }
.settings-hub-card h3{ font-size: 14px; font-weight: 750; }
.settings-hub-card p{ margin-top: 5px; color: var(--muted); font-size: 10.5px; line-height: 1.55; }
.integration-workspace, .connection-section, .automation-builder-step, .location-command-card, .integration-card, .connection-command{ border-color: var(--border); border-radius: 9px; box-shadow: none !important; }
.integration-workspace-head, .connection-card-heading, .automation-step-heading{ border-color: var(--border); background: var(--surface-soft); }
.integration-brand-logo{ width: 52px; height: 52px; padding: 8px; border: 1px solid var(--border); border-radius: 9px; background: #fff; object-fit: contain; }
.integration-benefit-list, .integration-connect-guide, .process-list, .health-check-list, .workspace-status-list{ gap: 9px; }
.integration-benefit-list li, .integration-connect-guide li, .process-list li, .health-check, .workspace-status-list > div{ border-color: var(--border); border-radius: 8px; background: var(--surface-soft); }
.integration-flow-step, .automation-step-number, .process-list li > span:first-child{ border-color: #e4bfa9; background: var(--accent-soft); color: var(--accent); }
.integration-account-strip{ border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); }
.automation-row, .integration-rule-form, .settings-switch, .toggle-row, .field-config-card, .question-item, .revision-item{ border-color: var(--border); border-radius: 8px; background: #fff; }
.automation-row:hover, .settings-switch:hover, .toggle-row:hover{ border-color: #d6b19a; }
.location-command-card{ padding: 17px; }
.location-state-badge{ border-radius: 6px; }
.dashboard-page-invitations .app-grid{ align-items: start; }
.dashboard-page-invitations #manual-invitation{ scroll-margin-top: calc(var(--topbar-height) + 24px); }
.process-list{ margin: 0; padding: 0; list-style: none; }
.process-list li{ display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; padding: 12px; }
.process-list li > span:first-child{ width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #e6c0aa; border-radius: 7px; font-size: 11px; font-weight: 800; }
.process-list strong, .process-list small{ display: block; }
.process-list strong{ font-size: 11.5px; }
.process-list small{ margin-top: 3px; color: var(--muted); font-size: 9.5px; }
.production-toolbar{ position: sticky; z-index: 1015; top: calc(var(--topbar-height) + 1px); display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -10px -10px 18px; padding: 10px; border-bottom: 1px solid var(--border); background: rgba(245, 243, 239, .98); backdrop-filter: blur(8px); }
.editor-layout, .editor-layout-production{ gap: 16px; }
.editor-control-panel, .preview-panel-production{ border-radius: 11px; }
.editor-tabs, .preview-switcher, .preview-flow-toolbar{ display: flex; gap: 3px; padding: 4px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-muted); }
.editor-tabs button, .preview-switcher button, .preview-flow-toolbar button{ min-height: 34px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--muted); font-size: 10.5px; font-weight: 700; }
.editor-tabs button.active, .preview-switcher button.active, .preview-flow-toolbar button.active{ border-color: var(--border); background: #fff; color: var(--text); }
.section-intro{ margin-bottom: 22px; padding-bottom: 17px; border-bottom: 1px solid var(--border); }
.section-intro h2{ margin: 3px 0 5px; font-size: 20px; letter-spacing: -.035em; }
.section-intro p{ max-width: 680px; margin: 0; color: var(--muted); font-size: 11.5px; }
.editor-subsection{ margin-top: 24px; padding-top: 21px; border-top: 1px solid var(--border); }
.editor-subsection h3{ margin: 0 0 14px; font-size: 14px; }
.design-preset, .color-control, .template-card{ border-color: var(--border); border-radius: 8px; box-shadow: none !important; }
.design-preset:hover, .design-preset.active, .template-card:hover, .template-card.active{ border-color: var(--accent); background: var(--accent-softer); }
.preview-stage, .preview-stage-production{ border-color: var(--border); background: #e9e4dc; }
.preview-frame{ border-color: #bfb6aa; border-radius: 8px; background: #fff; box-shadow: none !important; }
.billing-plan-card{ border-color: var(--border); box-shadow: none !important; }
.billing-price-row strong{ color: var(--text); letter-spacing: -.045em; }
progress{ accent-color: var(--accent); }
.superadmin-body .topbar-company{ color: var(--accent); }
.platform-attention-list, .platform-compact-stats, .platform-status-breakdown{ gap: 8px; }
.platform-attention-item{ border-color: var(--border); border-radius: 8px; }
.platform-attention-item:not(.is-clear){ border-left: 3px solid var(--warning); }
.platform-attention-item.is-clear{ background: var(--success-bg); }
.lead-page{ display: grid; gap: 16px; }
.lead-metric-grid{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.lead-metric-card{ min-height: 112px; padding: 15px; }
.lead-pipeline-board{ gap: 8px; padding: 14px; background: var(--surface-soft); }
.lead-pipeline-stage{ border-color: var(--border); border-radius: 8px; background: #fff; }
.lead-filter-bar{ border-color: var(--border); background: var(--surface-soft); }
.lead-detail-head, .lead-contact-actions, .lead-detail-stats, .lead-form-section, .lead-activity-form{ border-color: var(--border); }
.lead-form-heading > span{ border-radius: 7px; background: var(--accent); color: #fff; }
.lead-contact-actions a, .lead-contact-actions button{ background: #fff; }
.lead-contact-actions a:hover, .lead-contact-actions button:hover{ background: var(--accent-softer); color: var(--accent-hover); }
.lead-timeline-icon{ border-color: var(--border); border-radius: 8px; background: var(--surface-soft); color: var(--accent); }
.onboarding-body{ min-height: 100vh; background: var(--app-bg); color: var(--text); }
.onboarding-app{ min-height: 100vh; display: grid; grid-template-columns: 314px minmax(0, 1fr); align-items: stretch; background: var(--black); }
.onboarding-sidebar{ position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 24px 22px 20px; border-right: 1px solid var(--border); }
.onboarding-sidebar .repify-logo-image{ width: 124px; }
.onboarding-sidebar-copy{ margin: 36px 0 25px; }
.onboarding-sidebar-copy .eyebrow{ color: #e5a583; }
.onboarding-sidebar-copy h1{ margin: 7px 0 11px; color: #fff; font-size: clamp(24px, 2.1vw, 31px); letter-spacing: -.045em; line-height: 1.12; }
.onboarding-sidebar-copy p{ margin: 0; color: rgba(255, 255, 255, .68); font-size: 12px; line-height: 1.6; }
.onboarding-step-list{ display: grid; gap: 4px; }
.onboarding-step-link{ min-height: 52px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 9px; border: 1px solid transparent; color: rgba(255, 255, 255, .63); text-decoration: none; }
.onboarding-step-link:hover, .onboarding-step-link:focus-visible{ border-color: rgba(255, 255, 255, .15); color: #fff; }
.onboarding-step-link.is-active{ border-color: #a94a22; background: #2c201b; color: #fff; }
.onboarding-step-link.is-done{ color: rgba(255, 255, 255, .86); }
.onboarding-step-icon{ width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .18); border-radius: 7px; }
.onboarding-step-link.is-active .onboarding-step-icon, .onboarding-step-link.is-done .onboarding-step-icon{ border-color: var(--accent); background: var(--accent); color: #fff; }
.onboarding-main{ min-width: 0; min-height: 100vh; background: var(--app-bg); }
.onboarding-topbar{ position: sticky; z-index: 20; top: 0; min-height: 76px; padding: 13px 30px; border-bottom: 1px solid var(--border); backdrop-filter: blur(8px); }
.onboarding-content{ width: min(100%, 1180px); margin: 0 auto; padding: clamp(24px, 3vw, 44px); }
.onboarding-card, .onboarding-card--wide, .onboarding-section-block, .onboarding-info{ border-color: var(--border); border-radius: 10px; box-shadow: none !important; }
.onboarding-section-heading > span{ border-radius: 7px; background: var(--accent); color: #fff; }
.onboarding-actions{ position: sticky; z-index: 10; bottom: 0; padding: 14px 0 4px; border-top: 1px solid var(--border); background: rgba(245, 243, 239, .97); backdrop-filter: blur(8px); }
body.access-body{ min-height: 100vh; padding: 0; background: var(--app-bg); }
body.access-body .access-shell{ min-height: 100vh; display: grid; grid-template-columns: minmax(360px, .82fr) minmax(520px, 1.18fr); background: var(--app-bg); }
body.access-body .access-intro{ min-width: 0; display: flex; flex-direction: column; padding: clamp(34px, 5vw, 72px); border-right: 1px solid var(--border); background: var(--app-bg); color: var(--text); }
body.access-body .access-brand .repify-logo-image{ width: 132px; }
body.access-body .access-intro-content{ width: min(560px, 100%); margin: auto 0; }
body.access-body .access-kicker{ color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
body.access-body .access-intro h1{ max-width: 560px; margin: 12px 0 17px; color: var(--text); font-size: clamp(38px, 4.5vw, 64px); font-weight: 710; letter-spacing: -.055em; line-height: 1.02; }
body.access-body .access-intro-content > p{ max-width: 535px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
body.access-body .access-summary{ width: min(520px, 100%); margin-top: 34px; overflow: hidden; border: 1px solid var(--border); border-radius: 9px; background: #ffffff; }
body.access-body .access-summary-header, body.access-body .access-summary-row{ border-color: var(--border); }
body.access-body .access-summary-header span, body.access-body .access-summary-header small, body.access-body .access-summary-row span{ color: var(--muted); }
body.access-body .access-summary-header strong, body.access-body .access-summary-row strong{ color: var(--text); }
body.access-body .access-assurance{ color: var(--muted); }
body.access-body .access-assurance i{ color: var(--accent); }
body.access-body .access-form-panel{ min-width: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: clamp(38px, 6vw, 86px); }
body.access-body .access-form-container{ width: min(455px, 100%); }
body.access-body .access-register-container{ width: min(650px, 100%); }
body.access-body .access-form-header{ margin-bottom: 28px; }
body.access-body .access-form-header h2{ margin: 0; color: var(--text); font-size: clamp(31px, 3vw, 41px); font-weight: 740; letter-spacing: -.045em; line-height: 1.08; }
body.access-body .access-form-header p{ margin: 11px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
body.access-body .access-form{ gap: 19px; }
body.access-body .access-submit{ min-height: 48px; width: 100%; justify-content: space-between; margin-top: 2px; padding-inline: 16px; }
body.access-body .access-switch{ color: var(--muted); }
body.access-body .access-switch a, body.access-body .access-label-row a{ color: var(--accent); font-weight: 700; }
body.access-body .access-password-field button{ color: var(--muted); }
body.access-body .access-language-switch{ z-index: 80; }
body.access-body .access-mobile-brand{ display: none; }

 .case-summary-card, .thread-message, .review-question-stack{ border-color: rgba(27, 25, 23, .12); border-radius: 9px; box-shadow: none !important; }

.repify-toast{ border-left-width: 4px; }
.modal-content, dialog{ border: 1px solid var(--border); border-radius: 10px; box-shadow: none !important; }
.marketing-body{ background: var(--app-bg); }
.marketing-brand .repify-logo-image{ width: 122px; }
.marketing-hero, .marketing-section{ border-color: var(--border); box-shadow: none !important; }
.marketing-hero h1{ color: var(--text); letter-spacing: -.055em; }
@media (max-width: 1399.98px) {
    .settings-hub-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-metric-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .editor-layout-production, .editor-layout{ grid-template-columns: minmax(0, 1fr) !important; }
    .editor-sticky{ position: static !important; }
}
@media (max-width: 1199.98px) {
    body.access-body .access-shell{ grid-template-columns: minmax(330px, .72fr) minmax(470px, 1.28fr); }
    .reputation-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reputation-search{ grid-column: 1 / -1; }
}
@media (max-width: 991.98px) {
    :root{ --topbar-height: 72px; }
    .app-sidebar{ transform: translateX(-102%); transition: transform .2s ease; }
    .app-sidebar.open{ transform: translateX(0); }
    .sidebar-collapse-button{ display: none; }
    .app-main, body.sidebar-collapsed .app-main, html.sidebar-precollapsed .app-main{ width: 100%; margin-left: 0; }
    .mobile-menu-button{ display: grid; }
    .sidebar-backdrop{ position: fixed; z-index: 1030; inset: 0; display: block; border: 0; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .18s ease, visibility .18s ease; }
    .sidebar-backdrop.show{ opacity: 1; pointer-events: auto; visibility: visible; }
    .app-topbar{ padding: 12px 18px; }
    .app-content{ padding: 22px 18px 60px; }
    .support-mode-banner, .billing-access-banner{ margin-inline: 18px; }
    .onboarding-app{ display: block; background: var(--app-bg); }
    .onboarding-sidebar{ position: static; width: 100%; height: auto; padding: 18px; }
    .onboarding-sidebar-copy{ margin: 22px 0 16px; }
    .onboarding-step-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .onboarding-step-link{ grid-template-columns: 30px minmax(0, 1fr); }
    .onboarding-step-icon{ width: 30px; height: 30px; }
    body.access-body .access-shell{ display: block; }
    body.access-body .access-intro{ display: none; }
    body.access-body .access-form-panel{ min-height: 100vh; padding: 72px 22px 42px; }
    body.access-body .access-mobile-brand{ display: block; margin-bottom: 36px; }
    body.access-body .access-mobile-brand .repify-logo-image{ width: 126px; }
}
@media (max-width: 767.98px) {
    .app-topbar{ gap: 10px; padding-inline: 14px; }
    .topbar-company{ display: none; }
    .topbar-actions .repify-language-form, .topbar-actions .btn-outline-secondary{ display: none; }
    .topbar-actions .btn{ width: 40px; min-height: 40px; padding: 0; }
    .topbar-actions .btn span{ display: none; }
    .app-content{ padding-inline: 14px; }
    .support-mode-banner, .billing-access-banner{ align-items: stretch; flex-direction: column; margin-inline: 14px; }
    .panel-header{ align-items: stretch; flex-direction: column; padding: 17px; }
    .panel-header > .btn, .panel-header > .d-flex, .panel-header > form{ width: 100%; }
    .panel-header > .d-flex .btn{ flex: 1 1 auto; }
    .metrics-grid, .lead-metric-grid, .settings-hub-grid{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .dashboard-next-action{ align-items: stretch; flex-direction: column; padding: 21px; }
    .dashboard-next-action::after{ display: none; }
    .dashboard-next-action .btn{ width: 100%; }
    .settings-hub-hero .panel-body{ grid-template-columns: minmax(0, 1fr); }
    .settings-hub-card{ min-height: 0; grid-template-columns: 40px minmax(0, 1fr) auto; padding: 15px; }
    .settings-hub-icon{ width: 40px; height: 40px; }
    .reputation-filters{ grid-template-columns: minmax(0, 1fr); }
    .reputation-search{ grid-column: auto; }
    .reputation-filters .btn{ width: 100%; }
    .reputation-item{ grid-template-columns: 40px minmax(0, 1fr); padding: 15px; }
    .reputation-item-status{ grid-column: 2; justify-content: flex-start; }
    .production-toolbar{ position: static; align-items: stretch; flex-direction: column; margin: 0 0 16px; padding: 0; border: 0; background: transparent; backdrop-filter: none; }
    .toolbar-actions, .toolbar-statuses{ width: 100%; }
    .toolbar-actions .btn{ flex: 1 1 auto; }
    .onboarding-step-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .onboarding-topbar{ padding-inline: 18px; }
    .onboarding-content{ padding: 22px 16px 42px; }

}
@media (max-width: 575.98px) {
    .topbar-actions{ display: none; }
    .metrics-grid, .lead-metric-grid, .settings-hub-grid{ grid-template-columns: minmax(0, 1fr); }
    .settings-hub-card{ grid-template-columns: 40px minmax(0, 1fr); }
    .settings-hub-card > i:last-child, .settings-hub-card > .bi-chevron-right{ display: none; }
    .reputation-item{ grid-template-columns: minmax(0, 1fr); }
    .reputation-item-icon{ display: none; }
    .reputation-item-status{ grid-column: auto; }
    .onboarding-step-list{ grid-template-columns: minmax(0, 1fr); }
    .onboarding-step-link{ min-height: 48px; }
    body.access-body .access-form-panel{ padding-inline: 16px; }

}
.upgrade-brand-logo{ display: inline-flex; align-items: center; justify-content: center; min-width: 138px; }
.upgrade-brand-logo img{ display: block; width: 132px; height: auto; }
@media (max-width: 575.98px) {
    .upgrade-brand{ align-items: flex-start; flex-direction: column; }
}
:root{ --app-bg: #f5f3ef; --surface: #ffffff; --surface-soft: #faf8f5; --surface-muted: #f0ede7; --surface-strong: #e8e3da; --border: #ded8cf; --border-strong: #c8bfb3; --text: #1b1917; --muted: #69635c; --muted-2: #8b837a; --black: #171614; --black-hover: #2b2824; --accent: #c95724; --accent-hover: #ae451b; --accent-soft: #f9e9df; --accent-softer: #fff8f3; --repify-accent: #c95724; --template-primary: #c95724; }
html, body, .dashboard-body, .dashboard-shell, .app-main, .app-content, .access-body, .marketing-body, .upgrade-page{ background-color: #f5f3ef !important; }
.app-main, .app-content{ background-image: none !important; }
.panel, .card, .modal-content, .table-responsive, .workspace-intro, .metric-card, .lead-metric-card, .settings-hub-card, .integration-card, .automation-rule-card, .reputation-item, .location-list-item, .lead-detail-card, .upgrade-card{ background-color: #ffffff; }
.empty-state, .filter-bar, .toolbar, .automation-row, .automation-action-row, .automation-preview, .location-mini-stats, .location-state-badge, .lead-timeline-icon, .access-summary, .access-steps li > span, .access-password-field button:hover{ background-color: #faf8f5 !important; }
.btn-dark, .access-submit, .upgrade-page .btn-dark, .preview-switcher button.active{ border-color: #171614 !important; background-color: #171614 !important; color: #ffffff !important; }
.btn-dark:hover, .btn-dark:focus, .access-submit:hover, .access-submit:focus, .upgrade-page .btn-dark:hover{ border-color: #2b2824 !important; background-color: #2b2824 !important; color: #ffffff !important; }
[data-action="primary-accent"]{ border-color: #c95724 !important; background-color: #c95724 !important; color: #ffffff !important; }
[data-action="primary-accent"]:hover{ border-color: #ae451b !important; background-color: #ae451b !important; }
.sidebar-nav a.active, .sidebar-nav a[aria-current="page"], .integration-card.is-selected, .settings-hub-card:hover{ border-color: #dfc6b7 !important; background-color: #fff8f3 !important; color: #1b1917 !important; }
.sidebar-nav a.active::before, .sidebar-nav a[aria-current="page"]::before{ background-color: #c95724 !important; }
.sidebar-nav a.active i, .sidebar-nav a[aria-current="page"] i{ color: #c95724 !important; }
.form-control:focus, .form-select:focus, .form-check-input:focus, .color-control input:focus, input:focus, select:focus, textarea:focus{ border-color: #c95724 !important; box-shadow: 0 0 0 3px rgba(201, 87, 36, .16) !important; }
.form-check-input:checked, .form-switch .form-check-input:checked, input[type="checkbox"]:checked, input[type="radio"]:checked{ border-color: #c95724 !important; background-color: #c95724 !important; }
input[type="range"], progress{ accent-color: #c95724; }
.location-readiness progress::-webkit-progress-value, .billing-usage-item progress::-webkit-progress-value{ background: #c95724 !important; }
.location-readiness progress::-moz-progress-bar, .billing-usage-item progress::-moz-progress-bar{ background: #c95724 !important; }

.device-preview-stage{ background: #f5f3ef !important; }

body.access-body .access-shell, body.access-body .access-intro{ background: #f5f3ef !important; }
body.access-body .access-form-panel{ background: #ffffff !important; }
body.access-body .access-form-container, body.access-body .access-register-container{ padding: clamp(24px, 3vw, 38px); border: 1px solid #ded8cf; border-radius: 10px; background: #ffffff; }
body.access-body .access-summary, body.access-body .access-unavailable{ border-color: #ded8cf !important; }
body.access-body .access-assurance i, body.access-body .access-summary-header small, body.access-body .access-summary-header small span{ color: #c95724 !important; }
body.access-body .access-summary-header small span{ background: #c95724 !important; }


.upgrade-page{ background: #f5f3ef !important; }
.upgrade-card{ border-color: #ded8cf !important; }
.status-success, .alert-success, .is-success, .status-ok{ --semantic-success: #ae451b; }
:root{ --repify-page: #f5f3ef; --repify-surface: #ffffff; --repify-surface-soft: #faf8f5; --repify-surface-muted: #f0ede7; --repify-surface-strong: #e8e3da; --repify-ink: #171614; --repify-ink-soft: #3e3934; --repify-muted: #69635c; --repify-muted-light: #8b837a; --repify-line: #ded8cf; --repify-line-strong: #c8bfb3; --repify-orange: #c95724; --repify-orange-dark: #ae451b; --repify-orange-soft: #f9e9df; --repify-orange-softer: #fff8f3; --repify-danger: #983c40; --repify-danger-soft: #fff3f3; --repify-warning: #7b5817; --repify-warning-soft: #fff8e9; --repify-info: #4a453f; --repify-info-soft: #f0ede7; --repify-radius-xs: 6px; --repify-radius-sm: 8px; --repify-radius-md: 11px; --repify-radius-lg: 14px; --repify-radius-xl: 18px; --repify-shadow-float: 0 18px 45px rgba(23, 22, 20, .09); --repify-focus: 0 0 0 3px rgba(201, 87, 36, .18); }
html{ background: var(--repify-page); color-scheme: light; scroll-behavior: smooth; }
body, .dashboard-shell, .app-main, .app-content, .marketing-body, .onboarding-body, .upgrade-page, .installer-shell{ background-color: var(--repify-page) !important; }
body{ color: var(--repify-ink); font-size: 14px; line-height: 1.55; }
body.sidebar-open, html.sidebar-open{ overflow: hidden; overscroll-behavior: none; }
body img, body svg{ max-width: 100%; }
body a{ text-underline-offset: 3px; }
body code, body kbd, body pre, .font-monospace{ font-variant-ligatures: none; }
hr{ border-color: var(--repify-line); opacity: 1; }
::placeholder{ color: #aaa398 !important; opacity: 1; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{ outline: 2px solid var(--repify-orange) !important; outline-offset: 2px; }
:where(button, .btn, a, input, select, textarea){ -webkit-tap-highlight-color: transparent; }
[hidden]{ display: none !important; }
.app-sidebar{ background: #fbfaf8; border-color: var(--repify-line); }
.sidebar-brand-row{ min-height: 62px; padding: 2px 5px 17px; }
.brand-lockup .repify-logo-image{ width: 126px; }
.sidebar-collapse-button, .sidebar-mobile-close, .mobile-menu-button, .sidebar-logout{ width: 40px; height: 40px; min-height: 40px; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-sm); background: var(--repify-surface); color: var(--repify-muted); box-shadow: none; }
.sidebar-collapse-button:hover, .sidebar-mobile-close:hover, .mobile-menu-button:hover, .sidebar-logout:hover{ border-color: var(--repify-line-strong); background: var(--repify-surface-muted); color: var(--repify-ink); }
.sidebar-nav{ gap: 4px; padding: 14px 2px 24px; }
.sidebar-label{ margin: 20px 11px 7px; color: var(--repify-muted-light); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.sidebar-nav a{ min-height: 44px; gap: 12px; padding: 10px 11px; border-radius: var(--repify-radius-sm); color: #5c564f; font-size: 13.5px; font-weight: 650; }
.sidebar-nav a i{ width: 20px; flex-basis: 20px; color: #827a71; font-size: 16px; }
.sidebar-nav a:hover{ border-color: var(--repify-line); background: #f2eee8; color: var(--repify-ink); }
.sidebar-nav a.active, .sidebar-nav a[aria-current="page"]{ border-color: #e1c3b3; background: var(--repify-orange-softer); color: var(--repify-ink); }
.sidebar-nav a.active::before, .sidebar-nav a[aria-current="page"]::before{ inset-block: 8px; left: -4px; width: 3px; background: var(--repify-orange); }
.sidebar-user{ min-height: 68px; padding: 14px 5px 2px; }
.sidebar-user strong{ font-size: 12.5px; }
.sidebar-user small{ font-size: 10.5px; }
.app-topbar{ min-height: 88px; gap: 22px; padding: 14px clamp(22px, 2.5vw, 44px); border-color: var(--repify-line); background: rgba(245, 243, 239, .97); box-shadow: 0 1px 0 rgba(23, 22, 20, .02); }
.topbar-heading{ align-items: flex-start; }
.topbar-company{ margin-bottom: 4px; color: var(--repify-orange); font-size: 10px; }
.app-topbar h1{ font-size: clamp(24px, 2vw, 32px); font-weight: 780; line-height: 1.05; }
.app-topbar p{ margin-top: 6px; color: var(--repify-muted); font-size: 12.5px; }
.topbar-actions{ gap: 9px; }
.repify-language-form .form-select{ min-height: 40px; font-size: 12px; }
.app-content{ padding-top: clamp(25px, 2.5vw, 42px); }
.support-mode-banner, .billing-access-banner{ border-radius: var(--repify-radius-md); box-shadow: none; }
.btn, .repify-button{ min-height: 42px; border-radius: var(--repify-radius-sm); font-size: 12.5px; font-weight: 750; line-height: 1.25; box-shadow: none !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; }
.btn:hover, .repify-button:hover{ transform: translateY(-1px); }
.btn:active, .repify-button:active{ transform: translateY(0); }
.btn-dark{ border-color: var(--repify-ink); background: var(--repify-ink); color: #fff; }
.btn-brand{ border-color: var(--repify-orange); background: var(--repify-orange); color: #fff; }
.btn-outline-danger{ border-color: #d5a7aa; background: #fff; color: var(--repify-danger); }
.btn-outline-danger:hover{ border-color: var(--repify-danger); background: var(--repify-danger-soft); color: #772f33; }
.btn-link{ color: var(--repify-orange-dark); }
.icon-button{ width: 40px; height: 40px; min-height: 40px; display: inline-grid; place-items: center; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-sm); background: #fff; color: var(--repify-muted); }
.icon-button:hover{ border-color: var(--repify-line-strong); background: var(--repify-surface-muted); color: var(--repify-ink); }
.form-control:disabled, .form-select:disabled, .form-control[readonly], .form-select[readonly]{ border-color: var(--repify-line); background: var(--repify-surface-muted); color: #756e66; opacity: 1; }
textarea.form-control{ min-height: 120px; line-height: 1.6; resize: vertical; }
.form-text, .form-hint, .small-note, .help{ color: var(--repify-muted); line-height: 1.55; }
.form-check-input{ border-color: #a99f94; box-shadow: none; }
.form-check-input:focus{ border-color: var(--repify-orange); box-shadow: var(--repify-focus); }
.form-switch .form-check-input{ width: 2.5em; min-height: 1.35em; }
.input-group > .btn{ min-height: 44px; }
.panel, .card, .editor-section, .editor-subsection, .settings-section, .connection-section, .integration-workspace, .onboarding-card, .case-summary-card{ border-color: var(--repify-line); border-radius: var(--repify-radius-lg); background: var(--repify-surface); box-shadow: none !important; }
.panel{ overflow: clip; }
.panel-header, .lead-panel-header, .location-panel-header{ align-items: flex-start; gap: 18px; border-color: var(--repify-line); background: #fff; }
.panel-header h2, .panel-header h3, .lead-panel-header h2, .location-panel-header h2{ font-weight: 770; line-height: 1.25; }
.panel-header p, .lead-panel-header p, .location-panel-header p{ margin-top: 5px; color: var(--repify-muted); line-height: 1.5; }
.panel-body{ padding: clamp(20px, 1.7vw, 27px); }
.panel-footer{ padding: 15px 21px; border-color: var(--repify-line); background: var(--repify-surface-soft); }
.eyebrow, .section-label, .platform-summary-eyebrow, .automation-example-label{ color: var(--repify-orange); font-weight: 800; letter-spacing: .11em; }
.metrics-grid, .lead-metric-grid, .automation-metrics, .billing-summary-grid{ gap: 14px; }
.metric-card, .lead-metric-card, .period-comparison-card, .integration-summary-card{ border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; box-shadow: none; }
.metric-card, .lead-metric-card{ min-height: 132px; padding: 18px; }
.metric-label{ color: var(--repify-muted-light); font-size: 10px; font-weight: 800; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; }
.metric-icon, .lead-metric-icon, .empty-state-icon, .settings-hub-icon, .location-command-icon, .automation-metric-icon, .integration-settings-icon, .review-priority-icon, .platform-attention-icon, .connection-provider-icon, .review-provider-health-icon{ border: 1px solid #ebcdbc; border-radius: var(--repify-radius-sm); background: var(--repify-orange-soft); color: var(--repify-orange); }
.metric-card strong{ font-size: clamp(28px, 2vw, 35px); }
.metric-card small{ font-size: 11px; }
.badge-soft, .connection-state, .status-pill, .location-state-badge, .lead-status-badge, .comparison-badge{ min-height: 27px; border-radius: 999px; font-weight: 750; }
.status-success, .is-success{ border-color: #ded8cf !important; background: var(--repify-surface-muted) !important; color: var(--repify-orange-dark) !important; }
.status-warning, .is-warning{ border-color: #ead4a5 !important; background: var(--repify-warning-soft) !important; color: var(--repify-warning) !important; }
.status-danger, .is-danger{ border-color: #e5bfc1 !important; background: var(--repify-danger-soft) !important; color: var(--repify-danger) !important; }
.status-info, .is-info{ border-color: #c8d8e7 !important; background: var(--repify-info-soft) !important; color: var(--repify-info) !important; }
.alert{ border-radius: var(--repify-radius-sm); font-size: 12.5px; line-height: 1.55; }
.alert-success{ border-color: #ddc6b9; background: var(--repify-orange-softer); color: #7e3518; }
.alert-warning{ border-color: #e8d09a; background: var(--repify-warning-soft); color: var(--repify-warning); }
.alert-danger{ border-color: #e4babc; background: var(--repify-danger-soft); color: #7f282d; }
.platform-section-tabs, .editor-tabs, .feedback-view-tabs, .automation-section-nav, .settings-section-nav{ display: flex; gap: 6px; overflow-x: auto; padding: 5px; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: #ece8e1; scrollbar-width: none; }
.platform-section-tabs::-webkit-scrollbar, .editor-tabs::-webkit-scrollbar, .feedback-view-tabs::-webkit-scrollbar, .automation-section-nav::-webkit-scrollbar, .settings-section-nav::-webkit-scrollbar{ display: none; }
.platform-section-tabs a, .editor-tabs button, .feedback-view-tabs a, .automation-section-nav a, .settings-section-nav a{ min-height: 38px; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; padding: 8px 13px; border: 1px solid transparent; border-radius: var(--repify-radius-sm); background: transparent; color: var(--repify-muted); font-size: 11.5px; font-weight: 750; text-decoration: none; }
.platform-section-tabs a:hover, .editor-tabs button:hover, .feedback-view-tabs a:hover, .automation-section-nav a:hover, .settings-section-nav a:hover{ color: var(--repify-ink); }
.platform-section-tabs a.active, .editor-tabs button.active, .feedback-view-tabs a.active, .automation-section-nav a.active, .settings-section-nav a.active, .platform-section-tabs a[aria-current="page"]{ border-color: var(--repify-line); background: #fff; color: var(--repify-ink); box-shadow: 0 1px 2px rgba(23, 22, 20, .05); }
.empty-state, .lead-empty-state, .location-empty-state, .automation-empty-state{ gap: 9px; padding: clamp(42px, 6vw, 66px) 24px; }
.empty-state-icon{ width: 50px; height: 50px; }
.empty-state h3, .lead-empty-state h3, .location-empty-state h3, .automation-empty-state h3{ margin: 5px 0 0; color: var(--repify-ink); font-size: 17px; }
.empty-state p, .lead-empty-state p, .location-empty-state p, .automation-empty-state p{ max-width: 540px; color: var(--repify-muted); font-size: 12px; }
.table-responsive, .lead-table-wrap{ position: relative; border-radius: 0 0 var(--repify-radius-lg) var(--repify-radius-lg); scrollbar-color: var(--repify-line-strong) transparent; }
.table{ min-width: 760px; margin: 0; }
.table > :not(caption) > * > *{ padding: 14px 17px; border-bottom-color: #e9e4dc; }
.table thead th{ top: 0; background: #f7f4ef; color: #766e65; letter-spacing: .07em; }
.table tbody td{ color: #342f2b; }
.table tbody tr:hover > *{ background: #fcfaf7; }
.table a:not(.btn){ color: var(--repify-ink); font-weight: 700; text-decoration: none; }
.table a:not(.btn):hover{ color: var(--repify-orange-dark); text-decoration: underline; }
.platform-filter-grid, .lead-filter-bar, .location-filter-bar, .review-center-toolbar, .review-filter-form, .reputation-filters, .automation-template-filters{ gap: 12px; padding: 15px; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: var(--repify-surface-soft); }
.location-more-menu, details[open] > .location-more-menu{ border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; box-shadow: var(--repify-shadow-float); }
.dashboard-action-row, .dashboard-overview-grid, .app-grid--overview{ gap: 18px; }
.dashboard-next-action{ border-color: #e2c5b5; border-left-color: var(--repify-orange); border-radius: var(--repify-radius-lg); }
.dashboard-next-action h2{ font-size: clamp(22px, 2vw, 30px); }
.dashboard-setup-summary{ border: 1px solid var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; }
.repify-progress, .funnel-track, .onboarding-native-progress{ overflow: hidden; border-radius: 999px; background: #e8e3da; }
.repify-progress > span, .funnel-track > span, .onboarding-native-progress > span{ display: block; height: 100%; border-radius: inherit; background: var(--repify-orange); }
.dashboard-quick-links a, .dashboard-connection-list > div, .compact-empty, .settings-hub-card, .location-command-card{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; }
.dashboard-quick-links a:hover, .settings-hub-card:hover, .location-command-card:hover{ border-color: #d8aa91; background: var(--repify-orange-softer); }
.reputation-item, .review-center-card, .automation-rule-card, .location-list-item, .lead-row, .platform-attention-item, .platform-activity-item{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; }
.reputation-item:hover, .review-center-card:hover, .location-list-item:hover, .lead-row:hover{ border-color: var(--repify-line-strong); background: #fcfaf7; }
.lead-page, .lead-detail-page{ max-width: 1540px; margin-inline: auto; }
.lead-command-strip, .lead-detail-hero, .review-command-center, .automation-command-center, .platform-connection-hero, .platform-summary-bar, .settings-summary-bar, .support-summary-bar, .integration-intro, .workspace-intro{ border: 1px solid var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: none; }
.lead-command-strip, .lead-detail-hero, .review-command-center, .automation-command-center{ padding: 22px 24px; }
.lead-detail-hero h2, .lead-command-strip h2, .review-command-center h2, .automation-command-center h2{ color: var(--repify-ink); font-weight: 780; }
.lead-focus-link, .review-priority-card, .automation-filter-button, .automation-test-scenario{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; color: var(--repify-ink); }
.lead-focus-link:hover, .review-priority-card:hover, .automation-filter-button:hover, .automation-test-scenario:hover{ border-color: #d8aa91; background: var(--repify-orange-softer); }
.lead-focus-link.is-active, .review-priority-card.is-active, .automation-filter-button.active{ border-color: var(--repify-orange); background: var(--repify-orange-softer); box-shadow: 0 0 0 2px rgba(201, 87, 36, .10); }
.lead-company-avatar, .location-avatar, .support-company-initial{ border-radius: var(--repify-radius-md); background: var(--repify-ink); color: #fff; }
.lead-form-section, .location-form-section, .onboarding-section-block{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; }
.lead-timeline::before, .activity-timeline::before{ background: var(--repify-line); }
.lead-timeline-icon, .activity-dot{ border-color: #ebcdbc; background: var(--repify-orange-soft); color: var(--repify-orange); }
.automation-builder-layout{ align-items: start; gap: 18px; }
.automation-builder-panel, .automation-builder-aside, .automation-rules-panel, .automation-templates-panel, .automation-test-panel, .automation-history-panel, .automation-trust-strip, .automation-live-summary{ border: 1px solid var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: none; }
.automation-builder-step{ border-color: var(--repify-line); }
.automation-step-number, .automation-template-icon{ border-color: #ebcdbc; background: var(--repify-orange-soft); color: var(--repify-orange); }
.automation-condition-row, .automation-action-row, .automation-time-grid, .automation-safety-options, .automation-advanced-settings, .automation-preview{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: var(--repify-surface-soft); }
.automation-remove-row{ color: var(--repify-danger); }
.review-priority-queue{ gap: 12px; }
.review-center-provider, .review-center-meta, .review-center-statuses, .review-analysis-badges, .review-tag-row, .review-center-footer{ gap: 8px; }
.review-center-card{ padding: 18px; }
.review-center-excerpt, .review-detail-message, .review-published-reply, .review-analysis-panel, .review-note-list, .review-history-list, .thread-message, .case-summary-card{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); }
.review-tag, .feedback-tag-dot, .review-tag-dot{ border-color: #e1c3b3; background: var(--repify-orange-softer); color: #7e3518; }
.rating-stars{ color: var(--repify-orange); font-size: 11px; letter-spacing: .05em; white-space: nowrap; }
.muted-star{ color: #d8d2ca; }
.integration-catalog-card, .connection-provider-card, .integration-settings-card, .integration-summary-card, .integration-connect-guide, .integration-account-strip, .integration-card-account, .integration-rule-form, .integration-test-console, .integration-primary-connect, .integration-advanced{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; box-shadow: none; }
.integration-catalog-card:hover, .connection-provider-card:hover{ border-color: var(--repify-line-strong); }
.integration-brand-logo, .platform-company-integration-logo{ object-fit: contain; }
.integration-flow-step, .connection-endpoint-card, .connection-status-detail, .integration-customer-summary, .workspace-status-list > li, .integration-benefit-list > li{ border-color: var(--repify-line); border-radius: var(--repify-radius-sm); background: var(--repify-surface-soft); }
.integration-error, .integration-platform-warning{ border-color: #e4babc; background: var(--repify-danger-soft); color: #7f282d; }
.production-toolbar, .preview-toolbar, .preview-toolbar-production, .preview-flow-toolbar{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: rgba(255, 255, 255, .96); box-shadow: none; }
.editor-control-panel, .preview-panel-production, .preview-panel{ border-color: var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: none; }
.editor-step-nav, .preview-switcher{ border-color: var(--repify-line); background: var(--repify-surface-muted); }
.field-config-card, .revision-item, .template-revision-item{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; }


.preview-stage, .preview-stage-production, .device-preview-stage{ border-color: var(--repify-line); background: #ece8e1; }
.preview-frame, .device-preview-canvas iframe{ border: 1px solid var(--repify-line-strong); border-radius: var(--repify-radius-md); background: #fff; box-shadow: 0 14px 34px rgba(23, 22, 20, .08); }

.modal-content{ border: 1px solid var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: var(--repify-shadow-float); }
.modal-header{ border-color: var(--repify-line); }
.settings-hub-card, .location-command-card, .support-company-card{ min-height: 0; }
.settings-switch, .toggle-row, .session-list > div, .recovery-codes, .mfa-setup, .operational-alert-list > li, .activity-timeline > li, .billing-usage-item, .billing-account-facts > div, .settings-health-item, .health-check, .platform-migration-list > li, .support-safety-list > li{ border-color: var(--repify-line); border-radius: var(--repify-radius-sm); background: var(--repify-surface-soft); }
.settings-switch:hover, .toggle-row:hover{ background: #f7f4ef; }
.billing-config-item, .billing-plan-card{ border-color: var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; }
.onboarding-app, .onboarding-main, .onboarding-content{ background: var(--repify-page); }
.onboarding-sidebar{ background: var(--repify-ink); color: #fff; }
.onboarding-topbar{ border-color: var(--repify-line); background: rgba(245, 243, 239, .97); }
.onboarding-step-link{ border-radius: var(--repify-radius-sm); }
.onboarding-step-link.active{ background: rgba(201, 87, 36, .18); color: #fff; }
.onboarding-step-icon{ border-color: rgba(255, 255, 255, .22); }
.onboarding-card, .onboarding-section-block, .onboarding-info, .onboarding-provider-card, .onboarding-language-cards > label, .onboarding-finish-preview{ border-color: var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: none; }
.onboarding-provider-card:hover, .onboarding-language-cards > label:hover{ border-color: #d8aa91; }

.installer-header, .upgrade-card, .success-card, .error-card, .warning-card, .marketing-product-card, .marketing-cta{ border-color: var(--repify-line); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: none; }
.requirement, .copy-row, .simple-list > li, .upgrade-status, .upgrade-results > div{ border-color: var(--repify-line); background: var(--repify-surface-soft); }
.marketing-header{ border-color: var(--repify-line); background: rgba(245, 243, 239, .97); }
.repify-toast-container{ z-index: 3000; width: min(390px, calc(100vw - 28px)); top: 18px !important; right: 18px !important; }
.repify-toast{ overflow: hidden; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: #fff; color: var(--repify-ink); box-shadow: var(--repify-shadow-float); }
.repify-toast-icon{ color: var(--repify-orange); }
@media (max-width: 1199.98px) {
    .app-topbar p{ display: block; max-width: 560px; }
    .lead-workspace-aside, .lead-workspace-aside.is-detail, .review-detail-layout, .location-workspace-grid, .automation-builder-layout{ grid-template-columns: minmax(0, 1fr) !important; }
    .lead-workspace-aside .lead-detail-card, .lead-workspace-aside.is-detail .lead-detail-card, .editor-sticky, .automation-builder-aside{ position: static !important; }
}
@media (max-width: 991.98px) {
    .app-sidebar{ width: min(88vw, 360px) !important; max-width: 360px; height: 100dvh; padding-bottom: env(safe-area-inset-bottom); box-shadow: 18px 0 45px rgba(23, 22, 20, .16); }
    .app-sidebar:not(.open){ visibility: hidden; }
    .app-sidebar.open{ visibility: visible; }
    .sidebar-top{ min-height: 0; flex: 1 1 auto; overflow: hidden; }
    .sidebar-nav{ min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 30px; }
    .sidebar-user{ flex: 0 0 auto; padding-bottom: max(14px, env(safe-area-inset-bottom)); background: #fbfaf8; }
    .sidebar-brand-row{ grid-template-columns: minmax(0, 1fr) 40px; }
    .sidebar-backdrop{ background: rgba(23, 22, 20, .55); backdrop-filter: blur(2px); }
    .app-topbar{ min-height: 78px; align-items: flex-start; padding-block: 13px; }
    .topbar-heading{ align-items: flex-start; }
    .mobile-menu-button{ margin-top: 1px; }
}
@media (max-width: 767.98px) {
    .app-topbar{ min-height: 74px; align-items: center; }
    .app-topbar p{ display: none; }
    .app-topbar h1{ font-size: 21px; line-height: 1.15; }
    .app-content{ padding: 20px 14px 64px; }
    .panel, .card, .lead-command-strip, .lead-detail-hero, .review-command-center, .automation-command-center, .platform-connection-hero, .platform-summary-bar, .settings-summary-bar, .support-summary-bar, .integration-intro, .workspace-intro{ border-radius: var(--repify-radius-md); }
    .panel-header, .lead-panel-header, .location-panel-header{ min-height: 0; }
    .panel-body{ padding: 17px; }
    .panel-footer{ padding: 14px 17px; }
    .platform-filter-grid, .lead-filter-bar, .location-filter-bar, .review-center-toolbar, .review-filter-form, .reputation-filters, .automation-template-filters{ grid-template-columns: minmax(0, 1fr) !important; padding: 13px; }
    .platform-filter-actions, .lead-filter-actions, .location-filter-actions, .review-filter-actions, .review-sync-actions, .panel-actions, .toolbar-actions, .lead-detail-hero-actions, .lead-command-actions, .review-command-actions, .automation-command-actions{ width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); }
    .platform-filter-actions .btn, .lead-filter-actions .btn, .location-filter-actions .btn, .review-filter-actions .btn, .review-sync-actions .btn, .panel-actions .btn, .toolbar-actions .btn, .lead-detail-hero-actions .btn, .lead-command-actions .btn, .review-command-actions .btn, .automation-command-actions .btn{ width: 100%; }
    .lead-command-strip, .lead-detail-hero, .review-command-center, .automation-command-center{ align-items: stretch; flex-direction: column; padding: 18px; }
    .review-priority-queue, .lead-focus-links{ grid-template-columns: minmax(0, 1fr) !important; }
    .table-responsive, .lead-table-wrap{ margin-inline: -1px; border-top: 1px solid var(--repify-line); }
    .table{ min-width: 720px; }

}
@media (max-width: 575.98px) {
    .app-topbar{ padding-inline: 12px; }
    .topbar-title-wrap{ max-width: calc(100vw - 76px); }
    .app-topbar h1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .app-content{ padding-inline: 12px; }
    .metrics-grid, .lead-metric-grid, .automation-metrics, .billing-summary-grid, .settings-hub-grid, .review-priority-queue, .period-comparison-grid{ grid-template-columns: minmax(0, 1fr) !important; }
    .metric-card, .lead-metric-card{ min-height: 112px; }
    .platform-section-tabs, .editor-tabs, .feedback-view-tabs, .automation-section-nav, .settings-section-nav{ margin-inline: -2px; }
    .review-center-card, .reputation-item, .location-list-item{ padding: 15px; }
    .repify-toast-container{ top: 12px !important; right: 12px !important; width: calc(100vw - 24px); }
}
@media (hover: none) {
    .btn:hover, .repify-button:hover{ transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after{ scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.dashboard-page-admin-leads .app-content, .dashboard-page-automations .app-content, .dashboard-page-reviews .app-content, .dashboard-page-feedback .app-content{ min-width: 0; }

.automation-test-scenarios{ display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 12px; }
.automation-test-scenario{ min-height: 34px; padding: 6px 10px; border: 1px solid var(--repify-line); border-radius: 999px; background: #fff; color: var(--repify-ink-soft); font-size: 11px; font-weight: 750; }
.automation-test-scenario:hover, .automation-test-scenario:focus-visible{ border-color: var(--repify-orange); background: var(--repify-orange-softer); color: var(--repify-orange-dark); }
.automation-setting-readonly, .automation-action-setting select{ width: 100%; }
.sidebar-mobile-close{ display: none; }
.lead-command-strip, .lead-detail-hero, .review-command-center{ display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.lead-detail-hero{ align-items: flex-end; margin-bottom: 18px; }
.lead-detail-hero h2{ margin: 4px 0 6px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.045em; }
.lead-detail-hero p, .lead-command-strip p, .review-command-center p{ margin: 0; color: var(--repify-muted); }
.lead-back-link{ display: inline-flex; align-items: center; gap: 7px; margin-bottom: 18px; color: var(--repify-ink); font-size: 12px; font-weight: 750; text-decoration: none; }
.lead-back-link:hover, .lead-back-link:focus-visible{ color: var(--repify-orange-dark); }
.lead-detail-hero-actions, .lead-command-actions, .review-command-actions, .lead-focus-links{ display: flex; flex-wrap: wrap; gap: 8px; }
.lead-focus-links, .review-command-actions{ justify-content: flex-end; }
.lead-focus-link{ display: grid; gap: 2px; min-width: 112px; padding: 10px 12px; text-decoration: none; }
.lead-focus-link span{ color: var(--repify-muted); font-size: 10px; font-weight: 750; }
.lead-focus-link strong{ color: var(--repify-ink); font-size: 17px; line-height: 1.15; }
.lead-focus-link.is-urgent{ border-color: #e5bfc1; background: var(--repify-danger-soft); }
.lead-workspace-grid{ display: block !important; }
.lead-workspace-main{ min-width: 0; }
.lead-workspace-aside{ display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(360px, 7fr); gap: 18px; width: auto !important; margin-top: 18px; position: static !important; }
.lead-workspace-aside > *{ min-width: 0; }
.lead-workspace-aside .lead-detail-card, .lead-workspace-aside .lead-activity-panel{ grid-column: 1; }
.lead-workspace-aside .lead-form-panel{ grid-column: 2; grid-row: 1 / span 2; }
.lead-workspace-aside .lead-conversion-panel, .lead-workspace-aside .lead-danger-panel{ grid-column: 1 / -1; }
.lead-workspace-aside.is-detail{ grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.18fr); margin-top: 0; align-items: start; }
.lead-workspace-aside.is-detail .lead-detail-card{ position: sticky; top: 104px; }
.lead-not-found{ display: grid; justify-items: start; gap: 10px; padding: 36px !important; }
.lead-not-found > span{ display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--repify-radius-md); background: var(--repify-orange-soft); color: var(--repify-orange); font-size: 21px; }
.lead-not-found h2, .lead-not-found p{ margin: 0; }
.review-priority-queue{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.review-priority-card{ display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-width: 0; padding: 15px; text-decoration: none; }
.review-priority-card > span{ display: grid; gap: 2px; min-width: 0; }
.review-priority-card > span strong{ font-size: 13px; }
.review-priority-card > span small{ overflow: hidden; color: var(--repify-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.review-priority-card > strong{ font-size: 22px; line-height: 1; }
.review-priority-card.is-critical .review-priority-icon{ background: var(--repify-danger-soft); color: var(--repify-danger); }
.detail-back-row{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.systemer-form{ display: grid; gap: 15px; }
.systemer-form .form-text{ margin-top: 6px; }
@media (max-width: 1199.98px) {
    .review-priority-queue{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lead-workspace-aside, .lead-workspace-aside.is-detail{ grid-template-columns: minmax(0, 1fr) !important; }
    .lead-workspace-aside > *, .lead-workspace-aside.is-detail > *{ grid-column: 1 !important; grid-row: auto !important; }
    .lead-workspace-aside.is-detail .lead-detail-card{ position: static; }
}
@media (max-width: 991.98px) {
    .sidebar-mobile-close{ display: grid; margin-left: auto; }
    .lead-command-strip, .lead-detail-hero, .review-command-center{ align-items: flex-start; flex-direction: column; }
    .lead-focus-links, .review-command-actions{ justify-content: flex-start; }
}
@media (max-width: 767.98px) {
    .lead-focus-links{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100%; }
    .lead-focus-link{ min-width: 0; }
    .review-priority-queue{ grid-template-columns: minmax(0, 1fr); }
    .detail-back-row, .detail-back-row .btn{ width: 100%; }
    .detail-back-row .btn{ justify-content: center; }
}
@media (max-width: 480px) {
    .lead-focus-links{ grid-template-columns: minmax(0, 1fr) !important; }
}
.form-control:focus-visible, .form-select:focus-visible, .form-check-input:focus-visible, input[type="color"]:focus-visible{ outline: none !important; }
.lead-list-panel .lead-table-wrap{ max-height: none; }

.case-recovery-state{ display: grid; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--repify-line); }
.case-recovery-state > :last-child{ margin-bottom: 0; }
.billing-upgrade-panel{ width: min(100%, 860px); margin-inline: auto; }
.onboarding-card--finish{ align-content: start; }
.onboarding-info--billing{ border-color: #ebcdbc !important; background: var(--repify-orange-softer) !important; }
.template-revision-list{ min-width: 0; }
.template-revision-list > :last-child{ margin-bottom: 0; }
.status-info{ color: var(--repify-ink-soft) !important; }
.status-info{ border-color: var(--repify-line) !important; background: var(--repify-surface-muted) !important; }
.dashboard-attention-panel, .dashboard-funnel-panel, .dashboard-quick-panel, .dashboard-integrations-panel, .lead-pipeline-panel, .review-detail-review, .review-center-list{ min-width: 0; }
.dashboard-attention-panel, .dashboard-funnel-panel, .dashboard-quick-panel, .dashboard-integrations-panel, .lead-pipeline-panel, .review-detail-review{ overflow: hidden; }
.lead-pipeline-panel, .review-detail-review, .review-questions-section, .review-message-section{ scroll-margin-top: calc(var(--topbar-height, 88px) + 24px); }
.integration-workspace--reviews{ border-top-color: #ebcdbc; }


.review-questions-section, .review-message-section{ min-width: 0; }
.review-center-list > :last-child, .dashboard-quick-links > :last-child, .dashboard-connection-list > :last-child{ margin-bottom: 0; }
:root{ --repify-control-height: 44px; --repify-shadow-subtle: 0 1px 2px rgba(23, 22, 20, .035); }
.dashboard-body .app-content, .superadmin-body .app-content{ max-width: var(--repify-content-max); margin-inline: auto; }
.btn{ min-height: 42px; gap: 8px; border-radius: 9px; font-size: 12.5px; font-weight: 720; line-height: 1.2; }
.btn-sm{ min-height: 36px; padding: 7px 11px; font-size: 11.5px; }
.btn-outline-secondary, .btn-outline-dark{ border-color: var(--repify-line-strong); background: #fff; color: var(--repify-ink-soft); }
.btn-outline-secondary:hover, .btn-outline-secondary:focus-visible, .btn-outline-dark:hover, .btn-outline-dark:focus-visible{ border-color: var(--repify-ink); background: var(--repify-ink); color: #fff; }
.btn:disabled, .btn.disabled, button:disabled, .form-control:disabled, .form-select:disabled{ border-color: var(--repify-line) !important; background: var(--repify-surface-muted) !important; color: var(--repify-muted-light) !important; opacity: 1 !important; cursor: not-allowed; }
.form-control, .form-select, .input-group-text{ min-height: var(--repify-control-height); border: 1px solid var(--repify-line-strong); border-radius: var(--repify-radius-sm); background-color: #fff; color: var(--repify-ink); font-size: 13px; box-shadow: none; }
.form-control, .form-select{ border-color: var(--repify-line-strong); background-color: #fff; color: var(--repify-ink); font-size: 13px; }
.form-control:hover, .form-select:hover{ border-color: #aea398; }
.form-label{ margin-bottom: 7px; color: var(--repify-ink-soft); font-size: 11.5px; font-weight: 720; }
.form-text, .form-hint, .small-note, .help{ font-size: 11.5px; }
.input-group-text{ border-color: var(--repify-line-strong); background: var(--repify-surface-soft); color: var(--repify-muted); font-size: 12px; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-text-fill-color: var(--repify-ink) !important; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; caret-color: var(--repify-ink); transition: background-color 9999s ease-out 0s; }
.panel, .card, .editor-section, .editor-subsection{ box-shadow: var(--repify-shadow-subtle) !important; }
.panel-header, .lead-panel-header, .location-panel-header{ min-height: 0; padding: 20px 22px; }
.panel-header h2, .panel-header h3, .lead-panel-header h2, .location-panel-header h2{ font-size: 18px; }
.panel-header p, .lead-panel-header p, .location-panel-header p{ max-width: 780px; font-size: 12.5px; }
.eyebrow, .section-label, .platform-summary-eyebrow, .automation-example-label{ font-size: 10.5px; }
.badge-soft, .connection-state, .status-pill, .location-state-badge, .lead-status-badge, .comparison-badge{ padding-inline: 9px; font-size: 10.5px; }
.platform-filter-grid, .lead-filter-bar, .location-filter-bar, .review-center-toolbar, .review-filter-form, .reputation-filters{ background: #fbfaf8; }
.table thead th{ font-size: 10.5px; }
.table tbody td{ font-size: 13px; }
.empty-state, .lead-empty-state, .location-empty-state, .automation-empty-state{ padding-block: clamp(36px, 5vw, 54px); }
.dashboard-page-automations .automation-templates-panel{ overflow: hidden; }
.dashboard-page-automations .automation-templates-panel > .panel-header{ border-bottom: 1px solid var(--repify-line); }
.automation-template-filters{ display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px; border: 0; border-bottom: 1px solid var(--repify-line); border-radius: 0; background: #fbfaf8; }
.automation-filter-button{ min-height: 38px; padding: 8px 13px; border: 1px solid var(--repify-line-strong); border-radius: 9px; background: #fff; color: var(--repify-ink-soft); font-size: 11.5px; font-weight: 750; line-height: 1.2; }
.automation-filter-button:hover{ border-color: var(--repify-ink); background: #fff; color: var(--repify-ink); }
.automation-filter-button.is-active, .automation-filter-button.active, .automation-filter-button[aria-pressed="true"]{ border-color: var(--repify-ink); background: var(--repify-ink); color: #fff; box-shadow: none; }
.automation-template-grid{ gap: 16px; padding: 20px; }
.automation-template-card{ min-height: 100%; padding: 20px; border-color: var(--repify-line); border-radius: 13px; background: #fff; box-shadow: none; }
.automation-template-card:hover{ border-color: #d0b5a5; background: #fffdfb; }
.automation-template-icon{ width: 46px; height: 46px; }
.automation-template-copy{ margin-top: 16px; }
.automation-template-copy h3{ font-size: 16px; line-height: 1.35; }
.automation-template-copy p{ font-size: 12px; line-height: 1.58; }
.automation-template-value{ margin-top: 16px; padding: 14px; border-color: #ead8cc; background: var(--repify-orange-softer); }
.automation-template-value span{ color: var(--repify-orange-dark); font-size: 9.5px; }
.automation-template-value strong{ color: var(--repify-ink-soft); font-size: 11.5px; line-height: 1.5; }
.automation-template-facts{ margin-block: 16px; }
.automation-template-facts > div{ grid-template-columns: 82px minmax(0, 1fr); padding-top: 9px; }
.automation-template-facts dt{ font-size: 9.5px; }
.automation-template-facts dd{ color: var(--repify-ink-soft); font-size: 11px; }
.automation-template-readonly, .automation-template-upgrade{ min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: auto; padding: 9px 12px; border: 1px solid var(--repify-line-strong); border-radius: 9px; background: #fff; color: var(--repify-muted); font-size: 11.5px; font-weight: 700; text-align: center; text-decoration: none; }
.automation-template-upgrade:hover{ border-color: var(--repify-orange); background: var(--repify-orange-softer); color: var(--repify-orange-dark); }

.location-workspace-grid.is-list-only{ display: grid; grid-template-columns: minmax(0, 1fr); }
.location-workspace-grid.is-list-only .location-workspace-aside{ grid-template-columns: minmax(0, 1fr); }
.location-workspace-grid.is-list-only .location-guidance-panel .panel-body ul{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.location-workspace-grid.is-editor-open{ display: grid; grid-template-columns: minmax(0, 1fr); }
.location-workspace-grid.is-editor-open .location-workspace-aside{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); gap: 20px; align-items: start; }
.location-workspace-grid.is-editor-open .location-form-panel{ position: static; min-width: 0; }
.location-workspace-grid.is-editor-open .location-guidance-panel{ position: sticky; top: 104px; }
.location-filter-bar{ border-top: 1px solid var(--repify-line); border-bottom: 1px solid var(--repify-line); background: #fbfaf8; }
.location-search-field .form-control{ padding-left: 42px !important; }
.location-list-item{ grid-template-columns: minmax(0, 1fr) minmax(330px, 380px); gap: 20px; }
.location-list-item + .location-list-item{ border-top: 1px solid var(--repify-line); }
.location-mini-stats{ background: #fbfaf8; }
.location-mini-stats > div{ padding: 12px; }
.location-link-row{ background: #fbfaf8; }
.location-form{ display: grid; gap: 18px; padding: 22px; }
.location-form-section{ padding: 18px; border: 1px solid var(--repify-line); border-radius: 12px; background: #fff; }
.location-form-section + .location-form-section{ margin-top: 0; }
.location-form-heading{ margin-bottom: 18px; }
.location-clone-option{ margin: 0; border-color: #ead8cc; background: var(--repify-orange-softer); }
.location-form-actions{ position: sticky; bottom: 0; z-index: 3; margin: 0 -22px -22px; padding: 14px 22px; border-top: 1px solid var(--repify-line); background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); }
.location-guidance-panel li{ color: var(--repify-ink-soft); font-size: 11.5px; }
.billing-page{ display: grid; gap: 22px; }
.billing-page > .mb-4{ margin-bottom: 0 !important; }
.billing-summary-grid{ gap: 18px; }
.billing-current-plan .panel-header, .billing-usage-panel .panel-header{ min-height: 112px; }
.billing-account-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; border: 0; }
.billing-account-facts > div{ align-content: center; padding: 14px 16px; border: 1px solid var(--repify-line); border-radius: 10px; background: #fff; }
.billing-account-facts span{ color: var(--repify-muted); font-size: 11px; }
.billing-account-facts strong{ margin-top: 2px; font-size: 15px; }
.billing-primary-actions{ min-height: 66px; background: #fff; }
.billing-usage-list{ gap: 0; padding-block: 4px; }
.billing-usage-item{ gap: 9px; padding: 15px 0; border: 0; border-bottom: 1px solid var(--repify-line); border-radius: 0; background: transparent; }
.billing-usage-item:first-child{ padding-top: 4px; }
.billing-usage-item:last-child{ padding-bottom: 4px; border-bottom: 0; }
.billing-usage-copy span{ color: var(--repify-ink-soft); font-size: 12px; }
.billing-usage-copy strong{ font-size: 12px; }
.billing-usage-item progress, .location-readiness progress{ background: #e8e3da; }
.billing-usage-item progress::-webkit-progress-bar, .location-readiness progress::-webkit-progress-bar{ background: #e8e3da; }
.billing-usage-item progress::-webkit-progress-value, .location-readiness progress::-webkit-progress-value{ background: var(--repify-orange); }
.billing-usage-item progress::-moz-progress-bar, .location-readiness progress::-moz-progress-bar{ background: var(--repify-orange); }
.billing-plan-grid{ gap: 18px; }
.billing-plan-card{ gap: 16px; padding: 22px; border-radius: 12px; }
.billing-plan-card.is-current, .billing-plan-card.current{ border-color: var(--repify-orange); box-shadow: inset 0 3px 0 var(--repify-orange) !important; }
.billing-plan-card > p{ min-height: 72px; color: var(--repify-muted); font-size: 12.5px; line-height: 1.55; }
.billing-price-row strong{ font-size: clamp(30px, 2.3vw, 38px); }
.billing-feature-list{ padding-top: 4px; border-top: 1px solid var(--repify-line); }
.billing-feature-list li{ font-size: 12px; }
.billing-plan-actions{ gap: 10px; }
.billing-plan-current-note{ border-color: #ead8cc; background: var(--repify-orange-softer); color: var(--repify-orange-dark); }
@media (max-width: 1399.98px) {

    .location-workspace-grid.is-list-only .location-guidance-panel .panel-body ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1279.98px) {

    .location-workspace-grid.is-editor-open .location-workspace-aside{ grid-template-columns: minmax(0, 1fr); }
    .location-workspace-grid.is-editor-open .location-guidance-panel{ position: static; }
}
@media (max-width: 991.98px) {
    .automation-template-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .billing-current-plan .panel-header, .billing-usage-panel .panel-header{ min-height: 0; }
}
@media (max-width: 767.98px) {
    .panel-header, .lead-panel-header, .location-panel-header{ padding: 17px 16px; }
    .automation-template-filters{ flex-wrap: nowrap; overflow-x: auto; padding-inline: 14px; }
    .automation-template-grid{ grid-template-columns: minmax(0, 1fr); padding: 14px; }

    .location-workspace-grid.is-list-only .location-guidance-panel .panel-body ul{ grid-template-columns: minmax(0, 1fr); }
    .location-form{ padding: 16px; }
    .location-form-section{ padding: 15px; }
    .location-form-actions{ margin: 0 -16px -16px; padding: 13px 16px calc(13px + env(safe-area-inset-bottom)); }
    .billing-account-facts{ grid-template-columns: minmax(0, 1fr); padding: 14px; }
    .billing-plan-card > p{ min-height: 0; }
    .billing-plans-header{ align-items: stretch; flex-direction: column; }
    .billing-plan-controls{ width: 100%; justify-items: stretch; }
    .billing-cycle-switch{ width: 100%; }
    .billing-cycle-button{ flex: 1 1 50%; }
}
@media (max-width: 480px) {

    .billing-plan-actions{ grid-template-columns: minmax(0, 1fr); }
}
:root{ --repify-content-max: 1640px; --repify-section-gap: 20px; }
.dashboard-body, .superadmin-body{ font-size: 14px; }
.dashboard-body .app-content, .superadmin-body .app-content{ width: 100%; padding-block: 24px 56px; }
.dashboard-body .panel-header p, .superadmin-body .panel-header p, .dashboard-body .muted, .dashboard-body .small-note, .dashboard-body .form-text{ line-height: 1.55; }
.dashboard-body .panel-header p, .superadmin-body .panel-header p{ color: var(--repify-muted); font-size: 13px; }
.dashboard-body .panel-body, .superadmin-body .panel-body{ min-width: 0; }
.automation-template-filters, .review-center-toolbar, .platform-filter-grid, .location-filter-bar, .lead-filter-bar{ border-color: var(--repify-line); background: #fbfaf8; }
.automation-filter-button, .review-center-toolbar .btn{ color: var(--repify-ink-soft); }
.automation-filter-button.is-active, .automation-filter-button[aria-pressed="true"]{ border-color: var(--repify-ink) !important; background: var(--repify-ink) !important; color: #fff !important; }
.form-control::placeholder, .form-select:invalid{ color: #918980; opacity: 1; }
.form-control:focus, .form-select:focus, .form-check-input:focus{ border-color: var(--repify-orange) !important; outline: 0 !important; box-shadow: var(--repify-focus) !important; }
.form-check-input:checked{ border-color: var(--repify-orange); background-color: var(--repify-orange); }
.btn-outline-secondary[disabled], .btn-outline-secondary.disabled{ border-style: dashed !important; color: #7d756d !important; }
.dashboard-page-automations .automation-templates-panel{ border-radius: 14px; }
.dashboard-page-automations .automation-template-grid{ grid-template-columns: repeat(3, minmax(280px, 1fr)); align-items: stretch; }
.dashboard-page-automations .automation-template-card{ display: flex; flex-direction: column; padding: 22px; }
.dashboard-page-automations .automation-template-copy h3{ min-height: 2.7em; font-size: 17px; }
.dashboard-page-automations .automation-template-copy p{ min-height: 4.75em; color: var(--repify-muted); font-size: 12.5px; }
.dashboard-page-automations .automation-template-value{ position: relative; padding: 14px 14px 14px 17px; border: 0; border-radius: 10px; background: #fbf6f2; }
.dashboard-page-automations .automation-template-value::before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 10px 0 0 10px; background: var(--repify-orange); }
.dashboard-page-automations .automation-template-value strong{ font-size: 12px; }
.dashboard-page-automations .automation-template-facts{ margin-top: 14px; border-top: 1px solid var(--repify-line); }
.dashboard-page-automations .automation-template-facts > div{ min-height: 40px; align-items: center; }
.dashboard-page-automations .automation-template-card form, .dashboard-page-automations .automation-template-card > .automation-template-upgrade, .dashboard-page-automations .automation-template-card > .automation-template-readonly{ margin-top: auto; }
.dashboard-page-automations .automation-template-card form .btn{ border-color: var(--repify-ink); background: var(--repify-ink); color: #fff; }
.dashboard-page-automations .automation-template-upgrade{ border-color: #dfb29a; background: var(--repify-orange-softer); color: var(--repify-orange-dark); }
.dashboard-page-automations .automation-template-readonly{ background: var(--repify-surface-muted); color: var(--repify-muted); }

.location-workspace-grid.is-list-only .location-guidance-panel{ margin-top: 18px; }
.location-workspace-grid.is-list-only .location-guidance-panel .panel-body{ padding: 18px 20px; }
.location-list-item{ padding: 20px 22px; border-radius: 0; }
.location-list-item:first-child{ border-top: 0; }
.location-list-item:hover{ background: #fffdfb; }
.location-list-item h3{ font-size: 18px; }
.location-mini-stats{ border: 1px solid var(--repify-line); border-radius: 10px; overflow: hidden; }
.location-mini-stats > div + div{ border-left: 1px solid var(--repify-line); }
.location-link-row{ border: 1px solid var(--repify-line); border-radius: 9px; }
.location-workspace-grid.is-editor-open .location-form-panel .panel-header{ position: sticky; top: 84px; z-index: 5; background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); }
.dashboard-page-billing .billing-summary-grid{ grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); }
.billing-current-plan, .billing-usage-panel, .billing-plan-card{ border-color: var(--repify-line); }
.billing-current-plan .panel-header{ background: #fff; }
.billing-account-facts{ background: #fbfaf8; }
.billing-account-facts > div{ min-height: 78px; }
.billing-primary-actions{ justify-content: flex-start; padding: 14px 20px; }
.billing-usage-panel .panel-body{ padding-inline: 20px; }
.billing-plan-card{ min-height: 100%; }
.billing-plan-card.is-current{ background: #fffdfb; }
.billing-plan-card .billing-annual-note{ min-height: 20px; color: var(--repify-muted); }
.billing-plan-card .billing-feature-list{ flex: 1 1 auto; }
.billing-plan-actions .btn:disabled{ min-height: 44px; }
.billing-secure-note{ color: var(--repify-muted); font-size: 12px; }
.billing-plans-header{ align-items: flex-start; gap: 24px; }
.billing-plan-controls{ display: grid; justify-items: end; gap: 10px; flex: 0 0 auto; }
.billing-cycle-switch{ display: inline-flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid var(--repify-line); border-radius: 11px; background: #f6f3ee; }
.billing-cycle-button{ min-height: 38px; padding: 8px 13px; border: 0; border-radius: 8px; background: transparent; color: var(--repify-ink-soft); font: inherit; font-size: 12px; font-weight: 700; line-height: 1.1; cursor: pointer; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; }
.billing-cycle-button span{ display: inline-flex; margin-left: 5px; padding: 3px 6px; border-radius: 999px; background: #eee6dc; color: var(--repify-orange-dark); font-size: 9px; font-weight: 800; vertical-align: 1px; }
.billing-cycle-button[aria-pressed="true"]{ background: #fff; color: var(--repify-ink); box-shadow: 0 1px 4px rgba(36, 31, 25, .1); }
.billing-cycle-button[aria-pressed="true"] span{ background: var(--repify-orange-softer); }
.billing-cycle-button:focus-visible{ outline: 3px solid rgba(201, 87, 36, .2); outline-offset: 2px; }
.billing-change-explainer{ display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; padding: 13px 15px; border: 1px solid #ead8cc; border-radius: 10px; background: var(--repify-orange-softer); }
.billing-change-explainer > i{ margin-top: 1px; color: var(--repify-orange-dark); font-size: 17px; }
.billing-change-explainer > div{ display: grid; gap: 2px; }
.billing-change-explainer strong{ color: var(--repify-ink); font-size: 12.5px; }
.billing-change-explainer span{ color: var(--repify-ink-soft); font-size: 11.5px; line-height: 1.5; }
.billing-plan-card{ position: relative; overflow: hidden; }
.billing-plan-card.is-recommended:not(.is-current){ border-color: #dfb29a; }
.billing-plan-ribbon{ position: absolute; top: 0; right: 0; padding: 7px 11px; border-radius: 0 11px 0 10px; background: var(--repify-orange); color: #fff; font-size: 9.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.billing-price-stack{ min-height: 70px; }
.billing-price-stack [data-billing-cycle-content]{ display: grid; gap: 4px; }
.billing-price-stack [hidden], .billing-plan-actions [hidden]{ display: none !important; }
.billing-plan-actions-single{ grid-template-columns: minmax(0, 1fr); }
.billing-plan-actions-single > div, .billing-plan-actions-single form{ width: 100%; }
.billing-plan-actions-single .btn{ min-height: 44px; }
.billing-plan-actions-single .btn[aria-busy="true"]{ cursor: wait; opacity: .78; }
.settings-card, .metric-card, .period-comparison-card{ border-color: var(--repify-line) !important; background: #fff; box-shadow: var(--repify-shadow-subtle) !important; }
@media (max-width: 1399.98px) {
    .dashboard-page-automations .automation-template-grid{ grid-template-columns: repeat(2, minmax(280px, 1fr)); }

    .dashboard-page-billing .billing-summary-grid{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 991.98px) {
    .dashboard-body .app-content, .superadmin-body .app-content{ padding-top: 18px; }

    .dashboard-page-automations .automation-template-grid{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-automations .automation-template-copy h3, .dashboard-page-automations .automation-template-copy p{ min-height: 0; }
}
@media (max-width: 767.98px) {

    .location-list-item{ grid-template-columns: minmax(0, 1fr); padding: 18px 16px; }
    .location-mini-stats > div + div{ border-left: 0; border-top: 1px solid var(--repify-line); }
}
.dashboard-page-locations .location-page{ gap: 18px; }
.dashboard-page-locations .location-command-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.dashboard-page-locations .location-command-card{ position: relative; display: block; min-height: 112px; padding: 17px 54px 16px 18px; border-color: var(--repify-line); border-radius: 12px; background: #fff; box-shadow: none !important; }
.dashboard-page-locations .location-command-card.is-attention{ border-color: #e5c79f; background: #fffbf5; }
.dashboard-page-locations .location-command-icon{ position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #ecd7cb; border-radius: 8px; background: var(--repify-orange-softer); color: var(--repify-orange); font-size: 14px; line-height: 1; }
.dashboard-page-locations .location-command-icon i{ display: block; line-height: 1; }
.dashboard-page-locations .location-command-card:nth-child(2) .location-command-icon{ border-color: #d9e9df; background: #eef6f1; color: #2f7653; }
.dashboard-page-locations .location-command-card:nth-child(3) .location-command-icon{ border-color: #e2ded8; background: #f1efeb; color: #59534c; }
.dashboard-page-locations .location-command-card:nth-child(4) .location-command-icon{ border-color: #efd8b2; background: #fff3df; color: #94631d; }
.dashboard-page-locations .location-command-card > div{ display: grid; align-content: start; min-width: 0; }
.dashboard-page-locations .location-command-card > div > span{ min-height: 30px; padding-right: 2px; color: var(--repify-ink-soft); font-size: 11.5px; font-weight: 720; letter-spacing: 0; line-height: 1.3; text-transform: none; }
.dashboard-page-locations .location-command-card strong{ margin-top: 3px; color: var(--repify-ink); font-size: 27px; font-weight: 760; letter-spacing: -.045em; line-height: 1; }
.dashboard-page-locations .location-command-card small{ margin-top: 7px; color: var(--repify-muted); font-size: 11px; line-height: 1.4; }
.dashboard-page-locations .location-plan-notice .panel-body{ margin: 0 !important; }
.dashboard-page-locations .location-workspace-grid.is-editor-open .location-workspace-aside{ grid-template-columns: minmax(0, 1fr) minmax(290px, 330px); gap: 18px; align-items: start; }
.dashboard-page-locations .location-form-panel{ display: block; min-width: 0; overflow: visible; border-radius: 12px; }
.dashboard-page-locations .location-workspace-grid.is-editor-open .location-form-panel > .panel-header{ position: static !important; top: auto !important; min-height: 0 !important; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 18px; margin: 0; padding: 20px 22px 18px !important; border-bottom: 1px solid var(--repify-line); background: #fff; backdrop-filter: none; }
.dashboard-page-locations .location-form-panel > .panel-header .eyebrow{ margin-bottom: 5px; }
.dashboard-page-locations .location-form-panel > .panel-header h2{ margin: 0; font-size: 20px; line-height: 1.2; }
.dashboard-page-locations .location-form-panel > .panel-header p{ max-width: 690px; margin: 6px 0 0; color: var(--repify-muted); font-size: 12px; line-height: 1.55; }
.dashboard-page-locations .location-form-panel > .panel-header .btn{ align-self: start; white-space: nowrap; }
.dashboard-page-locations .location-form{ display: grid; gap: 0; padding: 0 22px 22px; }
.dashboard-page-locations .location-form-section{ display: grid; gap: 16px; margin: 0; padding: 22px 0; border: 0; border-bottom: 1px solid var(--repify-line); border-radius: 0; background: transparent; }
.dashboard-page-locations .location-form-section:last-of-type{ padding-bottom: 22px; border-bottom: 0; }
.dashboard-page-locations .location-form-heading{ grid-template-columns: 32px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 0 2px; }
.dashboard-page-locations .location-form-heading > span{ width: 32px; height: 32px; border: 1px solid #e7c7b5; border-radius: 9px; background: var(--repify-orange-softer); color: var(--repify-orange-dark); font-size: 11px; font-weight: 800; }
.dashboard-page-locations .location-form-heading h3{ margin: 1px 0 0; font-size: 16px; line-height: 1.25; }
.dashboard-page-locations .location-form-heading p{ margin: 4px 0 0; font-size: 11.5px; line-height: 1.5; }
.dashboard-page-locations .location-form .form-label{ margin-bottom: 7px; color: var(--repify-ink-soft); font-size: 11.5px; font-weight: 700; }
.dashboard-page-locations .location-form .form-text{ margin-top: 7px; }
.dashboard-page-locations .location-clone-option{ margin: 4px 0 20px; padding: 15px 16px; border-color: var(--repify-line); border-radius: 10px; background: #fbfaf8; }
.dashboard-page-locations .location-clone-option strong{ font-size: 12.5px; }
.dashboard-page-locations .location-clone-option small{ font-size: 11px; }
.dashboard-page-locations .location-form-actions{ position: sticky; bottom: 0; z-index: 4; margin: 0 -22px -22px; padding: 14px 22px; border-top: 1px solid var(--repify-line); background: rgba(255, 255, 255, .97); box-shadow: 0 -8px 20px rgba(23, 22, 20, .035); backdrop-filter: blur(10px); }
.dashboard-page-locations .location-guidance-panel{ position: sticky; top: calc(var(--repify-fixed-topbar-height) + 18px); overflow: hidden; border-radius: 12px; }
.dashboard-page-locations .location-guidance-panel > .panel-header{ min-height: 0; padding: 18px 19px 15px; border-bottom: 1px solid var(--repify-line); }
.dashboard-page-locations .location-guidance-panel > .panel-header h2{ font-size: 17px; }
.dashboard-page-locations .location-guidance-panel > .panel-body{ margin: 0 !important; padding: 6px 19px 10px !important; }
.dashboard-page-locations .location-guidance-panel ul{ gap: 0; }
.dashboard-page-locations .location-guidance-panel li{ grid-template-columns: 22px minmax(0, 1fr); gap: 10px; padding: 13px 0; border-top: 1px solid var(--repify-line); color: var(--repify-ink-soft); font-size: 11.5px; line-height: 1.45; }
.dashboard-page-locations .location-guidance-panel li:first-child{ border-top: 0; }
.dashboard-page-locations .location-guidance-panel li i{ width: 22px; height: 22px; border-radius: 7px; background: #f3f0eb; color: var(--repify-orange-dark); font-size: 12px; }
.dashboard-page-locations .location-workspace-grid.is-list-only .location-guidance-panel{ position: static; margin-top: 18px; }
.dashboard-page-locations .location-workspace-grid.is-list-only .location-guidance-panel > .panel-body{ padding: 4px 20px 12px !important; }
.dashboard-page-locations .location-workspace-grid.is-list-only .location-guidance-panel .panel-body ul{ gap: 0; }
.dashboard-page-locations .location-list-panel > .panel-header{ min-height: 0; padding: 20px 22px; }
.dashboard-page-locations .location-filter-bar{ padding: 14px 18px; }
.dashboard-page-locations .location-list-main, .dashboard-page-locations .location-list-side{ min-width: 0; }
.dashboard-page-locations .location-list-side{ padding-left: 20px; border-left-color: var(--repify-line); }
.dashboard-page-locations .location-list-copy > p, .dashboard-page-locations .location-list-copy > small{ color: var(--repify-muted); line-height: 1.5; }
.dashboard-page-locations .location-list-actions{ gap: 8px; }
.dashboard-page-locations .location-form-locked{ margin: 0 !important; }
@media (min-width: 1200px) and (max-width: 1399.98px){
    .dashboard-page-locations .location-command-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .dashboard-page-locations .location-command-card{ padding: 15px; }
    .dashboard-page-locations .location-command-card small{ font-size: 10.5px; }
}
@media (max-width: 1199.98px){
    .dashboard-page-locations .location-command-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-locations .location-workspace-grid.is-editor-open .location-workspace-aside{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-locations .location-guidance-panel{ position: static; }
}
@media (max-width: 767.98px){
    .dashboard-page-locations .location-command-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .dashboard-page-locations .location-command-card{ min-height: 108px; padding: 14px 48px 14px 14px; }
    .dashboard-page-locations .location-command-icon{ top: 13px; right: 13px; width: 28px; height: 28px; font-size: 13px; }
    .dashboard-page-locations .location-command-card strong{ font-size: 24px; }
    .dashboard-page-locations .location-workspace-grid.is-editor-open .location-form-panel > .panel-header{ grid-template-columns: minmax(0, 1fr); padding: 18px 16px 16px !important; }
    .dashboard-page-locations .location-form-panel > .panel-header .btn{ width: 100%; }
    .dashboard-page-locations .location-form{ padding: 0 16px 16px; }
    .dashboard-page-locations .location-form-section{ padding: 19px 0; }
    .dashboard-page-locations .location-form-actions{ margin: 0 -16px -16px; padding: 13px 16px calc(13px + env(safe-area-inset-bottom)); }
    .dashboard-page-locations .location-guidance-panel > .panel-header{ padding: 17px 16px 14px; }
    .dashboard-page-locations .location-guidance-panel > .panel-body{ padding: 5px 16px 9px !important; }
}
@media (max-width: 480px){
    .dashboard-page-locations .location-command-grid{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-locations .location-command-card{ min-height: 96px; }
}

/* Repify clean rebuild 2026-06-28: approved workspace pages */
.dashboard-page-reputation .reputation-guide{ display: grid; grid-template-columns: minmax(320px, .85fr) minmax(560px, 1.15fr); gap: 30px; align-items: center; margin-bottom: 18px; padding: 22px 24px; border: 1px solid #ded8cf; border-left: 4px solid #c95724; border-radius: 8px; background: #fff; }
.dashboard-page-reputation .reputation-guide-copy h2{ margin: 0; color: #1b1917; font-size: clamp(19px, 1.45vw, 24px); font-weight: 720; line-height: 1.2; letter-spacing: -.03em; }
.dashboard-page-reputation .reputation-guide-copy p{ max-width: 650px; margin: 7px 0 0; color: #69635c; font-size: 12px; line-height: 1.55; }
.dashboard-page-reputation .reputation-guide-steps{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border: 1px solid #ded8cf; border-radius: 7px; background: #faf8f5; list-style: none; }
.dashboard-page-reputation .reputation-guide-steps li{ min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; padding: 14px; border-right: 1px solid #ded8cf; }
.dashboard-page-reputation .reputation-guide-steps li:last-child{ border-right: 0; }
.dashboard-page-reputation .reputation-guide-steps li > span{ width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #c8bfb3; border-radius: 6px; background: #fff; color: #4a453f; font-size: 10px; font-weight: 780; }
.dashboard-page-reputation .reputation-guide-steps strong, .dashboard-page-reputation .reputation-guide-steps small{ display: block; }
.dashboard-page-reputation .reputation-guide-steps strong{ color: #2c2925; font-size: 11.5px; font-weight: 720; line-height: 1.35; }
.dashboard-page-reputation .reputation-guide-steps small{ margin-top: 4px; color: #69635c; font-size: 10px; line-height: 1.45; }
.dashboard-page-reputation .reputation-metrics{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; overflow: visible; margin-bottom: 20px; border: 0; border-radius: 0; background: transparent; }
.dashboard-page-reputation .reputation-metric-card{ position: relative; overflow: hidden; border: 1px solid #ded8cf; border-radius: 8px; background: #fff; }
.dashboard-page-reputation .reputation-metric-card.is-attention::after{ content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #a43f43; }
.dashboard-page-reputation .reputation-metric-card.is-attention strong, .dashboard-page-reputation .reputation-metric-card.is-attention .metric-icon{ color: #983c40; }
.dashboard-page-reputation .reputation-panel{ overflow: hidden; }
.dashboard-page-reputation .reputation-panel-header{ align-items: center; padding: 20px 22px; border-bottom: 1px solid #e8e3da; }
.dashboard-page-reputation .reputation-heading-line{ display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.dashboard-page-reputation .reputation-result-count{ min-width: 24px; height: 24px; display: inline-grid; place-items: center; padding: 0 7px; border: 1px solid #ded8cf; border-radius: 999px; background: #faf8f5; color: #4a453f; font-size: 10px; font-weight: 760; }
.dashboard-page-reputation .reputation-view-links{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.dashboard-page-reputation .reputation-view-links .btn{ gap: 7px; }
.dashboard-page-reputation .reputation-filter-panel{ border-bottom: 1px solid #e8e3da; background: #faf8f5; }
.dashboard-page-reputation .reputation-filter-heading{ min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 20px 8px; }
.dashboard-page-reputation .reputation-filter-heading strong, .dashboard-page-reputation .reputation-filter-heading span{ display: block; }
.dashboard-page-reputation .reputation-filter-heading strong{ color: #3e3934; font-size: 11.5px; font-weight: 720; }
.dashboard-page-reputation .reputation-filter-heading span{ margin-top: 2px; color: #69635c; font-size: 10.5px; }
.dashboard-page-reputation .reputation-filter-heading a{ flex: 0 0 auto; color: #4a453f; font-size: 11px; font-weight: 690; text-decoration: underline; text-decoration-color: #c8bfb3; text-underline-offset: 3px; }
.dashboard-page-reputation .reputation-filter-heading a:hover{ color: #1b1917; text-decoration-color: currentColor; }
.dashboard-page-reputation .reputation-filters{ display: grid; grid-template-columns: minmax(170px, .7fr) minmax(170px, .7fr) minmax(280px, 1.6fr) auto; gap: 12px; align-items: end; padding: 0 20px 18px; }
.dashboard-page-reputation .reputation-search-control{ position: relative; }
.dashboard-page-reputation .reputation-search-control > i{ position: absolute; z-index: 1; top: 50%; left: 13px; color: #8b837a; font-size: 13px; transform: translateY(-50%); pointer-events: none; }
.dashboard-page-reputation .reputation-search-control .form-control{ padding-left: 37px; }
.dashboard-page-reputation .reputation-filters > .btn{ min-height: 44px; }
.dashboard-page-reputation .reputation-queue{ display: grid; gap: 10px; padding: 14px; background: #fff; }
.dashboard-page-reputation .reputation-item{ min-width: 0; display: grid; grid-template-columns: 44px minmax(0, 1fr) minmax(175px, auto); gap: 15px; align-items: stretch; padding: 17px 18px; border: 1px solid #ded8cf; border-radius: 8px; background: #fff; color: #2c2925; text-decoration: none; transition: border-color .15s ease, background-color .15s ease, transform .15s ease; }
.dashboard-page-reputation .reputation-item:hover{ border-color: #c8bfb3; background: #fcfaf7; transform: translateY(-1px); }
.dashboard-page-reputation .reputation-item:focus-visible{ outline: 3px solid rgba(201, 87, 36, .17); outline-offset: 2px; }
.dashboard-page-reputation .reputation-item.is-overdue{ border-left: 4px solid #a43f43; padding-left: 15px; }
.dashboard-page-reputation .reputation-item-icon{ width: 44px; height: 44px; display: grid; place-items: center; align-self: start; border: 1px solid #ded8cf; border-radius: 7px; background: #faf8f5; color: #c95724; font-size: 15px; }
.dashboard-page-reputation .reputation-item-main, .dashboard-page-reputation .reputation-item-status{ min-width: 0; }
.dashboard-page-reputation .reputation-item-heading{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.dashboard-page-reputation .reputation-item-heading strong{ color: #1b1917; font-size: 13px; font-weight: 730; }
.dashboard-page-reputation .reputation-item-heading > span{ color: #69635c; font-size: 10px; }
.dashboard-page-reputation .rating-stars{ display: inline-flex; margin-top: 3px; color: #c95724; font-size: 11px; line-height: 1; letter-spacing: .08em; }
.dashboard-page-reputation .rating-stars .muted-star{ color: #d7d2ca; }
.dashboard-page-reputation .reputation-item-main p{ display: -webkit-box; overflow: hidden; margin: 8px 0 10px; color: #4f4942; font-size: 11.5px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dashboard-page-reputation .reputation-item-meta{ display: flex; flex-wrap: wrap; gap: 8px 16px; color: #69635c; font-size: 9.5px; line-height: 1.45; }
.dashboard-page-reputation .reputation-item-meta span{ display: inline-flex; align-items: center; gap: 5px; }
.dashboard-page-reputation .reputation-item-meta b{ color: #4a453f; font-weight: 680; }
.dashboard-page-reputation .reputation-item-meta .is-overdue-meta, .dashboard-page-reputation .reputation-item-meta .is-overdue-meta b{ color: #a43f43; }
.dashboard-page-reputation .reputation-item-status{ display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 12px; }
.dashboard-page-reputation .reputation-badges{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.dashboard-page-reputation .reputation-open-case{ display: inline-flex; align-items: center; gap: 7px; color: #4a453f; font-size: 10.5px; font-weight: 720; }
.dashboard-page-reputation .reputation-item:hover .reputation-open-case{ color: #1b1917; }
.dashboard-page-reputation .reputation-open-case i{ font-size: 13px; transition: transform .15s ease; }
.dashboard-page-reputation .reputation-item:hover .reputation-open-case i{ transform: translateX(2px); }
.dashboard-page-reputation .reputation-empty-state{ min-height: 260px; border-top: 0; background: #fff !important; }
.dashboard-page-reputation .reputation-empty-state .btn{ margin-top: 5px; }
@media (max-width: 1199.98px) {
    .dashboard-page-reputation .reputation-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-reputation .reputation-guide{ grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .dashboard-page-reputation .reputation-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-reputation .reputation-search{ grid-column: 1 / -1; }
    .dashboard-page-reputation .reputation-filters > .btn{ justify-self: start; min-width: 150px; }
}
@media (max-width: 767.98px) {
    .dashboard-page-reputation .reputation-guide{ padding: 19px; }
    .dashboard-page-reputation .reputation-guide-steps{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-reputation .reputation-guide-steps li{ border-right: 0; border-bottom: 1px solid #ded8cf; }
    .dashboard-page-reputation .reputation-guide-steps li:last-child{ border-bottom: 0; }
    .dashboard-page-reputation .reputation-panel-header{ align-items: stretch; }
    .dashboard-page-reputation .reputation-view-links{ justify-content: stretch; }
    .dashboard-page-reputation .reputation-view-links .btn{ flex: 1 1 180px; }
    .dashboard-page-reputation .reputation-filter-heading{ align-items: flex-start; }
    .dashboard-page-reputation .reputation-filters{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-reputation .reputation-search{ grid-column: auto; }
    .dashboard-page-reputation .reputation-filters > .btn{ width: 100%; justify-self: stretch; }
    .dashboard-page-reputation .reputation-item{ grid-template-columns: 40px minmax(0, 1fr); padding: 15px; }
    .dashboard-page-reputation .reputation-item-icon{ width: 40px; height: 40px; }
    .dashboard-page-reputation .reputation-item-status{ grid-column: 2; align-items: flex-start; }
    .dashboard-page-reputation .reputation-badges{ justify-content: flex-start; }
}
@media (max-width: 575.98px) {
    .dashboard-page-reputation .reputation-guide{ border-left-width: 3px; padding: 17px; }
    .dashboard-page-reputation .reputation-filter-heading{ flex-direction: column; gap: 8px; padding-inline: 15px; }
    .dashboard-page-reputation .reputation-filters{ padding: 0 15px 15px; }
    .dashboard-page-reputation .reputation-queue{ padding: 10px; }
    .dashboard-page-reputation .reputation-item, .dashboard-page-reputation .reputation-item.is-overdue{ grid-template-columns: minmax(0, 1fr); padding: 15px; }
    .dashboard-page-reputation .reputation-item-icon{ display: none; }
    .dashboard-page-reputation .reputation-item-status{ grid-column: auto; flex-direction: row; align-items: center; }
    .dashboard-page-reputation .reputation-open-case{ margin-left: auto; }
}

/* Feedback detail workspace */
.feedback-detail-page{ display: grid; gap: 20px; min-width: 0; }
.feedback-detail-toolbar{ min-height: 38px; margin: 0; }
.feedback-back-link{ display: inline-flex; align-items: center; gap: 8px; color: var(--repify-ink-soft); font-size: 12.5px; font-weight: 720; text-decoration: none; }
.feedback-back-link:hover, .feedback-back-link:focus-visible{ color: var(--repify-orange-dark); }
.feedback-detail-toolbar-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.feedback-next-action{ display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 20px 22px; border: 1px solid var(--repify-line); border-left: 4px solid var(--repify-orange); border-radius: var(--repify-radius-lg); background: #fff; box-shadow: var(--repify-shadow-subtle); }
.feedback-next-action.is-overdue{ border-left-color: var(--repify-danger); background: #fffafa; }
.feedback-next-action.is-complete{ border-left-color: #68816d; background: #fbfdfb; }
.feedback-next-action-icon{ display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #ebcdbc; border-radius: var(--repify-radius-md); background: var(--repify-orange-softer); color: var(--repify-orange-dark); font-size: 20px; }
.feedback-next-action.is-overdue .feedback-next-action-icon{ border-color: #e4babc; background: var(--repify-danger-soft); color: var(--repify-danger); }
.feedback-next-action.is-complete .feedback-next-action-icon{ border-color: #ced9d0; background: #f0f5f1; color: #4e6753; }
.feedback-next-action-copy{ min-width: 0; }
.feedback-step-label{ display: block; margin-bottom: 5px; color: var(--repify-orange-dark); font-size: 10px; font-weight: 800; letter-spacing: .075em; line-height: 1.2; text-transform: uppercase; }
.feedback-next-action h2{ margin: 0; color: var(--repify-ink); font-size: clamp(18px, 1.5vw, 23px); font-weight: 780; line-height: 1.22; letter-spacing: -.025em; }
.feedback-next-action p{ max-width: 780px; margin: 6px 0 0; color: var(--repify-muted); font-size: 12.5px; line-height: 1.58; }
.feedback-next-action-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 13px; }
.feedback-due-label{ display: inline-flex; align-items: center; gap: 6px; color: var(--repify-muted); font-size: 11px; font-weight: 680; }
.feedback-due-label.is-overdue{ color: var(--repify-danger); }
.feedback-next-action-cta{ display: flex; align-items: center; justify-content: flex-end; }
.feedback-next-action-cta .btn{ white-space: nowrap; }
.feedback-summary-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; }
.feedback-detail-page .case-summary-card{ min-height: 132px; padding: 18px 19px; gap: 7px; }
.case-summary-card-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.feedback-detail-page .case-summary-card-head > span{ color: var(--repify-muted); font-size: 10.5px; font-weight: 800; letter-spacing: .065em; line-height: 1.2; text-transform: uppercase; }
.feedback-detail-page .case-summary-card-head > i{ color: var(--repify-muted); font-size: 15px; }
.feedback-detail-page .case-summary-card > strong{ margin-top: auto; font-size: clamp(22px, 1.8vw, 29px); }
.feedback-detail-page .case-summary-card > small{ min-height: 17px; line-height: 1.45; }
.feedback-detail-grid{ grid-template-columns: minmax(0, 1fr) minmax(320px, 390px); gap: 20px; }
.feedback-detail-grid > .app-stack{ gap: 18px; }
.feedback-detail-page .panel{ overflow: hidden; }
.feedback-detail-page .panel-header{ min-height: 0; padding: 19px 21px; border-bottom: 1px solid var(--repify-line); }
.feedback-detail-page .panel-header h2{ font-size: 17px; }
.feedback-detail-page .panel-header p{ max-width: 720px; }
.feedback-detail-page .panel-body{ margin: 0; padding: 21px; }
.feedback-detail-page .customer-quote{ padding: 4px 0 4px 20px; }
.feedback-detail-page .customer-quote > i{ margin-bottom: 6px; color: var(--repify-orange); }
.feedback-detail-page .customer-quote p{ color: var(--repify-ink-soft); font-size: 15px; line-height: 1.68; }
.feedback-detail-page .answer-grid{ gap: 12px; }
.feedback-detail-page .answer-card{ padding: 15px 16px; border-color: var(--repify-line); background: var(--repify-surface-soft); }
.feedback-detail-page .answer-card span{ color: var(--repify-muted); font-size: 10.5px; font-weight: 720; letter-spacing: .035em; text-transform: uppercase; }
.feedback-detail-page .answer-card strong{ display: block; color: var(--repify-ink-soft); font-size: 13px; line-height: 1.55; }
.feedback-detail-page .feedback-thread{ display: grid; gap: 11px; margin: 0 0 18px !important; padding: 16px; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: var(--repify-surface-soft); }
.feedback-detail-page .thread-message{ width: min(86%, 760px); margin: 0 !important; padding: 14px 15px; border-color: var(--repify-line); background: #fff; }
.feedback-detail-page .thread-message.outbound{ justify-self: end; background: #f3eee8; }
.feedback-detail-page .thread-message.internal{ width: 100%; justify-self: stretch; border-style: dashed; background: var(--repify-warning-soft); }
.feedback-detail-page .thread-meta{ align-items: center; margin-bottom: 8px; }
.feedback-detail-page .thread-meta strong{ color: var(--repify-ink-soft); font-size: 11.5px; }
.feedback-detail-page .thread-message p{ color: var(--repify-ink-soft); font-size: 12.5px; line-height: 1.62; }
.feedback-recipient-strip{ display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-bottom: 16px; padding: 12px 13px; border: 1px solid var(--repify-line); border-radius: var(--repify-radius-md); background: #fbfaf8; }
.feedback-recipient-strip.is-warning{ border-color: #ead5a8; background: var(--repify-warning-soft); }
.feedback-recipient-icon{ display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #ebcdbc; border-radius: var(--repify-radius-sm); background: var(--repify-orange-softer); color: var(--repify-orange-dark); }
.feedback-recipient-strip.is-warning .feedback-recipient-icon{ border-color: #ead5a8; background: #fff8e9; color: #7b5817; }
.feedback-recipient-strip > div{ min-width: 0; }
.feedback-recipient-strip > div span, .feedback-recipient-strip > div strong{ display: block; overflow-wrap: anywhere; }
.feedback-recipient-strip > div span{ color: var(--repify-muted); font-size: 10.5px; }
.feedback-recipient-strip > div strong{ margin-top: 2px; color: var(--repify-ink-soft); font-size: 12.5px; }
.feedback-detail-page .editor-tabs{ position: static; margin-bottom: 17px !important; }
.feedback-detail-page .editor-section, .feedback-detail-page .editor-section.active{ padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; }
.feedback-detail-page .saved-reply-picker{ margin-bottom: 14px !important; border-color: var(--repify-line); background: var(--repify-surface-soft); }
.feedback-detail-page textarea.form-control{ min-height: 142px; }
.feedback-detail-page #case{ gap: 16px; }
.feedback-detail-page #case > .panel:first-child{ border-top: 3px solid var(--repify-orange); }
.feedback-detail-page #case .panel-body > form{ display: grid; gap: 14px; }
.feedback-detail-page #case .panel-body > form .mb-3{ margin-bottom: 0 !important; }
.feedback-detail-page .case-recovery-state{ margin-top: 16px; padding-top: 16px; }
.feedback-detail-page .tag-checkbox-list{ gap: 8px; }
.feedback-detail-page .tag-checkbox{ min-height: 34px; padding: 7px 10px; }
.feedback-detail-page .create-tag-details{ padding-top: 13px; border-top: 1px solid var(--repify-line); }
.feedback-detail-page .create-tag-details summary{ color: var(--repify-ink-soft); font-size: 12px; font-weight: 720; cursor: pointer; }
.feedback-contact-link{ display: inline-flex; align-items: center; max-width: 100%; color: var(--repify-ink-soft); font-size: 12.5px; font-weight: 700; overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: #c8bfb3; text-underline-offset: 3px; }
.feedback-contact-link:hover, .feedback-contact-link:focus-visible{ color: var(--repify-orange-dark); text-decoration-color: currentColor; }
.feedback-detail-page #conversation, .feedback-detail-page #case{ scroll-margin-top: calc(var(--topbar-height, 88px) + 22px); }
@media (max-width: 1199.98px) {
    .feedback-detail-grid{ grid-template-columns: minmax(0, 1fr); }
    .feedback-summary-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feedback-detail-page #case{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feedback-detail-page #case > .panel:first-child{ grid-column: 1 / -1; }
}
@media (max-width: 991.98px) {
    .feedback-next-action{ grid-template-columns: 44px minmax(0, 1fr); }
    .feedback-next-action-icon{ width: 44px; height: 44px; }
    .feedback-next-action-cta{ grid-column: 2; justify-content: flex-start; }
    .feedback-summary-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .feedback-detail-page{ gap: 16px; }
    .feedback-detail-toolbar{ align-items: stretch; }
    .feedback-detail-toolbar, .feedback-detail-toolbar-actions{ width: 100%; }
    .feedback-detail-toolbar-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feedback-detail-toolbar-actions .btn{ width: 100%; justify-content: center; }
    .feedback-next-action{ grid-template-columns: 40px minmax(0, 1fr); gap: 13px; padding: 17px; }
    .feedback-next-action-icon{ width: 40px; height: 40px; font-size: 17px; }
    .feedback-next-action-cta{ grid-column: 1 / -1; }
    .feedback-next-action-cta .btn{ width: 100%; justify-content: center; }
    .feedback-detail-page #case{ grid-template-columns: minmax(0, 1fr); }
    .feedback-detail-page #case > .panel:first-child{ grid-column: auto; }
    .feedback-recipient-strip{ grid-template-columns: 36px minmax(0, 1fr); }
    .feedback-recipient-strip > .badge-soft{ grid-column: 1 / -1; justify-self: start; }
    .feedback-detail-page .thread-message{ width: 94%; }
}
@media (max-width: 520px) {
    .feedback-detail-toolbar-actions{ grid-template-columns: minmax(0, 1fr); }
    .feedback-summary-grid{ grid-template-columns: minmax(0, 1fr); }
    .feedback-detail-page .case-summary-card{ min-height: 118px; }
    .feedback-detail-page .panel-header, .feedback-detail-page .panel-body{ padding: 17px; }
    .feedback-detail-page .panel-header{ align-items: flex-start; flex-direction: column; }
    .feedback-detail-page .feedback-thread{ padding: 12px; }
    .feedback-detail-page .thread-message{ width: 100%; }
}

/* Invitations workspace */
.dashboard-page-invitations .app-content{ display: flex; flex-direction: column; gap: 0; }
.dashboard-page-invitations .invitation-eyebrow{ display: block; margin-bottom: 7px; color: var(--repify-orange-dark, #ae451b); font-size: 10px; font-weight: 780; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
.dashboard-page-invitations .invitation-command{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 28px; align-items: center; margin-bottom: 20px; padding: 26px; border: 1px solid var(--repify-line, #ded8cf); border-left: 4px solid var(--repify-orange, #c95724); border-radius: 10px; background: #fff; }
.dashboard-page-invitations .invitation-command-copy h2{ max-width: 760px; margin: 0; color: var(--repify-ink, #1b1917); font-size: clamp(21px, 2vw, 29px); font-weight: 740; letter-spacing: -.04em; line-height: 1.12; }
.dashboard-page-invitations .invitation-command-copy > p{ max-width: 750px; margin: 10px 0 0; color: var(--repify-muted, #69635c); font-size: 12.5px; line-height: 1.62; }
.dashboard-page-invitations .invitation-command-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 19px; }
.dashboard-page-invitations .invitation-command-facts{ display: grid; gap: 10px; }
.dashboard-page-invitations .invitation-command-facts > div{ display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 8px; background: var(--repify-surface-soft, #faf8f5); }
.dashboard-page-invitations .invitation-fact-icon{ display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #e8c4ae; border-radius: 8px; background: var(--repify-orange-softer, #fff4ed); color: var(--repify-orange-dark, #ae451b); font-size: 16px; }
.dashboard-page-invitations .invitation-command-facts small, .dashboard-page-invitations .invitation-command-facts strong, .dashboard-page-invitations .invitation-command-facts em{ display: block; }
.dashboard-page-invitations .invitation-command-facts small{ color: var(--repify-muted, #69635c); font-size: 10px; font-weight: 680; }
.dashboard-page-invitations .invitation-command-facts strong{ margin-top: 3px; color: var(--repify-ink-soft, #3e3934); font-size: 12.5px; line-height: 1.35; }
.dashboard-page-invitations .invitation-command-facts em{ margin-top: 3px; color: var(--repify-muted, #69635c); font-size: 10.5px; font-style: normal; line-height: 1.4; overflow-wrap: anywhere; }

.dashboard-page-invitations .invitation-metrics{ gap: 12px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.dashboard-page-invitations .invitation-metrics .metric-card{ min-height: 126px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 9px; background: #fff; }
.dashboard-page-invitations .invitation-metrics .metric-card:last-child{ border-right: 1px solid var(--repify-line, #ded8cf); }

.dashboard-page-invitations .invitation-next-action{ display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-bottom: 20px; padding: 18px 20px; border: 1px solid var(--repify-line, #ded8cf); border-left-width: 4px; border-radius: 9px; background: #fff; }
.dashboard-page-invitations .invitation-next-action.is-danger{ border-left-color: #b5474b; background: #fffafa; }
.dashboard-page-invitations .invitation-next-action.is-warning{ border-left-color: #b27d1b; background: #fffdf8; }
.dashboard-page-invitations .invitation-next-action.is-active{ border-left-color: var(--repify-orange, #c95724); }
.dashboard-page-invitations .invitation-next-action.is-success{ border-left-color: #568269; }
.dashboard-page-invitations .invitation-next-action.is-neutral{ border-left-color: #8d867d; }
.dashboard-page-invitations .invitation-next-action-icon{ display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 9px; background: var(--repify-surface-soft, #faf8f5); color: var(--repify-orange-dark, #ae451b); font-size: 18px; }
.dashboard-page-invitations .invitation-next-action.is-danger .invitation-next-action-icon{ border-color: #e3bdbd; background: #fff3f3; color: #983c40; }
.dashboard-page-invitations .invitation-next-action.is-warning .invitation-next-action-icon{ border-color: #ead5a8; background: #fff8e9; color: #7b5817; }
.dashboard-page-invitations .invitation-next-action.is-success .invitation-next-action-icon{ border-color: #c5dbce; background: #f4faf6; color: #426b53; }
.dashboard-page-invitations .invitation-next-action .invitation-eyebrow{ margin-bottom: 4px; }
.dashboard-page-invitations .invitation-next-action h2{ margin: 0; color: var(--repify-ink, #1b1917); font-size: 15px; font-weight: 740; letter-spacing: -.02em; }
.dashboard-page-invitations .invitation-next-action p{ max-width: 880px; margin: 4px 0 0; color: var(--repify-muted, #69635c); font-size: 11.5px; line-height: 1.52; }
.dashboard-page-invitations .invitation-next-action > .btn{ white-space: nowrap; }

.dashboard-page-invitations .invitation-queue-section{ min-width: 0; }
.dashboard-page-invitations .invitation-queue-header{ display: flex; justify-content: space-between; gap: 22px; align-items: flex-start; padding: 0 2px 14px; border: 0; background: transparent; }
.dashboard-page-invitations .invitation-queue-header h2{ margin: 0; font-size: 18px; }
.dashboard-page-invitations .invitation-queue-header p{ max-width: 760px; margin: 5px 0 0; }
.dashboard-page-invitations .invitation-queue-surface{ overflow: hidden; border: 1px solid var(--repify-line, #ded8cf); border-radius: 10px; background: #fff; }
.dashboard-page-invitations .invitation-queue-header-actions{ display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.dashboard-page-invitations .invitation-result-count{ color: var(--repify-muted, #69635c); font-size: 10.5px; white-space: nowrap; }
.dashboard-page-invitations .invitation-result-count strong{ color: var(--repify-ink-soft, #3e3934); }

.dashboard-page-invitations .invitation-filter-form{ padding: 18px 22px; border-bottom: 1px solid var(--repify-line-soft, #e8e3da); background: var(--repify-surface-soft, #faf8f5); }
.dashboard-page-invitations .invitation-filter-grid{ display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(150px, .7fr)) auto; gap: 12px; align-items: end; }
.dashboard-page-invitations .invitation-filter-grid:has(#invitationLocation){ grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(135px, .65fr)) auto; }
.dashboard-page-invitations .invitation-filter-grid .form-label{ margin-bottom: 6px; font-size: 10.5px; }
.dashboard-page-invitations .input-with-icon{ position: relative; }
.dashboard-page-invitations .input-with-icon > i{ position: absolute; z-index: 2; top: 50%; left: 13px; color: var(--repify-muted, #69635c); font-size: 13px; transform: translateY(-50%); pointer-events: none; }
.dashboard-page-invitations .input-with-icon .form-control{ padding-left: 36px; }
.dashboard-page-invitations .invitation-filter-actions{ display: flex; gap: 8px; }
.dashboard-page-invitations .invitation-filter-actions .btn{ white-space: nowrap; }
.dashboard-page-invitations .invitation-active-filters{ display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 12px; }
.dashboard-page-invitations .invitation-active-filters > span{ margin-right: 2px; color: var(--repify-muted, #69635c); font-size: 10px; font-weight: 690; }
.dashboard-page-invitations .invitation-active-filters b{ display: inline-flex; align-items: center; gap: 5px; min-height: 27px; padding: 5px 8px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 6px; background: #fff; color: var(--repify-ink-soft, #3e3934); font-size: 10px; font-weight: 680; }

.dashboard-page-invitations .invitation-bulk-toolbar{ display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 62px; padding: 12px 22px; border-bottom: 1px solid var(--repify-line-soft, #e8e3da); background: #fff; }
.dashboard-page-invitations .invitation-bulk-toolbar > div:first-child{ min-width: 0; }
.dashboard-page-invitations .invitation-selection-count{ display: block; color: var(--repify-ink-soft, #3e3934); font-size: 11.5px; font-weight: 700; }
.dashboard-page-invitations .invitation-selection-count strong{ color: var(--repify-orange-dark, #ae451b); }
.dashboard-page-invitations .invitation-bulk-toolbar small{ display: block; margin-top: 2px; color: var(--repify-muted, #69635c); font-size: 9.8px; }
.dashboard-page-invitations .invitation-bulk-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.dashboard-page-invitations .invitation-bulk-actions .btn:disabled{ opacity: .48; }

.dashboard-page-invitations .invitation-table-wrap{ border-radius: 0; }
.dashboard-page-invitations .invitation-table{ margin: 0; }
.dashboard-page-invitations .invitation-table thead th{ padding: 11px 13px; color: var(--repify-muted, #69635c); font-size: 9.5px; font-weight: 760; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.dashboard-page-invitations .invitation-table tbody td{ padding: 14px 13px; }
.dashboard-page-invitations .invitation-table tbody tr.is-failed > td:first-child{ box-shadow: inset 3px 0 0 #b5474b; }
.dashboard-page-invitations .invitation-customer-cell{ display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 185px; }
.dashboard-page-invitations .invitation-customer-avatar{ display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #e4c8b8; border-radius: 8px; background: var(--repify-orange-softer, #fff4ed); color: var(--repify-orange-dark, #ae451b); font-size: 11px; font-weight: 780; }
.dashboard-page-invitations .invitation-customer-cell strong, .dashboard-page-invitations .invitation-customer-cell small{ display: block; overflow-wrap: anywhere; }
.dashboard-page-invitations .invitation-customer-cell strong{ color: var(--repify-ink-soft, #3e3934); font-size: 11.5px; }
.dashboard-page-invitations .invitation-customer-cell small{ margin-top: 2px; color: var(--repify-muted, #69635c); font-size: 9.8px; }
.dashboard-page-invitations .invitation-source-label{ display: inline-flex; align-items: center; gap: 6px; color: var(--repify-ink-soft, #3e3934); font-size: 11px; font-weight: 700; }
.dashboard-page-invitations .invitation-source-label i{ color: var(--repify-orange-dark, #ae451b); }
.dashboard-page-invitations .invitation-error-text{ display: block; max-width: 240px; margin-top: 6px; color: #983c40; font-size: 9.8px; line-height: 1.38; overflow-wrap: anywhere; }
.dashboard-page-invitations .invitation-date-primary{ display: block; color: var(--repify-ink-soft, #3e3934); font-size: 10.8px; font-weight: 700; white-space: nowrap; }
.dashboard-page-invitations .invitation-activity-cell{ display: grid; gap: 5px; min-width: 155px; }
.dashboard-page-invitations .invitation-activity-cell span{ display: flex; align-items: flex-start; gap: 6px; color: var(--repify-muted, #69635c); font-size: 9.6px; line-height: 1.35; }
.dashboard-page-invitations .invitation-activity-cell span.is-complete{ color: #426b53; }
.dashboard-page-invitations .invitation-activity-cell i{ margin-top: 1px; }
.dashboard-page-invitations .invitation-link-button{ gap: 6px; white-space: nowrap; }
.dashboard-page-invitations .invitation-table-footer{ display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 12px 22px; border-top: 1px solid var(--repify-line-soft, #e8e3da); background: var(--repify-surface-soft, #faf8f5); color: var(--repify-muted, #69635c); font-size: 9.8px; }
.dashboard-page-invitations .invitation-table-footer a{ display: inline-flex; align-items: center; gap: 6px; color: var(--repify-ink-soft, #3e3934); font-weight: 700; text-decoration: none; }
.dashboard-page-invitations .invitation-table-footer a:hover{ color: var(--repify-orange-dark, #ae451b); }
.dashboard-page-invitations .invitation-empty-state{ display: grid; justify-items: center; padding: 48px 20px; text-align: center; }
.dashboard-page-invitations .invitation-empty-icon{ display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 13px; border: 1px solid #e4c8b8; border-radius: 10px; background: var(--repify-orange-softer, #fff4ed); color: var(--repify-orange-dark, #ae451b); font-size: 19px; }
.dashboard-page-invitations .invitation-empty-state h3{ margin: 0; font-size: 15px; }
.dashboard-page-invitations .invitation-empty-state p{ max-width: 480px; margin: 6px 0 0; }
.dashboard-page-invitations .invitation-empty-actions{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 15px; }

.dashboard-page-invitations .invitation-modal .modal-dialog{ max-width: min(1120px, calc(100vw - 36px)); }
.dashboard-page-invitations .invitation-modal .modal-content{ display: flex; flex-direction: column; max-height: calc(100vh - 36px); max-height: calc(100dvh - 36px); overflow: hidden; border-radius: 12px; }
.dashboard-page-invitations .invitation-modal-header{ flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 21px 24px 18px; }
.dashboard-page-invitations .invitation-modal-header > div{ max-width: 820px; }
.dashboard-page-invitations .invitation-modal-header h2{ margin: 0; color: var(--repify-ink, #1b1917); font-size: 21px; font-weight: 740; letter-spacing: -.035em; }
.dashboard-page-invitations .invitation-modal-header p{ margin: 7px 0 0; color: var(--repify-muted, #69635c); font-size: 11.5px; line-height: 1.52; }
.dashboard-page-invitations .invitation-modal-form{ display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: hidden; }
.dashboard-page-invitations .invitation-modal-body{ flex: 1 1 auto; min-height: 0; padding: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: 20px; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
.dashboard-page-invitations .invitation-modal-grid{ display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(285px, .7fr); min-height: 530px; }
.dashboard-page-invitations .invitation-form-column{ display: grid; gap: 0; padding: 22px 24px 26px; }
.dashboard-page-invitations .invitation-form-section + .invitation-form-section{ margin-top: 24px; padding-top: 23px; border-top: 1px solid var(--repify-line-soft, #e8e3da); }
.dashboard-page-invitations .invitation-form-section-heading{ display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 11px; align-items: start; margin-bottom: 17px; }
.dashboard-page-invitations .invitation-form-section-heading > span{ display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #e4bfa9; border-radius: 7px; background: var(--repify-orange-softer, #fff4ed); color: var(--repify-orange-dark, #ae451b); font-size: 10px; font-weight: 800; }
.dashboard-page-invitations .invitation-form-section-heading h3{ margin: 0; color: var(--repify-ink-soft, #3e3934); font-size: 14px; font-weight: 730; }
.dashboard-page-invitations .invitation-form-section-heading p{ margin: 4px 0 0; color: var(--repify-muted, #69635c); font-size: 10.5px; line-height: 1.45; }
.dashboard-page-invitations .invitation-field-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dashboard-page-invitations .invitation-form-section .form-label > span{ color: var(--repify-muted, #69635c); font-size: 9px; font-weight: 500; }
.dashboard-page-invitations .invitation-fixed-location{ display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; margin-bottom: 16px; padding: 10px 12px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 7px; background: var(--repify-surface-soft, #faf8f5); }
.dashboard-page-invitations .invitation-fixed-location > i{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 7px; background: #fff; color: var(--repify-orange-dark, #ae451b); }
.dashboard-page-invitations .invitation-fixed-location small, .dashboard-page-invitations .invitation-fixed-location strong{ display: block; }
.dashboard-page-invitations .invitation-fixed-location small{ color: var(--repify-muted, #69635c); font-size: 9px; }
.dashboard-page-invitations .invitation-fixed-location strong{ margin-top: 2px; color: var(--repify-ink-soft, #3e3934); font-size: 11px; }
.dashboard-page-invitations .invitation-timing-options{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dashboard-page-invitations .invitation-timing-option{ position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: start; min-height: 88px; padding: 13px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 8px; background: #fff; cursor: pointer; transition: border-color .16s ease, background-color .16s ease; }
.dashboard-page-invitations .invitation-timing-option:hover{ border-color: #d5b39f; }
.dashboard-page-invitations .invitation-timing-option.is-selected{ border-color: var(--repify-orange, #c95724); background: var(--repify-orange-softer, #fff4ed); }
.dashboard-page-invitations .invitation-timing-option .form-check-input{ margin-top: 2px; }
.dashboard-page-invitations .invitation-timing-option strong, .dashboard-page-invitations .invitation-timing-option small{ display: block; }
.dashboard-page-invitations .invitation-timing-option strong{ color: var(--repify-ink-soft, #3e3934); font-size: 11.5px; }
.dashboard-page-invitations .invitation-timing-option small{ margin-top: 3px; color: var(--repify-muted, #69635c); font-size: 9.8px; line-height: 1.38; }
.dashboard-page-invitations .invitation-timing-option > i{ color: var(--repify-muted, #69635c); font-size: 15px; }
.dashboard-page-invitations .invitation-timing-option.is-selected > i{ color: var(--repify-orange-dark, #ae451b); }
.dashboard-page-invitations .invitation-schedule-field{ margin-top: 13px; padding: 13px; border: 1px solid var(--repify-line, #ded8cf); border-radius: 8px; background: var(--repify-surface-soft, #faf8f5); }
.dashboard-page-invitations .invitation-schedule-field[hidden]{ display: none !important; }

.dashboard-page-invitations .invitation-modal-summary{ padding: 22px; border-left: 1px solid var(--repify-line-soft, #e8e3da); background: var(--repify-surface-soft, #faf8f5); }
.dashboard-page-invitations .invitation-summary-sticky{ position: sticky; top: 0; }
.dashboard-page-invitations .invitation-modal-summary h3{ margin: 0; color: var(--repify-ink-soft, #3e3934); font-size: 15px; font-weight: 730; letter-spacing: -.02em; }
.dashboard-page-invitations .invitation-summary-list{ display: grid; gap: 0; margin: 17px 0 0; border: 1px solid var(--repify-line, #ded8cf); border-radius: 8px; background: #fff; overflow: hidden; }
.dashboard-page-invitations .invitation-summary-list > div{ padding: 12px 13px; border-bottom: 1px solid var(--repify-line-soft, #e8e3da); }
.dashboard-page-invitations .invitation-summary-list > div:last-child{ border-bottom: 0; }
.dashboard-page-invitations .invitation-summary-list dt{ color: var(--repify-muted, #69635c); font-size: 9px; font-weight: 680; }
.dashboard-page-invitations .invitation-summary-list dd{ margin: 3px 0 0; color: var(--repify-ink-soft, #3e3934); font-size: 10.8px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.dashboard-page-invitations .invitation-summary-note{ display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; margin-top: 13px; padding: 11px 12px; border: 1px solid #ead5a8; border-radius: 7px; background: #fff8e9; color: #6d521e; }
.dashboard-page-invitations .invitation-summary-note i{ margin-top: 1px; }
.dashboard-page-invitations .invitation-summary-note p{ margin: 0; font-size: 9.8px; line-height: 1.45; }
.dashboard-page-invitations .invitation-summary-link{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; color: var(--repify-ink-soft, #3e3934); font-size: 10.5px; font-weight: 700; text-decoration: none; }
.dashboard-page-invitations .invitation-summary-link:hover{ color: var(--repify-orange-dark, #ae451b); }
.dashboard-page-invitations .invitation-modal-footer{ flex: 0 0 auto; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 14px 24px; background: #fff; }
.dashboard-page-invitations .invitation-modal-footer > div:last-child{ display: flex; gap: 8px; }
.dashboard-page-invitations .invitation-modal-footer strong, .dashboard-page-invitations .invitation-modal-footer small{ display: block; }
.dashboard-page-invitations .invitation-modal-footer strong{ color: var(--repify-ink-soft, #3e3934); font-size: 10.5px; }
.dashboard-page-invitations .invitation-modal-footer small{ margin-top: 2px; color: var(--repify-muted, #69635c); font-size: 9px; }
.dashboard-page-invitations .invitation-modal-blocked{ flex: 1 1 auto; min-height: 0; display: grid; justify-items: center; align-content: center; padding: 52px 24px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; text-align: center; -webkit-overflow-scrolling: touch; }
.dashboard-page-invitations .invitation-blocked-icon{ display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 14px; border: 1px solid #e4c8b8; border-radius: 10px; background: var(--repify-orange-softer, #fff4ed); color: var(--repify-orange-dark, #ae451b); font-size: 19px; }
.dashboard-page-invitations .invitation-modal-blocked h3{ margin: 0; font-size: 16px; }
.dashboard-page-invitations .invitation-modal-blocked p{ max-width: 540px; margin: 7px 0 16px; color: var(--repify-muted, #69635c); font-size: 11.5px; line-height: 1.5; }

@media (max-width: 1199.98px) {
    .dashboard-page-invitations .invitation-command{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-command-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-invitations .invitation-filter-grid, .dashboard-page-invitations .invitation-filter-grid:has(#invitationLocation){ grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(150px, .7fr)); }
    .dashboard-page-invitations .invitation-filter-actions{ grid-column: auto; }
}

@media (max-width: 991.98px) {
    .dashboard-page-invitations .invitation-next-action{ grid-template-columns: 46px minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-next-action > .btn{ grid-column: 2; justify-self: start; }
    .dashboard-page-invitations .invitation-queue-header{ align-items: stretch; flex-direction: column; }
    .dashboard-page-invitations .invitation-queue-header-actions{ justify-content: space-between; }
    .dashboard-page-invitations .invitation-filter-grid, .dashboard-page-invitations .invitation-filter-grid:has(#invitationLocation){ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-invitations .invitation-search-field{ grid-column: 1 / -1; }
    .dashboard-page-invitations .invitation-filter-actions{ align-self: end; }
    .dashboard-page-invitations .invitation-modal-grid{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-modal-summary{ border-top: 1px solid var(--repify-line-soft, #e8e3da); border-left: 0; }
    .dashboard-page-invitations .invitation-summary-sticky{ position: static; }
}

@media (max-width: 767.98px) {
    .dashboard-page-invitations .invitation-command{ gap: 20px; padding: 20px; }
    .dashboard-page-invitations .invitation-command-facts{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-command-actions{ display: grid; grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-command-actions .btn{ width: 100%; justify-content: center; }
    .dashboard-page-invitations .invitation-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-invitations .invitation-next-action{ grid-template-columns: 40px minmax(0, 1fr); gap: 13px; padding: 16px; }
    .dashboard-page-invitations .invitation-next-action-icon{ width: 40px; height: 40px; }
    .dashboard-page-invitations .invitation-next-action > .btn{ grid-column: 1 / -1; width: 100%; justify-content: center; }
    .dashboard-page-invitations .invitation-queue-header{ padding: 0 0 14px; }
    .dashboard-page-invitations .invitation-filter-form{ padding-right: 16px; padding-left: 16px; }
    .dashboard-page-invitations .invitation-queue-header-actions{ display: grid; grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-queue-header-actions .btn{ width: 100%; justify-content: center; }
    .dashboard-page-invitations .invitation-result-count{ white-space: normal; }
    .dashboard-page-invitations .invitation-filter-grid, .dashboard-page-invitations .invitation-filter-grid:has(#invitationLocation){ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-search-field{ grid-column: auto; }
    .dashboard-page-invitations .invitation-filter-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-invitations .invitation-filter-actions .btn:only-child{ grid-column: 1 / -1; }
    .dashboard-page-invitations .invitation-bulk-toolbar{ align-items: stretch; flex-direction: column; padding: 13px 16px; }
    .dashboard-page-invitations .invitation-bulk-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-invitations .invitation-bulk-actions .btn{ width: 100%; justify-content: center; }
    .dashboard-page-invitations .invitation-table-wrap{ overflow: visible; }
    .dashboard-page-invitations .invitation-table, .dashboard-page-invitations .invitation-table tbody, .dashboard-page-invitations .invitation-table tr, .dashboard-page-invitations .invitation-table td{ display: block; width: 100%; }
    .dashboard-page-invitations .invitation-table thead{ display: none; }
    .dashboard-page-invitations .invitation-table tbody{ display: grid; gap: 10px; padding: 10px; background: var(--repify-surface-soft, #faf8f5); }
    .dashboard-page-invitations .invitation-table tbody tr{ position: relative; overflow: hidden; border: 1px solid var(--repify-line, #ded8cf); border-radius: 9px; background: #fff; }
    .dashboard-page-invitations .invitation-table tbody tr.is-failed{ border-left: 3px solid #b5474b; }
    .dashboard-page-invitations .invitation-table tbody tr.is-failed > td:first-child{ box-shadow: none; }
    .dashboard-page-invitations .invitation-table tbody td{ display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: start; min-height: 42px; padding: 10px 13px; border-bottom: 1px solid var(--repify-line-soft, #e8e3da); text-align: left !important; }
    .dashboard-page-invitations .invitation-table tbody td::before{ content: attr(data-label); color: var(--repify-muted, #69635c); font-size: 9px; font-weight: 740; letter-spacing: .025em; text-transform: uppercase; }
    .dashboard-page-invitations .invitation-table tbody td:last-child{ border-bottom: 0; }
    .dashboard-page-invitations .invitation-table tbody td:first-child{ position: absolute; z-index: 2; top: 12px; right: 12px; display: block; width: auto; min-height: 0; padding: 0; border: 0; }
    .dashboard-page-invitations .invitation-table tbody td:first-child::before{ display: none; }
    .dashboard-page-invitations .invitation-customer-cell{ min-width: 0; padding-right: 26px; }
    .dashboard-page-invitations .invitation-activity-cell{ min-width: 0; }
    .dashboard-page-invitations .invitation-link-button{ justify-content: center; width: 100%; }
    .dashboard-page-invitations .invitation-table-footer{ align-items: flex-start; flex-direction: column; padding: 13px 16px; }
    .dashboard-page-invitations .invitation-modal .modal-dialog{ max-width: none; margin: 10px; }
    .dashboard-page-invitations .invitation-modal .modal-content{ max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); }
    .dashboard-page-invitations .invitation-modal-header{ padding: 18px; }
    .dashboard-page-invitations .invitation-modal-header h2{ font-size: 18px; }
    .dashboard-page-invitations .invitation-form-column, .dashboard-page-invitations .invitation-modal-summary{ padding: 18px; }
    .dashboard-page-invitations .invitation-field-grid, .dashboard-page-invitations .invitation-timing-options{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-modal-footer{ align-items: stretch; flex-direction: column; padding: 13px 18px; }
    .dashboard-page-invitations .invitation-modal-footer > div:last-child{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-page-invitations .invitation-modal-footer .btn{ width: 100%; justify-content: center; }
}

@media (max-width: 520px) {
    .dashboard-page-invitations .invitation-metrics{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-filter-actions, .dashboard-page-invitations .invitation-bulk-actions, .dashboard-page-invitations .invitation-modal-footer > div:last-child{ grid-template-columns: minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-table tbody td{ grid-template-columns: 80px minmax(0, 1fr); }
    .dashboard-page-invitations .invitation-modal-header p{ display: none; }
}

/* Invitations: deployment-safe queue section
   Supports both the current split header/surface markup and the immediately
   previous panel wrapper during staggered uploads or stale PHP opcode cache. */
.dashboard-page-invitations .invitation-queue-panel{
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.dashboard-page-invitations .invitation-queue-panel > .invitation-queue-header{
    padding: 0 2px 14px;
    border: 0;
    background: transparent;
}
.dashboard-page-invitations .invitation-queue-panel > .invitation-filter-form{
    border: 1px solid var(--repify-line, #ded8cf);
    border-bottom: 1px solid var(--repify-line-soft, #e8e3da);
    border-radius: 10px 10px 0 0;
}
.dashboard-page-invitations .invitation-queue-panel > .invitation-bulk-form{
    overflow: hidden;
    border: 1px solid var(--repify-line, #ded8cf);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: #fff;
}
.dashboard-page-invitations .invitation-queue-section > .invitation-queue-header{
    margin: 0;
}
.dashboard-page-invitations .invitation-queue-section > .invitation-queue-surface{
    margin: 0;
}

@media (max-width: 767.98px) {
    .dashboard-page-invitations .invitation-queue-panel > .invitation-queue-header{
        padding: 0 0 14px;
    }
}

/* Locations: separate metric cards and preserve the shared dashboard rhythm. */
.dashboard-page-locations .location-metrics{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.dashboard-page-locations .location-metrics > .metric-card{
    min-height: 132px;
    border: 1px solid var(--repify-line, #ded8cf);
    border-radius: 10px;
    background: #fff;
}
.dashboard-page-locations .location-metrics > .metric-card.is-attention{
    border-color: #e4c39a;
    background: #fffbf5;
}
.dashboard-page-locations .location-metrics > .metric-card.is-clear .metric-icon{
    color: #2f7653;
}
@media (max-width: 1180px){
    .dashboard-page-locations .location-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
    .dashboard-page-locations .location-metrics{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .dashboard-page-locations .location-metrics > .metric-card{ min-height: 112px; }
}