.pd-demand-card {
    background-color: var(--pd-bg-card);
    border: 1px solid var(--pd-border);
    border-radius: 12px;
    overflow: hidden;
}

.pd-demand-tabs-bar {
    display: flex;
    align-items: stretch;
    padding: 0 18px 0 18px;
    background-color: var(--pd-bg-card-hd);
    background-image:
        linear-gradient(to right, var(--pd-bg-card-hd) 40%, rgba(255, 255, 255, 0)),
        linear-gradient(to left, var(--pd-bg-card-hd) 40%, rgba(255, 255, 255, 0)),
        radial-gradient(farthest-side at 0 50%, var(--rtp-scroll-shadow), rgba(255, 255, 255, 0)),
        radial-gradient(farthest-side at 100% 50%, var(--rtp-scroll-shadow), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 44px 100%, 44px 100%, 22px 100%, 22px 100%;
    background-attachment: local, local, scroll, scroll;
    border-bottom: 1px solid var(--pd-border);
    overflow-x: auto;
    scrollbar-width: none;
}

.pd-demand-tabs-bar::-webkit-scrollbar { display: none; }

.pd-demand-tab {
    display: inline-flex;
    align-items: center;
    padding: 12px 16px;
    font: 500 12.5px/1 system-ui, sans-serif;
    color: var(--pd-text-sec);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
    min-height: 44px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pd-demand-tab:hover {
    color: var(--pd-text-body);
    text-decoration: none;
}

.pd-demand-tab { cursor: pointer; }

.pd-demand-tab--active {
    font-weight: 700;
    color: var(--pd-accent);
    border-bottom-color: var(--pd-accent);
}

.pd-demand-radio { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.pd-demand-panel { display: none; }
#pd-tab-brand:checked ~ .pd-demand-panel--brand { display: block; }
#pd-tab-slot:checked ~ .pd-demand-panel--slot { display: block; }

#pd-tab-brand:checked ~ .pd-demand-tabs-bar label[for="pd-tab-brand"],
#pd-tab-slot:checked ~ .pd-demand-tabs-bar label[for="pd-tab-slot"] {
    font-weight: 700;
    color: var(--pd-accent);
    border-bottom-color: var(--pd-accent);
}

.pd-demand-radio:focus-visible ~ .pd-demand-tabs-bar label[for="pd-tab-brand"],
.pd-demand-radio:focus-visible ~ .pd-demand-tabs-bar label[for="pd-tab-slot"] {
    outline: 2px solid var(--pd-accent);
    outline-offset: -2px;
}

.pd-demand-tab-meta {
    margin-left: auto;
    font: 400 12px/1 system-ui, sans-serif;
    color: var(--pd-text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 2px 12px;
    align-self: flex-end;
    flex-shrink: 0;
}

.pd-demand-tab-vol {
    font: 800 14px/1 system-ui, sans-serif;
    color: var(--pd-text-body);
    font-variant-numeric: tabular-nums;
}

.pd-demand-yoy {
    font: 600 11px/1 ui-monospace, Menlo, monospace;
}

.pd-demand-yoy--up { color: var(--pd-success); }
.pd-demand-yoy--down { color: var(--pd-danger); }

.pd-demand-brand-summary {
    padding: 16px 20px;
    border-bottom: 1px solid var(--pd-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    align-items: baseline;
}

.pd-demand-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pd-demand-stat__num {
    font: 800 21px/1 system-ui, sans-serif;
    color: var(--pd-text-h);
    font-variant-numeric: tabular-nums;
}

.pd-demand-stat__label {
    font: 500 9px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-muted);
    letter-spacing: 0.07em;
}

.pd-demand-top-query {
    font: 400 10.5px/1.5 ui-monospace, Menlo, monospace;
    color: var(--pd-text-sec);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pd-demand-top-query strong {
    font-weight: 700;
    color: var(--pd-text-body);
}

.pd-demand-thead {
    display: grid;
    padding: 8px 20px;
    gap: 10px;
    background-color: var(--pd-bg-card-hd);
    font: 600 9px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-ghost);
    letter-spacing: 0.07em;
}

.pd-demand-thead--markets { grid-template-columns: 28px 1fr 110px 88px; }
.pd-demand-thead--slots   { grid-template-columns: 1.5fr 88px 92px; }

.pd-demand-row {
    display: grid;
    gap: 10px;
    align-items: center;
    padding: 9px 20px;
    border-top: 1px solid var(--pd-border-soft);
    background-color: var(--pd-bg-row);
}

.pd-demand-row--markets { grid-template-columns: 28px 1fr 110px 88px; }
.pd-demand-row--slots   { grid-template-columns: 1.5fr 88px 92px; }

.pd-demand-mcc {
    width: 24px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.pd-demand-mname {
    font: 600 11.5px/1.2 system-ui, sans-serif;
    color: var(--pd-text-body);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-demand-mspark { min-width: 0; overflow: hidden; }

.pd-demand-th-right { text-align: right; }

.pd-demand-mvol {
    font: 700 11px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-body);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.pd-demand-sname {
    font: 600 11.5px/1.25 system-ui, sans-serif;
    color: var(--pd-text-body);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.pd-demand-sname:hover { color: var(--pd-accent-text); text-decoration: none; }

.pd-demand-svol {
    font: 700 11px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-body);
    font-variant-numeric: tabular-nums;
}

.pd-demand-sspark .l-stat-sparkline {
    width: 92px;
    height: 24px;
    display: block;
}

.pd-demand-sspark .l-stat-sparkline path:first-child {
    fill: var(--pd-accent);
    fill-opacity: 0.07;
}

.pd-demand-sspark .l-stat-sparkline path:last-child {
    stroke: var(--pd-accent);
}

.pd-demand-tfooter {
    padding: 10px 20px;
    font: 400 9.5px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-ghost);
    background-color: var(--pd-bg-card-hd);
}

.pd-demand-empty {
    padding: 36px 20px;
    text-align: center;
    font: 400 13px/1.5 system-ui, sans-serif;
    color: var(--pd-text-muted);
}

.pd-demand-empty p { margin: 0 0 4px; }

.pd-top-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pd-top-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--pd-bg-card);
    border: 1px solid var(--pd-border);
    border-radius: 12px;
    padding: 10px 14px;
}

.pd-top-rank {
    width: 28px;
    flex-shrink: 0;
    font: 800 18px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-border-chip);
    text-align: center;
}

.pd-top-thumb {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 8px;
    background-color: var(--pd-bg-avatar);
    display: flex;
    align-items: center;
    justify-content: center;
    font: 800 11px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-logo-ph-text);
    overflow: hidden;
}

