/* SliceWP — Chopped Up Meals 1.2.10.3. Affiliate-area presentation only. */
body.slicewp-ci-account .cum-cart-dock { display: none !important; }
body #slicewp-affiliate-account {
    --scau-ink: #20362b; --scau-muted: #5a6b61; --scau-border: #dce5de;
    --scau-paper: #f5f7f3; --scau-green: #176b45;
    width: 100%; max-width: 1280px; min-width: 0; margin-inline: auto;
    color: var(--scau-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: start; line-height: 1.5; padding-bottom: max(24px, env(safe-area-inset-bottom));
}
body #slicewp-affiliate-account *, body #slicewp-affiliate-account *::before,
body #slicewp-affiliate-account *::after { box-sizing: border-box; }
body #slicewp-affiliate-account #slicewp-affiliate-account-tab,
body #slicewp-affiliate-account #slicewp-affiliate-account-nav-tab { min-width: 0; max-width: 100%; }
body #slicewp-affiliate-account .slicewp-tab { min-width: 0; max-width: 100%; }
body #slicewp-affiliate-account .scau-mobile-nav { display: none; }
body #slicewp-affiliate-account .scau-section-heading { margin: 4px 0 22px; padding: 0; }
body #slicewp-affiliate-account .scau-section-heading h2 {
    margin: 0 0 6px; padding: 0; color: var(--scau-ink); line-height: 1.18;
    font-family: inherit; font-size: clamp(26px, 3vw, 34px); font-weight: 720; letter-spacing: -.7px; text-transform: none;
}
body #slicewp-affiliate-account .scau-section-heading p { margin: 0; color: var(--scau-muted); font-weight: 400; font-family: inherit; font-size: 14px; line-height: 1.6; max-width: 650px; }
body.slicewp-ci-account #slicewp-affiliate-account .slicewp-nav-tab-wrapper { gap: 6px; align-items: stretch; }
body.slicewp-ci-account #slicewp-affiliate-account .slicewp-nav-tab-wrapper .slicewp-nav-tab a { min-height: 46px; font-size: 13px; }
body #slicewp-affiliate-account :is(a, button, select, input, [tabindex]):focus-visible {
    outline: 3px solid #b57027 !important; outline-offset: 3px !important;
}
/* Fixed table layout plus SliceWP's 1px date/status widths caused the overlap.
   This reset also works without JavaScript: wide records scroll inside their frame. */
