/* Seller workspace design system. Mirrors the restrained /demo palette and scale. */
html:not(.dark-mode) .kol-seller-main-wrap {
    --kol-seller-canvas: #f2f4f1;
    --kol-seller-surface: #ffffff;
    --kol-seller-surface-raised: #ffffff;
    --kol-seller-surface-muted: #f7f8f6;
    --kol-seller-surface-strong: #ecefeb;
    --kol-seller-text: #202722;
    --kol-seller-text-strong: #121713;
    --kol-seller-muted: #667069;
    --kol-seller-faint: #88918b;
    --kol-seller-border: #d6dcd6;
    --kol-seller-border-strong: #b9c1ba;
    --kol-seller-green: #496a52;
    --kol-seller-green-strong: #385440;
    --kol-seller-green-soft: #e2ebe3;
    --kol-seller-green-border: #a9bbaa;
    --kol-seller-red: #8a4c4c;
    --kol-seller-red-soft: #f3e4e3;
    --kol-seller-shadow: 0 1px 2px rgba(20, 28, 22, 0.05), 0 6px 18px rgba(20, 28, 22, 0.06);
    --kol-seller-focus: 0 0 0 3px rgba(73, 106, 82, 0.18);
}

html.dark-mode .kol-seller-main-wrap {
    --kol-seller-canvas: #151916;
    --kol-seller-surface: #1d221e;
    --kol-seller-surface-raised: #222823;
    --kol-seller-surface-muted: #252b26;
    --kol-seller-surface-strong: #2c332d;
    --kol-seller-text: #e7ece8;
    --kol-seller-text-strong: #f7f9f7;
    --kol-seller-muted: #a4ada6;
    --kol-seller-faint: #7f8a82;
    --kol-seller-border: #38413a;
    --kol-seller-border-strong: #4c5850;
    --kol-seller-green: #77947e;
    --kol-seller-green-strong: #98ad9d;
    --kol-seller-green-soft: #2d3b31;
    --kol-seller-green-border: #536b59;
    --kol-seller-red: #d29792;
    --kol-seller-red-soft: #3d2928;
    --kol-seller-shadow: 0 1px 2px rgba(0, 0, 0, 0.18), 0 8px 24px rgba(0, 0, 0, 0.16);
    --kol-seller-focus: 0 0 0 3px rgba(119, 148, 126, 0.2);
}

html .kol-seller-main-wrap[data-kol-seller-main] {
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-canvas) !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-top: 0 !important;
    border-radius: 12px !important;
    box-shadow: var(--kol-seller-shadow) !important;
    overflow: visible;
}

.kol-seller-main-layout {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    align-items: start;
    min-width: 0;
}

.kol-seller-sidebar {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 116px);
    min-height: 0;
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 116px);
    box-sizing: border-box;
    padding: 14px;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    border-right: 1px solid var(--kol-seller-border);
    border-radius: 11px 0 0 11px;
    color: var(--kol-seller-text);
    background: var(--kol-seller-surface-raised) !important;
    scrollbar-width: thin;
}

/*
 * The site scroll shell already owns the space between the fixed header and
 * bottom menu. Pin the desktop west rail to those same boundaries rather than
 * letting a short seller page become its sticky containing block. Its contents
 * can scroll, but the rail itself never shifts at either end of the page.
 */
html.kol-mss-active #kol-mss-shell .kol-seller-sidebar {
    position: fixed !important;
    z-index: 2;
    top: calc(var(--kol-mss-top) + var(--kol-ams-header-gap, 0px)) !important;
    right: auto !important;
    bottom: var(--kol-mss-bottom) !important;
    left: 0 !important;
    width: 264px;
    height: auto !important;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    transform: none !important;
}

.kol-seller-side-profile {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
    padding: 2px 2px 16px;
    border-bottom: 1px solid var(--kol-seller-border);
}

.kol-seller-side-avatar,
.kol-seller-side-avatar img {
    display: block;
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 10px;
}

.kol-seller-side-avatar img {
    object-fit: cover;
    border: 1px solid var(--kol-seller-border);
}

