/*
 * Repify application UI
 * Production design-system stylesheet. Shared primitives are defined once,
 * then extended by module-specific rules without late global override layers.
 *
 * Rules are kept one per line so selectors remain searchable and cascade
 * changes are reviewable without allowing new version layers to accumulate.
 */
/* Repify design tokens — authoritative application source of truth */
:root{
    /* Brand */
    --repify-orange:#ff7417;
    --repify-orange-dark:#ff7417;
    --repify-orange-soft:#f9e9df;
    --repify-orange-softer:#fff8f3;

    /* Surfaces */
    --repify-page:#f5f3ef;
    --repify-surface:#ffffff;
    --repify-surface-soft:#faf8f5;
    --repify-surface-muted:#f0ede7;
    --repify-surface-strong:#e8e3dc;

    /* Text */
    --repify-ink:#171614;
    --repify-ink-soft:#3e3934;
    --repify-text:#24211e;
    --repify-muted:#69635c;
    --repify-muted-light:#8b837a;

    /* Lines + semantics */
    --repify-line:#ded8cf;
    --repify-line-soft:#ebe6df;
    --repify-line-strong:#c8bfb3;
    --repify-success:#315f43;
    --repify-success-soft:#e9f2ec;
    --repify-warning:#8a5b24;
    --repify-warning-soft:#f7eddf;
    --repify-danger:#8d3f3a;
    --repify-danger-soft:#f8e9e8;
    --repify-info:#4c6173;
    --repify-info-soft:#edf2f5;
    --repify-ai:#67507f;
    --repify-ai-soft:#f1edf6;

    /* Radius */
    --repify-radius-xs:6px;
    --repify-radius-sm:9px;
    --repify-radius-md:12px;
    --repify-radius-lg:16px;
    --repify-radius-xl:20px;

    /* Spacing */
    --repify-space-1:4px;
    --repify-space-2:8px;
    --repify-space-3:12px;
    --repify-space-4:16px;
    --repify-space-5:20px;
    --repify-space-6:24px;
    --repify-space-7:32px;
    --repify-space-8:40px;
    --repify-space-9:48px;

    /* Elevation + focus */
    --repify-shadow-subtle:0 1px 2px rgba(23,22,20,.025);
    --repify-shadow-card:0 1px 2px rgba(23,22,20,.025),0 12px 34px rgba(23,22,20,.035);
    --repify-shadow-floating:0 22px 58px rgba(23,22,20,.14);
    --repify-focus:0 0 0 3px rgba(255,116,23,.18);

    /* Layout */
    --repify-control-height:44px;
    --repify-sidebar-width:256px;
    --repify-sidebar-collapsed-width:76px;
    --repify-topbar-height:84px;
    --repify-content-max:1540px;
    --repify-section-gap:20px;

    /* Compatibility aliases used by existing module styles. Keep mapped here. */
    --sidebar-width:var(--repify-sidebar-width);
    --sidebar-width-expanded:var(--repify-sidebar-width);
    --sidebar-width-collapsed:var(--repify-sidebar-collapsed-width);
    --topbar-height:var(--repify-topbar-height);
    --content-max:var(--repify-content-max);
    --radius-sm:var(--repify-radius-sm);
    --radius-md:var(--repify-radius-md);
    --radius-lg:var(--repify-radius-lg);
    --focus-ring:var(--repify-focus);
    --app-bg:var(--repify-page);
    --surface:var(--repify-surface);
    --surface-soft:var(--repify-surface-soft);
    --surface-muted:var(--repify-surface-muted);
    --surface-strong:var(--repify-surface-strong);
    --border:var(--repify-line);
    --border-color:var(--repify-line);
    --border-strong:var(--repify-line-strong);
    --app-border:var(--repify-line);
    --text:var(--repify-text);
    --text-muted:var(--repify-muted);
    --muted:var(--repify-muted);
    --muted-2:var(--repify-muted-light);
    --black:var(--repify-ink);
    --ink:var(--repify-ink);
    --black-hover:#302d29;
    --accent:var(--repify-orange);
    --brand:var(--repify-orange);
    --accent-hover:var(--repify-orange-dark);
    --accent-soft:var(--repify-orange-soft);
    --accent-softer:var(--repify-orange-softer);
    --repify-accent:var(--repify-orange);
    --template-primary:var(--repify-orange);
    --success:var(--repify-success);
    --success-bg:var(--repify-success-soft);
    --warning:var(--repify-warning);
    --warning-bg:var(--repify-warning-soft);
    --danger:var(--repify-danger);
    --danger-bg:var(--repify-danger-soft);
    --info:var(--repify-info);
    --info-bg:var(--repify-info-soft);
    --studio-ink:var(--repify-ink);
    --studio-muted:var(--repify-muted);
    --studio-line:var(--repify-line);
    --studio-soft:var(--repify-page);
    --studio-accent:var(--repify-orange);
    --studio-accent-soft:var(--repify-orange-soft);
    --repify-border:var(--repify-line);
    --repify-soft:var(--repify-page);
    --soft-bg:var(--repify-surface-soft);
    --space-1:var(--repify-space-1);
    --space-2:var(--repify-space-2);
    --space-3:var(--repify-space-3);
    --space-4:var(--repify-space-4);
    --space-5:var(--repify-space-5);
    --space-6:var(--repify-space-6);
    --space-7:var(--repify-space-7);
    --space-8:var(--repify-space-8);
}

*{ box-sizing: border-box; }
a{ color: inherit; }
button, input, textarea, select{ font: inherit; }


.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; }















.table > :not(caption) > * > *{ vertical-align: middle; }
.table tbody tr:last-child td{ border-bottom: 0; }
.rating-stars .muted-star{ color: #d8dbe0; }
.truncate-2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }







.editor-section{ display: none; }
.editor-section.active{ display: block; }




.feedback-thread{ display: flex; flex-direction: column; gap: 14px; }



.thread-meta{ display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size:11.5px; 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; }


@media (min-width: 1900px) {
    
    .panel-header{ padding-left: 28px; padding-right: 28px; }
    .table > :not(caption) > * > *{ padding-left: 22px; padding-right: 22px; }
    
}
@media (max-width: 1399.98px) {
    .metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    
    
}
@media (max-width: 991.98px) {
    body.sidebar-open{ overflow: hidden; }
    
    
    
    .topbar-company{ display: none; }
    
    .app-topbar p{ display: none; }
    
    
    .integration-card{ grid-template-columns: 50px minmax(0,1fr); }
    .integration-card > :last-child{ grid-column: 1 / -1; display: flex; flex-direction: row; }
    .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; }
}
@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; }
}







.design-preset strong{ display: block; margin-top: 8px; font-size:12px; }
.color-control-grid{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }

.color-control > span:first-child{ font-size:12px; 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:11.5px; color: var(--muted); }
.toggle-list{ display: grid; gap: 10px; }

.toggle-row strong, .toggle-row small{ display: block; }

.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; }
.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; }








.onboarding-step.done .onboarding-step-icon{ background: var(--success-bg); color: var(--success); }
.onboarding-step strong, .onboarding-step small{ display: block; }

.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; }

.tag-chip{ display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); border-radius: 999px; padding: 5px 8px; font-size:11px; background: #fff; }
.tag-chip::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tag-color, #68707a); }

.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:11px; margin-top: 3px; }
.upgrade-copy h1{ font-size: 27px; letter-spacing: -.04em; }
.upgrade-copy p, .upgrade-copy li{ color: var(--muted); font-size:12px; line-height: 1.65; }
.upgrade-results{ display: grid; gap: 7px; margin-bottom: 18px; }
.upgrade-results > div{ display: flex; gap: 8px; font-size:11.5px; 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); }

}


.filter-submit{ min-width: 150px; }

.feedback-bulk-bar.is-active{ display: flex; }
.feedback-bulk-bar .form-select{ width: auto; min-width: 180px; }
.bulk-value{ display: none; }
.bulk-value.is-visible{ display: block; }
.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: var(--repify-orange); }
.tag-dark .feedback-tag-dot{ background: var(--repify-ink); }
.tag-blue .feedback-tag-dot, .tag-purple .feedback-tag-dot, .tag-neutral .feedback-tag-dot{ background: var(--repify-muted); }


.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>i{ font-size: 22px; color: var(--muted); display: block; margin-bottom: 4px; }

.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%; }
}









@media (max-width:1100px) {
    
}
@media (max-width:575.98px) {
    
}


.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: 8px; padding: 10px; background: #fff; font-weight: 700; }
@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 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; }


.brand-lockup .brand-mark{ display: none; }




.btn i{ font-size: 14px; }
.btn-outline-secondary:focus{ background: #eeeae4; border-color: #bdb6aa; color: var(--text); }
.tag-checkbox{ border-radius: 6px; }


.toolbar-actions{
  display: flex; flex-wrap: wrap; align-items: center;
gap: 7px;
}
.editor-tabs{
  display:flex; flex-wrap:wrap; gap:2px; margin-bottom:24px; padding:4px;
  border:1px solid var(--border); border-radius:9px; background:#ebe8e2;
}


.design-preset{
  min-width: 0; border: 1px solid var(--border); background: #fff; text-align: left; color: var(--text);
border-radius: 9px; padding: 8px;
}

.color-control{
  display: flex; flex-direction: column; gap: 9px; border: 1px solid var(--border); padding: 12px;
border-radius: 9px; background: #faf9f7;
}

.toggle-row{
  display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--border); border-radius: 14px; background: #fff;
min-height: 56px; padding: 12px 14px;
}
.toggle-row strong{ font-size: 12px; }
.toggle-row small{
  color: var(--muted); margin-top: 4px; line-height: 1.5;
font-size:11.5px;
}







.feedback-command-bar{
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
margin-bottom: 16px; align-items: flex-end;
}
.feedback-filter-grid{
  display: grid; grid-template-columns: minmax(260px,2fr) repeat(4,minmax(150px,1fr)) auto; align-items: end;
gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: #faf9f7;
}
.feedback-bulk-bar{
  display: none; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--border);
background: #f4f0ea; border-color: var(--border);
}
.case-summary-grid{
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr));
gap: 10px;
}
.case-summary-card{
  border: 1px solid var(--border); background: #fff; display: flex; flex-direction: column; gap: 5px;
border-radius: 10px; padding: 15px;
}
.case-summary-card > span{ font-size:11.5px; }
.case-summary-card > strong{ font-size: 22px; }
.customer-quote{
  position: relative; border-left: 3px solid #1b1c1f; padding: 6px 0 6px 22px;
border-left-color: var(--accent); padding-left: 18px;
}
.customer-quote p{
  line-height: 1.7; margin: 0; white-space: pre-line;
font-size: 16px;
}
.answer-card, .saved-reply-picker{ border-radius: 9px; }
.thread-message{
  width: min(78%, 900px); border: 1px solid var(--border); background: #fff;
border-radius: 10px; padding: 14px 16px;
}
.thread-message.outbound{
  margin-left: auto;
  background: #f3f0eb;
}
.thread-message.internal{
  width: 100%; max-width: none; border-color: #eddcb2;
background: var(--warning-bg);
}





.integration-event-option:has(input:checked){ background: var(--accent-soft); border-color: #edc5ad; }
.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;
border-radius: 9px; padding: 13px;
}
.onboarding-step:hover{ background: #faf9f7; }
.onboarding-step strong{ font-size: 12px; }
.onboarding-step small{
  color: var(--muted); margin-top: 2px;
font-size:11.5px;
}
.health-check strong{ font-size: 12px; }
.health-check small{
  color: var(--muted); margin-top: 2px;
font-size:11.5px;
}
.toast-container{ z-index: 1100; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{ outline: 3px solid rgba(255, 116, 23, .25); outline-offset: 2px; }
@media (max-width: 1399.98px) {
    
    
}
@media (max-width: 991.98px) {
    .editor-tabs{ position: static; }
}
@media (max-width: 767.98px) {
    
    .metric-card{ min-height: 120px; padding: 16px; }
    .metric-card strong{ font-size: 27px; }
    .color-control-grid{ grid-template-columns: 1fr 1fr; }
    .feedback-filter-grid{ padding: 12px; }
}
@media (max-width: 575.98px) {
    
    
    .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; }
    
    
}
h2.section-heading, h3.section-heading, h4.section-heading{ display: block; margin: 0 0 16px; font-size: 15px; font-weight: 760; letter-spacing: -.02em; }

.sidebar-brand-row .brand-lockup{ min-width: 0; margin-right: 0; }

.brand-compact-mark span{ color: var(--studio-accent); font-family: Inter, system-ui, sans-serif; font-size:11px; position: absolute; right: 5px; top: 4px; }

.sidebar-user, .sidebar-label{ transition: opacity .16s ease, padding .22s ease, margin .22s ease; }


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-nav a.active::before, html.sidebar-precollapsed .sidebar-nav a.active::before{ inset: 8px auto 8px -6px; }





@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 .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; }
}


.topbar-actions .btn{ white-space: nowrap; }

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



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




.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-copy{ max-width: 670px; }

.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-head{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--border); font-weight: 750; }

.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:12px; }
.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:11.5px; margin-top: 3px; }
.marketing-flow b{ height: 1px; background: var(--border-strong); }

.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 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 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 small{ margin-top: 4px; color: var(--muted); font-size:12px; }
.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:11px; 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:12px; }
.integration-flow-step p{ margin: 2px 0 0; color: var(--muted); font-size:11px; 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:11.5px; 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:12px; 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:11px; 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:11.5px; }
.integration-card-action{ margin-top: auto; display: flex; justify-content: space-between; align-items: center; color: var(--text); font-size:12px; 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:calc(var(--repify-fixed-topbar-height) + 68px); 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:11.5px; 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:11.5px; }
.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:12px; }
.integration-head-actions{ display:flex; flex:0 0 auto; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
.integration-help-requirement, .integration-help-after{ display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; align-items:start; padding:15px 16px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-md); background:var(--repify-surface-soft); }
.integration-help-requirement > i, .integration-help-after > i{ display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--repify-line); border-radius:10px; background:#fff; color:var(--repify-orange-dark); font-size:16px; }
.integration-help-requirement strong, .integration-help-after strong, .integration-help-requirement p, .integration-help-after p{ display:block; }
.integration-help-requirement p, .integration-help-after p{ margin:4px 0 0; color:var(--repify-muted); font-size:12px; line-height:1.55; }
.integration-help-steps{ display:grid; gap:0; margin:16px 0; padding:0; border:1px solid var(--repify-line); border-radius:var(--repify-radius-md); background:#fff; list-style:none; overflow:hidden; }
.integration-help-steps li{ display:grid; grid-template-columns:34px minmax(0,1fr); gap:12px; align-items:start; padding:15px 16px; border-bottom:1px solid var(--repify-line); }
.integration-help-steps li:last-child{ border-bottom:0; }
.integration-help-steps li > span{ display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--repify-ink); color:#fff; font-size:11px; font-weight:800; }
.integration-help-steps strong{ display:block; color:var(--repify-ink); font-size:12.5px; }
.integration-help-steps p{ margin:4px 0 0; color:var(--repify-muted); font-size:12px; line-height:1.55; }
.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:11.5px; font-weight: 750; }

.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:11px; 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:12px; }
.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:11.5px; }
.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:11.5px; 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:11.5px; }
.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 strong, .integration-connect-guide p{ display: block; }
.integration-connect-guide strong{ font-size:11.5px; }
.integration-connect-guide p{ margin: 3px 0 0; color: var(--muted); font-size:11px; 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:11px; }
.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:11.5px; }
.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:12px; }
.integration-test-console p{ margin: 2px 0 0; color: var(--muted); font-size:11px; }
.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:11.5px; 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:11.5px; 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:12px; }
    .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; }
    .integration-head-actions{ width:100%; justify-content:flex-start; }
    .integration-head-actions .btn, .integration-head-actions .integration-platform-warning{ width:100%; justify-content:center; }
}
@media (max-width: 560px) {
    .marketing-header{ padding-inline: 16px; }
    .marketing-header nav .btn{ font-size:11.5px; }
    .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:12px; 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:11.5px; }
    .integration-card-account strong{ font-size: 12px; }
    .integration-workspace-intro > p{ font-size: 12px; line-height: 1.55; }
    .integration-benefit-list li{ font-size:12px; line-height: 1.5; }
    .integration-workspace-head p{ font-size:12px; 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:12px; }
    .integration-rule-toggle strong{ font-size: 12px; }
    .integration-rule-toggle p{ font-size:11.5px; line-height: 1.45; }
    .integration-connect-guide strong{ font-size:12px; }
    .integration-connect-guide p{ font-size:11.5px; }
}
.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:12px; 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; }
}


.brand-lockup small{
  color: var(--muted); font-size:11.5px; letter-spacing: .02em; margin-top: 8px;
display: none;
}






.tag-chip, .feedback-tag{ border-radius: 4px; }

.dashboard-action-row{ display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr); gap: 16px; margin-bottom: 16px; }
.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; }










.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:11.5px; 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{
  display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--border-strong); font-size:11px; font-weight: 800;
border-radius: 4px;
}
@media (max-width: 1199.98px) {
    
}
@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; }
    
    
    
}
.workspace-intro-actions{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.integration-intro .workspace-status-list{ grid-template-columns: repeat(2, auto); }
/* Authentication surfaces are owned by repify-auth.css. */
.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 .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: var(--repify-ink); 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: var(--repify-muted) ; }
.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: var(--repify-ink); }
.dashboard-body .btn-link{ min-height: auto; padding: 4px 2px; color: var(--repify-muted); text-decoration: underline; text-decoration-color: var(--repify-line-strong); text-underline-offset: 3px; }
.dashboard-body .btn-link:hover, .dashboard-body .btn-link:focus-visible{ color: var(--repify-ink); text-decoration-color: currentColor; }
.panel-divider-bottom{ border-bottom:1px solid var(--repify-surface-strong); }
.dashboard-body .status-dot{ width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.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 var(--repify-line); border-radius: 6px; }
.dashboard-body .workspace-status-list > div{ min-width: 128px; padding: 14px 16px; border-right: 1px solid var(--repify-surface-strong); background: var(--repify-surface-soft); }
.dashboard-body .workspace-status-list > div:last-child{ border-right: 0; }
.dashboard-body .workspace-status-list dt{ color: var(--repify-ink-soft); font-size:11.5px; font-weight: 680; }
.dashboard-body .workspace-status-list dd{ margin: 5px 0 0; color: var(--repify-ink); 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:var(--repify-success); }
.dashboard-body .funnel-row, .dashboard-body .health-check{ border-color: var(--repify-line); }
.dashboard-page-onboarding .onboarding-step{ padding: 20px; border-right: 1px solid var(--repify-surface-strong); 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: var(--repify-ink-soft); font-size:12px; 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 li{ display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--repify-line); }
.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 var(--repify-line-strong); border-radius: 5px; color: var(--repify-muted); font-size:11.5px; 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: var(--repify-ink-soft); font-size:12px; }

.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 var(--repify-line); border-radius: 8px; background: #ffffff; }

.dashboard-page-integrations .integration-flow-step:last-of-type{ border-right: 0; }
.dashboard-page-integrations .integration-flow-step > span{ color: var(--repify-muted); font-size:11.5px; 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: var(--repify-ink-soft); font-size: 13px; }
.dashboard-page-integrations .integration-flow-step p{ margin: 5px 0 0; color: var(--repify-ink-soft); font-size:12px; 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 var(--repify-line); border-radius: 6px; background: var(--repify-surface-soft); }
.dashboard-page-integrations .integration-filter button{ min-height: 34px; padding: 7px 11px; border: 0; border-radius: 4px; background: transparent; color: var(--repify-muted); font-size:12px; font-weight: 680; }
.dashboard-page-integrations .integration-filter button.active{ background: #ffffff; color: var(--repify-ink); }
.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-catalog-card h3{ margin: 20px 0 6px; font-size: 16px; font-weight: 710; }
.dashboard-page-integrations .integration-catalog-card p{ margin: 0; color: var(--repify-ink-soft); 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: var(--repify-muted); font-size:11.5px; }
.dashboard-page-integrations .integration-card-account strong{ margin-top: 3px; color: var(--repify-ink-soft); font-size:12px; }
.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 var(--repify-surface-strong); color: #303030; 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-intro{ padding: 24px; border-right: 1px solid var(--repify-surface-strong); background: var(--repify-surface-soft); }
.dashboard-page-integrations .integration-workspace-number{ display: block; color: var(--repify-muted); font-size:11.5px; font-weight: 760; }

.dashboard-page-integrations .integration-workspace-intro p{ margin: 0; color: var(--repify-ink-soft); font-size: 12px; line-height: 1.55; }

.dashboard-page-integrations .integration-benefit-list i{ color: var(--repify-orange-dark); }
.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: var(--repify-ink-soft); 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-connect-guide{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-bottom: 18px; overflow: hidden; border: 1px solid var(--repify-line); 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 var(--repify-surface-strong); }
.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 var(--repify-line-strong); border-radius: 4px; color: var(--repify-ink-soft); font-size:11.5px; 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:12px; }
.dashboard-page-integrations .integration-connect-guide p{ margin-top: 4px; color: var(--repify-ink-soft); font-size:11.5px; 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 var(--repify-surface-strong); }
.dashboard-page-integrations .integration-advanced summary{ padding: 14px 0; color: var(--repify-ink-soft); font-size:12px; 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 var(--repify-line); }
.dashboard-body .health-check:last-child{ border-bottom: 0; }
.dashboard-body .health-check > i{ color: #a25b3d; }
.dashboard-body .health-check.ok > i{ color: var(--repify-orange-dark); }
.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: var(--repify-ink-soft); font-size:12px; line-height: 1.45; }
.marketing-body .marketing-header{ border-bottom: 1px solid var(--repify-line); 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: var(--repify-ink); 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: var(--repify-muted); font-size: 17px; line-height: 1.65; }
.marketing-body .marketing-product-card, .marketing-body .marketing-feature, .marketing-body .marketing-cta{ border: 1px solid var(--repify-line); border-radius: 8px; background: #ffffff; box-shadow: none ; }
.marketing-body .marketing-section{ padding: 72px 0; border-top: 1px solid var(--repify-line); }
.marketing-body .marketing-feature-grid{ gap: 14px; }
.marketing-body .marketing-feature{ padding: 24px; }
.marketing-body .marketing-cta{ margin-top: 32px; padding: 30px; }



.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 var(--repify-surface-strong); }
}
@media (max-width: 980px) {
    .dashboard-body .app-content{ padding: 22px 18px 56px; }
    
    
    .dashboard-page-onboarding .onboarding-step, .dashboard-page-integrations .integration-flow-step{ border-bottom: 1px solid var(--repify-surface-strong); }
    .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 var(--repify-surface-strong); }
    .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 var(--repify-surface-strong); }
    .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 var(--repify-surface-strong); }
    .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 .toolbar-row{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; padding: 14px 16px; border: 1px solid var(--repify-line); border-radius: 8px; background: #ffffff; }
.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: var(--repify-ink); font-size: 20px; font-weight: 720; letter-spacing: -.025em; }
.dashboard-body .section-intro p{ max-width: 720px; margin: 0; color: var(--repify-ink-soft); font-size: 12px; line-height: 1.55; }
.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 var(--repify-line); }
.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 var(--repify-line); 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: var(--repify-surface-soft); }
.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 var(--repify-line); border-radius: 7px; background: var(--repify-surface-soft); }
.dashboard-page-feedback .thread-message.inbound{ margin-right: 52px; background: #ffffff; }
.dashboard-page-feedback .thread-message:not(.inbound){ margin-left: 52px; border-color: var(--repify-line); background: var(--repify-page); }

.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-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 var(--repify-line); }
.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-height: 31px;
max-width: 110px;
}
.dashboard-page-integrations .integration-workspace-intro .integration-brand-logo{ margin: 18px 0; }