body #slicewp-affiliate-account :is(.slicewp-list-table-wrapper, .scau-table-frame) {
    width: 100%; max-width: 100%; min-width: 0; overflow-x: auto;
    -webkit-overflow-scrolling: touch; border: 1px solid var(--scau-border);
    border-radius: 14px; box-shadow: none; background: #fff;
}
body #slicewp-affiliate-account table.slicewp-list-table {
    table-layout: auto !important; width: 100%; max-width: none; border-collapse: separate;
    border-spacing: 0; box-shadow: none; border: 0 !important; margin: 0;
    font-size: 14px; line-height: 1.5; color: var(--scau-ink);
}
body #slicewp-affiliate-account table.slicewp-list-table > thead > tr > th,
body #slicewp-affiliate-account table.slicewp-list-table > tbody > tr > td {
    position: static; float: none; width: auto !important; height: auto; min-width: 0;
    padding: 15px 16px; vertical-align: middle; text-align: start;
    white-space: normal; word-break: normal; overflow-wrap: anywhere;
    border: 0 !important; border-bottom: 1px solid #e8eee8 !important;
    font-family: inherit; font-size: 14px; line-height: 1.5;
}
body #slicewp-affiliate-account table.slicewp-list-table > thead > tr > th {
    background: var(--scau-paper) !important; color: #53655a; font-size: 12px;
    font-weight: 700; white-space: nowrap; padding-block: 13px;
}
body #slicewp-affiliate-account table.slicewp-list-table > tbody > tr:not(.slicewp-list-table-item-details-row):hover > td { background: #f9fbf7 !important; }
body #slicewp-affiliate-account table.slicewp-list-table :is(.slicewp-column-id, .slicewp-column-reference, .slicewp-column-type, .slicewp-column-amount, .slicewp-column-status, .slicewp-column-actions) { white-space: nowrap; }
body #slicewp-affiliate-account table.slicewp-list-table .slicewp-column-date { min-width: 156px; max-width: 220px; white-space: normal; }
body #slicewp-affiliate-account table.slicewp-list-table td.slicewp-column-amount { font-weight: 750; color: var(--scau-green); font-variant-numeric: tabular-nums; }
body #slicewp-affiliate-account table.slicewp-list-table :is(.slicewp-column-landing_url, .slicewp-column-referrer_url) { min-width: 170px; max-width: 350px; overflow-wrap: anywhere; }
body #slicewp-affiliate-account table.slicewp-list-table .slicewp-status-pill {
    max-width: 100%; border-radius: 99px; padding: 7px 11px; font: 650 12px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    white-space: normal; overflow-wrap: anywhere;
}
body #slicewp-affiliate-account .slicewp-status-paid { background: #e0f2e7; color: #145b38; }
body #slicewp-affiliate-account .slicewp-status-unpaid { background: #e2effa; color: #18517d; }
body #slicewp-affiliate-account .slicewp-status-pending { background: #fff0d6; color: #7a4b0d; }
body #slicewp-affiliate-account .slicewp-status-rejected { background: #fbe7e6; color: #932c29; }
body #slicewp-affiliate-account .slicewp-toggle-item-details {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px;
    max-width: 100%; padding: 9px 12px; margin: 0; border: 1px solid #ccdcd0;
    border-radius: 9px; background: #f5f8f2; color: #244e35; text-decoration: none;
    font-size: 13px; line-height: 1.4; font-weight: 650; white-space: normal;
}
body #slicewp-affiliate-account .slicewp-toggle-item-details:hover { background: #e9f0e3; color: #173823; }
body #slicewp-affiliate-account .slicewp-toggle-item-details svg { width: 16px; height: 16px; flex-shrink: 0; margin: 0; }
/* Details remain the original, authorized SliceWP content; never an overlay. */
body #slicewp-affiliate-account .scau-table > tbody > .slicewp-list-table-item-details-row > td { padding: 0 !important; white-space: normal; }
body #slicewp-affiliate-account .scau-table > tbody > .scau-details-open > td > div { height: auto !important; opacity: 1 !important; transition: none; }
body #slicewp-affiliate-account .scau-table > tbody > .scau-details-open > td > div > div { padding: 20px; background: #f5f8f3; overflow-x: auto; }
body #slicewp-affiliate-account .scau-table .slicewp-list-table-item-details-row :is(table, img) { max-width: 100%; }
body #slicewp-affiliate-account .scau-table .slicewp-list-table-item-details-row table { table-layout: auto; font-size: 13px; }
body #slicewp-affiliate-account .scau-table .slicewp-list-table-item-details-row :is(p, li, a, dd) { overflow-wrap: anywhere; }
body #slicewp-affiliate-account .scau-table [hidden],
body #slicewp-affiliate-account .scau-table .scau-column-hidden { display: none !important; }
/* Filters and footer: readable, minimum 44px tap targets, no squeezed pagination. */
body #slicewp-affiliate-account .slicewp-list-table-before { margin-bottom: 18px; }
body #slicewp-affiliate-account .slicewp-list-table-filters { width: 100%; }
body #slicewp-affiliate-account .slicewp-list-table-filters form { display: flex; flex-flow: row wrap; align-items: stretch; gap: 10px; }
body #slicewp-affiliate-account .slicewp-list-table-filters .slicewp-date-picker-wrapper { flex: 1 1 240px; max-width: 560px; min-width: 0; }
body #slicewp-affiliate-account .slicewp-date-picker-input {
    min-height: 48px; height: auto; width: 100%; padding: 8px 12px; font-size: 16px; line-height: 1.4;
    border: 1px solid #c4d4c8; border-radius: 10px; color: var(--scau-ink); background: #fff; box-shadow: none;
}
body #slicewp-affiliate-account .slicewp-date-picker-input svg { flex-shrink: 0; }
body #slicewp-affiliate-account .slicewp-date-picker-input-date-range,
body #slicewp-affiliate-account .slicewp-date-picker-input-dates { white-space: normal; overflow-wrap: anywhere; }
body #slicewp-affiliate-account .slicewp-list-table-filters button[type="submit"] {
    min-height: 48px; width: auto; flex: 0 0 auto; padding: 12px 24px; margin: 0;
    border: 1px solid #203e2c; border-radius: 10px; background: #203e2c; color: #fff !important;
    font-family: inherit; font-size: 15px; font-weight: 650; line-height: 1.4; letter-spacing: 0; text-transform: none;
}
body #slicewp-affiliate-account .slicewp-list-table-filters button[type="submit"]:hover { background: #145535; }
body #slicewp-affiliate-account .slicewp-list-table-after { display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; gap: 18px; margin-top: 18px; }
body #slicewp-affiliate-account .slicewp-list-table-pagination { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 0 0 auto; color: #53655a; font-size: 13px; }
body #slicewp-affiliate-account .slicewp-pagination-links { margin: 0; gap: 7px; }
body #slicewp-affiliate-account .slicewp-pagination-links .slicewp-pagination-link { width: 44px; height: 44px; border: 1px solid #dae4db; background: #fff; border-radius: 10px; color: #284c35; text-decoration: none; }
body #slicewp-affiliate-account .slicewp-pagination-links a:hover { background: #ecf2e7; }
body #slicewp-affiliate-account .slicewp-list-table-per-page-selector form { gap: 10px; align-items: center; flex-wrap: wrap; font-size: 13px; color: #53655a; }
body #slicewp-affiliate-account .slicewp-list-table-per-page-selector select {
    appearance: auto; min-width: 76px; max-width: 110px; height: 44px; min-height: 44px; margin: 0;
    padding: 8px 10px; border: 1px solid #c4d4c8; border-radius: 9px; background: #fff; color: var(--scau-ink); font-size: 16px; line-height: 1.4;
}
/* Screen-reader-only labels stay in the accessibility tree. */
body #slicewp-affiliate-account .scau-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
/* Cards follow the CONTENT width, so a narrow desktop sidebar also stays usable. */
body #slicewp-affiliate-account.scau-narrow :is(.slicewp-list-table-wrapper, .scau-table-frame):has(> .scau-table) { border: 0; background: transparent; overflow: visible; }
body #slicewp-affiliate-account.scau-narrow table.scau-table { display: block; width: 100%; min-width: 0; background: transparent; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody { display: block; border: 1px solid var(--scau-border) !important; border-radius: 15px; background: #fff; margin: 0 0 14px; overflow: hidden; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody.scau-many-rows { border: 0 !important; background: transparent; border-radius: 0; overflow: visible; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr:not(.slicewp-list-table-item-details-row) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; padding: 18px; background: #fff; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody.scau-many-rows > tr { border: 1px solid var(--scau-border); border-radius: 15px; margin-bottom: 14px; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr:not(.slicewp-list-table-item-details-row) > td {
    display: block; width: auto !important; min-width: 0; max-width: none; padding: 0; border: 0 !important;
    background: none !important; text-align: start; white-space: normal; overflow-wrap: anywhere;
    font-size: 15px; line-height: 1.45;
}
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr:not(.slicewp-list-table-item-details-row) > td[data-label]::before {
    display: block; content: attr(data-label); margin-bottom: 5px; color: #607065;
    font-size: 11px; line-height: 1.35; font-weight: 650; letter-spacing: .2px; text-transform: none;
    position: static; width: auto; float: none;
}
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr > td.slicewp-column-amount { order: -2; font-size: 25px; line-height: 1.2; font-weight: 750; letter-spacing: -.5px; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr > td.slicewp-column-status { order: -1; text-align: end; align-self: start; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr > :is(td.slicewp-column-date, td.slicewp-column-landing_url, td.slicewp-column-referrer_url, td.slicewp-column-actions, td[colspan]) { grid-column: 1 / -1; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr > td.slicewp-column-actions:empty { display: none; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > tr > td.slicewp-column-actions[data-label]::before { display: none !important; }
body #slicewp-affiliate-account.scau-narrow .scau-table .slicewp-toggle-item-details { width: 100%; min-height: 44px; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > .scau-details-open { display: block !important; border-top: 1px solid var(--scau-border); }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > .scau-details-open > td { display: block; min-width: 0; max-width: 100%; }
body #slicewp-affiliate-account.scau-narrow table.scau-table > tbody > .scau-details-open > td > div > div { padding: 18px; }
body #slicewp-affiliate-account.scau-narrow .slicewp-list-table-after { flex-direction: column-reverse; align-items: stretch; gap: 20px; }
body #slicewp-affiliate-account.scau-narrow .slicewp-list-table-pagination { justify-content: space-between; width: 100%; margin: 0; }
body #slicewp-affiliate-account.scau-narrow .slicewp-list-table-per-page-selector { border-top: 1px solid var(--scau-border); padding-top: 18px; justify-content: flex-start; }
/* A compact section menu replaces the ten-tile mobile wall, without hiding any destination. */
@media (max-width: 760px) {
    body #slicewp-affiliate-account { display: block; }
    body #slicewp-affiliate-account.scau-menu-enabled .scau-mobile-nav { display: block; margin-bottom: 14px; }
    body #slicewp-affiliate-account .scau-menu-label { display: block; color: #617466; font-size: 10px; line-height: 1.5; font-weight: 750; letter-spacing: 1.5px; margin-bottom: 6px; }
    body #slicewp-affiliate-account .scau-menu-toggle { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 12px 15px; margin: 0; border: 1px solid #ccdbcd; border-radius: 12px; background: #f2f6ee; color: #233f2d; font-family: inherit; font-size: 16px; font-weight: 700; text-align: start; line-height: 1.4; letter-spacing: 0; text-transform: none; }
    body #slicewp-affiliate-account .scau-menu-current { flex: 1; min-width: 0; }
    body #slicewp-affiliate-account .scau-menu-hint { font-size: 12px; color: #5b6e61; font-weight: 550; }
    body #slicewp-affiliate-account .scau-menu-toggle svg { flex-shrink: 0; transition: transform .15s; }
    body #slicewp-affiliate-account.scau-menu-open .scau-menu-toggle svg { transform: rotate(180deg); }
    body #slicewp-affiliate-account.scau-menu-enabled:not(.scau-menu-open) #slicewp-affiliate-account-nav-tab { display: none; }
    body.slicewp-ci-account #slicewp-affiliate-account .slicewp-nav-tab-wrapper { display: grid; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 8px !important; }
    body.slicewp-ci-account #slicewp-affiliate-account .slicewp-nav-tab-wrapper .slicewp-nav-tab a { display: flex; justify-content: flex-start; text-align: start; white-space: normal; min-height: 48px; padding: 10px !important; font-size: 13px; gap: 8px; }
    body.slicewp-ci-account #slicewp-affiliate-account .slicewp-nav-tab-wrapper .slicewp-nav-tab svg { width: 18px; height: 18px; }
    body #slicewp-affiliate-account .scau-section-heading { margin: 24px 0 18px; }
    body #slicewp-affiliate-account .scau-section-heading p { font-size: 13px; }
    body #slicewp-affiliate-account .slicewp-list-table-filters .slicewp-date-picker-wrapper { flex: 1 1 100%; max-width: 100%; }
    body #slicewp-affiliate-account .slicewp-list-table-filters button[type=submit] { width: 100%; }
    body #slicewp-affiliate-account .slicewp-date-picker-modal { z-index: 30; max-width: min(100%, 100vw - 32px); }
    body #slicewp-affiliate-account .slicewp-date-picker-predefined-date-ranges { padding: 12px; }
    body #slicewp-affiliate-account a.slicewp-date-picker-predefined-date-range { min-height: 44px; padding: 10px; font-size: 13px; }
    body #slicewp-affiliate-account .slicewp-date-picker-wrapper .slicewp-litepicker { padding: 12px; }
    body #slicewp-affiliate-account .slicewp-form :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { font-size: 16px; max-width: 100%; }
}
@media (max-width: 380px) {
    body #slicewp-affiliate-account.scau-narrow .slicewp-list-table-pagination { justify-content: center; }
    body #slicewp-affiliate-account.scau-narrow .slicewp-list-table-pagination > span { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { body #slicewp-affiliate-account .scau-menu-toggle svg { transition: none; } }

/* Compact commission cards: amount/status, reference/type, date, ID/details. */
body #slicewp-affiliate-account.scau-narrow table.scau-commissions > tbody > tr > td.slicewp-column-date { order: 1; }
body #slicewp-affiliate-account.scau-narrow table.scau-commissions > tbody > tr > td.slicewp-column-id { order: 2; align-self: center; }
body #slicewp-affiliate-account.scau-narrow table.scau-commissions > tbody > tr > td.slicewp-column-actions { order: 2; grid-column: auto; align-self: end; }

body #slicewp-affiliate-account .scau-table .slicewp-list-table-item-details-row :is(h4, p, table, th, td, ul, li, dl, dt, dd) { font-family: inherit; }