.kol-seller-side-profile-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.kol-seller-side-profile-copy strong {
    overflow: hidden;
    color: var(--kol-seller-text-strong);
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kol-seller-side-kicker {
    color: var(--kol-seller-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.kol-seller-workspace {
    grid-column: 2;
    min-width: 0;
}

html .kol-seller-main-wrap .kol-seller-main-header {
    padding: 27px 30px 25px !important;
    background: var(--kol-seller-surface-raised) !important;
    border-bottom: 1px solid var(--kol-seller-border) !important;
    border-radius: 0 11px 0 0;
}

.kol-seller-main-header h1,
.kol-seller-section-head h2,
.kol-seller-main-wrap h2,
.kol-seller-main-wrap h3,
.kol-seller-main-wrap h4 {
    color: var(--kol-seller-text-strong) !important;
}

.kol-seller-main-header h1 {
    margin: 2px 0 4px !important;
    font-size: clamp(25px, 2.4vw, 32px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.kol-seller-main-header > p:last-child,
.kol-seller-section-head p,
.kol-seller-main-wrap small {
    color: var(--kol-seller-muted) !important;
}

.kol-seller-main-header > p:last-child,
.kol-seller-section-head > div > p:last-child {
    margin: 0 !important;
    max-width: 720px;
    line-height: 1.55;
}

.kol-seller-eyebrow,
.kol-store-artists-eyebrow {
    margin: 0 !important;
    color: var(--kol-seller-green) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
}

html .kol-seller-sidebar .kol-seller-main-tabs {
    display: grid !important;
    gap: 4px !important;
    padding: 0 !important;
    overflow: visible;
    border: 0 !important;
    background: transparent !important;
}

html .kol-seller-sidebar .kol-seller-main-tab {
    position: relative;
    display: flex !important;
    width: 100%;
    align-items: center !important;
    gap: 10px;
    min-height: 39px !important;
    box-sizing: border-box;
    padding: 9px 11px !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: var(--kol-seller-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease, transform 120ms ease !important;
}

html .kol-seller-sidebar .kol-seller-main-tab:hover,
html .kol-seller-sidebar .kol-seller-main-tab:focus-visible {
    color: var(--kol-seller-text-strong) !important;
    background: var(--kol-seller-surface-strong) !important;
    transform: translateX(2px);
}

.kol-seller-main-tab:focus-visible,
.kol-seller-main-wrap input:focus-visible,
.kol-seller-main-wrap textarea:focus-visible,
.kol-seller-main-wrap select:focus-visible,
.kol-seller-main-wrap button:focus-visible,
.kol-seller-main-wrap a:focus-visible {
    outline: 0 !important;
    box-shadow: var(--kol-seller-focus) !important;
}

html .kol-seller-sidebar .kol-seller-main-tab.active {
    color: var(--kol-seller-green-strong) !important;
    background: var(--kol-seller-green-soft) !important;
}

html .kol-seller-sidebar .kol-seller-main-tab.active::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--kol-seller-green);
    content: '';
}

.kol-seller-main-tab-icon,
.kol-seller-dashboard-action-icon {
    display: inline-flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}

.kol-seller-main-tab-icon svg,
.kol-seller-dashboard-action-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kol-seller-side-stats {
    display: grid;
    gap: 6px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid var(--kol-seller-border);
}

.kol-seller-side-stats-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--kol-seller-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.kol-seller-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kol-seller-green);
    box-shadow: 0 0 0 3px var(--kol-seller-green-soft);
}

.kol-seller-side-stat-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
}

.kol-seller-side-stat {
    display: grid;
    min-width: 0;
    min-height: 42px;
    box-sizing: border-box;
    padding: 5px 8px;
    align-content: space-between;
    gap: 3px;
    border: 1px solid var(--kol-seller-border);
    border-radius: 7px;
    background: var(--kol-seller-surface-muted);
}

.kol-seller-side-stat > span {
    color: var(--kol-seller-muted);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: 0.045em;
    line-height: 1.25;
    text-transform: uppercase;
}

.kol-seller-side-stat > strong {
    overflow: hidden;
    color: var(--kol-seller-text-strong);
    font-size: 16px;
    font-weight: 760;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kol-seller-side-stat .woocommerce-Price-amount {
    color: inherit;
    font: inherit;
}

html .kol-seller-workspace .kol-seller-main-content {
    position: relative;
    min-height: 520px;
    padding: 28px 30px !important;
    background: var(--kol-seller-canvas) !important;
    border-radius: 0 0 11px 0;
}

.kol-seller-tab-section {
    display: none;
}

.kol-seller-tab-section.active {
    display: block;
}

.kol-seller-tab-loading {
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 16px;
    padding: 7px 10px;
    border: 1px solid var(--kol-seller-green-border);
    border-radius: 5px;
    color: var(--kol-seller-green-strong);
    background: var(--kol-seller-green-soft);
    font-size: 12px;
    font-weight: 650;
    box-shadow: var(--kol-seller-shadow);
}

.kol-seller-main-wrap.is-loading .kol-seller-tab-section.active {
    opacity: 0.64;
    transition: opacity 120ms ease;
}

.kol-seller-page,
.bmm-seller-products-wrapper,
.bmm-seller-product-form-wrapper,
.kol-apes-profile-playlist-manager,
.kol-store-artists-wrapper {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--kol-seller-text) !important;
    background: transparent !important;
}

.kol-seller-page {
    display: grid;
    gap: 20px;
}

.kol-seller-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin: 0;
}