.pd-top-thumb img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.pd-top-name-wrap { flex: 1; min-width: 0; }

.pd-top-name {
    display: block;
    font: 600 12.5px/1.2 system-ui, sans-serif;
    color: var(--pd-text-body);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.pd-top-name:hover { color: var(--pd-accent-text); text-decoration: none; }

.pd-top-slug {
    display: block;
    font: 400 9px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-ghost);
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-top-spark {
    flex-shrink: 0;
    width: 56px;
}

.pd-top-spark .l-stat-sparkline {
    width: 56px;
    height: 20px;
    display: block;
}

.pd-top-spark .l-stat-sparkline path:first-child {
    fill: var(--pd-accent);
    fill-opacity: 0.07;
}

.pd-top-spark .l-stat-sparkline path:last-child {
    stroke: var(--pd-accent);
}

.pd-top-demand {
    width: 56px;
    flex-shrink: 0;
    text-align: right;
}

.pd-top-demand-num {
    display: block;
    font: 700 11px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-body);
    font-variant-numeric: tabular-nums;
}

.pd-top-demand-unit {
    display: block;
    font: 400 8.5px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-ghost);
    margin-top: 3px;
}

.pd-top-demo-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    font: 600 10px/1 system-ui, sans-serif;
    color: #fff;
    background-color: var(--pd-accent);
    border-radius: 6px;
    padding: 7px 10px;
    text-decoration: none;
    min-height: 34px;
    white-space: nowrap;
}

.pd-top-demo-btn:hover {
    background-color: var(--pd-accent-text);
    color: #fff;
    text-decoration: none;
}

