/* =========================================================================
   Landing Pages & Funnels (resources/views/refactor/pages/funnels/**)
   Tokens only (variables.css): no raw colours, so colour schemes and dark
   mode follow automatically. Reuses .fb-gallery* from components.css for
   template galleries.
   ========================================================================= */

.lp-header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}
.lp-back { margin-bottom: var(--space-1); padding-left: 0; }
.lp-required { color: var(--color-error); }
.lp-muted, .lp-card-muted { color: var(--color-text-muted); font-size: var(--text-xs); }
.lp-alert { margin-bottom: var(--space-4); display: flex; gap: var(--space-2); align-items: flex-start; }
.lp-alert .material-symbols-rounded { font-size: 18px; }

.lp-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    color: var(--color-text-muted);
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm, 6px);
    cursor: pointer;
}
.lp-icon-btn:hover:not(:disabled) { color: var(--color-text); background: var(--color-hover-bg); }
.lp-icon-btn:disabled { opacity: .35; cursor: default; }
.lp-icon-btn .material-symbols-rounded { font-size: 16px; }

/* ---- Stat strip -------------------------------------------------------- */
.lp-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}
.lp-stat {
    padding: var(--space-4);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
}
.lp-stat span { display: block; font-size: var(--text-xs); color: var(--color-text-muted); margin-bottom: var(--space-1); }
.lp-stat strong { font-size: var(--text-2xl, 1.5rem); font-weight: var(--weight-semibold); color: var(--color-text); }
.lp-stat.is-accent strong { color: var(--color-primary); }
@media (max-width: 700px) { .lp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- Index: filter + card grid ------------------------------------------ */
.lp-filter-bar { margin-bottom: var(--space-4); padding: 0; border: 0; background: transparent; }
.lp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: var(--space-4);
}
.lp-card {
    display: flex;
    flex-direction: column;
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: hidden;
    transition: box-shadow .15s ease, border-color .15s ease;
}
.lp-card:hover { border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border)); box-shadow: var(--shadow-md, 0 4px 12px rgba(16, 24, 40, .08)); }
.lp-card-thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    background: var(--color-hover-bg);
    border-bottom: var(--space-px) solid var(--color-border);
    overflow: hidden;
}
.lp-card-thumb .mc-live-thumb { position: absolute; inset: 0; }
.lp-card-kind {
    position: absolute;
    left: var(--space-2);
    top: var(--space-2);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px var(--space-2);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-text);
    background: color-mix(in srgb, var(--color-card-bg) 92%, transparent);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-full);
    backdrop-filter: blur(4px);
}
.lp-card-kind .material-symbols-rounded { font-size: 14px; }
.lp-card-body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3) var(--space-4) var(--space-4); }
.lp-card-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.lp-card-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    color: var(--color-text);
    text-decoration: none;
}
.lp-card-name:hover { color: var(--color-primary); }
.lp-card-status { display: flex; align-items: center; gap: var(--space-2); min-height: 28px; }
.lp-card-url {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    text-decoration: none;
}
.lp-card-url:hover { color: var(--color-primary); text-decoration: underline; }
.lp-card-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2);
    padding-top: var(--space-3);
    border-top: var(--space-px) solid var(--color-border);
}
.lp-card-stats strong { display: block; font-size: var(--text-base); font-weight: var(--weight-semibold); color: var(--color-text); }
.lp-card-stats span { font-size: var(--text-xs); color: var(--color-text-muted); }
.lp-pagination { margin-top: var(--space-5); }
.lp-blank-thumb {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
}
.lp-blank-thumb .material-symbols-rounded { font-size: 40px; opacity: .5; }