.kol-seller-section-head h2 {
    margin: 3px 0 5px !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.25 !important;
}

.kol-seller-stat-grid,
.bmm-seller-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}

.kol-seller-stat-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.bmm-seller-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.kol-seller-stat-card,
.bmm-stat-box {
    display: flex !important;
    min-width: 0;
    min-height: 100px !important;
    padding: 16px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 6px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-raised) !important;
    box-shadow: none !important;
    text-align: left !important;
}

.kol-seller-stat-label,
.bmm-stat-label {
    order: 0;
    color: var(--kol-seller-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
}

.kol-seller-stat-value,
.bmm-stat-value {
    order: 1;
    color: var(--kol-seller-green-strong) !important;
    font-size: 24px !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
}

.kol-seller-notice,
.kol-seller-empty-state {
    padding: 16px !important;
    border: 1px solid var(--kol-seller-green-border) !important;
    border-left: 3px solid var(--kol-seller-green) !important;
    border-radius: 5px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-green-soft) !important;
}

.kol-seller-notice p,
.kol-seller-empty-state p {
    margin: 0 !important;
    color: var(--kol-seller-muted) !important;
}

.kol-seller-empty-state strong {
    display: block;
    margin-bottom: 4px;
    color: var(--kol-seller-text-strong);
}

.kol-seller-dashboard-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.kol-seller-dashboard-action {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 112px;
    box-sizing: border-box;
    padding: 17px;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 8px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-raised) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
}

.kol-seller-dashboard-action:hover,
.kol-seller-dashboard-action:focus-visible {
    border-color: var(--kol-seller-green-border) !important;
    box-shadow: var(--kol-seller-shadow) !important;
    transform: translateY(-2px);
}

.kol-seller-dashboard-action-icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid var(--kol-seller-green-border);
    border-radius: 8px;
    color: var(--kol-seller-green-strong);
    background: var(--kol-seller-green-soft);
}

.kol-seller-dashboard-action-icon svg {
    width: 21px;
    height: 21px;
}

.kol-seller-dashboard-action-copy {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.kol-seller-dashboard-action-copy strong {
    color: var(--kol-seller-text-strong);
    font-size: 14px;
    line-height: 1.3;
}

.kol-seller-dashboard-action-copy > span {
    color: var(--kol-seller-muted);
    font-size: 12px;
    line-height: 1.45;
}

.kol-seller-dashboard-action-arrow {
    color: var(--kol-seller-green);
    font-size: 20px;
    transition: transform 140ms ease;
}

.kol-seller-dashboard-action:hover .kol-seller-dashboard-action-arrow {
    transform: translateX(3px);
}

.kol-seller-form-panel {
    display: grid;
    gap: 18px;
    width: min(100%, 760px);
    padding: 20px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 6px !important;
    background: var(--kol-seller-surface-raised) !important;
}

.kol-seller-field,
.kol-bbcode-store-image-field {
    display: grid;
    gap: 7px;
    margin: 0 !important;
}

.kol-seller-field label,
.kol-bbcode-store-image-field label,
.kol-seller-main-wrap .bmm-form-group > label,
.kol-store-artist-form label {
    display: block !important;
    margin: 0 !important;
    color: var(--kol-seller-text-strong) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

.kol-seller-field input,
.kol-seller-field textarea,
.kol-seller-main-wrap .bmm-product-form input,
.kol-seller-main-wrap .bmm-product-form textarea,
.kol-seller-main-wrap .bmm-product-form select,
.kol-store-artist-form input {
    width: 100% !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    padding: 9px 11px !important;
    border: 1px solid var(--kol-seller-border-strong) !important;
    border-radius: 5px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface) !important;
    box-shadow: none !important;
    font: inherit !important;
}

.kol-seller-field textarea,
.kol-seller-main-wrap .bmm-product-form textarea {
    min-height: 120px !important;
    resize: vertical;
}

.kol-seller-main-wrap input::placeholder,
.kol-seller-main-wrap textarea::placeholder {
    color: var(--kol-seller-faint) !important;
}

.kol-bbcode-store-image-preview {
    width: min(100%, 420px);
    margin: 2px 0 4px !important;
}

.kol-bbcode-store-image-preview.is-hidden {
    display: none;
}

.kol-bbcode-store-image-preview img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 230px;
    object-fit: cover;
    border: 1px solid var(--kol-seller-border);
    border-radius: 5px;
}