.dashboard-page-integrations .integration-account-strip > div{
  min-width: 0;
  padding: 12px 14px; border-right: 1px solid var(--repify-surface-strong); background: var(--repify-surface-soft);
}
.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: var(--repify-muted); font-size:11px; }
.dashboard-page-integrations .integration-account-strip strong{
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
margin-top: 3px; color: #303030; font-size:12px;
}
.dashboard-page-integrations .integration-rule-form, .dashboard-page-integrations .integration-connect-guide, .dashboard-page-integrations .integration-test-console{ padding: 16px; border: 1px solid var(--repify-line); 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 var(--repify-surface-strong); }
.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 *, .marketing-body *::before, .marketing-body *::after{ box-shadow: none ; }

.marketing-main{
  width: min(1500px, 100%);
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 var(--repify-surface-strong); }
.marketing-copy h1{ max-width: 700px; margin: 12px 0 20px; color: var(--repify-ink); font-size: clamp(44px, 5vw, 68px); font-weight: 720; line-height: 1.03; letter-spacing: -.055em; }
.marketing-copy > p{
  margin: 0;
max-width: 620px; color: var(--repify-muted); font-size: 17px; line-height: 1.65;
}
.marketing-product-card{
  padding: 22px;
overflow: hidden; border: 1px solid var(--repify-line); border-radius: 9px; background: #ffffff;
}
.marketing-product-head, .marketing-product-metrics, .marketing-flow{ border-color: var(--repify-surface-strong); }
.marketing-section{
  border-top: 1px solid var(--border);
padding: 76px 0; border-bottom: 1px solid var(--repify-surface-strong);
}
.marketing-feature-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 34px; overflow: hidden; border: 1px solid var(--repify-line); border-radius: 8px; }
.marketing-feature-grid article{
  border: 1px solid var(--border); border-radius: 14px;
min-height: 230px; padding: 26px; border-right: 1px solid var(--repify-surface-strong); background: #ffffff;
}
.marketing-feature-grid article:last-child{ border-right: 0; }
.marketing-feature-grid article > i{
  background: var(--accent-soft); font-size: 18px;
display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--repify-line); border-radius: 6px; color: var(--repify-orange-dark);
}
.marketing-logo-row{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin-top: 32px; overflow: hidden; border: 1px solid var(--repify-line); 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 var(--repify-surface-strong); }
.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{
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
margin: 76px 0; padding: 34px 38px; border: 1px solid var(--repify-line); border-radius: 8px; background: #f4f7f5;
}

.upgrade-page{
  display: grid; place-items: center;
min-height: 100vh; padding: 48px 20px;
}
.upgrade-card{
  box-shadow: none ;
width: min(700px, 100%); margin: 0 auto; padding: 32px; border: 1px solid var(--repify-line); 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;
  border-right: 0; border-bottom: 1px solid var(--repify-surface-strong);
}
}
@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 var(--repify-surface-strong); }
}
@media (max-width: 700px) {
    
    .dashboard-body .app-topbar{ min-height: 68px; padding: 13px 14px; }
    .dashboard-body .toolbar-row, .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{
  min-height: 124px; padding: 18px 20px; border-right: 1px solid var(--repify-surface-strong); background: #ffffff;
display: block;
}
.dashboard-page-integrations .integration-flow-step > div strong{ display: block; margin-top: 16px; color: var(--repify-ink-soft); font-size: 13px; }
.dashboard-page-integrations .integration-flow-step > div p{ margin: 5px 0 0; color: var(--repify-ink-soft); font-size:12px; 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 var(--repify-line); border-radius: 6px; background: var(--repify-surface-soft); color: var(--repify-ink-soft); 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:#b9ddca; background:var(--repify-success-soft); color:#155b3b; }
.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: var(--repify-page); color: transparent ; }
.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(255, 116, 23, .20); 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 var(--repify-line); border-radius: 8px; background: #ffffff; }

.platform-summary-bar h2{ max-width: 760px; margin: 0; color: var(--repify-ink); 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: var(--repify-muted); font-size: 13px; line-height: 1.55; }
.platform-health-score{ padding-left: 24px; border-left: 1px solid var(--repify-surface-strong); }
.platform-health-score span, .platform-health-score small, .platform-health-score strong{ display: block; }
.platform-health-score span{ color: var(--repify-muted); font-size:12px; 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: var(--repify-orange-dark); }
.platform-health-score small{ margin-top: 8px; color: var(--repify-muted); font-size:12px; 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); }
.panel-body.platform-attention-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; }

.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: var(--repify-surface-soft); color: var(--repify-ink); }

.platform-attention-item.is-clear .platform-attention-icon{ border-color: var(--repify-line); background: var(--repify-page); color: var(--repify-orange-dark); }
.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: var(--repify-muted); font-size:11.5px; 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: var(--repify-orange-dark); }
.panel-body.platform-status-breakdown, .panel-body.platform-compact-stats{ display:grid; gap:0; padding:0; }
.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 var(--repify-line); }
.platform-status-breakdown > div:last-child, .platform-compact-stats > div:last-child{ border-bottom: 0; }
.platform-status-breakdown span, .platform-compact-stats span{ color: var(--repify-muted); font-size:12px; }
.platform-status-breakdown strong, .platform-compact-stats strong{ color: var(--repify-ink); font-size: 17px; font-weight: 710; }
.panel-body.platform-activity-list{ display:grid; gap:0; padding:0; }
.platform-activity-item{ display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; padding: 13px 18px; border-bottom: 1px solid var(--repify-line); }
.platform-activity-item:last-child{ border-bottom: 0; }
.platform-activity-mark{ width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--repify-muted); }
.platform-activity-item strong, .platform-activity-item small{ display: block; }
.platform-activity-item strong{ color: var(--repify-ink-soft); font-size:12px; font-weight: 690; }
.platform-activity-item small{ margin-top: 3px; color: var(--repify-muted); font-size:11.5px; 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; }