/* ---- Empty state --------------------------------------------------------- */
.lp-empty {
    max-width: 720px;
    margin: var(--space-8) auto;
    text-align: center;
}
.lp-empty-sm { margin: var(--space-6) auto; }
.lp-empty-art svg { width: 220px; height: auto; margin-bottom: var(--space-3); }
.lp-empty-title { font-size: var(--text-xl, 1.25rem); font-weight: var(--weight-semibold); color: var(--color-text); margin-bottom: var(--space-2); }
.lp-empty-desc { color: var(--color-text-muted); margin-bottom: var(--space-5); }
.lp-empty-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); text-align: left; }
@media (max-width: 640px) { .lp-empty-choices { grid-template-columns: 1fr; } }
.lp-choice {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-5);
    color: var(--color-text);
    text-decoration: none;
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.lp-choice:hover { border-color: var(--color-primary); box-shadow: 0 0 0 4px var(--color-primary-ring); transform: translateY(-1px); }
.lp-choice-icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-2);
    color: var(--color-primary);
    background: var(--color-primary-light);
    border-radius: var(--radius-card);
}
.lp-choice-title { font-weight: var(--weight-semibold); }
.lp-choice-desc { font-size: var(--text-sm); color: var(--color-text-muted); }

/* ---- Create popup + galleries -------------------------------------------- */
.lp-create-kind { margin-bottom: var(--space-2); }
.lp-create-hint { font-size: var(--text-sm); color: var(--color-text-muted); margin: 0 0 var(--space-4); }
.lp-gallery { margin-top: var(--space-4); }
.lp-gallery .fb-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); max-height: 52vh; overflow-y: auto; padding: 2px; }
.lp-gallery-card { cursor: pointer; text-align: left; }
.lp-gallery-card .fb-gallery-thumb { position: relative; aspect-ratio: 16 / 11; }
.lp-gallery-card .mc-live-thumb { position: absolute; inset: 0; }
.lp-gallery-preview {
    position: absolute;
    right: var(--space-2);
    bottom: var(--space-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--color-text);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-full);
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(16, 24, 40, .06));
    opacity: 0;
    transition: opacity .15s ease;
    cursor: pointer;
}
.lp-gallery-card:hover .lp-gallery-preview,
.lp-gallery-card:focus-within .lp-gallery-preview { opacity: 1; }
.lp-gallery-preview .material-symbols-rounded { font-size: 18px; }
.lp-funnel-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; }
.lp-funnel-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.lp-funnel-desc { font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.45; }
.lp-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 2px; }
.lp-flow-step {
    padding: 1px 8px;
    font-size: 11px;
    color: var(--color-text-secondary, var(--color-text-muted));
    background: var(--color-hover-bg);
    border-radius: var(--radius-full);
}
.lp-flow-arrow { font-size: 12px !important; color: var(--color-text-muted); }

/* Add-page popup: page type picker */
.lp-type-picker { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.lp-type-option {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-full);
    cursor: pointer;
}
.lp-type-option .material-symbols-rounded { font-size: 16px; }
.lp-type-option:hover { color: var(--color-text); }
.lp-type-option.is-active { color: var(--color-primary); border-color: var(--color-primary); background: var(--color-primary-light); }

/* ---- Edit page ----------------------------------------------------------- */
.lp-edit-title { min-width: 0; }
.lp-edit-name { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.lp-urlbar {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin-top: var(--space-1);
    padding: 3px 4px 3px 10px;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    background: var(--color-hover-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-full);
}
.lp-urlbar > .material-symbols-rounded { font-size: 16px; }
.lp-urlbar-link { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text); text-decoration: none; }
.lp-urlbar-link:hover { color: var(--color-primary); }
.lp-urlbar-link.is-draft { color: var(--color-text-muted); }
.lp-tabs { margin-bottom: var(--space-5); }