.kol-bbcode-store-image-input {
    color: var(--kol-seller-muted);
}

.kol-bbcode-store-image-note {
    margin: 0 !important;
    color: var(--kol-seller-muted) !important;
    font-size: 12px !important;
}

.kol-seller-form-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 2px;
}

.kol-seller-primary-button,
.kol-seller-main-wrap .bmm-button-primary,
.kol-seller-main-wrap .bmm-submit-button,
.kol-store-artists-button,
.kol-apes-profile-playlist-save,
.kol-apes-profile-playlist-import.is-primary {
    min-height: 40px !important;
    padding: 9px 15px !important;
    border: 1px solid var(--kol-seller-green-strong) !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: var(--kol-seller-green) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.kol-seller-primary-button:hover,
.kol-seller-main-wrap .bmm-button-primary:hover,
.kol-seller-main-wrap .bmm-submit-button:hover,
.kol-store-artists-button:hover {
    filter: brightness(0.94);
}

/* Product catalog: match the common section spacing without disturbing the chart-style song row. */
.bmm-seller-header {
    gap: 12px !important;
    margin: 0 0 18px !important;
}

.bmm-seller-image {
    width: 52px !important;
    height: 52px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 5px !important;
}

.bmm-seller-title h2,
.bmm-seller-product-form-wrapper > h2 {
    margin: 0 !important;
    font-size: clamp(22px, 2vw, 28px) !important;
}

.bmm-seller-song-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 18px 0 !important;
}

.bmm-seller-song-tabs {
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 5px !important;
    background: var(--kol-seller-surface-muted) !important;
    overflow: hidden;
}

.bmm-seller-song-tab {
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 0 !important;
    color: var(--kol-seller-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bmm-seller-song-tab.is-active {
    color: var(--kol-seller-green-strong) !important;
    background: var(--kol-seller-green-soft) !important;
}

.bmm-products-list {
    margin-top: 0 !important;
}

/* Song form: remove the old standalone-card feel so it belongs to the shared workspace. */
.bmm-seller-product-form-wrapper {
    max-width: 920px !important;
}

.bmm-seller-product-form-wrapper > h2 {
    margin-bottom: 18px !important;
}

.bmm-product-form {
    padding: 20px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 6px !important;
    background: var(--kol-seller-surface-raised) !important;
    box-shadow: none !important;
}

.bmm-debug-hint,
.kol-upload-debug-hint {
    display: none !important;
}

.kol-seller-main-wrap .bmm-drop-zone,
.kol-seller-main-wrap .bmm-audio-uploader,
.kol-seller-main-wrap .bmm-image-uploader {
    border-color: var(--kol-seller-border-strong) !important;
    border-radius: 5px !important;
    color: var(--kol-seller-muted) !important;
    background: var(--kol-seller-surface-muted) !important;
}

/* Artists: replace the former gradients, 30px radii, and blue/neon accents. */
.kol-store-artists-shell {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--kol-seller-text) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.kol-store-artists-header,
.kol-store-artists-list-header,
.kol-store-artist-card {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.kol-store-artists-header {
    margin: 0 0 20px !important;
}

.kol-store-artists-header h2,
.kol-store-artists-panel h3,
.kol-store-artist-card h4 {
    margin: 0 !important;
}

.kol-store-artists-intro,
.kol-store-artists-copy,
.kol-store-artists-note,
.kol-store-artist-card p {
    color: var(--kol-seller-muted) !important;
    line-height: 1.55 !important;
}

.kol-store-artists-link,
.kol-store-artists-button,
.kol-store-artists-remove {
    border-radius: 5px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.kol-store-artists-link {
    min-height: 40px !important;
    padding: 9px 14px !important;
    border: 1px solid var(--kol-seller-border-strong) !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-raised) !important;
}

.kol-store-artists-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr) !important;
    gap: 16px !important;
}

.kol-store-artists-panel {
    padding: 20px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 6px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-raised) !important;
}