.pd-find--with-demand .sg-tablehead-expand {
    grid-template-columns: 2.4fr 0.7fr 1fr 0.9fr 0.9fr 1.2fr 0.7fr 1.4fr;
}

.pd-find--with-demand .sg-row-main {
    grid-template-columns: 2.4fr 0.7fr 1fr 0.9fr 0.9fr 1.2fr 0.7fr 1.4fr;
}

.sg-row-demand {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sg-demand-val {
    font: 700 11px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-body);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sg-demand-unit {
    font: 400 8.5px/1 ui-monospace, Menlo, monospace;
    color: var(--pd-text-ghost);
}

.pd-find-th-demand { font: inherit; color: inherit; }
.pd-find-th-demand--active { color: var(--pd-accent); }
.pd-find-th-demand--active::after { content: " \25BE"; }

@media (max-width: 1040px) {
    .pd-find--with-demand .sg-tablehead-expand {
        display: none;
    }

    .pd-find--with-demand .sg-row-main {
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto auto auto;
        gap: 8px;
    }

    .pd-find--with-demand .sg-row-id    { grid-column: 1 / -1; }
    .pd-find--with-demand .sg-row-chips-preview { grid-column: 1 / -1; }
    .pd-find--with-demand .sg-row-actions { grid-column: 1 / -1; flex-direction: row; }

    .sg-row-demand { display: none; }

    .pd-top-grid { grid-template-columns: 1fr; }

    .pd-demand-thead--slots { display: none; }
    .pd-demand-row--slots { grid-template-columns: 1fr 88px; }
    .pd-demand-sspark { display: none; }
}

@media (max-width: 767px) {
    .pd-demand-tabs-bar { padding: 0 12px; }
    .pd-demand-tab { padding: 10px 12px; font-size: 12px; }
    .pd-demand-tab-meta { display: none; }

    .pd-demand-brand-summary {
        gap: 10px 20px;
        padding: 14px 16px;
    }

    .pd-demand-stat__num { font-size: 18px; }


    .pd-demand-thead { padding: 7px 14px; }
    .pd-demand-thead--markets { display: none; }
    .pd-demand-row { padding: 9px 14px; }
    .pd-demand-row--markets { grid-template-columns: 24px 1fr auto; }
    .pd-demand-mspark { display: none; }
    .pd-demand-tfooter { padding: 8px 14px; }

    .pd-top-grid { grid-template-columns: 1fr; }
    .pd-top-card { gap: 10px; padding: 10px 12px; }
    .pd-top-spark { display: none; }
    .pd-top-demand { display: none; }
}

@media (max-width: 479px) {
    .pd-top-rank { font-size: 14px; width: 20px; }
    .pd-demand-stat__num { font-size: 16px; }
    .pd-demand-brand-summary { flex-direction: column; gap: 12px; }
}

.pd-demand-slot-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 20px;
    border-bottom: 1px solid var(--pd-border);
    background-color: var(--pd-bg-card-hd);
}
.pd-demand-country-label {
    font: 600 9.5px/1 ui-monospace, Menlo, monospace;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pd-text-muted);
}
.pd-demand-country-select {
    font: 500 12px/1 system-ui, sans-serif;
    color: var(--pd-text-body);
    background-color: var(--pd-bg-card);
    border: 1px solid var(--pd-border-strong);
    border-radius: 8px;
    padding: 8px 11px;
    cursor: pointer;
    min-height: 36px;
}
#pd-demand-slot-rows[aria-busy="true"] { opacity: 0.5; }

.pd-demand-more__sum {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 20px;
    font: 600 10.5px/1 system-ui, sans-serif;
    color: var(--pd-accent-text);
    background-color: var(--pd-bg-card-hd);
    border-top: 1px solid var(--pd-border-soft);
}
.pd-demand-more__sum::-webkit-details-marker { display: none; }
.pd-demand-more__sum::marker { content: ""; }
.pd-demand-more__chev { font-size: 9px; transition: transform 0.15s ease; }
.pd-demand-more[open] .pd-demand-more__chev { transform: rotate(180deg); }