/* Single page */
.lp-single {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
    gap: var(--space-6);
    align-items: start;
}
@media (max-width: 960px) { .lp-single { grid-template-columns: 1fr; } }
.lp-single-preview {
    position: relative;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: var(--color-hover-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(16, 24, 40, .06));
}
.lp-single-preview .mc-live-thumb { position: absolute; inset: 0; }
.lp-single-title { font-size: var(--text-lg); font-weight: var(--weight-semibold); color: var(--color-text); margin-bottom: var(--space-1); }
.lp-single-desc { color: var(--color-text-muted); font-size: var(--text-sm); margin-bottom: var(--space-4); }
.lp-single-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-5); }
.lp-followup {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-card-bg);
    border: var(--space-px) dashed var(--color-border);
    border-radius: var(--radius-card);
}
.lp-followup > .material-symbols-rounded { color: var(--color-primary); }
.lp-followup strong { display: block; color: var(--color-text); font-size: var(--text-sm); }
.lp-followup p { margin: 2px 0 var(--space-2); font-size: var(--text-sm); color: var(--color-text-muted); }
.lp-followup a { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--color-primary); }

/* Multi-step flow */
.lp-flow-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.lp-flow-help { margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }
.lp-steps { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.lp-step {
    position: relative;
    display: grid;
    grid-template-columns: 20px 28px 168px minmax(0, 1fr) auto;
    gap: var(--space-3);
    align-items: center;
    padding: var(--space-3);
    margin-bottom: var(--space-5);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
}
.lp-step:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 57px;
    bottom: calc(-1 * var(--space-5));
    height: var(--space-5);
    border-left: 2px dashed var(--color-border);
}
.lp-step.is-dragging { opacity: .5; border-style: dashed; }
.lp-step-handle { color: var(--color-text-muted); cursor: grab; display: flex; }
.lp-step-num {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    color: var(--color-primary);
    background: var(--color-primary-light);
    border-radius: 50%;
}
.lp-step-thumb {
    position: relative;
    display: block;
    width: 168px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--color-hover-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-sm, 6px);
}
.lp-step-thumb .mc-live-thumb { position: absolute; inset: 0; }
.lp-step-name { display: flex; align-items: center; gap: var(--space-2); }
.lp-step-name a { font-weight: var(--weight-semibold); color: var(--color-text); text-decoration: none; }
.lp-step-name a:hover { color: var(--color-primary); }
.lp-step-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: 4px; }
.lp-type-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    background: var(--color-hover-bg);
    border-radius: var(--radius-full);
}
.lp-type-chip .material-symbols-rounded { font-size: 14px; }
.lp-step-path { font-size: var(--text-xs); color: var(--color-text-muted); font-family: var(--font-mono); }
.lp-step-stats { display: flex; gap: var(--space-4); margin-top: 6px; font-size: var(--text-xs); color: var(--color-text-muted); }
.lp-step-stats strong { color: var(--color-text); }
.lp-step-actions { display: flex; align-items: center; gap: var(--space-2); }
.lp-step-move { display: flex; flex-direction: column; }
@media (max-width: 860px) {
    .lp-step { grid-template-columns: 28px minmax(0, 1fr) auto; }
    .lp-step-handle, .lp-step-thumb { display: none; }
    .lp-step:not(:last-child)::after { left: 26px; }
    .lp-step-actions .mc-btn-secondary { display: none; }
}