.panel-body.platform-migration-list{ display:grid; gap:0; padding:0; }
.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 var(--repify-line); }
.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: var(--repify-ink-soft); font-size:12px; }
.platform-migration-list small, .platform-migration-list time{ margin-top: 3px; color: var(--repify-muted); font-size:11.5px; 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 var(--repify-surface-strong); 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 var(--repify-line); }
    .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-table-link{ color: #303030; text-decoration: none; }
.platform-table-link:hover, .platform-table-link:focus-visible{ color: var(--repify-orange-dark); 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: var(--repify-muted); font-size: 12px; font-weight: 680; text-decoration: none; }
.platform-breadcrumb-row > a:hover, .platform-breadcrumb-row > a:focus-visible{ color: var(--repify-ink); }
.platform-company-hero{ display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding: 22px 24px; border: 1px solid var(--repify-line); 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: var(--repify-ink-soft); font-size: 12px; }
.platform-company-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.panel-body.platform-company-integrations{ display:grid; gap:0; padding:0; }
.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 var(--repify-line); }
.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 var(--repify-surface-strong); 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: var(--repify-ink-soft); font-size: 12px; }
.platform-company-integration small{ margin-top: 3px; color: var(--repify-muted); font-size:11.5px; }
.platform-company-integration em{ margin-top: 5px; color: #9b4938; font-size:11.5px; font-style: normal; }
.panel-body.platform-company-facts, .panel-body.platform-company-users{ display:grid; gap:0; padding:0; }
.platform-company-facts > div{ padding: 13px 18px; border-bottom: 1px solid var(--repify-line); }
.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: var(--repify-muted); font-size:11.5px; font-weight: 680; }
.platform-company-facts strong{ margin-top: 4px; color: var(--repify-ink-soft); font-size: 12px; }
.platform-company-facts small{ margin-top: 3px; color: var(--repify-muted); font-size:11.5px; }
.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 var(--repify-line); }
.platform-company-users > div:last-child{ border-bottom: 0; }
.platform-company-users .avatar-initials{ width: 30px; height: 30px; font-size:11.5px; }
.platform-company-users strong, .platform-company-users small{ display: block; }
.platform-company-users strong{ color: var(--repify-ink-soft); font-size:12px; }
.platform-company-users small{ margin-top: 3px; color: var(--repify-muted); font-size:11.5px; 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: var(--repify-muted); font-size:12px; 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: var(--repify-muted); margin-top: 3px; }
.review-manual-form{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 18px; border-top: 1px solid var(--repify-line); }
.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 var(--repify-line); border-radius: 10px; background: #fff; color: var(--repify-ink-soft); 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: var(--repify-ink-soft); font-size: 15px; }
.review-center-title-row > span, .review-center-meta{ color: var(--repify-ink-soft); 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 var(--repify-line); border-radius: 999px; background: #fff; color: var(--repify-ink-soft); font-size:12px; 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: var(--repify-orange); }
.tag-dark .review-tag-dot{ background: var(--repify-ink); }
.tag-blue .review-tag-dot, .tag-purple .review-tag-dot, .tag-neutral .review-tag-dot{ background: var(--repify-muted); }
.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 var(--repify-line); }
.review-center-counters{ display: flex; gap: 12px; color: var(--repify-muted); 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:calc(var(--repify-fixed-topbar-height) + 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: var(--repify-ink-soft); font-size: 19px; }
.review-detail-provider-row p{ margin: 3px 0 0; color: var(--repify-ink-soft); font-size: 12px; }
.review-detail-message{ margin-top: 18px; padding-left: 16px; border-left: 3px solid #303030; color: #303030; font-size: 15px; line-height: 1.7; }
.review-published-reply{ margin-top: 18px; padding: 14px 16px; border: 1px solid var(--repify-line); border-radius: 10px; background: var(--repify-surface-soft); }
.review-published-reply span{ color: var(--repify-muted); font-size:12px; font-weight: 800; text-transform: uppercase; }
.review-published-reply p{ margin: 7px 0 0; color: #303030; 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 var(--repify-line); }
.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: #303030; font-size: 12px; }
.review-note-list span, .review-history-list span{ color: var(--repify-muted); font-size:12px; }
.review-note-list p, .review-history-list p{ margin: 7px 0 0; color: var(--repify-ink-soft); 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 var(--repify-line); border-radius: 999px; cursor: pointer; color: var(--repify-ink-soft); font-size:12px; font-weight: 700; }
.review-tag-options label:has(input:checked){ border-color: #303030; background: var(--repify-surface-soft); }
.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 var(--repify-line); }
.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: var(--repify-ink-soft); font-size: 12px; }
.review-analysis-panel strong{ color: #303030; font-size: 12px; }
.review-analysis-topics, .review-analysis-reason{ align-items: flex-start ; flex-direction: column; }
.review-analysis-topics > div{ display: flex; flex-wrap: wrap; gap: 6px; }
.review-analysis-reason p{ margin: 0; color: var(--repify-ink-soft); font-size: 12px; line-height: 1.6; }
.review-capability-list i{ color: var(--repify-ink-soft); }
@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 var(--repify-line); }
.review-create-tag > summary{ cursor: pointer; color: var(--repify-ink-soft); 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: var(--repify-muted); font-size:12px; 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-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 .repify-toast{ width: 100%; border: 1px solid var(--repify-line); border-left-width: 4px; border-radius: 7px; background: #ffffff; color: var(--repify-ink-soft); 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: var(--repify-surface-soft); font-size: 16px; }
.repify-toast .toast-body{ min-width: 0; padding: 12px; line-height: 1.45; }
.repify-toast .repify-toast-title{ color: var(--repify-ink); font-size: 13px; font-weight: 760; }
.repify-toast .repify-toast-message{ display: block; color: var(--repify-muted); font-size: 13px; }
.repify-toast .btn-close{ flex: 0 0 auto; margin-top: 14px ; }
form[aria-busy="true"] button[type="submit"], form[aria-busy="true"] input[type="submit"]{ cursor: wait; }
.dashboard-body .panel, .dashboard-body .dashboard-next-action, .dashboard-body .dashboard-setup-summary, .dashboard-body .metric-card{ border-color: var(--repify-line); border-radius: 8px; background: #fff; }
.dashboard-body .panel-body{ padding: 20px; margin:15px; }
.dashboard-body .form-control, .dashboard-body .form-select, .dashboard-body .input-group-text{ min-height: 44px; border-color: var(--repify-line); border-radius: 6px; background-color: #fff; }
.dashboard-body .form-control:focus, .dashboard-body .form-select:focus{ border-color: var(--repify-ink-soft); box-shadow: none; outline: 3px solid rgba(255, 116, 23, .12); outline-offset: 1px; }

.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 var(--repify-line); 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 var(--repify-line); color: #303030; text-decoration: none; }
.platform-primary-actions > a:last-child{ border-right: 0; }
.platform-primary-actions > a:hover{ background: var(--repify-surface-soft); }
.platform-primary-actions > a > i:first-child{ display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--repify-line); 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: var(--repify-muted); font-size:11.5px; line-height: 1.4; }
.platform-primary-actions > a > i:last-child{ color: var(--repify-muted); }
.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 var(--repify-line); background: var(--repify-page); color: #303030; }
.support-mode-banner > div{ display: flex; align-items: center; gap: 10px; min-width: 0; }

.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: var(--repify-ink-soft); line-height: 1.6; }
.support-safety-list{ display: grid; align-content: center; gap: 11px; padding: 18px; border: 1px solid var(--repify-line); border-radius: 7px; background: #fafbf9; }
.support-safety-list span{ display: flex; align-items: center; gap: 9px; color: var(--repify-ink-soft); 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 var(--repify-line); border-bottom: 1px solid var(--repify-line); 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 var(--repify-line); border-radius: 6px; background: #f5f7f6; color: #303030; font-weight: 780; }
.support-company-card h3{ margin: 0 0 3px; font-size: 16px; }
.support-company-card p{ margin: 0; overflow: hidden; color: var(--repify-muted); font-size:12px; 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 var(--repify-surface-strong); border-radius: 5px; background: #fafbf9; }
.support-company-card dt{ color: var(--repify-muted); font-size:11px; font-weight: 700; text-transform: uppercase; }
.support-company-card dd{ margin: 4px 0 0; overflow: hidden; color: #303030; 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 var(--repify-line); border-radius: 7px; background: #fafbf9; }
.settings-readiness strong{ color: #303030; font-size: 34px; line-height: 1; }
.settings-readiness span{ margin-top: 7px; color: var(--repify-muted); font-size:12px; }
.platform-settings-form{ display: grid; gap: 18px; }
.settings-section-nav{ display: flex; gap: 0; position: sticky; top:var(--repify-fixed-topbar-height); z-index: 12; border: 1px solid var(--repify-line); border-radius: 7px; overflow: hidden; background: #fff; }
.settings-section-nav a{ flex: 1 1 0; padding: 12px 16px; border-right: 1px solid var(--repify-line); color: var(--repify-ink-soft); 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: var(--repify-ink); }
.settings-section{ scroll-margin-top:calc(var(--repify-fixed-topbar-height) + 68px); }
.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 var(--repify-line); border-radius: 6px; background: #fafbf9; cursor: pointer; }
.settings-switch input{ width: 18px; height: 18px; margin-top: 2px; accent-color: var(--repify-orange); }
.settings-switch strong, .settings-switch small{ display: block; }
.settings-switch small{ margin-top: 3px; color: var(--repify-ink-soft); font-size:12px; }
.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: var(--repify-orange-dark); font-size:11.5px; font-weight: 720; }
.integration-settings-stack{ display: grid; gap: 16px; }
.integration-settings-card{ border: 1px solid var(--repify-line); border-radius: 7px; overflow: hidden; }
.integration-settings-card > header{ display: flex; align-items: center; gap: 12px; padding: 15px 17px; border-bottom: 1px solid var(--repify-surface-strong); 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: var(--repify-muted); font-size:12px; }
.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 var(--repify-line); border-radius: 6px; background: #fafbf9; }
.settings-health-item i{ color: #a04444; font-size: 18px; }
.settings-health-item.is-ok i{ color:var(--repify-success); }
.settings-health-item strong, .settings-health-item small{ display: block; }
.settings-health-item small{ margin-top: 3px; color: var(--repify-muted); font-size:12px; }
.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 var(--repify-line); border-radius: 7px; background: #fff; }
.platform-settings-savebar strong, .platform-settings-savebar span{ display: block; }
.platform-settings-savebar span{ margin-top: 3px; color: var(--repify-muted); font-size:12px; }
@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; }
    .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 var(--repify-line); }
    .settings-section-nav{ top:var(--repify-fixed-topbar-height); overflow-x:auto; }
    .settings-section-nav a{ flex: 0 0 150px; }
}
@media (max-width: 700px) {
    .dashboard-body .app-content{
  padding: 18px 14px 56px;
padding-top: 18px;
}
    .dashboard-page-dashboard .metrics-grid, .support-company-card dl{ grid-template-columns: 1fr; }
    .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; }

}
.dashboard-page-dashboard .dashboard-action-row{ display: grid; grid-template-columns: 1fr; gap: 14px; 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{ width:100%; 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{
  min-height:0; padding:16px 20px; display:grid; grid-template-columns:minmax(190px,.42fr) minmax(220px,1fr) auto; align-items:center; gap:14px 18px;
}
.dashboard-page-dashboard .dashboard-setup-heading{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0; }
.dashboard-page-dashboard .dashboard-setup-summary .repify-progress{ grid-column:2; }
.dashboard-page-dashboard .dashboard-setup-summary p{ grid-column:1 / 3; margin:0; }
.dashboard-page-dashboard .dashboard-setup-summary > a{ grid-column:3; grid-row:1 / span 2; align-self:center; white-space:nowrap; }
.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: var(--repify-line); }

.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:12px; 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: var(--repify-line); }
.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-hero-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.dashboard-page-team .team-access-hero{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; margin-bottom:18px; padding:24px 26px; }
.dashboard-page-team .team-access-hero h2{ margin:5px 0 7px; font-size:23px; letter-spacing:-.03em; }
.dashboard-page-team .team-access-hero p{ max-width:720px; margin:0; color:var(--repify-muted); font-size:12.5px; line-height:1.55; }
.dashboard-page-team .team-access-actions{ display:grid; gap:9px; justify-items:stretch; min-width:210px; }
.dashboard-page-team .team-access-actions > span{ display:flex; align-items:center; justify-content:center; gap:7px; color:var(--repify-muted); font-size:11px; }
.dashboard-page-team .team-access-actions > span i{ color:var(--repify-success); }
.dashboard-page-team .team-members-table{ min-width:760px; }
.dashboard-page-team .team-member-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.dashboard-page-team .team-member-actions form{ margin:0; }
.team-invite-fields{ display:grid; gap:15px; margin:0; padding:0; border:0; min-width:0; }
.team-invite-fields label{ display:grid; gap:7px; }
.team-invite-fields label > span{ color:var(--repify-ink-soft); font-size:12px; font-weight:700; }
.team-invite-fields small{ color:var(--repify-muted); font-size:11px; line-height:1.45; }
.team-invite-note{ display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; margin-top:16px; padding:12px 13px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-sm); background:var(--repify-surface-soft); color:var(--repify-muted); font-size:11.5px; line-height:1.5; }
.team-invite-note i{ display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#fff; color:var(--repify-success); }
.team-invite-fields:disabled{opacity:.62;}
.team-invite-capacity,.team-seat-summary{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--repify-line);border-radius:10px;background:var(--repify-surface-soft);}
.team-invite-capacity{margin-bottom:16px;padding:12px 13px;}
.team-seat-summary{min-width:230px;padding:10px 11px;text-align:left;}
.team-invite-capacity.is-full,.team-seat-summary.is-full{border-color:#e6d2b4;background:var(--repify-warning-soft);}
.team-invite-capacity-icon,.team-seat-summary-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--repify-line);border-radius:9px;background:#fff;color:var(--repify-orange-dark);}
.team-invite-capacity.is-full .team-invite-capacity-icon,.team-seat-summary.is-full .team-seat-summary-icon{color:var(--repify-warning);}
.team-invite-capacity>span:last-child,.team-seat-summary>span:last-child{display:grid;min-width:0;gap:2px;}
.team-invite-capacity strong,.team-seat-summary strong{color:var(--repify-ink);font-size:11.5px;line-height:1.35;}
.team-invite-capacity small,.team-seat-summary small{color:var(--repify-muted);font-size:10.5px;line-height:1.4;}
.team-invite-limit-message{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;margin:-4px 0 16px;padding:10px 11px;border:1px solid #e6d2b4;border-radius:9px;background:#fffbf4;color:#6f491e;font-size:11px;line-height:1.45;}
.team-invite-limit-message i{margin-top:1px;}
.settings-team-usage{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--repify-line);border-radius:999px;background:#fff;color:var(--repify-muted);font-size:10.5px;font-weight:700;}
.settings-team-usage.is-full{border-color:#e6d2b4;background:var(--repify-warning-soft);color:#6f491e;}
.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: var(--repify-line-strong); }
.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, .dashboard-page-team .team-access-hero{ grid-template-columns: 1fr; }
    .dashboard-page-team .team-access-actions{ justify-items:start; min-width:0; }
    .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-next-action, .dashboard-page-dashboard .dashboard-setup-summary{ padding: 18px; }
    .dashboard-page-settings .settings-hub-hero-actions, .dashboard-page-team .team-access-actions{ width:100%; display:grid; grid-template-columns:minmax(0,1fr); }
    .dashboard-page-settings .settings-hub-hero-actions .btn, .dashboard-page-team .team-access-actions .btn{ width:100%; }
    .dashboard-page-team .team-seat-summary{width:100%;min-width:0;}
    .dashboard-page-settings .settings-team-usage{justify-self:start;max-width:100%;}
    .dashboard-page-team .team-access-hero{ padding:18px; }
    .dashboard-page-team .team-member-actions{ justify-content:flex-start; }
    .dashboard-page-dashboard .dashboard-metrics-grid, .dashboard-page-settings .settings-hub-grid, .dashboard-page-integrations .integration-customer-summary-grid{ grid-template-columns:1fr; }
    .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 .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 .table-responsive{ overflow-x: auto; }
.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: var(--repify-surface-soft); }
.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:12px; 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:12px; }
.dashboard-page-dashboard .connection-state{ flex: 0 0 auto; color: var(--repify-muted); font-size:11.5px; 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{
  display: grid; gap: 12px;
max-width: 1040px;
}
/* Statistics workspace — operational insight first, charts second. */
.dashboard-page-statistics .repify-stats-workspace{ display:grid; gap:14px; }
.dashboard-page-statistics .repify-eyebrow{ display:block; margin-bottom:5px; color:var(--repify-orange-dark); font-size:10px; font-weight:800; letter-spacing:.11em; line-height:1.2; text-transform:uppercase; }
.dashboard-page-statistics .repify-stats-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:22px 24px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-lg); background:#fff; box-shadow:var(--repify-shadow-subtle); }
.dashboard-page-statistics .repify-stats-head h2{ margin:0; color:var(--repify-ink); font-size:25px; font-weight:760; letter-spacing:-.045em; line-height:1.08; }
.dashboard-page-statistics .repify-stats-head p{ max-width:720px; margin:7px 0 0; color:var(--repify-muted); font-size:12px; line-height:1.5; }
.dashboard-page-statistics .repify-stats-head__actions{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.dashboard-page-statistics .repify-stats-period{ display:flex; align-items:center; gap:2px; padding:4px; border-radius:10px; background:var(--repify-surface-muted); }
.dashboard-page-statistics .repify-stats-period a{ min-height:34px; display:flex; align-items:center; justify-content:center; padding:0 11px; border-radius:7px; color:var(--repify-muted); font-size:10.5px; font-weight:750; text-decoration:none; white-space:nowrap; }
.dashboard-page-statistics .repify-stats-period a:hover{ color:var(--repify-ink); }
.dashboard-page-statistics .repify-stats-period a.is-active{ background:#fff; color:var(--repify-ink); box-shadow:0 1px 3px rgba(23,22,20,.08); }
.dashboard-page-statistics .repify-stats-attention{ padding:19px 20px 20px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-lg); background:#fff; }
.dashboard-page-statistics .repify-stats-attention__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:12px; }
.dashboard-page-statistics .repify-stats-attention__head h3{ margin:0; font-size:18px; font-weight:750; letter-spacing:-.035em; }
.dashboard-page-statistics .repify-stats-attention__head small{ color:var(--repify-muted-light); font-size:10px; }
.dashboard-page-statistics .repify-stats-attention__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.dashboard-page-statistics .repify-stats-attention__item{ min-height:96px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:start; padding:13px; border:1px solid var(--repify-line-soft); border-radius:12px; background:var(--repify-surface-soft); }
.dashboard-page-statistics .repify-stats-attention__item>i{ width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--repify-surface-muted); color:var(--repify-muted); font-size:14px; }
.dashboard-page-statistics .repify-stats-attention__item>span{ min-width:0; }
.dashboard-page-statistics .repify-stats-attention__item strong,.dashboard-page-statistics .repify-stats-attention__item b,.dashboard-page-statistics .repify-stats-attention__item small{ display:block; }
.dashboard-page-statistics .repify-stats-attention__item strong{ font-size:19px; letter-spacing:-.04em; line-height:1; }
.dashboard-page-statistics .repify-stats-attention__item b{ margin-top:6px; font-size:11px; }
.dashboard-page-statistics .repify-stats-attention__item small{ margin-top:2px; color:var(--repify-muted); font-size:10px; line-height:1.35; }
.dashboard-page-statistics .repify-stats-attention__item>em{ color:var(--repify-success); font-size:11px; font-style:normal; font-weight:800; }
.dashboard-page-statistics .repify-stats-attention__item.is-active{ border-color:#ead5c8; background:var(--repify-orange-softer); }
.dashboard-page-statistics .repify-stats-attention__item.is-active>i{ background:var(--repify-orange-soft); color:var(--repify-orange-dark); }
.dashboard-page-statistics .repify-stats-attention__item.is-active>em{ color:var(--repify-orange-dark); }
.dashboard-page-statistics .repify-stats-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.dashboard-page-statistics .repify-stats-kpi{ min-height:124px; padding:16px 17px; border:1px solid var(--repify-line); border-radius:14px; background:#fff; }
.dashboard-page-statistics .repify-stats-kpi__top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.dashboard-page-statistics .repify-stats-kpi__top>span:first-child{ color:var(--repify-muted); font-size:10.5px; font-weight:750; }
.dashboard-page-statistics .repify-stats-kpi>strong{ display:block; margin-top:18px; font-size:29px; font-weight:760; letter-spacing:-.055em; line-height:1; }
.dashboard-page-statistics .repify-stats-kpi>small{ display:block; margin-top:6px; color:var(--repify-muted-light); font-size:10px; line-height:1.4; }
.dashboard-page-statistics .repify-stats-delta{ min-height:23px; display:inline-flex; align-items:center; gap:3px; padding:0 7px; border-radius:999px; background:var(--repify-surface-muted); color:var(--repify-muted); font-size:10px; font-weight:800; }
.dashboard-page-statistics .repify-stats-delta.is-up{ background:var(--repify-success-soft); color:var(--repify-success); }
.dashboard-page-statistics .repify-stats-delta.is-down{ background:var(--repify-danger-soft); color:var(--repify-danger); }
.dashboard-page-statistics .repify-stats-primary-grid{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr); gap:12px; }
.dashboard-page-statistics .repify-stats-secondary-grid,.dashboard-page-statistics .repify-stats-bottom-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dashboard-page-statistics .repify-stat-panel{ min-width:0; padding:18px 19px; border:1px solid var(--repify-line); border-radius:15px; background:#fff; }
.dashboard-page-statistics .repify-stat-panel>header{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.dashboard-page-statistics .repify-stat-panel>header h3{ margin:0; font-size:16px; font-weight:750; letter-spacing:-.03em; }
.dashboard-page-statistics .repify-stat-panel>header p{ max-width:620px; margin:5px 0 0; color:var(--repify-muted); font-size:10px; line-height:1.45; }
.dashboard-page-statistics .repify-stat-panel__summary{ color:var(--repify-muted); font-size:10px; white-space:nowrap; }
.dashboard-page-statistics .repify-stat-chart{ height:252px; margin-top:16px; }
.dashboard-page-statistics .repify-stat-legend{ display:flex; flex-wrap:wrap; gap:14px; margin-top:10px; }
.dashboard-page-statistics .repify-stat-legend span{ display:flex; align-items:center; gap:6px; color:var(--repify-muted); font-size:10px; }
.dashboard-page-statistics .repify-stat-legend i{ width:8px; height:8px; display:block; border-radius:2px; background:var(--repify-orange); }
.dashboard-page-statistics .repify-stat-legend .is-rating{ background:#776d62; }.dashboard-page-statistics .repify-stat-legend .is-click{ background:#a89b8d; }.dashboard-page-statistics .repify-stat-legend .is-feedback{ background:#315f43; }
.dashboard-page-statistics .repify-funnel{ display:grid; gap:13px; margin-top:18px; }
.dashboard-page-statistics .repify-funnel__row{ display:grid; grid-template-columns:minmax(0,1fr) 46px; gap:6px 10px; align-items:center; }
.dashboard-page-statistics .repify-funnel__row>div{ display:flex; justify-content:space-between; gap:10px; grid-column:1/-1; }
.dashboard-page-statistics .repify-funnel__row span{ color:var(--repify-muted); font-size:10px; font-weight:700; }
.dashboard-page-statistics .repify-funnel__row strong{ font-size:10.5px; }
.dashboard-page-statistics .repify-funnel__row>i{ display:block; height:7px; overflow:hidden; border-radius:999px; background:var(--repify-surface-muted); }
.dashboard-page-statistics .repify-funnel__row>i>em{ display:block; height:100%; min-width:2px; border-radius:inherit; background:var(--repify-orange); }
.dashboard-page-statistics .repify-funnel__row:nth-child(n/**/+3)>i>em{ opacity:.82; }.dashboard-page-statistics .repify-funnel__row:nth-child(n/**/+5)>i>em{ background:#776d62; }
.dashboard-page-statistics .repify-funnel__row>small{ color:var(--repify-muted-light); font-size:10px; text-align:right; }
.dashboard-page-statistics .repify-stats-insights{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--repify-line); border-bottom:1px solid var(--repify-line); }
.dashboard-page-statistics .repify-stats-insights>article{ min-width:0; padding:15px 16px; border-right:1px solid var(--repify-line); }
.dashboard-page-statistics .repify-stats-insights>article:last-child{ border-right:0; }
.dashboard-page-statistics .repify-stats-insights strong,.dashboard-page-statistics .repify-stats-insights span,.dashboard-page-statistics .repify-stats-insights small{ display:block; }
.dashboard-page-statistics .repify-stats-insights strong{ font-size:20px; letter-spacing:-.04em; }.dashboard-page-statistics .repify-stats-insights span{ margin-top:4px; font-size:10px; font-weight:750; }.dashboard-page-statistics .repify-stats-insights small{ margin-top:3px; color:var(--repify-muted); font-size:10px; line-height:1.4; }
.dashboard-page-statistics .repify-rating-bars,.dashboard-page-statistics .repify-device-list{ display:grid; gap:12px; margin-top:20px; }
.dashboard-page-statistics .repify-rating-row{ display:grid; grid-template-columns:54px minmax(0,1fr) 30px; gap:10px; align-items:center; }.dashboard-page-statistics .repify-rating-row>span{ font-size:10px; font-weight:700; }.dashboard-page-statistics .repify-rating-row>span i{ color:var(--repify-orange); font-size:10px; }.dashboard-page-statistics .repify-rating-row>i,.dashboard-page-statistics .repify-device-row>i{ display:block; height:8px; overflow:hidden; border-radius:999px; background:var(--repify-surface-muted); }.dashboard-page-statistics .repify-rating-row>i>em,.dashboard-page-statistics .repify-device-row>i>em{ display:block; height:100%; border-radius:inherit; background:var(--repify-orange); }.dashboard-page-statistics .repify-rating-row>strong{ font-size:10px; text-align:right; }
.dashboard-page-statistics .repify-device-row{ display:grid; grid-template-columns:120px minmax(0,1fr) 48px; gap:10px; align-items:center; }.dashboard-page-statistics .repify-device-row>div{ display:flex; justify-content:space-between; gap:8px; }.dashboard-page-statistics .repify-device-row span{ color:var(--repify-muted); font-size:10px; }.dashboard-page-statistics .repify-device-row strong{ font-size:10px; }.dashboard-page-statistics .repify-device-row>small{ color:var(--repify-muted); font-size:10px; text-align:right; }
.dashboard-page-statistics .repify-issue-list,.dashboard-page-statistics .repify-ops-list{ display:grid; margin-top:16px; }.dashboard-page-statistics .repify-issue-list>div,.dashboard-page-statistics .repify-ops-list>div{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:10px 0; border-bottom:1px solid var(--repify-line-soft); }.dashboard-page-statistics .repify-issue-list>div:last-child,.dashboard-page-statistics .repify-ops-list>div:last-child{ border-bottom:0; }.dashboard-page-statistics .repify-issue-list span{ min-width:0; }.dashboard-page-statistics .repify-issue-list b,.dashboard-page-statistics .repify-issue-list small{ display:block; }.dashboard-page-statistics .repify-issue-list b{ overflow:hidden; font-size:10.5px; text-overflow:ellipsis; white-space:nowrap; }.dashboard-page-statistics .repify-issue-list small{ margin-top:2px; overflow:hidden; color:var(--repify-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.dashboard-page-statistics .repify-issue-list>div>strong,.dashboard-page-statistics .repify-ops-list>div>strong{ flex:0 0 auto; font-size:10.5px; }.dashboard-page-statistics .repify-ops-list>div>span{ color:var(--repify-muted); font-size:10px; }
.dashboard-page-statistics .repify-stat-empty{ margin-top:16px; padding:24px 16px; border:1px dashed var(--repify-line); border-radius:10px; color:var(--repify-muted); font-size:10px; text-align:center; }
@media(max-width:1180px){.dashboard-page-statistics .repify-stats-attention__grid,.dashboard-page-statistics .repify-stats-kpis,.dashboard-page-statistics .repify-stats-insights{ grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-page-statistics .repify-stats-primary-grid{ grid-template-columns:1fr; }.dashboard-page-statistics .repify-stats-insights>article:nth-child(2){ border-right:0; }.dashboard-page-statistics .repify-stats-insights>article:nth-child(-n/**/+2){ border-bottom:1px solid var(--repify-line); }}
@media(max-width:767.98px){.dashboard-page-statistics .repify-stats-head{ align-items:flex-start; flex-direction:column; padding:18px; }.dashboard-page-statistics .repify-stats-head__actions{ width:100%; align-items:stretch; flex-direction:column; }.dashboard-page-statistics .repify-stats-period{ width:100%; }.dashboard-page-statistics .repify-stats-period a{ flex:1; padding-inline:7px; }.dashboard-page-statistics .repify-stats-attention{ padding:16px; }.dashboard-page-statistics .repify-stats-attention__head{ align-items:flex-start; flex-direction:column; }.dashboard-page-statistics .repify-stats-secondary-grid,.dashboard-page-statistics .repify-stats-bottom-grid{ grid-template-columns:1fr; }.dashboard-page-statistics .repify-stat-chart{ height:215px; }}
@media(max-width:520px){.dashboard-page-statistics .repify-stats-attention__grid,.dashboard-page-statistics .repify-stats-kpis,.dashboard-page-statistics .repify-stats-insights{ grid-template-columns:1fr; }.dashboard-page-statistics .repify-stats-insights>article{ border-right:0; border-bottom:1px solid var(--repify-line); }.dashboard-page-statistics .repify-stats-insights>article:last-child{ border-bottom:0; }.dashboard-page-statistics .repify-stats-kpi{ min-height:110px; }.dashboard-page-statistics .repify-device-row{ grid-template-columns:94px minmax(0,1fr) 42px; }}
.dashboard-page-integrations .integration-workspace{
  display: grid; overflow: hidden;
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{
  margin: 4px 0 7px; font-weight: 720;
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{
  margin-bottom: 18px;
display: grid; gap: 0; margin: 18px 0; overflow: hidden; border: 1px solid var(--repify-line); border-radius: 6px;
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{
  align-items: center; padding: 7px 0;
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{
  margin: 0; padding: 0; list-style: none;
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-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-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-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-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: var(--repify-ink-soft); 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; }
}

.openai-settings-card .settings-switches{ align-self: end; }
.openai-copy-panel{ display: grid; gap: 18px; margin-bottom: 28px; padding: 22px; border: 1px solid var(--repify-line); border-radius: 16px; background: #f8f9f8; }
.openai-copy-panel.is-disabled{ background: #f5f5f5; }
.openai-copy-heading{ display: flex; gap: 13px; align-items: flex-start; }
.openai-copy-heading > span{ display: grid; width: 38px; height: 38px; place-items: center; flex: 0 0 38px; border-radius: 11px; background: var(--repify-ink); color: #fff; }
.openai-copy-heading strong, .openai-copy-heading p{ display: block; }
.openai-copy-heading strong{ margin-bottom: 2px; }
.openai-copy-heading p{ margin: 0; color: var(--repify-muted); font-size: .86rem; }
.openai-copy-panel > .btn{ justify-self: start; min-height: 43px; border-radius: 10px; font-weight: 650; }
.openai-copy-status{ min-height: 20px; color: var(--repify-muted); font-size: .84rem; }
.openai-copy-status[data-state="success"]{ color: var(--repify-success); }
.openai-copy-status[data-state="error"]{ color: #a4262c; }
.openai-copy-panel .openai-profile-select:disabled{ border-color: var(--repify-line); 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-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-progress-copy{ display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.7); font-size: .76rem; }
.onboarding-progress-copy strong{
  font-size: 14px;
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 > 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-card--wide{ width:min(100%,1040px); }
.onboarding-card > .eyebrow{ color: var(--repify-muted); }



.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;
  border-color: var(--repify-ink); background: var(--repify-ink); color: #fff;
}

.onboarding-form .form-label{ margin-bottom: 7px; font-size: .83rem; font-weight: 700; }
.onboarding-form .form-control, .onboarding-form .form-select, .openai-copy-panel .form-control, .openai-copy-panel .form-select{ min-height:44px; border-color:var(--repify-line); border-radius:10px; }
.onboarding-form textarea.form-control, .openai-copy-panel textarea.form-control{ min-height: 104px; resize: vertical; }
.onboarding-form .form-control:focus, .onboarding-form .form-select:focus, .openai-copy-panel .form-control:focus, .openai-copy-panel .form-select:focus{ border-color: var(--repify-ink-soft); 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: var(--repify-ink); outline: 2px solid var(--repify-ink); outline-offset: -2px; }

.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: var(--repify-ink-soft); 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: var(--repify-ink); 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-sidebar-copy h1, .onboarding-sidebar-copy p{ max-width: 680px; }
    
    
    .onboarding-sidebar-footer{ display: none; }
    .onboarding-topbar{ top: 0; }
}
@media (max-width: 767.98px) {
    
    .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-step-link small{
  margin-bottom: 1px; color: inherit; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .58;
font-size: .6rem;
}

.onboarding-sidebar-footer{
  padding-top: 22px;
position: sticky; bottom: -1px; margin-top: 18px; padding: 18px 0 2px; background: var(--repify-ink);
}
.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-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 var(--repify-line-strong); 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: var(--repify-ink); background: #fff; color: var(--repify-ink); }
.onboarding-top-step.is-active > span, .onboarding-top-step.is-done > span{ border-color: var(--repify-ink); background: var(--repify-ink); color: #fff; }
.onboarding-top-step.is-done{ color: #303030; }
.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: var(--repify-ink); }
.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-step-link strong{
  font-weight: 650;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
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{
  width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin;
padding: 0 24px 12px;
}
.onboarding-top-steps-track{
  display: grid;
grid-template-columns:repeat(6,minmax(104px,1fr)); min-width:700px; gap:6px;
}
.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;
min-height: 42px; padding: 8px 9px;
}

.onboarding-card{
  width:min(100%,820px); padding:clamp(26px,3vw,38px); border:1px solid var(--repify-border);  background:#fff; box-shadow:var(--repify-shadow-subtle);
border-radius: 16px;
}
.onboarding-card > h2{
  margin: 8px 0 12px; line-height: 1.05; letter-spacing: -.045em;
max-width: 820px; font-size: clamp(1.75rem, 3vw, 2.45rem);
}
.onboarding-card > p{
  max-width:700px; margin:0 0 26px; color:var(--repify-muted); font-size:.92rem; line-height:1.6;
margin-bottom: 26px;
}
.onboarding-form{
  display: grid;
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 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-main{ margin-left: 0; }
    
    
}
@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 var(--repify-line); 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, var(--repify-orange)); }
.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, var(--repify-orange)); font-size: 1.05rem; line-height: 1; }
.billing-trial-message h2{ margin: 3px 0 4px; font-size:20px; font-weight:650; letter-spacing:-.025em; line-height:1.2; }
.billing-trial-message p{ margin: 0; color: var(--repify-ink-soft); line-height: 1.5; }




.billing-annual-note, .billing-plan-current-note{ color: var(--repify-ink-soft); font-size: .86rem; }


.billing-primary-actions form{ margin: 0; }


.billing-usage-copy{ display: flex; align-items: center; justify-content: space-between; gap: 14px; }

.billing-usage-item progress{ display: block; width: 100%; height: 8px; border: 0; border-radius: 999px; overflow: hidden; appearance: none; background: var(--repify-line); }







.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: var(--repify-ink-soft); }


.billing-feature-list i{ margin-top: 2px; color: var(--repify-orange); }

.billing-plan-actions form{ margin: 0; }

.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 var(--repify-line); border-radius: 10px; background: var(--repify-surface-soft); color: var(--repify-ink-soft); line-height: 1.5; }
.plan-feature-notice > i{ margin-top: 2px; color: var(--repify-accent, var(--repify-orange)); }
.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: var(--repify-surface-soft); }
.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; }
    .dashboard-page-dashboard .dashboard-setup-summary{ grid-template-columns:1fr; gap:10px; padding:16px; }
    .dashboard-page-dashboard .dashboard-setup-summary .repify-progress, .dashboard-page-dashboard .dashboard-setup-summary p, .dashboard-page-dashboard .dashboard-setup-summary > a{ grid-column:1; grid-row:auto; }
    .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:var(--repify-success-soft); color:var(--repify-success); }
.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-summary{ align-items:center; }
.privacy-summary > div:first-child{ min-width:0; }
.privacy-summary .privacy-retention{ flex:0 0 190px; display:grid; gap:3px; padding:14px 16px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-sm); background:var(--repify-surface-soft); }
.privacy-summary .privacy-retention strong{ color:var(--repify-ink); font-size:22px; font-weight:780; line-height:1; letter-spacing:-.035em; }
.privacy-summary .privacy-retention span{ color:var(--repify-muted); font-size:11px; line-height:1.4; }
.privacy-export-note{ margin:20px 0 0; }
.reputation-queue, .session-list, .operational-alert-list, .activity-timeline{ display: grid; gap: 12px; }
.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-title{ display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.panel-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }


.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; }
.principle-list{ display:grid; gap:0; margin:0; padding:0; }
.principle-list > div{ display:grid; grid-template-columns:34px minmax(0,1fr); gap:11px; align-items:start; padding:13px 0; border-bottom:1px solid var(--repify-line-soft); }
.principle-list > div:first-child{ padding-top:0; }
.principle-list > div:last-child{ padding-bottom:0; border-bottom:0; }
.principle-list > div > i{ width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--repify-line); border-radius:9px; background:var(--repify-surface-soft); color:var(--repify-orange-dark); font-size:14px; }
.principle-list > div > span{ min-width:0; }
.principle-list strong, .principle-list small{ display:block; }
.principle-list strong{ color:var(--repify-ink); font-size:12.5px; font-weight:740; line-height:1.35; }
.principle-list small{ margin-top:3px; color:var(--repify-muted); font-size:11.5px; line-height:1.5; }


.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-summary{ align-items:stretch; flex-direction:column; }
    .privacy-summary .privacy-retention{ width:100%; flex-basis:auto; }
    .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-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 ; width: 34px ; height: 34px ; max-width: 34px ; max-height: 34px ; object-fit: contain; opacity: 1 ; visibility: visible ; }
.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-section{ scroll-margin-top:calc(var(--repify-fixed-topbar-height) + 68px); 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:12px; font-weight: 800; white-space: nowrap; }
.connection-state > span{ width: 7px; height: 7px; border-radius: 50%; background: var(--repify-muted); }
.connection-state.is-ready, .connection-state.is-connected{ border-color:#bdd9c8; background:var(--repify-success-soft); color:var(--repify-success); }
.connection-state.is-ready > span{ background:var(--repify-success); }
.connection-state.is-warning{ border-color:#e6d2b4; background:var(--repify-warning-soft); color:var(--repify-warning); }
.connection-state.is-warning > span{ background: #a87928; }
.connection-state.is-error{ border-color:#e3c0bd; background:var(--repify-danger-soft); color:var(--repify-danger); }
.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-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:12px; 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:12px; }
.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:12px; }
.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:12px; }
.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%; }
}
.connection-callback-command{ min-width: 0; }
/* Native single-select controls: one authoritative reset, scoped above Bootstrap form-select specificity. */
.dashboard-body select:not([multiple]):not([size]), .superadmin-body select:not([multiple]):not([size]), .onboarding-body select:not([multiple]):not([size]){ -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; background-image:none; padding-right:2.4rem; }
.dashboard-page-automations .automation-rule-card{ display: grid ; grid-template-columns: minmax(0, 1fr) auto ; gap: 18px ; align-items: start ; 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:11.5px; 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); }
    .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; justify-content: center; align-items: flex-start; width: 100%; min-width: 0; overflow: auto; overscroll-behavior: contain; }
.device-preview-stage[data-device-preview] [data-device-preview-canvas]{ position: relative; flex: 0 0 auto; min-width: 0; max-width: none; overflow: hidden; 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; inset: 0 auto auto 0; display: block; max-width: none; min-width: 0; margin: 0; border: 0; border-radius: 0; transform-origin: top left; transition: transform .2s ease; 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 ; width: auto ; 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; }
    
    .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; }
}
.dashboard-shell, .app-main, .app-content{ max-width: 100%; }
.app-main, .panel-body, .panel-header, .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 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%; }
.alert > div{ min-width: 0; }
.alert a{ font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 2px; }
details, summary, a, button{ box-shadow: none ; }
.form-hint{ display: block; margin-top: 7px; color: var(--muted); font-size:12px; line-height: 1.45; }