.kol-store-artist-form,
.kol-store-artists-list {
    display: grid !important;
    gap: 12px !important;
}

.kol-store-artists-status {
    min-height: 20px;
    margin-top: 10px;
    font-weight: 650;
}

#kol-store-artists-count {
    min-width: 36px !important;
    padding: 5px 9px !important;
    border: 1px solid var(--kol-seller-green-border) !important;
    border-radius: 5px !important;
    color: var(--kol-seller-green-strong) !important;
    background: var(--kol-seller-green-soft) !important;
    text-align: center;
    font-weight: 700;
}

.kol-store-artist-card,
.kol-store-artists-empty {
    padding: 14px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 5px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-muted) !important;
}

.kol-store-artists-remove {
    padding: 7px 10px !important;
    border: 1px solid var(--kol-seller-red) !important;
    color: var(--kol-seller-red) !important;
    background: var(--kol-seller-red-soft) !important;
}

/* Music-player manager follows the same panel and control geometry. */
.kol-apes-profile-playlist-manager {
    padding: 20px !important;
    border: 1px solid var(--kol-seller-border) !important;
    border-radius: 6px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-raised) !important;
    box-shadow: none !important;
}

.kol-apes-profile-playlist-manager__header {
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--kol-seller-border) !important;
}

.kol-apes-profile-playlist-item,
.kol-apes-profile-playlist-empty-state,
.kol-apes-profile-playlist-available {
    border-color: var(--kol-seller-border) !important;
    border-radius: 5px !important;
    color: var(--kol-seller-text) !important;
    background: var(--kol-seller-surface-muted) !important;
    box-shadow: none !important;
}

.kol-apes-profile-playlist-manager button {
    border-radius: 5px !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .kol-seller-main-layout {
        grid-template-columns: 1fr;
    }

    .kol-seller-workspace {
        grid-column: 1;
    }

    .kol-seller-sidebar {
        position: relative;
        top: auto;
        height: auto;
        min-height: 0;
        max-height: none;
        border-right: 0;
        border-bottom: 1px solid var(--kol-seller-border);
        border-radius: 11px 11px 0 0;
    }

    html.kol-mss-active #kol-mss-shell .kol-seller-sidebar {
        position: relative !important;
        inset: auto !important;
        width: auto;
        height: auto !important;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    html .kol-seller-sidebar .kol-seller-main-tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    html .kol-seller-sidebar .kol-seller-main-tab {
        justify-content: center;
        padding-inline: 8px !important;
    }

    html .kol-seller-sidebar .kol-seller-main-tab.active::before {
        top: auto;
        right: 10px;
        bottom: 0;
        left: 10px;
        width: auto;
        height: 3px;
        border-radius: 3px 3px 0 0;
    }

    .kol-seller-side-stats {
        margin-top: 0;
    }

    .kol-seller-side-stat-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    html .kol-seller-main-wrap .kol-seller-main-header {
        border-radius: 0;
    }

    html .kol-seller-workspace .kol-seller-main-content {
        min-height: 360px;
        border-radius: 0 0 11px 11px;
    }

    .kol-seller-stat-grid,
    .bmm-seller-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .kol-store-artists-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .kol-seller-sidebar {
        padding: 14px;
    }

    html .kol-seller-sidebar .kol-seller-main-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html .kol-seller-sidebar .kol-seller-main-tab {
        justify-content: flex-start;
    }

    .kol-seller-side-stat-list,
    .kol-seller-dashboard-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html .kol-seller-main-wrap .kol-seller-main-header,
    html .kol-seller-workspace .kol-seller-main-content {
        padding: 18px !important;
    }

    .kol-seller-dashboard-action {
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 96px;
        padding: 13px;
    }

    .kol-seller-dashboard-action-icon {
        width: 38px;
        min-width: 38px;
        height: 38px;
    }

    .kol-seller-dashboard-action-arrow {
        display: none;
    }

    .kol-seller-stat-grid,
    .kol-seller-stat-grid--three,
    .bmm-seller-stats {
        grid-template-columns: 1fr !important;
    }

    .bmm-seller-song-toolbar,
    .kol-store-artists-header,
    .kol-store-artist-card {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .kol-seller-form-panel,
    .bmm-product-form,
    .kol-store-artists-panel,
    .kol-apes-profile-playlist-manager {
        padding: 16px !important;
    }
}

@media (max-width: 420px) {
    .kol-seller-side-stat-list,
    .kol-seller-dashboard-actions {
        grid-template-columns: 1fr;
    }
}