/* Settings */
.lp-settings { max-width: 760px; }
.lp-set-card {
    padding: var(--space-5);
    margin-bottom: var(--space-4);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
}
.lp-set-card header { margin-bottom: var(--space-4); }
.lp-set-card h3 { font-size: var(--text-md, 1rem); font-weight: var(--weight-semibold); color: var(--color-text); margin: 0 0 2px; }
.lp-set-card header p { margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }
.lp-settings-save { display: flex; justify-content: flex-end; position: sticky; bottom: var(--space-4); }
.lp-prefix-input { display: flex; align-items: stretch; }
.lp-prefix-input > span {
    display: inline-flex;
    align-items: center;
    padding: 0 var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    white-space: nowrap;
    background: var(--color-hover-bg);
    border: var(--space-px) solid var(--color-border);
    border-right: 0;
    border-radius: var(--radius-input, 8px) 0 0 var(--radius-input, 8px);
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lp-prefix-input > .mc-form-input { border-top-left-radius: 0; border-bottom-left-radius: 0; min-width: 0; }
.lp-code { font-family: var(--font-mono); font-size: var(--text-sm); }
.lp-secret { display: flex; align-items: center; gap: var(--space-2); }
.lp-secret code { padding: 4px 8px; font-size: var(--text-xs); background: var(--color-hover-bg); border-radius: var(--radius-sm, 6px); word-break: break-all; }

/* Domains */
.lp-domains { max-width: 820px; }
.lp-domains-intro h3 { font-size: var(--text-md, 1rem); font-weight: var(--weight-semibold); color: var(--color-text); margin: 0 0 2px; }
.lp-domains-intro p { color: var(--color-text-muted); font-size: var(--text-sm); margin: 0 0 var(--space-4); }
.lp-domain {
    margin-bottom: var(--space-3);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
}
.lp-domain-head { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); flex-wrap: wrap; }
.lp-domain-name { display: flex; align-items: center; gap: var(--space-2); flex: 1; min-width: 0; font-weight: var(--weight-semibold); color: var(--color-text); }
.lp-domain-name a { color: inherit; }
.lp-domain-name .material-symbols-rounded { color: var(--color-text-muted); font-size: 18px; }
.lp-domain-badges { display: flex; gap: var(--space-2); }
.lp-domain-badges .material-symbols-rounded { font-size: 13px; vertical-align: -2px; }
.lp-domain-actions { display: flex; gap: var(--space-1); }
.lp-domain-setup { padding: var(--space-4); border-top: var(--space-px) solid var(--color-border); font-size: var(--text-sm); color: var(--color-text-muted); }
.lp-domain-setup > p { margin: 0 0 var(--space-3); }
.lp-dns-table { width: 100%; border-collapse: collapse; margin-bottom: var(--space-3); }
.lp-dns-table th { text-align: left; font-size: var(--text-xs); font-weight: var(--weight-medium); color: var(--color-text-muted); padding: 0 var(--space-2) var(--space-1); }
.lp-dns-table td { padding: var(--space-2); border-top: var(--space-px) solid var(--color-border); }
.lp-dns-table code { font-size: var(--text-xs); color: var(--color-text); word-break: break-all; }
.lp-domain-note { font-size: var(--text-xs); margin: 0 0 var(--space-2); }
.lp-domain-diag { display: flex; align-items: center; gap: 6px; margin: 0; font-size: var(--text-xs); }
.lp-domain-diag .material-symbols-rounded { font-size: 15px; }
.lp-domain-add { margin-top: var(--space-4); }
.lp-domain-add-row { display: flex; gap: var(--space-2); }
.lp-domain-add-row .mc-form-input { flex: 1; min-width: 0; }

/* Step settings popup */
.lp-switch-row, .lp-radio-row { display: flex; align-items: flex-start; gap: var(--space-3); cursor: pointer; }
.lp-switch-row { padding: var(--space-3); margin-bottom: var(--space-4); background: var(--color-hover-bg); border-radius: var(--radius-card); }
.lp-switch-row strong { display: block; font-size: var(--text-sm); color: var(--color-text); }
.lp-switch-row small { font-size: var(--text-xs); color: var(--color-text-muted); }
.lp-fieldset { margin: 0 0 var(--space-4); padding: var(--space-4); border: var(--space-px) solid var(--color-border); border-radius: var(--radius-card); }
.lp-fieldset legend { padding: 0 var(--space-1); font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--color-text); }
.lp-fieldset-help { margin: 0 0 var(--space-3); font-size: var(--text-xs); color: var(--color-text-muted); }
.lp-radio-row { padding: 6px 0; font-size: var(--text-sm); color: var(--color-text); }
.lp-radio-row + .mc-form-group, .lp-fieldset .mc-form-group { margin-top: var(--space-2); margin-bottom: 0; }
.lp-details { margin-bottom: var(--space-4); }
.lp-details summary { cursor: pointer; font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--color-text); margin-bottom: var(--space-3); }

