/**
 * JustReused Insights / Ad Analytics
 * Matches lake-dark + spotify site themes. Light theme supported.
 */
.ins-shell {
    --ins-radius: 16px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 60px;
    font-family: 'Poppins', sans-serif;
    color: var(--ins-text, #f7f7f4);
    position: relative;
    z-index: 2;
}

/* Analytics pages — calmer background, clear of header menus */
body.jr-analytics-page .page-wrapper {
    position: relative;
    isolation: isolate;
}
body.jr-analytics-page .ins-shell {
    padding-top: 12px;
}
body.jr-analytics-page .ins-toolbar-row {
    padding: 14px 18px !important;
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
body.jr-analytics-page .ins-toolbar-row .ins-toolbar {
    width: 100%;
    max-width: 320px;
}
body.jr-analytics-page .ins-select {
    position: relative;
    z-index: 3;
}
html[data-jr-theme="lake-dark"] body.jr-analytics-page,
html[data-jr-theme="spotify"] body.jr-analytics-page,
html[data-jr-theme="charcoal"] body.jr-analytics-page,
html[data-jr-theme="black"] body.jr-analytics-page {
    background: #020710 !important;
}
html[data-jr-theme="lake-dark"] body.jr-analytics-page .page-wrapper::before,
html[data-jr-theme="spotify"] body.jr-analytics-page .page-wrapper::before {
    content: none !important;
    display: none !important;
}
html[data-jr-theme="lake-dark"] body.jr-analytics-page .page-wrapper,
html[data-jr-theme="spotify"] body.jr-analytics-page .page-wrapper {
    background: radial-gradient(900px 420px at 50% -10%, rgba(255, 151, 9, 0.08), transparent 70%), #020710 !important;
}

/* ── Light theme ── */
[data-jr-theme="light"] .ins-shell {
    --ins-surface: #ffffff;
    --ins-surface-soft: #f8fafc;
    --ins-text: #0f172a;
    --ins-text-strong: #020617;
    --ins-muted: #475569;
    --ins-subtle: #64748b;
    --ins-border: #e2e8f0;
    --ins-divider: #e2e8f0;
    --ins-accent: #ff9709;
    --ins-accent-2: #39763a;
    --ins-bar-track: #e2e8f0;
    --ins-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
    --ins-code-bg: #f1f5f9;
    --ins-tab-bg: #e2e8f0;
    --ins-tab-active-bg: #ffffff;
    --ins-tab-active-text: #39763a;
    --ins-up: #15803d;
    --ins-down: #b91c1c;
    --ins-chart-text: #475569;
    --ins-chart-grid: #e2e8f0;
}

/* ── Dark themes (lake-dark, spotify, charcoal, black) ── */
[data-jr-theme="lake-dark"] .ins-shell,
[data-jr-theme="spotify"] .ins-shell,
[data-jr-theme="charcoal"] .ins-shell,
[data-jr-theme="black"] .ins-shell {
    --ins-surface: linear-gradient(180deg, rgba(7, 25, 37, 0.94), rgba(3, 14, 22, 0.96));
    --ins-surface-solid: #071722;
    --ins-surface-soft: rgba(10, 27, 39, 0.92);
    --ins-text: #f7f7f4;
    --ins-text-strong: #ffffff;
    --ins-muted: #c5d0d6;
    --ins-subtle: #aab5bc;
    --ins-border: #203746;
    --ins-divider: rgba(143, 169, 185, 0.18);
    --ins-accent: #ff9709;
    --ins-accent-2: #ffad22;
    --ins-bar-track: rgba(32, 52, 64, 0.95);
    --ins-shadow: 0 18px 45px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
    --ins-code-bg: rgba(255, 255, 255, 0.06);
    --ins-tab-bg: rgba(4, 16, 27, 0.95);
    --ins-tab-active-bg: rgba(255, 151, 9, 0.14);
    --ins-tab-active-text: #ff9709;
    --ins-up: #18c678;
    --ins-down: #f87171;
    --ins-chart-text: #c5d0d6;
    --ins-chart-grid: rgba(143, 169, 185, 0.16);
}

.ins-shell .ins-section,
.ins-shell .ins-header,
.ins-shell .ins-stat-card,
.ins-shell .ins-compare,
.ins-shell .ins-tip-card,
html[data-jr-theme="lake-dark"] .ins-shell .ins-section,
html[data-jr-theme="lake-dark"] .ins-shell .ins-header,
html[data-jr-theme="lake-dark"] .ins-shell .ins-stat-card,
html[data-jr-theme="lake-dark"] .ins-shell .ins-compare,
html[data-jr-theme="lake-dark"] .ins-shell .ins-tip-card,
html[data-jr-theme="spotify"] .ins-shell .ins-section,
html[data-jr-theme="spotify"] .ins-shell .ins-stat-card,
html[data-jr-theme="spotify"] .ins-shell .ins-compare,
html[data-jr-theme="spotify"] .ins-shell .ins-tip-card,
html[data-jr-theme="charcoal"] .ins-shell .ins-section,
html[data-jr-theme="charcoal"] .ins-shell .ins-stat-card,
html[data-jr-theme="charcoal"] .ins-shell .ins-compare,
html[data-jr-theme="charcoal"] .ins-shell .ins-tip-card,
html[data-jr-theme="black"] .ins-shell .ins-section,
html[data-jr-theme="black"] .ins-shell .ins-stat-card,
html[data-jr-theme="black"] .ins-shell .ins-compare,
html[data-jr-theme="black"] .ins-shell .ins-tip-card {
    background-color: var(--ins-surface-solid, #071722) !important;
    background-image: linear-gradient(180deg, rgba(7, 25, 37, 0.94), rgba(3, 14, 22, 0.96)) !important;
    border: 1px solid var(--ins-border, #203746) !important;
    box-shadow: var(--ins-shadow, 0 18px 45px rgba(0, 0, 0, 0.22)) !important;
    color: var(--ins-text, #f7f7f4) !important;
}

[data-jr-theme="light"] .ins-shell .ins-section,
[data-jr-theme="light"] .ins-shell .ins-stat-card,
[data-jr-theme="light"] .ins-shell .ins-compare,
[data-jr-theme="light"] .ins-shell .ins-tip-card {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06) !important;
    color: #0f172a !important;
}

.ins-header { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; padding: 22px !important; justify-content: space-between; }
.ins-header-info { flex: 1; min-width: 220px; }
.ins-header.ins-section { margin-bottom: 20px; }
.ins-header-thumb { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; border: 2px solid var(--ins-border); }
.ins-header-title { font-size: 24px; font-weight: 800; margin: 0; line-height: 1.25; color: var(--ins-text-strong) !important; }
.ins-header-sub { font-size: 15px; margin: 6px 0 0; line-height: 1.55; color: var(--ins-muted) !important; }
.ins-header-sub strong { color: var(--ins-text-strong) !important; font-weight: 800; }
.ins-header-sub code { font-size: 12px; background: var(--ins-code-bg); padding: 2px 6px; border-radius: 6px; color: var(--ins-text-strong) !important; }

.ins-back-link,
.ins-link {
    color: var(--ins-accent) !important;
    font-weight: 700;
    text-decoration: none;
}
.ins-back-link { font-size: 14px; display: inline-flex; gap: 6px; margin-bottom: 12px; }
.ins-link:hover, .ins-back-link:hover { text-decoration: underline; opacity: 0.92; }

.ins-compare {
    border-radius: 12px;
    padding: 22px 24px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}
.ins-compare-item {
    padding: 8px 20px;
    border-right: 1px solid var(--ins-divider, rgba(143, 169, 185, 0.18));
}
.ins-compare-item:last-of-type { border-right: none; }
.ins-compare-value-row { display: block; margin-top: 10px; line-height: 1.2; }
.ins-compare-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0; color: var(--ins-muted) !important; display: block; }
.ins-compare-value { font-size: 34px; font-weight: 900; line-height: 1.05; color: var(--ins-text-strong) !important; display: inline-block; }
.ins-compare-unit { font-size: 15px; font-weight: 700; margin-left: 2px; color: var(--ins-muted) !important; }
.ins-compare-note { grid-column: 1 / -1; font-size: 14px; line-height: 1.6; padding-top: 16px; border-top: 1px solid var(--ins-divider); margin-top: 8px; color: #c5d0d6 !important; }
.ins-compare .up { color: var(--ins-up) !important; }
.ins-compare .down { color: var(--ins-down) !important; }

.ins-stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 12px; margin-bottom: 20px; }
.ins-stat-card { border-radius: var(--ins-radius); padding: 18px 16px; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.ins-stat-card--rich {
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    padding: 16px 18px;
}
.ins-stat-card:hover { transform: translateY(-2px); border-color: rgba(255, 151, 9, 0.35) !important; }
.ins-stat-body { min-width: 0; flex: 1; }
.ins-stat-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
    color: #111 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
.ins-stat-icon.views { background: linear-gradient(135deg, #ffad22, #ff9709); }
.ins-stat-icon.users { background: linear-gradient(135deg, #a78bfa, #8b5cf6); }
.ins-stat-icon.likes { background: linear-gradient(135deg, #f472b6, #ec4899); }
.ins-stat-icon.comments { background: linear-gradient(135deg, #22d3ee, #06b6d4); }
.ins-stat-icon.offers { background: linear-gradient(135deg, #4ade80, #18c678); }
.ins-stat-icon.exchanges { background: linear-gradient(135deg, #60a5fa, #3b82f6); }
.ins-stat-icon.ads { background: linear-gradient(135deg, #fdba74, #f97316); }
.ins-stat-icon.sold { background: linear-gradient(135deg, #34d399, #10b981); }
.ins-stat-icon.reviews { background: linear-gradient(135deg, #fde047, #eab308); }
.ins-stat-icon.messages { background: linear-gradient(135deg, #67e8f9, #0891b2); }
.ins-stat-icon.trend { background: linear-gradient(135deg, #93c5fd, #3b82f6); }
.ins-stat-value { font-size: 30px; font-weight: 900; line-height: 1.1; color: var(--ins-text-strong) !important; }
.ins-stat-card--rich .ins-stat-value { font-size: 26px; }
.ins-stat-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 8px; color: var(--ins-muted) !important; }
.ins-stat-card--rich .ins-stat-label { margin-top: 4px; text-transform: none; letter-spacing: 0.02em; font-size: 13px; font-weight: 700; }
.ins-stat-label i { color: var(--ins-accent) !important; margin-right: 4px; }

.ins-section { border-radius: var(--ins-radius); padding: 22px; margin-bottom: 18px; }
.ins-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.ins-section-head .ins-section-title { margin-bottom: 0; }
.ins-section-desc { font-size: 14px; line-height: 1.55; color: var(--ins-muted) !important; margin: 6px 0 0; }
.ins-section-desc strong { color: var(--ins-text-strong) !important; }
.ins-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ins-select-label { font-size: 13px; font-weight: 700; color: var(--ins-muted) !important; }
.ins-select,
.ins-shell select.ins-select {
    background: var(--ins-surface-solid, #071722) !important;
    border: 1px solid var(--ins-border) !important;
    color: var(--ins-text) !important;
    border-radius: 10px;
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 600;
    min-width: 140px;
}
.ins-btn-success {
    background: linear-gradient(180deg, #22c55e, #16a34a) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 22px rgba(22, 163, 74, 0.22);
}
.ins-flash-ok {
    font-size: 14px;
    font-weight: 700;
    color: var(--ins-up) !important;
    margin-bottom: 10px;
}
.ins-section-title { font-size: 18px; font-weight: 800; margin: 0 0 16px; display: flex; align-items: center; gap: 8px; color: var(--ins-text-strong) !important; }
.ins-section-title i { color: var(--ins-accent) !important; }

.ins-text-sm { font-size: 15px; line-height: 1.6; color: var(--ins-muted) !important; }
.ins-text-xs { font-size: 13px; line-height: 1.5; color: var(--ins-subtle) !important; }
.ins-muted { color: var(--ins-subtle) !important; }

.ins-standing-value { font-size: 30px; font-weight: 900; line-height: 1.15; }
.ins-standing-copy { font-size: 15px; margin-top: 8px; line-height: 1.55; color: var(--ins-muted) !important; }
.ins-standing-stats { font-size: 15px; line-height: 1.7; color: var(--ins-text) !important; }
.ins-standing-stats p { margin: 0 0 10px; }
.ins-standing-stats strong { color: var(--ins-text-strong) !important; }

.ins-tip-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ins-tip-card { padding: 16px; border-radius: 12px; background: var(--ins-surface-soft, var(--ins-surface-solid)) !important; }
.ins-tip-card.high { border-color: rgba(255, 151, 9, 0.45) !important; background: rgba(255, 151, 9, 0.08) !important; }
.ins-tip-title { font-weight: 800; font-size: 15px; margin-bottom: 6px; color: var(--ins-text-strong) !important; }
.ins-tip-body { font-size: 15px; margin: 0; line-height: 1.6; color: var(--ins-muted) !important; }

.ins-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

.ins-period-tabs { display: inline-flex; background: var(--ins-tab-bg); border: 1px solid var(--ins-border); border-radius: 8px; padding: 3px; gap: 2px; }
.ins-period-tab { padding: 8px 14px; font-size: 13px; font-weight: 700; border: none; border-radius: 6px; cursor: pointer; background: transparent; color: var(--ins-muted) !important; }
.ins-period-tab.active { background: var(--ins-tab-active-bg) !important; color: var(--ins-tab-active-text) !important; box-shadow: 0 0 18px rgba(255, 151, 9, 0.1); }

.ins-city-item { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--ins-divider); font-size: 15px; color: var(--ins-text) !important; }
.ins-city-name { min-width: 110px; font-weight: 800; flex-shrink: 0; color: var(--ins-text-strong) !important; }
.ins-city-meta, .ins-city-count { font-size: 14px; font-weight: 700; white-space: nowrap; color: var(--ins-muted) !important; }
.ins-bar-bg { flex: 1; height: 10px; background: #1a2f3d !important; border-radius: 999px; overflow: hidden; }
.ins-table-bar { height: 10px; min-width: 100px; max-width: 220px; background: #1a2f3d !important; border-radius: 999px; overflow: hidden; border: 1px solid rgba(143, 169, 185, 0.12); }
.ins-bar-fill { height: 100%; background: linear-gradient(90deg, #ff9709, #ffad22) !important; border-radius: 999px; min-width: 4px; }

.ins-table-wrap { overflow-x: auto; margin-top: 8px; border: 1px solid var(--ins-border, #203746); border-radius: 12px; background: rgba(0, 0, 0, 0.15) !important; }
.ins-data-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ins-data-table thead th {
    text-align: left;
    padding: 12px 16px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #c5d0d6 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-bottom: 1px solid #203746 !important;
}
.ins-data-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(143, 169, 185, 0.12) !important;
    color: #e8edf0 !important;
    vertical-align: middle;
    background: transparent !important;
}
.ins-data-table tbody tr:last-child td { border-bottom: none; }
.ins-data-table tbody tr:hover td { background: rgba(255, 151, 9, 0.06) !important; }
.ins-data-table--compact tbody td { padding: 11px 16px; }
.ins-td-strong { font-weight: 700; color: #ffffff !important; }
.ins-td-sub { display: block; font-size: 12px; font-weight: 600; color: #aab5bc !important; margin-top: 2px; }
.ins-td-num { text-align: right; font-weight: 800; color: #ffffff !important; white-space: nowrap; font-variant-numeric: tabular-nums; }

.ins-load-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1px solid rgba(255, 151, 9, 0.45) !important;
    background: rgba(255, 151, 9, 0.1) !important;
    color: #ff9709 !important;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.ins-load-btn:hover { background: rgba(255, 151, 9, 0.18) !important; border-color: rgba(255, 151, 9, 0.65) !important; }

.ins-funnel-step { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.ins-funnel-label { min-width: 130px; font-size: 14px; font-weight: 800; color: var(--ins-text-strong) !important; }
.ins-funnel-bar { flex: 1; height: 32px; background: var(--ins-bar-track); border-radius: 8px; overflow: hidden; }
.ins-funnel-fill {
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 151, 9, 0.85), rgba(255, 173, 34, 0.95));
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #111 !important;
    font-size: 13px;
    font-weight: 800;
    min-width: 48px;
}

.ins-activity { font-size: 15px; padding: 12px 0; border-bottom: 1px solid var(--ins-divider); display: flex; justify-content: space-between; gap: 12px; color: var(--ins-text, #f7f7f4) !important; }
.ins-activity-title { font-size: 16px; font-weight: 800; display: block; color: var(--ins-text-strong, #ffffff) !important; }
.ins-activity-sub { font-size: 13px; margin-top: 4px; color: var(--ins-subtle, #aab5bc) !important; }
.ins-activity-meta { text-align: right; color: var(--ins-muted, #c5d0d6) !important; }
.ins-activity-when { color: var(--ins-muted, #c5d0d6) !important; font-weight: 600; }

html[data-jr-theme="lake-dark"] .ins-shell .ins-section *,
html[data-jr-theme="spotify"] .ins-shell .ins-section *,
html[data-jr-theme="charcoal"] .ins-shell .ins-section *,
html[data-jr-theme="black"] .ins-shell .ins-section *,
html[data-jr-theme="lake-dark"] .ins-shell .ins-compare *,
html[data-jr-theme="spotify"] .ins-shell .ins-compare *,
html[data-jr-theme="lake-dark"] .ins-shell .ins-activity *,
html[data-jr-theme="spotify"] .ins-shell .ins-activity * {
    border-color: var(--ins-divider, rgba(143, 169, 185, 0.18));
}

html[data-jr-theme="lake-dark"] .ins-shell .ins-section strong,
html[data-jr-theme="spotify"] .ins-shell .ins-section strong,
html[data-jr-theme="lake-dark"] .ins-shell .ins-activity strong,
html[data-jr-theme="spotify"] .ins-shell .ins-activity strong {
    color: #ffffff !important;
}

.ins-promote-banner {
    background-color: #071722 !important;
    background-image: linear-gradient(135deg, rgba(7, 25, 37, 0.98), rgba(20, 12, 4, 0.92)) !important;
    border: 1px solid rgba(255, 151, 9, 0.45) !important;
    color: #f7f7f4 !important;
    padding: 16px 20px;
    border-radius: var(--ins-radius);
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 151, 9, 0.08) !important;
}
.ins-promote-banner span { color: #f7f7f4 !important; font-weight: 700; font-size: 15px; }
.ins-promote-banner span i { color: #ff9709 !important; margin-right: 8px; }
.ins-promote-btn {
    background: linear-gradient(180deg, var(--ins-accent-2), var(--ins-accent)) !important;
    color: #111 !important;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 800;
    text-decoration: none;
    font-size: 14px;
    border: none;
    box-shadow: 0 8px 22px rgba(255, 151, 9, 0.18);
}
.ins-promote-banner--readonly {
    border-color: rgba(143, 169, 185, 0.35) !important;
    background-image: linear-gradient(180deg, rgba(7, 25, 37, 0.98), rgba(7, 25, 37, 0.92)) !important;
}
.ins-promote-banner--readonly span i { color: #8fa9b9 !important; }

/* Seller hub table inside ins-shell */
.ins-shell table { width: 100%; border-collapse: collapse; color: var(--ins-text) !important; }
.ins-shell thead tr { border-bottom: 1px solid var(--ins-divider); color: var(--ins-muted) !important; }
.ins-shell tbody tr { border-bottom: 1px solid var(--ins-divider); }
.ins-shell th, .ins-shell td { padding: 12px 16px 12px 0; color: var(--ins-text) !important; }
.ins-shell select {
    background: var(--ins-surface-solid, #071722) !important;
    border: 1px solid var(--ins-border) !important;
    color: var(--ins-text) !important;
    border-radius: 8px;
    padding: 8px 12px;
}

/* Admin analytics — same dark tokens regardless of site theme */
.ins-shell.ins-shell--admin,
.admin-shell .ins-shell.ins-shell--admin {
    --ins-surface-solid: #071722;
    --ins-surface-soft: rgba(10, 27, 39, 0.92);
    --ins-text: #f7f7f4;
    --ins-text-strong: #ffffff;
    --ins-muted: #c5d0d6;
    --ins-subtle: #aab5bc;
    --ins-border: #203746;
    --ins-divider: rgba(143, 169, 185, 0.18);
    --ins-accent: #ff9709;
    --ins-accent-2: #ffad22;
    --ins-bar-track: rgba(32, 52, 64, 0.95);
    --ins-shadow: 0 18px 45px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
    --ins-code-bg: rgba(255, 255, 255, 0.06);
    --ins-tab-bg: rgba(4, 16, 27, 0.95);
    --ins-tab-active-bg: rgba(255, 151, 9, 0.14);
    --ins-tab-active-text: #ff9709;
    --ins-up: #18c678;
    --ins-down: #f87171;
    --ins-chart-text: #c5d0d6;
    --ins-chart-grid: rgba(143, 169, 185, 0.16);
}
.ins-shell.ins-shell--admin .ins-section,
.ins-shell.ins-shell--admin .ins-header,
.ins-shell.ins-shell--admin .ins-stat-card,
.admin-shell .ins-shell.ins-shell--admin .ins-section,
.admin-shell .ins-shell.ins-shell--admin .ins-header,
.admin-shell .ins-shell.ins-shell--admin .ins-stat-card {
    background-color: #071722 !important;
    background-image: linear-gradient(180deg, rgba(7, 25, 37, 0.94), rgba(3, 14, 22, 0.96)) !important;
    border: 1px solid #203746 !important;
    box-shadow: var(--ins-shadow) !important;
    color: #f7f7f4 !important;
}
.ins-shell.ins-shell--admin { padding: 0; max-width: none; }
.admin-shell .ins-shell.ins-shell--admin .ins-link-external {
    color: var(--ins-accent) !important;
    font-weight: 700;
    text-decoration: none;
}
.admin-shell .ins-shell.ins-shell--admin .ins-link-external:hover { text-decoration: underline; }
.ins-category-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--ins-divider);
    font-size: 14px;
}
.ins-category-row:last-child { border-bottom: none; }
.ins-category-name { font-weight: 700; color: var(--ins-text-strong) !important; }
.ins-category-val { color: var(--ins-muted) !important; font-weight: 700; font-variant-numeric: tabular-nums; }
.ins-badge-sold { font-size: 11px; font-weight: 800; color: #ff9709 !important; text-transform: uppercase; letter-spacing: 0.04em; }
.ins-badge-inactive { font-size: 11px; font-weight: 700; color: var(--ins-subtle) !important; }

@media (max-width: 900px) {
    .ins-grid-2 { grid-template-columns: 1fr; }
    .ins-city-name { min-width: 88px; }
    .ins-compare { grid-template-columns: 1fr 1fr; gap: 12px; }
    .ins-compare-item { border-right: none; border-bottom: 1px solid var(--ins-divider); padding: 12px 0; }
}