.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-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:11.5px; 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 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-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:11.5px; 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:11.5px; line-height: 1.45; }
.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{
  display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 13px; align-items: start;
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:11px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.automation-rule-flow > div strong{ font-size:12px; line-height: 1.4; overflow-wrap: anywhere; }
.automation-rule-flow > i{ color: var(--muted-2); font-size:12px; }
.automation-rule-footer{ display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; color: var(--muted); font-size:11.5px; }
.automation-rule-footer span{ display: inline-flex; align-items: center; gap: 5px; }
.automation-empty-state{ padding: 40px 20px; }



.automation-template-card[hidden]{ display: none; }

.automation-template-category{ display: block; margin-bottom: 6px; color: var(--muted); font-size:11px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }



.automation-template-value span, .automation-template-value strong{ display: block; }






.automation-template-card form{ margin-top: auto; }

.automation-builder-layout{ display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); scroll-margin-top:calc(var(--repify-fixed-topbar-height) + 68px); }
.automation-builder-panel{ min-width: 0; }
.automation-builder{
  gap: 18px;
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{
  grid-template-columns: repeat(2,minmax(0,1fr));
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:11px; 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:11.5px; 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:11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.automation-action-setting label > small{ display: block; margin-top: 5px; color: var(--muted); font-size:11px; 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:11.5px; }
.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:12px; }
.automation-safety-options small{ margin-top: 3px; color: var(--muted); font-size:11.5px; 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:12px; font-weight: 800; }
.automation-advanced-settings summary > small{ color: var(--muted); font-size:11.5px; 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:11.5px; 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(--repify-fixed-topbar-height) + 64px); }
.automation-builder-layout.is-readonly{ grid-template-columns:minmax(0,1fr); }
.automation-builder-layout.is-readonly .automation-builder-aside{ display:none; }
.automation-readonly-state{ min-height:360px; display:grid; place-items:center; padding:42px 28px; text-align:center; }
.automation-readonly-state > div{ width:min(620px,100%); }
.automation-readonly-state .empty-state-icon{ margin:0 auto 14px; }
.automation-readonly-state h3{ margin:0; font-size:20px; letter-spacing:-.025em; }
.automation-readonly-state p{ max-width:560px; margin:8px auto 0; color:var(--repify-muted); font-size:12.5px; line-height:1.6; }
.automation-readonly-facts{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:22px 0; text-align:left; }
.automation-readonly-facts > div{ padding:13px 14px; border:1px solid var(--repify-line); border-radius:10px; background:var(--repify-surface-soft); }
.automation-readonly-facts span,.automation-readonly-facts strong{ display:block; }
.automation-readonly-facts span{ color:var(--repify-muted); font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.automation-readonly-facts strong{ margin-top:4px; font-size:12.5px; overflow-wrap:anywhere; }
@media(max-width:760px){ .automation-readonly-facts{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.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:11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.automation-summary-flow strong{ margin-top: 3px; font-size:12px; 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 var(--repify-line); border-radius: 12px; background: var(--success-bg); }
.automation-draft-note i{ color: var(--success); font-size: 18px; }
.automation-draft-note p{ margin: 0; color: var(--repify-orange-dark); font-size:11.5px; 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:11.5px; 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:11.5px; }
.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:11.5px; }
.automation-history-panel{ scroll-margin-top:calc(var(--repify-fixed-topbar-height) + 68px); }
.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:12px; }
.automation-trust-strip p{ margin: 4px 0 0; color: var(--muted); font-size:11.5px; 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) {
    
    
    .topbar-actions{ min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
    .topbar-actions .btn, .topbar-actions form{ min-width: 0; }
    
    
    .panel-header h2{ font-size: 18px; }
    .panel-header p{ font-size:12px; 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-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-rule-list, .automation-template-filters, .automation-template-grid{ padding-left: 14px; padding-right: 14px; }
    
    .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 ; padding-right: 10px ; }
    .automation-command-copy h2{ font-size: 27px; }
    .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:var(--repify-success); }
[data-mail-preview-status].is-error{ color: #a33a3f; }


.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, var(--repify-page)); color: var(--text); }
.location-plan-copy p, .location-form-heading p{ margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }

.location-plan-copy{ display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.location-plan-copy h2{ margin: 3px 0 0; font-size: 19px; }


.location-list-panel{ overflow: visible; }
.location-list{ display: grid; }



.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-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:12px; line-height: 1.5; }

.location-list-actions form{ margin: 0; }


.location-form-section:last-of-type{ padding-bottom: 0; border-bottom: 0; }


.location-form-heading h3{ margin: 1px 0 0; font-size: 15px; }

.location-clone-option span{ display: grid; gap: 3px; }
.location-clone-option strong{ font-size: 13px; }
.location-clone-option small{ color: var(--muted); font-size:12px; line-height: 1.5; }


.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-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 form, .location-list-actions form .btn{ width: 100%; }
    
}
.dashboard-body{ --repify-fixed-topbar-height:var(--repify-live-topbar-height,var(--repify-topbar-height)); }
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 .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 .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.is-attention{ border-color: #dfc398; background: #fffaf0; }

.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:11.5px; 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:11.5px; 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{
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
padding: 19px 20px;
}
.location-workspace-grid{
  display: grid; align-items: start;
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{
  position: sticky;
  top: calc(var(--repify-fixed-topbar-height) + 20px);
}

.location-filter-bar .form-label{ margin-bottom: 6px; font-size:11.5px; }
.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.is-selected{ padding-left: 17px; border-left: 3px solid var(--accent); background: #fbfaf8; }
.location-list-item.is-inactive{ background: var(--repify-page); }
.location-list-main{
  display: flex; align-items: flex-start; min-width: 0;
gap: 15px;
}
.location-avatar{
  overflow: hidden;
width: 48px; height: 48px; border-radius: 11px;
}
.location-list-title h3{
  margin: 0;
font-size: 17px;
}

.location-state-badge.is-success{ border-color: var(--repify-line); 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:11.5px; }
.location-readiness > div strong{ color: var(--text); font-size:11.5px; }
.location-readiness progress{ display: block; width: 100%; height: 7px; overflow: hidden; border: 0; border-radius: 5px; background: #e7e9e8; }



.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:11px; }
.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 > 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:11px; text-overflow: ellipsis; white-space: nowrap; }
.location-mini-stats strong{ margin-top: 3px; font-size: 14px; }

.location-link-row a, .location-link-row span{ display: inline-flex; align-items: center; gap: 6px; min-width: 0; color: var(--muted); font-size:11.5px; 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{
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px;
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:12px; 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: var(--repify-page); 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{
  display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #111111; color: #ffffff; font-size: 12px; font-weight: 700;
border-radius: 8px;
}
.location-form-locked{
  display: grid; gap: 10px;
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 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{ grid-template-columns: 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{
  justify-content: flex-start; max-width: none;
  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: 18px; }



.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(--repify-muted); font-size:11px; font-weight:780; letter-spacing:.045em; text-transform:uppercase; }
.lead-metric-card strong{ margin-top:5px; overflow:hidden; color:var(--repify-ink); font-size:22px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.lead-metric-card small{ margin-top:5px; overflow:hidden; color:var(--repify-muted); font-size:11.5px; text-overflow:ellipsis; white-space:nowrap; }





.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-status-badge > span{ width: 7px; height: 7px; border-radius: 50%; background: var(--repify-muted); }
.lead-status-badge.is-success{ border-color: var(--repify-line); 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:11px; 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:12px; text-overflow: ellipsis; white-space: nowrap; }
.lead-due-date{ display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size:11.5px; 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: var(--repify-page); font-size: 19px; }
.lead-empty-state h3, .lead-empty-state p{ margin: 0; }
.lead-empty-state p{ color: var(--muted); font-size:12px; }
.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:11.5px; }
.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 > :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:11px; }
.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-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 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:11.5px; 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; }
/* Shared event timeline: used for case/activity histories that need chronology. */
.repify-timeline{display:grid;min-width:0}
.repify-timeline-item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;min-width:0;padding:0 0 18px}
.repify-timeline-item:last-child{padding-bottom:0}
.repify-timeline-item:not(:last-child)::before{content:"";position:absolute;top:35px;bottom:0;left:17px;width:1px;background:var(--repify-line)}
.repify-timeline-marker{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--repify-line);border-radius:50%;background:#fff;color:var(--repify-muted);font-size:13px}
.repify-timeline-item.is-accent .repify-timeline-marker{border-color:#edc5ad;background:var(--repify-orange-softer);color:var(--repify-orange-dark)}
.repify-timeline-item.is-success .repify-timeline-marker{border-color:#bfddcc;background:var(--repify-success-soft);color:var(--repify-success)}
.repify-timeline-content{min-width:0;padding-top:1px}
.repify-timeline-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.repify-timeline-heading strong{color:var(--repify-ink);font-size:12px;line-height:1.35}
.repify-timeline-heading time{flex:0 0 auto;color:var(--repify-muted);font-size:10px;line-height:1.4;text-align:right}
.repify-timeline-content p{margin:5px 0 0;color:var(--repify-muted);font-size:10.5px;line-height:1.5;overflow-wrap:anywhere}
.feedback-timeline-panel .panel-body{padding-top:18px}
@media(max-width:520px){.repify-timeline-heading{display:grid;gap:2px}.repify-timeline-heading time{text-align:left}}

.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-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:12px; }
.lead-timeline-content span{ flex: 0 0 auto; color: var(--muted); font-size:11px; }
.lead-timeline-content p{ margin: 6px 0 0; color: var(--repify-muted); font-size:11.5px; line-height: 1.55; }
.lead-empty-activity{ display: flex; align-items: center; gap: 8px; color: var(--muted); font-size:12px; }
.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 var(--repify-line); 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: var(--repify-orange-dark); font-size:11.5px; }
.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:11.5px; line-height: 1.45; }
@media (max-width: 767.98px) {
    
    .lead-search-field{ grid-column: auto; }
    
    
    .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-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; }
}


.repify-logo-image{ display: block; width: 118px; height: auto; object-fit: contain; }
.marketing-brand{ color: var(--text); text-decoration: none; }







































.dashboard-next-action > *{ position: relative; z-index: 1; }