/* ---- Report ------------------------------------------------------------- */
.lp-panel {
    padding: var(--space-5);
    margin-bottom: var(--space-4);
    background: var(--color-card-bg);
    border: var(--space-px) solid var(--color-border);
    border-radius: var(--radius-card);
}
.lp-panel-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.lp-panel-head h3 { margin: 0; font-size: var(--text-md, 1rem); font-weight: var(--weight-semibold); color: var(--color-text); }
.lp-legend { display: flex; gap: var(--space-4); font-size: var(--text-xs); color: var(--color-text-muted); }
.lp-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }
.lp-chart { width: 100%; height: 280px; }
.lp-flowbars { list-style: none; margin: 0; padding: 0; }
.lp-flowbars li { margin-bottom: var(--space-4); }
.lp-flowbar-label { display: flex; justify-content: space-between; gap: var(--space-3); margin-bottom: 6px; font-size: var(--text-sm); }
.lp-flowbar-label strong { color: var(--color-text); font-weight: var(--weight-medium); }
.lp-flowbar-label span { color: var(--color-text-muted); }
.lp-flowbar-track { height: 12px; background: var(--color-hover-bg); border-radius: var(--radius-full); overflow: hidden; }
.lp-flowbar-fill { height: 100%; background: var(--color-primary); border-radius: var(--radius-full); }
.lp-flowbar-drop { margin-top: 4px; font-size: var(--text-xs); color: var(--color-text-muted); }
.lp-report-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.lp-report-grid .lp-panel { margin-bottom: 0; }
@media (max-width: 1000px) { .lp-report-grid { grid-template-columns: 1fr; } }
.lp-barlist { list-style: none; margin: 0; padding: 0; }
.lp-barlist li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 90px 48px;
    gap: var(--space-2);
    align-items: center;
    padding: 6px 0;
    font-size: var(--text-sm);
}
.lp-barlist-name { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--color-text); }
.lp-barlist-name .material-symbols-rounded { font-size: 16px; color: var(--color-text-muted); }
.lp-barlist-bar { height: 6px; background: var(--color-hover-bg); border-radius: var(--radius-full); overflow: hidden; }
.lp-barlist-bar i { display: block; height: 100%; background: var(--color-primary); border-radius: var(--radius-full); }
.lp-barlist-num { text-align: right; color: var(--color-text-muted); font-variant-numeric: tabular-nums; }

/* Gallery cards: name on its own line, category below (names stay readable). */
.lp-gallery .fb-gallery-meta { flex-direction: column; align-items: flex-start; gap: 2px; }
.lp-gallery .fb-gallery-name { max-width: 100%; }

/* ---- Paid landing pages: sales & payouts tables ------------------------ */
.lp-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.lp-table th { text-align: left; font-size: var(--text-xs); font-weight: var(--weight-medium); color: var(--color-text-muted); padding: 0 var(--space-3) var(--space-2); white-space: nowrap; }
.lp-table td { padding: var(--space-3); border-top: var(--space-px) solid var(--color-border); vertical-align: top; color: var(--color-text); }
.lp-table .lp-muted { display: block; margin-top: 2px; }
@media (max-width: 760px) {
    .lp-table thead { display: none; }
    .lp-table tr { display: block; padding: var(--space-3) 0; border-top: var(--space-px) solid var(--color-border); }
    .lp-table td { display: block; padding: 2px 0; border: 0; }
}
.lp-selling { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; font-size: var(--text-xs); font-weight: var(--weight-medium); color: var(--color-primary); background: var(--color-primary-light); border-radius: var(--radius-full); }
.lp-selling .material-symbols-rounded { font-size: 14px; }