.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, .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{ 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{
  border-left: 4px solid var(--danger);
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:11.5px; }
.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{
  margin-top: 10px;
display: flex; flex-wrap: wrap; gap: 10px 16px; color: var(--muted); font-size:11px;
}
.reputation-item-meta span{ display: inline-flex; align-items: center; gap: 5px; }
.reputation-item-status{
  justify-items: end;
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-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:11.5px; line-height: 1.55; }
.integration-workspace, .connection-section, .automation-builder-step, .integration-card, .connection-command{ border-color: var(--border); border-radius: 9px; box-shadow: none ; }
.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, .health-check-list, .workspace-status-list{ gap: 9px; }
.integration-benefit-list li, .integration-connect-guide li, .process-list li, .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{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px;
border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft);
}
.automation-row{ border-color: var(--border); border-radius: 8px; background: #fff; }
.automation-row:hover, .settings-switch:hover, .toggle-row:hover{ border-color: #d6b19a; }
.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;
padding: 17px;
}

.dashboard-page-invitations .app-grid{ align-items: start; }
.dashboard-page-invitations #manual-invitation{ scroll-margin-top:calc(var(--repify-fixed-topbar-height) + 24px); }
.process-list{
  display: grid; gap: 18px;
margin: 0; padding: 0; list-style: none;
}
.process-list li{
  align-items: start;
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:12px; font-weight: 800; }
.process-list strong, .process-list small{ display: block; }
.process-list strong{ font-size: 11.5px; }
.process-list small{
  line-height: 1.5;
margin-top: 3px; color: var(--muted); font-size:11px;
}







.editor-subsection{ margin-top: 24px; padding-top: 21px; border-top: 1px solid var(--border); }
.editor-subsection h3{
  letter-spacing: -.02em;
margin: 0 0 14px; font-size: 14px;
}
.design-preset, .color-control, .template-card{ border-color: var(--border); border-radius: 8px; box-shadow: none ; }
.design-preset:hover, .design-preset.active, .template-card:hover, .template-card.active{ border-color: var(--accent); background: var(--accent-softer); }



.superadmin-body .topbar-company{ color: var(--accent); }
/* Platform overview cards must keep their UI while a super admin is in support mode.
   The page class is stable; .superadmin-body is intentionally not used for these page-specific cards. */
.dashboard-page-admin-dashboard .platform-overview-grid > .app-stack{ gap:22px; align-content:start; }
.dashboard-page-admin-dashboard .panel-body.platform-attention-list{ gap:12px; padding:18px; margin:0; }
.dashboard-page-admin-dashboard .platform-attention-item{ display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:84px; padding:14px 15px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-md); background:#fff; color:var(--repify-ink-soft); text-decoration:none; box-shadow:var(--repify-shadow-subtle); }
.dashboard-page-admin-dashboard .platform-attention-item:not(.is-clear){ border-color:#efc8ad; box-shadow:inset 3px 0 0 var(--repify-orange), var(--repify-shadow-subtle); background:#fffaf6; }
.dashboard-page-admin-dashboard .platform-attention-item.is-clear{ background:#fff; }
.dashboard-page-admin-dashboard .platform-attention-item:hover, .dashboard-page-admin-dashboard .platform-attention-item:focus-visible{ border-color:var(--repify-line-strong); background:var(--repify-surface-soft); box-shadow:0 6px 18px rgba(23,22,20,.045); }
.dashboard-page-admin-dashboard .panel-body.platform-compact-stats, .dashboard-page-admin-dashboard .panel-body.platform-status-breakdown{ gap:0; padding:0; margin:0; }
.superadmin-body .platform-table-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; min-width:250px; }
.superadmin-body .platform-table-actions form{ margin:0; }
.superadmin-body .platform-table-actions .btn{ white-space:nowrap; }
.superadmin-body .table-responsive{ max-width:100%; }
.superadmin-body .table tbody td{ vertical-align:middle; }
.superadmin-body .platform-section-tabs{ width:max-content; max-width:100%; }
@media (max-width: 900px){
  .dashboard-page-admin-dashboard .panel-body.platform-attention-list{ grid-template-columns:minmax(0,1fr); gap:10px; padding:14px; }
  .dashboard-page-admin-dashboard .platform-overview-grid > .app-stack{ gap:18px; }
  .superadmin-body .platform-table-actions{ min-width:0; justify-content:flex-start; }
}
/* Leads — sales workspace owner */
.lead-page{ display:grid; gap:14px; }
.lead-overview-bar{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:17px 18px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-lg);
  background:#fff; box-shadow:var(--repify-shadow-subtle);
}
.lead-overview-copy{ min-width:0; }
.lead-overview-copy .eyebrow{ margin-bottom:5px; }
.lead-overview-copy h2{ margin:0; color:var(--repify-ink); font-size:20px; font-weight:760; letter-spacing:-.025em; line-height:1.25; }
.lead-overview-copy p{ margin:5px 0 0; color:var(--repify-muted); font-size:12.5px; line-height:1.45; }
.lead-overview-actions{ display:flex; align-items:center; justify-content:flex-end; gap:12px; min-width:0; }
.lead-focus-links{ display:flex; align-items:stretch; gap:0; padding:3px; border:1px solid var(--repify-line); border-radius:10px; background:var(--repify-surface-soft); }
.lead-focus-link{
  display:grid; grid-template-columns:auto auto; align-items:center; gap:8px; min-width:104px; padding:8px 10px;
  border:0; border-right:1px solid var(--repify-line); border-radius:7px; color:var(--repify-ink); text-decoration:none;
}
.lead-focus-link:last-child{ border-right:0; }
.lead-focus-link span{ color:var(--repify-muted); font-size:11.5px; font-weight:700; white-space:nowrap; }
.lead-focus-link strong{ color:var(--repify-ink); font-size:15px; line-height:1; }
.lead-focus-link:hover{ background:#fff; }
.lead-focus-link.is-active{ background:#fff; box-shadow:0 1px 2px rgba(23,22,20,.08); }
.lead-focus-link.is-urgent:not(.is-active){ color:var(--repify-danger); }
.lead-focus-link.is-urgent:not(.is-active) strong{ color:var(--repify-danger); }
.lead-command-actions{ display:flex; flex-wrap:nowrap; gap:8px; }

.lead-metric-grid{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; overflow:hidden;
  border:1px solid var(--repify-line); border-radius:var(--repify-radius-lg); background:#fff; box-shadow:var(--repify-shadow-subtle);
}
.lead-metric-card{
  display:block; min-width:0; min-height:0; padding:14px 16px; border:0; border-right:1px solid var(--repify-line);
  border-radius:0; background:#fff; box-shadow:none;
}
.lead-metric-card:last-child{ border-right:0; }
.lead-metric-card.is-attention{ border-color:var(--repify-line); background:var(--repify-danger-soft); }
.lead-metric-card.is-attention + .lead-metric-card{ border-left-color:var(--repify-line); }

.lead-view-tabs{
  display:flex; align-items:center; gap:4px; width:max-content; max-width:100%; padding:4px;
  border:1px solid var(--repify-line); border-radius:10px; background:var(--repify-surface-soft);
}
.lead-view-tab{
  display:flex; align-items:center; gap:9px; min-height:38px; padding:8px 12px; border:0; border-radius:7px;
  background:transparent; color:var(--repify-muted); font-size:12px; font-weight:720; line-height:1.2; cursor:pointer;
}
.lead-view-tab strong{ display:grid; place-items:center; min-width:22px; height:22px; padding:0 6px; border:1px solid var(--repify-line); border-radius:999px; background:#fff; color:var(--repify-ink); font-size:10.5px; font-weight:780; }
.lead-view-tab:hover{ color:var(--repify-ink); background:rgba(255,255,255,.66); }
.lead-view-tab.is-active{ background:#fff; color:var(--repify-ink); box-shadow:0 1px 2px rgba(23,22,20,.08); }
.lead-view-tab.is-active strong{ border-color:rgba(255,116,23,.28); background:var(--repify-orange-softer); color:var(--repify-orange-dark); }
.lead-view-panel[hidden]{ display:none !important; }

.lead-workspace-grid{ display:block; min-width:0; }
.lead-workspace-main{ min-width:0; }
.lead-workspace-grid:not(.is-detail) .lead-workspace-aside{ display:block; margin-top:0; }
.lead-workspace-aside{ min-width:0; }
.lead-workspace-aside.is-detail{ display:grid; grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr); gap:18px; margin-top:0; align-items:start; }
.lead-workspace-aside.is-detail .lead-detail-card{ position:sticky; top:calc(var(--repify-fixed-topbar-height) + 20px); }
.lead-workspace-aside.is-detail .lead-detail-card, .lead-workspace-aside.is-detail .lead-activity-panel{ grid-column:1; }
.lead-workspace-aside.is-detail .lead-form-panel{ grid-column:2; grid-row:1 / span 2; }
.lead-workspace-aside.is-detail .lead-conversion-panel, .lead-workspace-aside.is-detail .lead-danger-panel{ grid-column:1 / -1; }

.lead-pipeline-panel{ min-width:0; }
.lead-pipeline-panel .panel-header{ padding-bottom:16px; }
.lead-pipeline-board{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:12px;
  border-top:1px solid var(--repify-line); background:var(--repify-surface-soft);
}
.lead-pipeline-stage{
  display:grid; grid-template-columns:8px minmax(0,1fr) auto; grid-template-rows:auto auto; gap:5px 8px;
  min-width:0; padding:12px 13px; border:1px solid var(--repify-line); border-radius:9px; background:#fff;
  color:var(--repify-ink); text-decoration:none;
}
.lead-pipeline-stage:hover{ border-color:var(--repify-line-strong); box-shadow:var(--repify-shadow-subtle); }
.lead-pipeline-stage.is-active{ border-color:var(--repify-orange); background:var(--repify-orange-softer); box-shadow:none; }
.lead-stage-dot{ grid-row:1; align-self:center; width:7px; height:7px; margin:0; border-radius:50%; background:var(--repify-line-strong); }
.lead-stage-name{ grid-column:2; overflow:visible; color:var(--repify-muted); font-size:11px; font-weight:760; text-overflow:clip; text-transform:uppercase; white-space:normal; }
.lead-pipeline-stage strong{ grid-column:3; grid-row:1; font-size:16px; line-height:1.1; }
.lead-pipeline-stage small{ grid-column:2 / 4; grid-row:2; color:var(--repify-muted); font-size:11px; }

.lead-list-panel{ overflow:hidden; }
.lead-header-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.lead-filter-bar{
  display:grid; grid-template-columns:minmax(260px,1.5fr) repeat(5,minmax(112px,.7fr)) auto; gap:10px; align-items:end;
  padding:13px 16px; border-top:1px solid var(--repify-line); border-bottom:1px solid var(--repify-line); background:var(--repify-surface-soft);
}
.lead-filter-bar .form-label{ margin-bottom:5px; font-size:11px; }
.lead-search-field{ position:relative; }
.lead-search-field > i{ position:absolute; top:50%; left:12px; z-index:1; color:var(--repify-muted); transform:translateY(-50%); }
.lead-search-field .form-control{ padding-left:37px; }
.lead-filter-actions{ display:flex; gap:7px; }
.lead-table{ width:100%; min-width:1040px; border-collapse:collapse; }
.lead-table th, .lead-table td{ padding:13px 14px; border-bottom:1px solid var(--repify-line); vertical-align:middle; }
.lead-table th{ background:#fbfaf8; color:var(--repify-muted); font-size:11px; font-weight:780; letter-spacing:.045em; 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:#fcfbf9; }
.lead-table tbody tr.is-selected > td:first-child{ box-shadow:inset 3px 0 0 var(--repify-orange); }
.lead-company-cell{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; align-items:center; min-width:215px; }
.lead-company-avatar{ display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--repify-line); border-radius:9px; background:var(--repify-surface-soft); color:var(--repify-ink); 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:12.5px; text-overflow:ellipsis; white-space:nowrap; }
.lead-company-cell span, .lead-company-cell small, .lead-table td > small{ margin-top:3px; color:var(--repify-muted); font-size:11px; line-height:1.35; }

.lead-create-modal .modal-dialog{ max-width:min(1040px,calc(100vw - 32px)); }
.lead-create-modal .modal-body.lead-form{ display:grid; gap:0; padding:0 20px 20px; }
.lead-detail-card, .lead-form-panel{ overflow:visible; }
.lead-detail-head, .lead-contact-actions, .lead-detail-stats, .lead-form-section, .lead-activity-form{ border-color:var(--repify-line); }
.lead-form-heading > span{ display:grid; place-items:center; width:30px; height:30px; border-radius:7px; background:var(--repify-orange); color:#fff; font-size:12px; font-weight:750; }
.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(--repify-line); background:#fff; color:var(--repify-muted); font-size:11px; text-decoration:none; }
.lead-contact-actions a:hover, .lead-contact-actions button:hover{ background:var(--repify-orange-softer); color:var(--repify-orange-dark); }
.lead-timeline-icon{ display:grid; place-items:center; z-index:1; width:36px; height:36px; border:1px solid var(--repify-line); border-radius:8px; background:var(--repify-surface-soft); color:var(--repify-orange-dark); }

@media (max-width:1199.98px){
  .lead-overview-bar{ align-items:flex-start; }
  .lead-overview-actions{ align-items:flex-end; flex-direction:column; }
  .lead-filter-bar{ grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(120px,1fr)); }
  .lead-filter-actions{ grid-column:auto; }
  .lead-workspace-aside.is-detail{ grid-template-columns:minmax(0,1fr); }
  .dashboard-page-admin-leads .lead-workspace-aside.is-detail > *{ grid-column:1; grid-row:auto; }
  .lead-workspace-aside.is-detail .lead-detail-card{ position:static; }
}
@media (max-width:991.98px){
  .lead-overview-bar{ flex-direction:column; }
  .lead-overview-actions{ width:100%; align-items:stretch; }
  .lead-focus-links{ width:100%; }
  .lead-focus-link{ flex:1 1 0; }
  .lead-command-actions{ justify-content:flex-start; }
  .lead-metric-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lead-metric-card:nth-child(3){ border-right:0; }
  .lead-metric-card:nth-child(n+4){ border-top:1px solid var(--repify-line); }
  .lead-metric-card:nth-child(4){ border-right:1px solid var(--repify-line); }
  .lead-pipeline-board{ 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-actions{ grid-column:1 / -1; }
}
@media (max-width:767.98px){
  .dashboard-page-admin-leads .app-content{ padding-top:12px; }
  .lead-page{ gap:12px; }
  .lead-overview-bar{ padding:15px; border-radius:12px; }
  .lead-overview-copy h2{ font-size:18px; }
  .lead-focus-links{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lead-focus-link{ min-width:0; grid-template-columns:1fr; gap:3px; border-right:1px solid var(--repify-line); text-align:center; }
  .lead-focus-link span{ overflow:hidden; text-overflow:ellipsis; }
  .lead-command-actions{ display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .lead-command-actions .btn{ width:100%; }
  .lead-metric-grid{ display:flex; overflow-x:auto; scroll-snap-type:x proximity; }
  .lead-metric-card{ flex:0 0 180px; border-top:0 !important; border-right:1px solid var(--repify-line) !important; scroll-snap-align:start; }
  .lead-metric-card:last-child{ border-right:0 !important; }
  .lead-pipeline-board{ grid-template-columns:minmax(0,1fr); }
  .lead-filter-bar{ grid-template-columns:minmax(0,1fr); padding:12px; }
  .lead-search-field, .lead-filter-actions{ grid-column:1; }
  .lead-filter-actions{ display:grid; grid-template-columns:1fr 1fr; }
  .lead-filter-actions .btn{ width:100%; }
  .lead-header-actions{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .lead-header-actions .btn{ width:100%; }
  .lead-view-tabs{ width:100%; }
  .lead-view-tab{ flex:1 1 0; justify-content:center; min-width:0; }
  .lead-view-tab span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lead-create-modal .modal-dialog{ max-width:none; }
  .lead-create-modal .modal-body.lead-form{ padding-inline:16px; }
}
@media (max-width:480px){
  .lead-focus-links{ grid-template-columns:1fr; gap:2px; }
  .lead-focus-link{ grid-template-columns:1fr auto; text-align:left; border-right:0; border-bottom:1px solid var(--repify-line); }
  .lead-focus-link:last-child{ border-bottom:0; }
  .lead-command-actions{ grid-template-columns:1fr; }
  .lead-header-actions{ grid-template-columns:1fr; }
}
.onboarding-body{
  overflow-x: hidden;
min-height: 100vh; background: var(--app-bg); color: var(--text);
}
.onboarding-app{ min-height:100vh; display:grid; grid-template-columns:304px minmax(0,1fr); align-items:stretch; background:var(--repify-page); }

.onboarding-sidebar .repify-logo-image{ width: 124px; }
.onboarding-sidebar-copy{ margin:24px 4px 18px; }
.onboarding-sidebar-copy .eyebrow{ color: #e5a583; }
.onboarding-sidebar-copy h1{
  max-width: 250px;
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: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{
  background: var(--surface-soft); color: var(--muted);
font-size: .8rem;
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{
  margin-left: 304px;
min-width: 0; min-height: 100vh; background: var(--app-bg);
}

.onboarding-content{
  display: flex; justify-content: center;
padding-top:28px;
width:min(100%,1160px); margin:0 auto; padding:24px clamp(22px,3vw,38px) 48px;
}
.onboarding-card--wide{ border-color: var(--border); border-radius: 10px; box-shadow: none ; }
.onboarding-section-heading > span{
  display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--repify-border);
border-radius: 7px; background: var(--accent); color: #fff;
}
.onboarding-actions{
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 6px;
position:sticky; z-index:10; bottom:0; margin-top:8px; padding:13px 0 3px; border-top:1px solid var(--border); background:rgba(245,243,239,.97); backdrop-filter:blur(8px);
}
 .case-summary-card, .thread-message, .review-question-stack{ border-color: rgba(27, 25, 23, .12); border-radius: 9px; box-shadow: none ; }



.marketing-body{
  min-height: 100vh;
margin: 0; color: #2c2925;
background: var(--app-bg);
}
.marketing-brand .repify-logo-image{ width: 122px; }
.marketing-hero, .marketing-section{ border-color: var(--border); box-shadow: none ; }
.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)); }
    
    
}
@media (max-width: 1199.98px) {
    .reputation-filters{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reputation-search{ grid-column: 1 / -1; }
}
@media (max-width: 991.98px) {
    .app-sidebar{ transform: translateX(-102%); transition: transform .2s ease; }
    
    
    
    .mobile-menu-button{
  place-items: center;
  display: grid;
}
    .sidebar-backdrop{
  padding: 0;
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;
}
    
    
    
    
    .onboarding-app{
  grid-template-columns: 1fr;
display: block; background: var(--app-bg);
}
    .onboarding-sidebar{
  max-height: none; overflow: visible;
  position: static; width: 100%; height: auto; padding: 18px;
}
    .onboarding-sidebar-copy{ margin: 22px 0 16px; }
    .onboarding-step-list{
  scroll-snap-type: x proximity;
display: flex; overflow-x: auto; padding-bottom: 5px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
    .onboarding-step-link{
  scroll-snap-align: start;
  min-width: 176px;
  grid-template-columns: 30px minmax(0, 1fr);
}
    .onboarding-step-icon{ width: 30px; height: 30px; }
}
@media (max-width: 767.98px) {
    
    
    .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; padding-bottom:28px; }
    
    
    
    .panel-header > .d-flex .btn{ flex: 1 1 auto; }
    .metrics-grid, .settings-hub-grid{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    
    .dashboard-next-action::after{ display: none; }
    
    .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; }
    
    
    .toolbar-actions .btn{ flex: 1 1 auto; }
    
    .onboarding-topbar{
  min-height: 66px; padding: 12px 16px;
padding-inline: 18px;
}
    .onboarding-content{ padding: 22px 16px 42px; }

}
@media (max-width: 575.98px) {
    
    
    
    .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-link{ min-height: 48px; }

}
.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; }
}
/* ==========================================================================
   Shared application foundation
   Core shell, tokens and reusable controls. Scoped workspace modules follow.
   ========================================================================== */
html{ min-height:100%; max-width:100%; background:var(--repify-page); color-scheme:light; scroll-behavior:smooth; }
body{ min-height:100%; max-width:100%; margin:0; overflow-x:hidden; background:var(--repify-page); color:var(--repify-text); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
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; }
::selection{ background:var(--repify-orange); color:#fff; }
::placeholder{ color:#9c948b ; opacity:1; }
hr{ border-color:var(--repify-line); opacity:1; }
[hidden]{ display:none !important; }
:where(button, .btn, a, input, select, textarea){ -webkit-tap-highlight-color:transparent; }
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{ outline:2px solid var(--repify-orange) ; outline-offset:2px; }
.skip-link{
              
  position:fixed; z-index:4000; top:10px; left:10px; padding:10px 14px; border:1px solid var(--repify-ink); border-radius:var(--repify-radius-sm); background:#fff; color:var(--repify-ink); font-weight:750; text-decoration:none; transform:translateY(-150%); transition:transform .16s ease;
}
.skip-link:focus{
  
  transform:translateY(0);
}
.muted{
  
  color:var(--repify-muted) ;
}
.min-w-0{
  
  min-width:0;
}

/* Shell */
.dashboard-shell{
   
  min-height:100vh; width:100%; background:var(--repify-page);
}
.app-sidebar{ position:fixed; z-index:1040; inset:0 auto 0 0; width:var(--repify-sidebar-width); display:flex; flex-direction:column; overflow:hidden; padding:18px 13px 14px; border-right:1px solid var(--repify-line); background:#fff; transition:width .2s ease,transform .2s ease; }
.sidebar-top{ min-height:0; display:flex; flex:1 1 auto; flex-direction:column; overflow:hidden; }
.sidebar-brand-row{ min-height:64px; display:grid; grid-template-columns:minmax(0,1fr) 40px; gap:9px; align-items:center; padding:0 7px 14px; border-bottom:1px solid var(--repify-line-soft); }
.brand-lockup{
  flex: 0 0 auto;
gap: 0;
margin-bottom: 24px;
min-width:0; display:flex; align-items:center; margin:0; color:var(--repify-ink); text-decoration:none;
}
.brand-lockup .repify-logo-image{ display:block; width:124px; height:auto; object-fit:contain; }
.brand-compact-mark{
  font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 700; line-height: 1; position: relative;
color: var(--text);
display:none; width:40px; height:40px; place-items:center; border:1px solid var(--repify-line); border-radius:10px; background:#fff;
}
.brand-compact-mark img{
    
  width:25px; height:25px; object-fit:contain;
}
.sidebar-collapse-button, .sidebar-mobile-close, .mobile-menu-button, .sidebar-logout, .icon-button{ width:40px; height:40px; min-height:40px; display:grid; place-items:center; padding:0; border:1px solid var(--repify-line); border-radius:10px; background:#fff; color:var(--repify-muted); box-shadow:none; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
.sidebar-collapse-button:hover, .sidebar-mobile-close:hover, .mobile-menu-button:hover, .sidebar-logout:hover, .icon-button:hover{ border-color:var(--repify-line-strong); background:var(--repify-surface-soft); color:var(--repify-ink); }
.sidebar-mobile-close{ display:none; }
.sidebar-nav{ min-height:0; display:flex; flex:1 1 auto; flex-direction:column; gap:3px; overflow-y:auto; padding:14px 2px 24px; scrollbar-width:thin; scrollbar-color:var(--repify-line-strong) transparent; }
.sidebar-label{ margin:18px 10px 7px; color:var(--repify-muted-light); font-size:10.5px; font-weight:800; letter-spacing:.12em; line-height:1.2; text-transform:uppercase; }
.sidebar-label:first-child{ margin-top:3px; }
.sidebar-nav a{ position:relative; min-height:42px; display:flex; align-items:center; gap:10px; padding:9px 10px; border:1px solid transparent; border-radius:10px; color:#5d5852; font-size:12.5px; font-weight:650; line-height:1.3; text-decoration:none; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
.sidebar-nav a i{ width:18px; flex:0 0 18px; color:#7a746d; font-size:15px; line-height:1; text-align:center; }
.sidebar-nav a:hover{ background:var(--repify-surface-soft); color:var(--repify-ink); }
.sidebar-nav a:hover i{ color:var(--repify-ink); }
.sidebar-nav a.active, .sidebar-nav a[aria-current="page"]{ border-color:#ead2c4; background:var(--repify-orange-softer); color:var(--repify-ink); font-weight:750; }
.sidebar-nav a.active::before, .sidebar-nav a[aria-current="page"]::before{ content:""; position:absolute; inset:8px auto 8px -4px; width:3px; border-radius:999px; background:var(--repify-orange); }
.sidebar-nav a.active i, .sidebar-nav a[aria-current="page"] i{ color:var(--repify-orange-dark); }
.sidebar-user{ min-height:70px; display:grid; grid-template-columns:40px minmax(0,1fr) 40px; gap:9px; align-items:center; margin-top:auto; padding:14px 5px 2px; border-top:1px solid var(--repify-line-soft); }
.avatar-initials{ width:40px; height:40px; display:grid; place-items:center; border:1px solid #e6cab8; border-radius:11px; background:var(--repify-orange-soft); color:#7f3518; font-size:12px; font-weight:800; }
.sidebar-user strong{ color:var(--repify-ink); font-size:12.5px; font-weight:750; }
.sidebar-user small{ margin-top:2px; color:var(--repify-muted); font-size:11px; }
.sidebar-logout{ text-decoration:none; }
.sidebar-backdrop{
  
  display:none;
}
.app-main{ min-height:100vh; width:calc(100% - var(--repify-sidebar-width)); margin-left:var(--repify-sidebar-width); background:var(--repify-page); transition:width .2s ease,margin-left .2s ease; }
.app-topbar{ position:sticky; z-index:1020; top:0; min-height:var(--repify-topbar-height); display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px clamp(22px,2.5vw,42px); border-bottom:1px solid var(--repify-line); background:rgba(255,255,255,.96); box-shadow:0 1px 0 rgba(23,22,20,.02); backdrop-filter:blur(14px); }
.topbar-heading{ min-width:0; display:flex; align-items:flex-start; gap:13px; }
.topbar-title-wrap{ min-width:0; }
.topbar-company{ display:block; max-width:min(48vw,680px); margin-bottom:4px; overflow:hidden; color:var(--repify-orange-dark); font-size:10.5px; 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(--repify-ink); font-size:clamp(25px,2vw,30px); font-weight:760; letter-spacing:-.045em; line-height:1.08; }
.app-topbar p{ max-width:720px; margin:6px 0 0; color:var(--repify-muted); font-size:12.5px; line-height:1.5; }
.topbar-actions{ min-width:0; display:flex; flex:0 0 auto; align-items:center; gap:8px; }
.repify-language-form{ min-width:108px; margin:0; }
.repify-language-form .form-select{ min-height:40px; padding-block:7px; font-size:12px; font-weight:650; }
.mobile-menu-button{ display:none; flex:0 0 40px; }
.app-content{ width:min(100%,calc(var(--repify-content-max) + clamp(44px,5vw,88px))); min-width:0; margin:0 auto; padding:clamp(28px,2.6vw,42px) clamp(22px,2.6vw,46px) 84px; overflow-x:clip; background:transparent; }
.app-content > *{
  
  min-width:0;
}
.support-mode-banner, .billing-access-banner{
         
  display:flex; align-items:center; justify-content:space-between; gap:18px; margin:16px clamp(22px,2.5vw,42px) 0; padding:12px 14px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-md); background:#fff; box-shadow:var(--repify-shadow-subtle);
}
.support-mode-banner > div, .billing-access-banner > div{
      
  display:flex; align-items:center; gap:10px; color:var(--repify-muted); font-size:12px;
}
.support-mode-banner i, .billing-access-banner i{
   
  color:var(--repify-orange-dark); font-size:17px;
}

/* Collapsed desktop sidebar */
body.sidebar-collapsed .app-sidebar, html.sidebar-precollapsed .app-sidebar{
  padding-left: 10px; padding-right: 10px;
width:var(--repify-sidebar-collapsed-width); overflow:visible; padding-inline:10px;
}
body.sidebar-collapsed .app-main, html.sidebar-precollapsed .app-main{
   
  width:calc(100% - var(--repify-sidebar-collapsed-width)); margin-left:var(--repify-sidebar-collapsed-width);
}
body.sidebar-collapsed .sidebar-brand-row, html.sidebar-precollapsed .sidebar-brand-row{
  align-items: center; padding: 0;
display:flex; flex-direction:column; gap:8px; 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{
  text-indent: -9999px;
        
  width:42px; height:1px; overflow:hidden; margin:12px auto 7px; padding:0; background:var(--repify-line); color:transparent;
}
body.sidebar-collapsed .sidebar-nav, html.sidebar-precollapsed .sidebar-nav{
  padding-left: 0; padding-right: 0;
overflow:visible; padding-inline:0;
}
body.sidebar-collapsed .sidebar-nav a, html.sidebar-precollapsed .sidebar-nav a{
  margin: 0 auto; position: relative;
width:46px; min-height:42px; 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:16px;
}
body.sidebar-collapsed .sidebar-nav a::after, html.sidebar-precollapsed .sidebar-nav a::after{
  line-height: 1.2;
content:attr(data-nav-label); position:absolute; z-index:1200; top:50%; left:calc(100% + 11px); min-width:max-content; padding:7px 9px; border:1px solid #3a3631; border-radius:7px; 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{
  padding: 14px 0 0;
grid-template-columns:38px; justify-content:center; gap:8px; padding-inline:0;
}
body.sidebar-collapsed .sidebar-logout, html.sidebar-precollapsed .sidebar-logout{
  margin: 0 auto;
margin-inline:auto;
}

/* Page rhythm + reusable layout */
.app-grid{
  display:grid;
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);
  gap:var(--repify-section-gap);
  align-items:start;
}
.app-grid > *{
  
  min-width:0;
}
.app-grid--overview{
  
  grid-template-columns:minmax(0,1fr) minmax(330px,450px);
}
.app-grid--detail{
  
  grid-template-columns:minmax(0,1fr) minmax(340px,420px);
}
.app-grid--settings{
  
  grid-template-columns:minmax(0,1fr) minmax(400px,560px);
}
.app-grid--admin{
  
  grid-template-columns:minmax(320px,440px) minmax(0,1fr);
}

.app-stack{
    
  display:grid; gap:var(--repify-section-gap); min-width:0;
}
.toolbar-row{
  margin-bottom: 18px;
width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;
}
.toolbar-row form{
  
  min-width:min(100%,340px);
}
.toolbar-filters{
    
  display:flex; flex-wrap:wrap; gap:8px;
}

.section-heading{
  display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 15px;
margin:0 0 14px; color:var(--repify-ink); font-size:16px; font-weight:750; letter-spacing:-.02em;
}
.section-intro{
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
margin-bottom:22px; padding-bottom:17px; border-bottom:1px solid var(--repify-line);
}
.section-intro h2{
    
  margin:3px 0 5px; color:var(--repify-ink); font-size:20px; font-weight:760; letter-spacing:-.035em;
}
.section-intro p{
  
     
  max-width:680px; margin:0; color:var(--repify-muted); font-size:12px; line-height:1.55;
}

/* Buttons */
.btn, .repify-button{ min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; max-width:100%; padding:8px 14px; border-radius:10px; font-size:12.5px; font-weight:720; letter-spacing:-.005em; line-height:1.2; text-align:center; white-space:normal; box-shadow:none ; 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:none; }
.btn-sm{ min-height:35px; padding:7px 11px; border-radius:9px; font-size:11.5px; }
.btn-lg{ min-height:48px; padding-inline:18px; }
.btn-dark, .upgrade-page .btn-dark{ border-color:var(--repify-ink) ; background:var(--repify-ink) ; color:#fff ; }
.btn-dark:hover, .btn-dark:focus-visible, .upgrade-page .btn-dark:hover{ border-color:#302d29 ; background:#302d29 ; color:#fff ; }
.btn-brand, [data-action="primary-accent"]{ border-color:var(--repify-orange) ; background:var(--repify-orange) ; color:#fff ; }
.btn-brand:hover, .btn-brand:focus-visible, [data-action="primary-accent"]:hover{ border-color:var(--repify-orange-dark) ; background:var(--repify-orange-dark) ; color:#fff ; }
.btn-outline-secondary, .btn-outline-dark{ border-color:var(--repify-line-strong); background:#fff; color:var(--repify-ink-soft); }

.btn-danger{ border-color:var(--repify-danger); background:var(--repify-danger); color:#fff; }
.btn-danger:hover, .btn-danger:focus-visible{ border-color:#73322e; background:#73322e; color:#fff; }
.btn-outline-danger{ border-color:#d9b4b1; background:#fff; color:var(--repify-danger); }
.btn-outline-danger:hover, .btn-outline-danger:focus-visible{ border-color:var(--repify-danger); background:var(--repify-danger-soft); color:#74332f; }
.btn-link{
   
  color:var(--repify-orange-dark); font-weight:700; text-decoration:none;
}
.btn-link:hover{
   
  color:var(--repify-orange-dark); text-decoration:underline;
}

/* Forms */
.form-label{ margin-bottom:7px; color:var(--repify-ink-soft); font-size:12px; font-weight:700; line-height:1.35; }
.form-control, .form-select{ min-height:var(--repify-control-height); padding:9px 12px; border:1px solid var(--repify-line-strong); border-radius:var(--repify-radius-sm); background:#fff; color:var(--repify-ink); font-size:13px; line-height:1.4; box-shadow:none; }
textarea.form-control{ min-height:116px; line-height:1.6; resize:vertical; }

.form-control:focus, .form-select:focus, .form-check-input:focus, .color-control input:focus, input:focus, select:focus, textarea:focus{ border-color:var(--repify-orange) ; outline:0; box-shadow:var(--repify-focus) ; }
.form-control[readonly], .form-select[readonly]{ border-color:var(--repify-line); background:var(--repify-surface-muted); color:#756e66; opacity:1; }


.form-check-input{ border-color:#a99f94; box-shadow:none; }
.form-check-input:checked, .form-switch .form-check-input:checked, input[type="checkbox"]:checked, input[type="radio"]:checked{ border-color:var(--repify-orange) ; background-color:var(--repify-orange) ; }
.form-switch .form-check-input{ width:2.5em; min-height:1.35em; }
.input-group > .btn{ min-height:var(--repify-control-height); }
.input-group-text{ min-height:var(--repify-control-height); border:1px solid var(--repify-line-strong); border-radius:var(--repify-radius-sm); background:var(--repify-surface-soft); color:var(--repify-muted); font-size:12px; box-shadow:none; }
.input-group > .form-control:not(:last-child), .input-group > .form-select:not(:last-child), .input-group > .input-group-text:not(:last-child){
  
  border-radius:10px 0 0 10px;
}
.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 10px 10px 0;
}
input[type="range"], progress{ accent-color:var(--repify-orange); }



/* Cards and panels */
.panel, .card, .editor-section, .editor-subsection, .settings-section, .connection-section, .integration-workspace, .onboarding-card, .case-summary-card{ width:100%; min-width:0; overflow:clip; border:1px solid var(--repify-line); border-radius:var(--repify-radius-lg); background:#fff; box-shadow:var(--repify-shadow-subtle) ; }

.panel-header > *, .panel-header > div:first-child{ min-width:0; }


.panel-body{ padding:clamp(20px,1.7vw,26px); }
.panel-footer{ padding:15px 22px; border-top:1px solid var(--repify-line); background:var(--repify-surface-soft); }
.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, .automation-builder-panel, .automation-builder-aside, .automation-rules-panel, .automation-templates-panel, .automation-test-panel, .automation-history-panel, .automation-trust-strip, .automation-live-summary, .billing-config-item, .settings-hub-card, .location-command-card, .support-company-card, .review-center-card, .reputation-item, .location-list-item, .lead-row, .review-priority-card, .automation-rule-card{ border-color:var(--repify-line); border-radius:var(--repify-radius-md); background:#fff; box-shadow:var(--repify-shadow-subtle); }
.integration-catalog-card:hover, .connection-provider-card:hover, .settings-hub-card:hover, .location-command-card:hover, .review-center-card:hover, .reputation-item:hover, .location-list-item:hover, .lead-row:hover, .automation-template-card:hover, .automation-rule-card:hover{ border-color:var(--repify-line-strong); box-shadow:0 8px 24px rgba(23,22,20,.045); }
.integration-card.is-selected{ background:var(--repify-orange-softer); }
.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, .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-sm); background:var(--repify-surface-soft); }
.settings-switch:hover, .toggle-row:hover{ background:#f7f4ef; }

/* Stats */
 .metrics-grid, .automation-metrics, .billing-summary-grid{ display:grid; width:100%; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
.metric-card, .integration-summary-card{ min-width:0; min-height:126px; display:flex; flex-direction:column; justify-content:space-between; padding:17px 18px; border:1px solid var(--repify-line); border-radius:var(--repify-radius-md); background:#fff; box-shadow:var(--repify-shadow-subtle); }
.metric-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.metric-label{ color:var(--repify-muted); font-size:11px; font-weight:700; line-height:1.4; }
.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{ width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--repify-line); border-radius:10px; background:var(--repify-surface-soft); color:var(--repify-orange-dark); font-size:16px; }
.metric-card strong{ display:block; margin-top:12px; overflow-wrap:anywhere; color:var(--repify-ink); font-size:clamp(28px,2vw,34px); font-weight:760; letter-spacing:-.05em; line-height:1; }
.metric-card small{ display:block; margin-top:7px; color:var(--repify-muted); font-size:11px; line-height:1.45; }

/* Tabs / segmented controls */
.platform-section-tabs, .editor-tabs, .feedback-view-tabs, .settings-section-nav, .preview-switcher, .mail-studio-tabs, .communication-tabs{ display:flex; align-items:center; gap:4px; overflow-x:auto; max-width:100%; padding:4px; border:1px solid var(--repify-line); border-radius:11px; background:var(--repify-surface-muted); scrollbar-width:none; }
.platform-section-tabs::-webkit-scrollbar, .editor-tabs::-webkit-scrollbar, .feedback-view-tabs::-webkit-scrollbar, .settings-section-nav::-webkit-scrollbar, .preview-switcher::-webkit-scrollbar, .mail-studio-tabs::-webkit-scrollbar, .communication-tabs::-webkit-scrollbar{ display:none; }
.platform-section-tabs a, .editor-tabs button, .feedback-view-tabs a, .settings-section-nav a, .mail-studio-tabs button, .mail-studio-tabs a, .communication-tabs button, .communication-tabs a{ min-height:36px; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:7px; padding:7px 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--repify-muted); font-size:11.5px; font-weight:750; text-decoration:none; white-space:nowrap; }
.platform-section-tabs a:hover, .editor-tabs button:hover, .feedback-view-tabs a:hover, .settings-section-nav a:hover, .mail-studio-tabs a:hover, .communication-tabs a:hover{ color:var(--repify-ink); }
.platform-section-tabs a.active, .platform-section-tabs a[aria-current="page"], .editor-tabs button.active, .feedback-view-tabs a.active, .settings-section-nav a.active, .mail-studio-tabs .active, .communication-tabs .active{ border-color:var(--repify-line); background:#fff; color:var(--repify-ink); box-shadow:0 1px 3px rgba(23,22,20,.07); }
.workspace-tabs, .repify-sticky-tabs{ position:sticky; top:var(--repify-fixed-topbar-height); z-index:30; margin-bottom:18px; box-shadow:0 -10px 0 10px var(--repify-page),0 12px 24px -22px rgba(23,22,20,.34); }
.repify-sticky-tabs{ max-width:100%; }
.company-settings-tabs{ margin-bottom:18px; }
.workspace-tab-count{ display:grid; place-items:center; min-width:21px; height:21px; padding:0 6px; border:1px solid var(--repify-line); border-radius:999px; background:#fff; color:var(--repify-muted); font-size:10px; font-weight:780; line-height:1; }
.platform-section-tabs a.active .workspace-tab-count{ border-color:rgba(255,116,23,.28); background:var(--repify-orange-softer); color:var(--repify-orange-dark); }
[data-workspace-panel]{ scroll-margin-top:calc(var(--repify-fixed-topbar-height) + 68px); }
[data-workspace-panel][hidden]{ display:none !important; }
.billing-workspace-tabs{ margin-bottom:18px; }
.billing-summary-bar{ margin-bottom:18px; }
.billing-summary-status{ display:grid; justify-items:end; gap:9px; min-width:190px; }
.billing-metrics-grid{ grid-template-columns:repeat(6,minmax(0,1fr)); }
.billing-config-grid--overview{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.billing-log-grid{ align-items:start; }
@media (max-width:1199.98px){
  .billing-metrics-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .billing-config-grid--overview{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767.98px){
  .billing-summary-bar{ align-items:flex-start; }
  .billing-summary-status{ width:100%; justify-items:stretch; }
  .billing-summary-status .btn{ width:100%; }
  .billing-metrics-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .billing-config-grid--overview{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:480px){
  .billing-metrics-grid{ grid-template-columns:minmax(0,1fr); }
}
.preview-switcher{
  gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-soft);
display:inline-flex; width:auto;
}
.preview-switcher button{
       
  width:36px; height:34px; min-height:34px; display:grid; place-items:center; flex:0 0 36px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--repify-muted); font-size:11.5px; font-weight:700;
}
.preview-switcher button.active, .preview-switcher button[aria-pressed="true"]{ border-color:var(--repify-line); background:#fff; color:var(--repify-ink); box-shadow:0 1px 3px rgba(23,22,20,.07); }

/* Tables / lists */
.table-responsive, .lead-table-wrap{
  overflow: auto;
width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--repify-line-strong) transparent;
}
.table{ width:100%; min-width:700px; margin:0; table-layout:auto; vertical-align:middle; }
.table thead th{ position:sticky; z-index:2; top:0; padding:11px 15px; border-bottom:1px solid var(--repify-line); background:#f7f5f2; color:var(--repify-muted); font-size:10.5px; font-weight:800; letter-spacing:.075em; line-height:1.25; text-transform:uppercase; white-space:nowrap; }
.table tbody td{ padding:13px 15px; border-color:var(--repify-line-soft); color:#37332f; font-size:12.5px; vertical-align:middle; }
.table tbody tr:last-child > *{
  
  border-bottom:0;
}
.table tbody tr:hover td{
  
  background:#fdfbf8;
}
.table td strong{
   
  color:var(--repify-ink); font-weight:730;
}

/* Statuses */

.status-dot{
      
  width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:currentColor;
}
.status-success, .is-success{ border-color:#bdd9c8; background:var(--repify-success-soft); color:var(--repify-success); }
.status-warning, .is-warning{ border-color:#e6d2b4; background:var(--repify-warning-soft); color:var(--repify-warning); }
.status-danger, .is-danger{ border-color:#e3c0bd; background:var(--repify-danger-soft); color:var(--repify-danger); }
.status-info, .is-info{ border-color:#cbd7df; background:var(--repify-info-soft); color:var(--repify-info); }
.status-neutral, .is-neutral, .location-state-badge.is-muted{ border-color:var(--repify-line); background:var(--repify-surface-muted); color:#625d57; }
.status-brand, .is-brand{ border-color:#f1c8ad; background:var(--repify-orange-softer); color:#a2480f; }
.status-ai, .is-ai{ border-color:#d8cbe4; background:var(--repify-ai-soft); color:var(--repify-ai); }
.alert{ overflow-wrap:anywhere; border-width:1px; border-radius:var(--repify-radius-sm); font-size:12.5px; line-height:1.55; }
.alert-success{ border-color:#bdd9c8; background:var(--repify-success-soft); color:#284f38; }
.alert-warning{ border-color:#e6d2b4; background:var(--repify-warning-soft); color:#6f491e; }
.alert-danger{ border-color:#e3c0bd; background:var(--repify-danger-soft); color:#74332f; }
.rating-stars{ color:var(--repify-orange); font-size:12px; letter-spacing:.05em; white-space:nowrap; }
.muted-star{ color:#d7d0c7; }

/* Empty states + overlays */
.empty-state{ max-width:100%; display:grid; justify-items:center; gap:9px; padding:clamp(36px,5vw,52px) 24px; text-align:center; }
.empty-state-icon{ width:48px; height:48px; margin:0 auto 4px; }
.empty-state h3{ margin:4px 0 0; color:var(--repify-ink); font-size:17px; font-weight:750; letter-spacing:-.02em; }
.empty-state p{ max-width:520px; margin:0; color:var(--repify-muted); font-size:12.5px; line-height:1.6; }
.compact-empty{ min-height:72px; display:flex; align-items:flex-start; gap:12px; padding:14px; border:1px dashed var(--repify-line-strong); border-radius:var(--repify-radius-md); background:var(--repify-surface-soft); }
.compact-empty > i{ margin-top:1px; color:var(--repify-orange-dark); font-size:17px; }
.compact-empty strong, .compact-empty small{ display:block; }
.compact-empty small{ margin-top:3px; color:var(--repify-muted); font-size:11px; line-height:1.45; }
/* Shared modal grammar — header/footer stay fixed; only the body scrolls. */
.modal-dialog{ max-height:calc(100dvh - 32px); margin-top:16px; margin-bottom:16px; }
.modal-content, dialog{ overflow:hidden; border:1px solid var(--repify-line); border-radius:var(--repify-radius-lg); background:#fff; box-shadow:var(--repify-shadow-floating); }
.modal-content{ display:flex; flex-direction:column; max-height:calc(100dvh - 32px); }
.modal-header, .modal-footer{ position:relative; z-index:2; flex:0 0 auto; padding:17px 20px; border-color:var(--repify-line); background:#fff; }
.modal-header{ align-items:flex-start; border-bottom:1px solid var(--repify-line); }
.modal-footer{ border-top:1px solid var(--repify-line); }
.modal-body{ flex:1 1 auto; min-height:0; padding:20px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; -webkit-overflow-scrolling:touch; }
.repify-modal-form{ display:flex; flex:1 1 auto; flex-direction:column; min-height:0; overflow:hidden; }
.repify-modal-form > .modal-body{ flex:1 1 auto; min-height:0; }
.repify-modal-form > .modal-footer{ flex:0 0 auto; }
.repify-modal-heading{ min-width:0; max-width:760px; }
.repify-modal-heading .eyebrow{ display:block; margin-bottom:4px; }
.repify-modal-heading p{ margin:6px 0 0; color:var(--repify-muted); font-size:12px; line-height:1.5; }
.modal-title{ margin:0; color:var(--repify-ink); font-size:18px; font-weight:760; letter-spacing:-.02em; }
.repify-form-section{ display:grid; gap:16px; padding:4px 0 22px; }
.repify-form-section + .repify-form-section{ padding-top:22px; border-top:1px solid var(--repify-line); }
.repify-form-section:last-child{ padding-bottom:4px; }
.repify-form-section-heading{ display:grid; grid-template-columns:30px minmax(0,1fr); gap:11px; align-items:start; }
.repify-form-section-heading > span{ display:grid; place-items:center; width:30px; height:30px; border-radius:7px; background:var(--repify-orange); color:#fff; font-size:11.5px; font-weight:800; }
.repify-form-section-heading h3, .repify-form-section-heading p{ margin:0; }
.repify-form-section-heading h3{ font-size:14px; font-weight:740; }
.repify-form-section-heading p{ margin-top:4px; color:var(--repify-muted); font-size:11.5px; line-height:1.45; }
.field-span-full{ grid-column:1 / -1; }
@media (max-width:767.98px){
  .modal-dialog{ width:100%; max-width:none !important; height:100dvh; max-height:100dvh; margin:0; }
  .modal-content{ width:100%; height:100dvh; min-height:100dvh; max-height:100dvh; border:0; border-radius:0; }
  .modal-header{ padding:16px; }
  .modal-body{ padding:16px; }
  .modal-footer{ gap:8px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); }
  .modal-footer .btn{ min-height:44px; }
  .repify-modal-heading p{ display:none; }
  .repify-form-section .settings-field-grid{ grid-template-columns:minmax(0,1fr); }
  .field-span-full{ grid-column:auto; }
}
@media (max-width:520px){
  .modal-footer{ display:grid; grid-template-columns:minmax(0,1fr); }
  .modal-footer .btn{ width:100%; justify-content:center; }
}
.repify-dialog{ width:min(460px,calc(100vw - 32px)); max-width:460px; margin:auto; padding:0; color:var(--repify-ink); }
.repify-dialog::backdrop{ background:rgba(26,24,21,.46); backdrop-filter:blur(2px); }
.repify-dialog-shell{ display:grid; margin:0; }
.repify-dialog-header{ padding:20px 22px 0; }
.repify-dialog-title{ margin:0; color:var(--repify-ink); font-size:18px; font-weight:760; letter-spacing:-.025em; }
.repify-dialog-body{ display:grid; gap:14px; padding:12px 22px 20px; }
.repify-dialog-body p{ margin:0; color:var(--repify-muted); font-size:13px; line-height:1.6; white-space:pre-line; }
.repify-dialog-input{ width:100%; }
.repify-dialog-actions{ display:flex; justify-content:flex-end; gap:9px; padding:15px 22px; border-top:1px solid var(--repify-line); background:var(--repify-surface-soft); }
.repify-dialog-actions .btn{ min-width:96px; }
@media (max-width:520px){
  .repify-dialog{ width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
  .repify-dialog-header{ padding:18px 18px 0; }
  .repify-dialog-body{ padding:10px 18px 18px; }
  .repify-dialog-actions{ display:grid; grid-template-columns:1fr 1fr; padding:13px 18px max(13px,env(safe-area-inset-bottom)); }
  .repify-dialog-actions .btn:only-child{ grid-column:1/-1; }
}
.dropdown-menu, .popover{ border:1px solid var(--repify-line); border-radius:var(--repify-radius-md); background:#fff; box-shadow:var(--repify-shadow-floating); }

/* Product-specific shared grammar */
.dashboard-next-action{
            
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; overflow:hidden; margin-bottom:18px; padding:clamp(22px,2vw,28px); 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);
}
.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;
display:none;
}
.dashboard-next-action h2{
    
  margin:0; color:var(--repify-ink); font-size:clamp(22px,2vw,28px); font-weight:760; letter-spacing:-.04em;
}
.dashboard-next-action p{
     
  max-width:720px; margin:7px 0 0; color:var(--repify-muted); font-size:12.5px;
}
.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:var(--repify-surface-strong); }
.repify-progress > span, .funnel-track > span, .onboarding-native-progress > span{ display:block; height:100%; border-radius:inherit; background:var(--repify-orange); }
.settings-hub-grid{
    
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px;
}
.settings-hub-card{
       
  min-height:90px; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; align-items:center; gap:12px; padding:16px 17px; color:var(--repify-ink); text-decoration:none; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.settings-hub-card:hover{ border-color:#ddc4b4; background:var(--repify-orange-softer); transform:translateY(-1px); }
.settings-hub-card .settings-hub-icon{ width:42px; height:42px; }
.settings-hub-card strong{ color:var(--repify-ink); font-size:13px; font-weight:750; line-height:1.3; }
.settings-hub-card small{ margin-top:4px; color:var(--repify-muted); font-size:11.5px; line-height:1.45; }
.settings-hub-card > .bi-chevron-right{ color:var(--repify-muted-light); font-size:14px; }
.dashboard-quick-links a, .dashboard-connection-list > div{ border-color:var(--repify-line); background:#fff; }
.dashboard-quick-links > a{ min-height:64px; }
.review-priority-card.is-active, .lead-focus-link.is-active{ border-color:var(--repify-orange); background:var(--repify-orange-softer); box-shadow:0 0 0 2px rgba(255,116,23,.10); }

.integration-flow-step, .connection-endpoint-card, .connection-status-detail, .integration-customer-summary, .workspace-status-list > li, .integration-benefit-list > li, .field-config-card, .template-revision-item{ border-color:var(--repify-line); border-radius:var(--repify-radius-sm); background:var(--repify-surface-soft); }
.integration-error, .integration-platform-warning{ border-color:#e1b9b6; background:var(--repify-danger-soft); color:#74332f; }

.preview-panel{ border-color:var(--repify-line); border-radius:var(--repify-radius-lg); background:#fff; box-shadow:none; }
.device-preview-stage{ border-color:var(--repify-line); background:#ece8e1; }
.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); }

/* Auth/onboarding/installer surfaces stay in the same family */
.onboarding-app, .onboarding-main, .onboarding-content, .upgrade-page, .installer-shell, .marketing-body{ background:var(--repify-page); }
.onboarding-sidebar{
  z-index: 40; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
width: 304px;
position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:24px 20px 18px; border-right:1px solid rgba(255,255,255,.09);
background:var(--repify-ink); color:#fff;
}
.onboarding-topbar{
  display: flex; align-items: center; justify-content: space-between;
position:sticky; z-index:20; top:0; min-height:70px; padding:11px 30px; border-bottom:1px solid var(--border); backdrop-filter:blur(8px);
border-color:var(--repify-line); background:rgba(245,243,239,.97);
}
.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;
border-radius:var(--repify-radius-sm);
}
.onboarding-step-link.active, .onboarding-step-link.is-active{ background:rgba(255,116,23,.22); color:#fff; }
.onboarding-card, .onboarding-section-block, .onboarding-info, .onboarding-provider-card, .onboarding-language-cards > label, .onboarding-finish-preview, .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:var(--repify-shadow-subtle); }
.onboarding-provider-card:hover, .onboarding-language-cards > label:hover{ border-color:#ddc4b4; }
.marketing-header{
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
max-width: 1240px; min-height: 76px; margin: 0 auto; padding: 16px 28px; border-bottom: 1px solid var(--repify-surface-strong);
border-color:var(--repify-line); background:rgba(245,243,239,.97);
}
.repify-toast-container{
  padding:0;
  z-index:3000; width:min(390px,calc(100vw - 28px)); top:18px; right:18px;
}
.repify-toast{
  border-left-width: 4px;
  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-floating);
}
.repify-toast-icon{ color:var(--repify-orange-dark); }

/* Responsive shell and shared components */
@media (min-width:1900px){
    .app-content{ padding-left:52px; padding-right:52px; }
    
}
@media (max-width:1399.98px){
    .app-grid, .app-grid--overview, .app-grid--detail, .app-grid--settings, .app-grid--admin{ grid-template-columns:minmax(0,1fr); }
    
    
}
@media (max-width:1199.98px){
    .app-topbar p{ display:block; max-width:560px; }
    .review-detail-layout, .location-workspace-grid, .automation-builder-layout{ grid-template-columns:minmax(0,1fr); }
    .automation-builder-aside{ position:static; }
}
@media (max-width:991.98px){
    :root{ --repify-topbar-height:76px; --topbar-height:var(--repify-topbar-height); }
    .app-sidebar{ width:min(86vw,320px); max-width:320px; height:100dvh; transform:translateX(-104%); padding-bottom:env(safe-area-inset-bottom); box-shadow:22px 0 60px rgba(23,22,20,.17); visibility:hidden; }
    .app-sidebar.open{ transform:translateX(0); visibility:visible; }
    .sidebar-collapse-button{ display:none; }
    
    .sidebar-brand-row{ grid-template-columns:minmax(0,1fr) 40px; }
    .sidebar-nav{ padding-bottom:30px; overscroll-behavior:contain; }
    .sidebar-user{ flex:0 0 auto; padding-bottom:max(14px,env(safe-area-inset-bottom)); background:#fbfaf8; }
    .sidebar-backdrop{ position:fixed; z-index:1030; inset:0; display:block; border:0; background:rgba(23,22,20,.42); opacity:0; pointer-events:none; visibility:hidden; backdrop-filter:blur(2px); transition:opacity .18s ease,visibility .18s ease; }
    .sidebar-backdrop.show{ opacity:1; pointer-events:auto; visibility:visible; }
    .app-main, body.sidebar-collapsed .app-main, html.sidebar-precollapsed .app-main{ width:100%; margin-left:0; }
    .mobile-menu-button{ display:grid; }
    .app-topbar{ min-height:76px; padding:12px 16px; }
    .app-topbar h1{ font-size:23px; }
    .topbar-company{ max-width:52vw; }
    .topbar-actions .btn span{ display:none; }
    .topbar-actions .btn{ width:40px; min-width:40px; padding:0; }
    .app-content{ width:100%; padding:22px 16px 68px; }
    .support-mode-banner, .billing-access-banner{ margin-inline:16px; }
    .settings-hub-grid{ grid-template-columns:1fr; }
    .onboarding-app{ display:block; }
    .onboarding-sidebar{ position:static; width:100%; height:auto; padding:18px; }
    .onboarding-step-list{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767.98px){
    .app-topbar{ gap:10px; padding-inline:14px; }
    .app-topbar p{ display:none; }
    .topbar-company{ display:none; }
    .app-content{ padding:20px 14px 64px; }
    .support-mode-banner, .billing-access-banner{ align-items:stretch; flex-direction:column; margin-inline:14px; }
    .panel, .card{ border-radius:var(--repify-radius-md); }
    .panel-header, .lead-panel-header, .location-panel-header{ align-items:stretch; flex-direction:column; gap:12px; padding:17px; }
    .panel-header > .btn, .panel-header > .d-flex, .panel-header > form, .panel-header > nav{ width:100%; }
    .panel-header .btn{ width:100%; }
    .panel-body{ padding:17px; }
    .panel-footer{ padding:14px 17px; }
    .dashboard-next-action{ align-items:stretch; flex-direction:column; padding:20px; }
    .dashboard-next-action .btn{ width:100%; }
    .platform-filter-grid, .review-center-toolbar, .review-filter-form{ grid-template-columns:minmax(0,1fr); padding:13px; }
    .platform-filter-actions, .location-filter-actions, .review-filter-actions, .review-sync-actions, .panel-actions, .toolbar-actions, .lead-detail-hero-actions, .review-command-actions, .automation-command-actions{ width:100%; display:grid; grid-template-columns:minmax(0,1fr); }
    .platform-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, .review-command-actions .btn, .automation-command-actions .btn{ width:100%; }
    .table-responsive, .lead-table-wrap{ margin-inline:-1px; border-top:1px solid var(--repify-line); }
    .table{ min-width:680px; }
    .onboarding-step-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px){
    .app-topbar{ align-items:flex-start; flex-wrap:wrap; padding:11px 12px 12px; }
    .topbar-heading{ width:100%; align-items:center; }
    .topbar-title-wrap{ min-width:0; flex:1 1 auto; }
    .app-topbar h1{ overflow:hidden; font-size:21px; text-overflow:ellipsis; white-space:nowrap; }
    .topbar-actions{ width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    .topbar-actions .repify-language-form{ display:none; }
    .topbar-actions .btn{ width:100%; min-width:0; padding:8px 10px; }
    .topbar-actions .btn span{ display:inline; }
    .app-content{ padding-inline:12px; }
    .metrics-grid, .automation-metrics, .settings-hub-grid{ grid-template-columns:minmax(0,1fr); }
    .metric-card{ min-height:108px; }
    .settings-hub-card{ grid-template-columns:40px minmax(0,1fr) 16px; padding:15px; }
    .settings-hub-card .settings-hub-icon{ width:40px; height:40px; }
    .platform-section-tabs, .editor-tabs, .feedback-view-tabs, .settings-section-nav, .mail-studio-tabs, .communication-tabs{ margin-inline:-2px; }
    .repify-toast-container{ top:12px; right:12px; width:calc(100vw - 24px); }
    .onboarding-step-list{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:390px){
    .topbar-actions{ grid-template-columns:minmax(0,1fr); }
    .table{ min-width:640px; }
}
@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:12px; 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%; }
.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, .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, .review-command-actions{ display:flex; flex-wrap:wrap; gap:8px; }
.review-command-actions{ justify-content:flex-end; }
.lead-not-found{ display:grid; justify-items:start; gap:10px; padding:36px; }
.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:11.5px; 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)); } }
@media (max-width:991.98px){
  .sidebar-mobile-close{ display:grid; margin-left:auto; }
  .lead-detail-hero, .review-command-center{ align-items:flex-start; flex-direction:column; }
  .review-command-actions{ justify-content:flex-start; }
}
@media (max-width:767.98px){
  .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; }
}
.lead-list-panel .lead-table-wrap{ max-height:none; }

.form-control:focus-visible, .form-select:focus-visible, .form-check-input:focus-visible, input[type="color"]:focus-visible{ outline: 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: #e7d8ce ; background: var(--repify-orange-softer) ; }
.template-revision-list{ min-width: 0; }
.template-revision-list > :last-child{ margin-bottom: 0; }
.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(--repify-fixed-topbar-height) + 24px); }
.integration-workspace--reviews{ border-top-color: #e7d8ce; }


.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; }

.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) ; background: var(--repify-surface-muted) ; color: var(--repify-muted-light) ; opacity: 1 ; cursor: not-allowed; }
.form-control:hover, .form-select:hover{
  
  border-color: #aea398;
}
.form-text, .form-hint, .small-note, .help{
  margin-top:7px; color:var(--repify-muted);  line-height:1.55;
font-size: 11.5px;
}
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-header, .lead-panel-header, .location-panel-header{
  display:flex; align-items:flex-start; justify-content:space-between; gap:18px;  border-bottom:1px solid var(--repify-line); background:#fff;
min-height: 0; padding: 20px 22px;
}
.panel-header h2, .panel-header h3, .lead-panel-header h2, .location-panel-header h2{
  margin:0; color:var(--repify-ink);  font-weight:760; letter-spacing:-.025em; line-height:1.25;
font-size: 18px;
}
.panel-header p, .lead-panel-header p, .location-panel-header p{
  margin:5px 0 0; color:var(--repify-muted);  line-height:1.55;
max-width: 780px; font-size: 12.5px;
}
.eyebrow, .section-label, .platform-summary-eyebrow, .automation-example-label{
  display:block; margin-bottom:6px; color:var(--repify-orange-dark);  font-weight:800; letter-spacing:.12em; line-height:1.2; text-transform:uppercase;
font-size:11.5px;
}
.badge-soft, .connection-state, .status-pill, .location-state-badge, .lead-status-badge{
  min-height:26px; display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border:1px solid var(--repify-line); border-radius:999px; background:var(--repify-surface-muted); color:#5d5852;  font-weight:750; line-height:1.25; white-space:nowrap;
padding-inline: 9px; font-size:11.5px;
}
.review-filter-form, .reputation-filters{ background: #fbfaf8; }
.empty-state, .lead-empty-state, .location-empty-state, .automation-empty-state{ padding-block: clamp(36px, 5vw, 54px); }

.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{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px; padding: 20px;
}
.automation-template-card{
  display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border);
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{
  display: grid; place-items: center; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); font-size: 18px;
width: 46px; height: 46px;
}
.automation-template-copy{ margin-top: 16px; }
.automation-template-copy h3{
  margin: 0;
font-size: 16px; line-height: 1.35;
}
.automation-template-copy p{
  margin: 7px 0 0; color: var(--muted);
font-size: 12px; line-height: 1.58;
}
.automation-template-value{
  border: 1px solid #d9dde2; border-radius: 12px;
margin-top: 16px; padding: 14px; border-color: #ead8cc; background: var(--repify-orange-softer);
}
.automation-template-value span{
  font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
color: var(--repify-orange-dark); font-size:11px;
}
.automation-template-value strong{
  margin-top: 5px;
color: var(--repify-ink-soft); font-size: 11.5px; line-height: 1.5;
}
.automation-template-facts{
  display: grid; gap: 7px; margin: 14px 0;
margin-block: 16px;
}
.automation-template-facts > div{
  display: grid; gap: 8px; border-top: 1px solid var(--border);
grid-template-columns: 82px minmax(0, 1fr); padding-top: 9px;
}
.automation-template-facts dt{
  color: var(--muted); font-weight: 800; text-transform: uppercase;
font-size:11px;
}
.automation-template-facts dd{
  margin: 0; line-height: 1.4;
color: var(--repify-ink-soft); font-size:12px;
}
.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:calc(var(--repify-fixed-topbar-height) + 18px); }
.location-filter-bar{
  display: grid; grid-template-columns: minmax(260px, 1fr) minmax(170px, 220px) auto; gap: 12px; align-items: end; padding: 15px 18px;
border-top: 1px solid var(--repify-line); border-bottom: 1px solid var(--repify-line); background: #fbfaf8;
}
.location-search-field .form-control{ padding-left: 42px ; }

.location-list-item + .location-list-item{ border-top: 1px solid var(--repify-line); }

.location-mini-stats > div{
  min-width: 0; border-right: 1px solid var(--border);
padding: 12px;
}

.location-form{ display: grid; gap: 18px; padding: 22px; }
.location-form-section{
  display: grid; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--border);
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{
  display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start;
margin-bottom: 18px;
}
.location-clone-option{
  display: flex; align-items: flex-start; gap: 11px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; cursor: pointer;
margin: 0; border-color: #ead8cc; background: var(--repify-orange-softer);
}
.location-form-actions{
  display: flex; flex-wrap: wrap; gap: 9px;
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{
  display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; line-height: 1.5;
color: var(--repify-ink-soft); font-size: 11.5px;
}
.billing-page{ display: grid; gap: 22px; }
.billing-summary-grid{
  display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
gap: 18px;
}
.billing-current-plan .panel-header, .billing-usage-panel .panel-header{ min-height: 112px; }


.billing-account-facts span{ color: var(--repify-muted); font-size:12px; }
.billing-account-facts strong{
  color: var(--repify-ink);
margin-top: 2px; font-size: 15px;
}

.billing-usage-list{
  display: grid;
gap: 0; padding-block: 4px;
}
.billing-usage-item{
  display: grid;
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{
  display: inline-flex; align-items: center; gap: 8px;
color: var(--repify-ink-soft); font-size: 12px;
}
.billing-usage-copy strong{ font-size: 12px; }
.billing-usage-item progress, .location-readiness progress{ background: var(--repify-surface-strong); }
.billing-usage-item progress::-webkit-progress-bar, .location-readiness progress::-webkit-progress-bar{ background: var(--repify-surface-strong); }
.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{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.billing-plan-card.current{ border-color: var(--repify-orange); box-shadow: inset 0 3px 0 var(--repify-orange) ; }
.billing-plan-card > p{ min-height: 72px; color: var(--repify-muted); font-size: 12.5px; line-height: 1.55; }
.billing-price-row strong{
  color: var(--text); letter-spacing: -.045em;
font-size: clamp(30px, 2.3vw, 38px);
}
.billing-feature-list{
  display: grid; gap: 9px; margin: 0; padding: 0; list-style: none;
padding-top: 4px; border-top: 1px solid var(--repify-line);
}
.billing-feature-list li{
  display: flex; align-items: flex-start; gap: 8px; color: #303030; line-height: 1.4;
font-size: 12px;
}
.billing-plan-actions{
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: auto; padding-top: 6px;
gap: 10px;
}
.billing-plan-current-note{
  display: flex; align-items: flex-start; gap: 8px; margin-top: auto; padding: 12px; border: 1px solid var(--repify-line); border-radius: 10px;
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; }
    .location-filter-bar{ grid-template-columns: minmax(0, 1fr); }
    .automation-template-filters{
  padding-bottom: 14px; scrollbar-width: thin;
  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{
  display: grid; grid-template-columns: minmax(0, 1fr);
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); }
}
.dashboard-body, .superadmin-body{ font-size: 14px; }
.dashboard-body .app-content, .superadmin-body .app-content{
  margin-left: 0; margin-right: 0;
max-width: var(--repify-content-max); margin-inline: auto;
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) ; background: var(--repify-ink) ; color: #fff ; }
.form-control::placeholder, .form-select:invalid{ color: #918980; opacity: 1; }
.btn-outline-secondary[disabled], .btn-outline-secondary.disabled{ border-style: dashed ; color: #7d756d ; }
.dashboard-page-automations .automation-templates-panel{
  overflow: hidden;
  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{
  display: grid; border-top: 1px solid var(--border);
align-items: stretch;
grid-template-columns: minmax(0, 1fr) minmax(330px, 380px); gap: 20px;
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{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
background: #fbfaf8;
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{
  display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 9px 10px;
background: #fbfaf8;
border: 1px solid var(--repify-line); border-radius: 9px;
}
.location-workspace-grid.is-editor-open .location-form-panel .panel-header{ position:sticky; top:var(--repify-fixed-topbar-height); 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{
  min-width: 0;
border-color: var(--repify-line);
}
.billing-current-plan .panel-header{ background: #fff; }
.billing-account-facts{
  display: grid; overflow: hidden; border-top: 1px solid var(--repify-line); border-bottom: 1px solid var(--repify-line);
grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; border: 0;
background: #fbfaf8;
}
.billing-account-facts > div{
  display: grid; gap: 4px;
align-content: center; padding: 14px 16px; border: 1px solid var(--repify-line); border-radius: 10px; background: #fff;
min-height: 78px;
}
.billing-primary-actions{
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
min-height: 66px; background: #fff;
justify-content: flex-start; padding: 14px 20px;
}
.billing-usage-panel .panel-body{ padding-inline: 20px; }

.billing-plan-card.is-current{
  border-color:var(--repify-orange);  box-shadow:inset 0 3px 0 var(--repify-orange),var(--repify-shadow-subtle) ;
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{
  display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
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:11px; 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(255, 116, 23, .20); 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{
  display: flex; flex-direction: column; border: 1px solid var(--repify-line); background: #fff;
border-color: var(--border); box-shadow: none ;
gap: 16px; padding: 22px; border-radius: 12px;
min-height: 100%;
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:11px; 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-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{ border-color: var(--repify-line) ; background: #fff; box-shadow: var(--repify-shadow-subtle) ; }
@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 ; }
.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:12px; line-height: 1.4; }
.dashboard-page-locations .location-plan-notice .panel-body{ margin: 0 ; }
.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 ; top: auto ; min-height: 0 ; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 18px; margin: 0; padding: 20px 22px 18px ; 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:12px; 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:12px; }
.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-summary{ display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;cursor:pointer;list-style:none;background:#fff; }
.dashboard-page-locations .location-guidance-summary::-webkit-details-marker{display:none}
.dashboard-page-locations .location-guidance-summary>span{display:grid;gap:3px;min-width:0}
.dashboard-page-locations .location-guidance-summary .eyebrow{margin:0;font-size:10px}
.dashboard-page-locations .location-guidance-summary strong{font-size:14px;line-height:1.25}
.dashboard-page-locations .location-guidance-summary>i{color:var(--repify-muted);font-size:11px;transition:transform .16s ease}
.dashboard-page-locations .location-guidance-panel[open] .location-guidance-summary>i{transform:rotate(180deg)}
.dashboard-page-locations .location-guidance-panel[open] .location-guidance-summary{border-bottom:1px solid var(--repify-line)}
.dashboard-page-locations .location-guidance-panel > .panel-body{ margin: 0 ; padding: 5px 17px 9px ; }
.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 ; }
.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 ; }
@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:11.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 ; }
    .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-summary{ padding: 14px 15px; }
    .dashboard-page-locations .location-guidance-panel > .panel-body{ padding: 5px 15px 9px ; }
}
@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; }
}

/* Dashboard workspace modules */
.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 var(--repify-line); border-left: 4px solid var(--repify-orange); border-radius: 8px; background: #fff; }
.dashboard-page-reputation .reputation-guide-copy h2{ margin: 0; color: var(--repify-ink); 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: var(--repify-muted); 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 var(--repify-line); border-radius: 7px; background: var(--repify-surface-soft); 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 var(--repify-line); }
.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 var(--repify-line-strong); border-radius: 6px; background: #fff; color: var(--repify-ink-soft); font-size:11.5px; 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: var(--repify-muted); font-size:11.5px; 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 var(--repify-line); 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: var(--repify-danger); }
.dashboard-page-reputation .reputation-panel{ overflow: hidden; }
.dashboard-page-reputation .reputation-panel-header{ align-items: center; padding: 20px 22px; border-bottom: 1px solid var(--repify-surface-strong); }
.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 var(--repify-line); border-radius: 999px; background: var(--repify-surface-soft); color: var(--repify-ink-soft); font-size:11.5px; 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 var(--repify-surface-strong); background: var(--repify-surface-soft); }
.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: var(--repify-ink-soft); font-size: 11.5px; font-weight: 720; }
.dashboard-page-reputation .reputation-filter-heading span{ margin-top: 2px; color: var(--repify-muted); font-size:11.5px; }
.dashboard-page-reputation .reputation-filter-heading a{ flex: 0 0 auto; color: var(--repify-ink-soft); font-size:12px; font-weight: 690; text-decoration: underline; text-decoration-color: var(--repify-line-strong); text-underline-offset: 3px; }
.dashboard-page-reputation .reputation-filter-heading a:hover{ color: var(--repify-ink); 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 var(--repify-line); 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: var(--repify-line-strong); background: #fcfaf7; transform: translateY(-1px); }
.dashboard-page-reputation .reputation-item:focus-visible{ outline: 3px solid rgba(255, 116, 23, .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 var(--repify-line); border-radius: 7px; background: var(--repify-surface-soft); color: var(--repify-orange); 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: var(--repify-ink); font-size: 13px; font-weight: 730; }
.dashboard-page-reputation .reputation-item-heading > span{ color: var(--repify-muted); font-size:11.5px; }
.dashboard-page-reputation .rating-stars{ display: inline-flex; margin-top: 3px; color: var(--repify-orange); font-size:12px; 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: var(--repify-muted); font-size:11px; 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: var(--repify-ink-soft); 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: var(--repify-ink-soft); font-size:11.5px; font-weight: 720; }
.dashboard-page-reputation .reputation-item:hover .reputation-open-case{ color: var(--repify-ink); }
.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 ; }
.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 var(--repify-line); }
    .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 #e7d8ce; 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:11.5px; 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:12px; 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:11.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:11.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 ; 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 ; 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 #e7d8ce; 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: var(--repify-warning); }
.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:11.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 ; }
.feedback-detail-page .editor-section, .feedback-detail-page .editor-section.active{ padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none ; }
.feedback-detail-page .saved-reply-picker{ margin-bottom: 14px ; 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 .feedback-case-field{ margin:0; }
.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: var(--repify-line-strong); 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(--repify-fixed-topbar-height) + 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%; }
}

/* Feedback inbox: mobile card transformation lives with the feedback workspace. */
@media (max-width: 767.98px) {
    .dashboard-page-feedback .table-responsive{ overflow: visible; }
    .dashboard-page-feedback .feedback-table{ display: block; width: 100%; min-width: 0; max-width: 100%; margin: 0; border: 0; table-layout: auto; }
    .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; width: 100%; min-width: 0; max-width: 100%; gap: 12px; padding: 14px; background: var(--repify-surface, #f6f7f6); }
    .dashboard-page-feedback .feedback-table tr{ position: relative; display: block; width: 100%; min-width: 0; max-width: 100%; padding: 16px; border: 1px solid var(--repify-line); border-radius: 8px; background: #fff; }
    .dashboard-page-feedback .feedback-table td{ display: grid; width: 100%; min-width: 0; max-width: 100%; grid-template-columns: minmax(78px, .35fr) minmax(0, .65fr); align-items: start; gap: 12px; padding: 9px 0; border: 0; overflow-wrap: anywhere; }
    .dashboard-page-feedback .feedback-table td::before{ content: attr(data-label); color: var(--repify-muted); font-size:11.5px; 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; }
    .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; border-bottom: 1px solid var(--repify-line); }
    .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 .feedback-customer-message{ margin-top:8px; color:var(--repify-muted); font-size:12px; -webkit-line-clamp:3; }
    .dashboard-page-feedback .feedback-table td.feedback-open-cell{ display: block; padding-top: 13px; border-top: 1px solid var(--repify-line); }
    .dashboard-page-feedback .feedback-table td.feedback-open-cell .btn{ width: 100%; min-height: 42px; }
    .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; 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; }
    .dashboard-page-feedback .feedback-tags{ justify-content: flex-start; }
    .dashboard-page-feedback .feedback-bulk-bar{ grid-template-columns: 1fr; }
}

/* 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, var(--repify-orange-dark)); font-size:11.5px; 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, var(--repify-line)); border-left: 4px solid var(--repify-orange, var(--repify-orange)); border-radius: 10px; background: #fff; }
.dashboard-page-invitations .invitation-command-copy h2{ max-width: 760px; margin: 0; color: var(--repify-ink, var(--repify-ink)); 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, var(--repify-muted)); 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, var(--repify-line)); border-radius: 8px; background: var(--repify-surface-soft, var(--repify-surface-soft)); }
.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, var(--repify-orange-softer)); color: var(--repify-orange-dark, var(--repify-orange-dark)); 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, var(--repify-muted)); font-size:11.5px; font-weight: 680; }
.dashboard-page-invitations .invitation-command-facts strong{ margin-top: 3px; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size: 12.5px; line-height: 1.35; }
.dashboard-page-invitations .invitation-command-facts em{ margin-top: 3px; color: var(--repify-muted, var(--repify-muted)); font-size:11.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, var(--repify-line)); border-radius: 9px; background: #fff; }
.dashboard-page-invitations .invitation-metrics .metric-card:last-child{ border-right: 1px solid var(--repify-line, var(--repify-line)); }

.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, var(--repify-line)); 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, var(--repify-orange)); }
.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, var(--repify-line)); border-radius: 9px; background: var(--repify-surface-soft, var(--repify-surface-soft)); color: var(--repify-orange-dark, var(--repify-orange-dark)); font-size: 18px; }
.dashboard-page-invitations .invitation-next-action.is-danger .invitation-next-action-icon{ border-color: #e3bdbd; background: #fff3f3; color: var(--repify-danger); }
.dashboard-page-invitations .invitation-next-action.is-warning .invitation-next-action-icon{ border-color: #ead5a8; background: #fff8e9; color: var(--repify-warning); }
.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, var(--repify-ink)); 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, var(--repify-muted)); 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, var(--repify-line)); 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, var(--repify-muted)); font-size:11.5px; white-space: nowrap; }
.dashboard-page-invitations .invitation-result-count strong{ color: var(--repify-ink-soft, var(--repify-ink-soft)); }

.dashboard-page-invitations .invitation-filter-form{ padding: 18px 22px; border-bottom: 1px solid var(--repify-line-soft, var(--repify-surface-strong)); background: var(--repify-surface-soft, var(--repify-surface-soft)); }
.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:11.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, var(--repify-muted)); 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, var(--repify-muted)); font-size:11.5px; 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, var(--repify-line)); border-radius: 6px; background: #fff; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size:11.5px; 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, var(--repify-surface-strong)); 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, var(--repify-ink-soft)); font-size: 11.5px; font-weight: 700; }
.dashboard-page-invitations .invitation-selection-count strong{ color: var(--repify-orange-dark, var(--repify-orange-dark)); }
.dashboard-page-invitations .invitation-bulk-toolbar small{ display: block; margin-top: 2px; color: var(--repify-muted, var(--repify-muted)); font-size:11px; }
.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, var(--repify-muted)); font-size:11px; 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, var(--repify-orange-softer)); color: var(--repify-orange-dark, var(--repify-orange-dark)); font-size:12px; 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, var(--repify-ink-soft)); font-size: 11.5px; }
.dashboard-page-invitations .invitation-customer-cell small{ margin-top: 2px; color: var(--repify-muted, var(--repify-muted)); font-size:11px; }
.dashboard-page-invitations .invitation-source-label{ display: inline-flex; align-items: center; gap: 6px; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size:12px; font-weight: 700; }
.dashboard-page-invitations .invitation-source-label i{ color: var(--repify-orange-dark, var(--repify-orange-dark)); }
.dashboard-page-invitations .invitation-error-text{ display: block; max-width: 240px; margin-top: 6px; color: var(--repify-danger); font-size:11px; line-height: 1.38; overflow-wrap: anywhere; }
.dashboard-page-invitations .invitation-date-primary{ display: block; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size:12px; 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, var(--repify-muted)); font-size:11px; 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, var(--repify-surface-strong)); background: var(--repify-surface-soft, var(--repify-surface-soft)); color: var(--repify-muted, var(--repify-muted)); font-size:11px; }
.dashboard-page-invitations .invitation-table-footer a{ display: inline-flex; align-items: center; gap: 6px; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-weight: 700; text-decoration: none; }
.dashboard-page-invitations .invitation-table-footer a:hover{ color: var(--repify-orange-dark, var(--repify-orange-dark)); }
.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, var(--repify-orange-softer)); color: var(--repify-orange-dark, var(--repify-orange-dark)); 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 - 32px)); }
.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, var(--repify-ink)); font-size: 21px; font-weight: 740; letter-spacing: -.035em; }
.dashboard-page-invitations .invitation-modal-header p{ margin: 7px 0 0; color: var(--repify-muted, var(--repify-muted)); 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, var(--repify-surface-strong)); }
.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, var(--repify-orange-softer)); color: var(--repify-orange-dark, var(--repify-orange-dark)); font-size:11.5px; font-weight: 800; }
.dashboard-page-invitations .invitation-form-section-heading h3{ margin: 0; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size: 14px; font-weight: 730; }
.dashboard-page-invitations .invitation-form-section-heading p{ margin: 4px 0 0; color: var(--repify-muted, var(--repify-muted)); font-size:11.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, var(--repify-muted)); font-size:11px; 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, var(--repify-line)); border-radius: 7px; background: var(--repify-surface-soft, var(--repify-surface-soft)); }
.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, var(--repify-orange-dark)); }
.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, var(--repify-muted)); font-size:11px; }
.dashboard-page-invitations .invitation-fixed-location strong{ margin-top: 2px; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size:12px; }
.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, var(--repify-line)); 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, var(--repify-orange)); background: var(--repify-orange-softer, var(--repify-orange-softer)); }
.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, var(--repify-ink-soft)); font-size: 11.5px; }
.dashboard-page-invitations .invitation-timing-option small{ margin-top: 3px; color: var(--repify-muted, var(--repify-muted)); font-size:11px; line-height: 1.38; }
.dashboard-page-invitations .invitation-timing-option > i{ color: var(--repify-muted, var(--repify-muted)); font-size: 15px; }
.dashboard-page-invitations .invitation-timing-option.is-selected > i{ color: var(--repify-orange-dark, var(--repify-orange-dark)); }
.dashboard-page-invitations .invitation-schedule-field{ margin-top: 13px; padding: 13px; border: 1px solid var(--repify-line, var(--repify-line)); border-radius: 8px; background: var(--repify-surface-soft, var(--repify-surface-soft)); }

.dashboard-page-invitations .invitation-modal-summary{ padding: 22px; border-left: 1px solid var(--repify-line-soft, var(--repify-surface-strong)); background: var(--repify-surface-soft, var(--repify-surface-soft)); }
.dashboard-page-invitations .invitation-summary-sticky{ position: sticky; top: 0; }
.dashboard-page-invitations .invitation-modal-summary h3{ margin: 0; color: var(--repify-ink-soft, var(--repify-ink-soft)); 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, var(--repify-line)); 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, var(--repify-surface-strong)); }
.dashboard-page-invitations .invitation-summary-list > div:last-child{ border-bottom: 0; }
.dashboard-page-invitations .invitation-summary-list dt{ color: var(--repify-muted, var(--repify-muted)); font-size:11px; font-weight: 680; }
.dashboard-page-invitations .invitation-summary-list dd{ margin: 3px 0 0; color: var(--repify-ink-soft, var(--repify-ink-soft)); font-size:12px; 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:11px; 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, var(--repify-ink-soft)); font-size:11.5px; font-weight: 700; text-decoration: none; }
.dashboard-page-invitations .invitation-summary-link:hover{ color: var(--repify-orange-dark, var(--repify-orange-dark)); }
.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, var(--repify-ink-soft)); font-size:11.5px; }
.dashboard-page-invitations .invitation-modal-footer small{ margin-top: 2px; color: var(--repify-muted, var(--repify-muted)); font-size:11px; }
.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, var(--repify-orange-softer)); color: var(--repify-orange-dark, var(--repify-orange-dark)); 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, var(--repify-muted)); 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, var(--repify-surface-strong)); 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, var(--repify-surface-soft)); }
    .dashboard-page-invitations .invitation-table tbody tr{ position: relative; overflow: hidden; border: 1px solid var(--repify-line, var(--repify-line)); 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, var(--repify-surface-strong)); text-align: left ; }
    .dashboard-page-invitations .invitation-table tbody td::before{ content: attr(data-label); color: var(--repify-muted, var(--repify-muted)); font-size:11px; 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-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 queue
   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, var(--repify-line));
    border-bottom: 1px solid var(--repify-line-soft, var(--repify-surface-strong));
    border-radius: 10px 10px 0 0;
}
.dashboard-page-invitations .invitation-queue-panel > .invitation-bulk-form{
    overflow: hidden;
    border: 1px solid var(--repify-line, var(--repify-line));
    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: one compact operational summary instead of four floating dashboard cards. */
.dashboard-page-locations .location-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--repify-line);border-radius:12px;background:#fff;
}
.dashboard-page-locations .location-metrics > .metric-card{
    min-height:94px;margin:0;padding:15px 16px;border:0;border-right:1px solid var(--repify-line);border-radius:0;background:#fff;box-shadow:none;
}
.dashboard-page-locations .location-metrics > .metric-card:last-child{border-right:0}
.dashboard-page-locations .location-metrics > .metric-card .metric-icon{width:28px;height:28px;border-radius:8px;font-size:13px}
.dashboard-page-locations .location-metrics > .metric-card strong{font-size:24px}
.dashboard-page-locations .location-metrics > .metric-card.is-attention{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))}
    .dashboard-page-locations .location-metrics > .metric-card:nth-child(2){border-right:0}
    .dashboard-page-locations .location-metrics > .metric-card:nth-child(-n/**/+2){border-bottom:1px solid var(--repify-line)}
}
@media (max-width:640px){
    .dashboard-page-locations .location-metrics{grid-template-columns:minmax(0,1fr)}
    .dashboard-page-locations .location-metrics > .metric-card{min-height:82px;border-right:0;border-bottom:1px solid var(--repify-line)}
    .dashboard-page-locations .location-metrics > .metric-card:last-child{border-bottom:0}
}

/* Platform settings workspace — tabbed control center, no long scroll-form. */
.dashboard-page-admin-settings .platform-settings-form{display:grid;gap:16px}
.dashboard-page-admin-settings .settings-section-nav{position:sticky;top:var(--repify-fixed-topbar-height);z-index:20;margin:0;background:var(--repify-surface-muted);box-shadow:0 -10px 0 10px var(--repify-page),0 12px 24px -22px rgba(23,22,20,.34)}
.dashboard-page-admin-settings .settings-section.is-active{display:block;animation:repifySettingsIn .16s ease-out}
.dashboard-page-admin-settings .settings-section .panel-header{padding:18px 20px}
.dashboard-page-admin-settings .settings-section .panel-body{padding:20px}
.dashboard-page-admin-settings .settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.dashboard-page-admin-settings .integration-settings-stack{display:grid;gap:12px}
.dashboard-page-admin-settings .integration-settings-card{margin:0}
@keyframes repifySettingsIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:760px){.dashboard-page-admin-settings .settings-field-grid{grid-template-columns:1fr}.dashboard-page-admin-settings .settings-section-nav{top:var(--repify-fixed-topbar-height)}}

/* Workspace component refinements */
.dashboard-page-automations .app-content{
  display: grid;
gap:14px
}
.dashboard-page-automations .automation-command-center{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;padding:22px 24px;border-color:var(--repify-line);border-radius:14px}
.dashboard-page-automations .automation-command-copy h2{max-width:680px;margin:5px 0 8px;font-size:28px;line-height:1.08;letter-spacing:-.04em}
.dashboard-page-automations .automation-command-copy>p{max-width:760px;font-size:12px;line-height:1.55}
.dashboard-page-automations .automation-command-actions{margin-top:15px}
.dashboard-page-automations .automation-example{padding:14px;border-radius:12px;background:var(--repify-surface-soft)}
.dashboard-page-automations .automation-example-label{margin-bottom:9px;font-size:10px}
.dashboard-page-automations .automation-example-flow>div{padding:9px 10px;border-radius:9px}
.dashboard-page-automations .automation-example-flow>div span{font-size:10px}.dashboard-page-automations .automation-example-flow>div strong{font-size:10.5px}
.dashboard-page-automations .automation-example>p{margin-top:9px;font-size:10px}
.dashboard-page-automations .automation-metrics{gap:8px}
.dashboard-page-automations .automation-metrics article{min-height:88px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px;border-color:var(--repify-line);border-radius:11px}
.dashboard-page-automations .automation-metric-icon{width:34px;height:34px;border-radius:9px;font-size:14px}
.dashboard-page-automations .automation-metrics strong{font-size:20px}.dashboard-page-automations .automation-metrics span{font-size:10.5px}.dashboard-page-automations .automation-metrics small{font-size:10px}
.dashboard-page-automations .automation-explainer{padding:16px 18px}
.dashboard-page-automations .automation-explainer-heading h2{font-size:18px}.dashboard-page-automations .automation-explainer-heading p{font-size:10.5px;line-height:1.5}
.dashboard-page-automations .automation-explainer-steps{gap:7px;margin-top:13px}
.dashboard-page-automations .automation-explainer-steps li{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px;border-radius:9px}
.dashboard-page-automations .automation-explainer-steps li>span{width:28px;height:28px;border-radius:8px;font-size:10px}
.dashboard-page-automations .automation-explainer-steps strong{font-size:10px}.dashboard-page-automations .automation-explainer-steps small{font-size:10px}
.dashboard-page-automations .automation-history-panel .compact-empty{min-height:150px;padding:28px 20px}
.dashboard-page-automations .automation-trust-strip{gap:8px}
.dashboard-page-automations .automation-trust-strip article{padding:12px;border-radius:10px}
.dashboard-page-automations .automation-trust-strip strong{font-size:10.5px}.dashboard-page-automations .automation-trust-strip p{font-size:10px}
.dashboard-page-feedback .review-provider-grid,.dashboard-page-reviews .review-provider-grid{gap:8px}
.dashboard-page-feedback .review-provider-card,.dashboard-page-reviews .review-provider-card{min-height:104px;padding:14px;border-radius:12px}
@media(max-width:1180px){.dashboard-page-automations .automation-command-center{grid-template-columns:1fr}.dashboard-page-automations .automation-example{display:none}}


/* Mobile interaction hardening: iOS Safari zooms focused text controls below 16px. */
@media (max-width: 767.98px){
    body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
    body select,
    body textarea,
    body .form-control,
    body .form-select,
    body [contenteditable="true"]{ font-size:16px; }
    .repify-sticky-tabs, .workspace-tabs{ top:var(--repify-fixed-topbar-height); }
}
@media (max-width: 575.98px){
    .superadmin-body .topbar-actions{ grid-template-columns:minmax(0,1fr); }
    .company-settings-tabs{ width:calc(100% + 4px); max-width:calc(100% + 4px); }
}