/* ============================================================
   DALGA CONTROL ROOM — Affiliate screen (YITH Affiliates)
   Loaded only on my-account/affiliate-dashboard/*. Every rule is
   prefixed .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff so it outranks the
   generic .dl-thirdparty strip in dalga-account.css; the palette is
   the shell's own tokens, so light and dark follow automatically.
   ============================================================ */

/* ---------- header ---------- */
.dl-aff-hd .dl-btn .dl-i{width:15px;height:15px}

.dl-app.dl-app .dl-aff.dl-aff.dl-aff{--aff-gap:16px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.yith-wcaf,.yith-wcaf-dashboard,.yith-wcaf-section){display:block;margin:0!important;padding:0!important;max-width:none!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff form{max-width:none;margin:0;text-align:left}

/* ---------- tabs: YITH's navigation becomes the shell's segmented bar ---------- */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation{
  display:flex!important;gap:3px;width:max-content;max-width:100%;margin:0 0 22px!important;padding:4px!important;
  list-style:none;overflow-x:auto;scrollbar-width:none;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-pill);box-shadow:var(--dl-sh-1)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation::-webkit-scrollbar{display:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation::after{display:none!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation li{display:block;flex:0 0 auto;margin:0;padding:0;border:0!important;list-style:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation li a{
  display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 12px;border-radius:var(--dl-r-pill);
  font:700 13px/1 var(--dl-f-ui);white-space:nowrap;text-decoration:none;color:var(--dl-text-2)!important;
  transition:background-color var(--dl-t-fast) var(--dl-ease),color var(--dl-t-fast) var(--dl-ease)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation li a::before{
  content:"";flex:none;width:15px;height:15px;background-color:currentColor;
  -webkit-mask:var(--aff-ico) center/contain no-repeat;mask:var(--aff-ico) center/contain no-repeat}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation li a:hover{background-color:var(--dl-surface-3)!important;color:var(--dl-text)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation li.is-active a{background-color:var(--dl-accent)!important;color:var(--dl-on-accent)!important;box-shadow:var(--dl-sh-1)}
.dl-aff .yith-wcaf-dashboard-navigation .summary{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E")}
.dl-aff .yith-wcaf-dashboard-navigation .commissions{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15 9.5c-.5-1-1.6-1.5-3-1.5-1.7 0-3 .9-3 2s1.3 1.7 3 2 3 .9 3 2-1.3 2-3 2c-1.4 0-2.5-.5-3-1.5M12 6.5V8M12 16v1.5'/%3E%3C/svg%3E")}
.dl-aff .yith-wcaf-dashboard-navigation .clicks{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.dl-aff .yith-wcaf-dashboard-navigation .payments{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E")}
.dl-aff .yith-wcaf-dashboard-navigation .generate-link{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E")}
.dl-aff .yith-wcaf-dashboard-navigation .settings{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.dl-aff .yith-wcaf-dashboard-navigation .coupons{--aff-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9V6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v3a3 3 0 0 0 0 6v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-3a3 3 0 0 0 0-6Z'/%3E%3Cpath d='M10 5v14' stroke-dasharray='2 2.5'/%3E%3C/svg%3E")}

/* The tab already names the section, so YITH's own section title goes; the summary keeps its sub-titles. */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.yith-wcaf-section>.dashboard-title,.yith-wcaf-link-generator>.dashboard-title){display:none!important}

/* ---------- summary: referral link + KPI tiles ---------- */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .affiliate-stats{display:none!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary{display:flex;flex-direction:column}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-top{display:grid;gap:var(--aff-gap);margin-bottom:34px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-cap{display:block;font:800 10.5px/1.2 var(--dl-f-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--dl-text-3)!important}

.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line);border-radius:var(--dl-r-lg);box-shadow:var(--dl-sh-1)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref-ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:var(--dl-r);
  background-color:var(--dl-accent-soft)!important;border:1px solid var(--dl-accent-line);color:var(--dl-accent)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref-txt{display:grid;gap:3px;flex:1 1 auto;min-width:0}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref-txt code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:700 14px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--dl-text)!important;background:none!important;padding:0}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref .dl-btn{flex:none;height:36px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref .dl-btn-primary{color:var(--dl-on-accent)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref .dl-btn-primary.dl-done{background:var(--dl-ok);border-color:var(--dl-ok)}

.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpis{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:12px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi{display:flex;flex-direction:column;gap:7px;min-width:0;padding:16px 16px 15px;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line);border-radius:var(--dl-r-lg);box-shadow:var(--dl-sh-1)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-v{font:600 24px/1.1 var(--dl-f-display);letter-spacing:-.02em;color:var(--dl-text)!important;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-s{font-size:12.5px;line-height:1.45;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-s a{font-weight:800}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main{position:relative;overflow:hidden;border-color:transparent;
  background:radial-gradient(70% 130% at 0% 0%,rgba(125,111,240,.55),transparent 62%),radial-gradient(55% 120% at 100% 100%,rgba(30,219,232,.25),transparent 60%),linear-gradient(160deg,#2b2280,#17143d)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main :is(.dl-aff-cap,.dl-aff-s){color:rgba(255,255,255,.72)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main .dl-aff-v{font-size:30px;color:#fff!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main .dl-aff-s a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main .dl-track{flex:none;height:5px;background-color:rgba(255,255,255,.16)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main .dl-track i{background:linear-gradient(90deg,#a99ff7,#5fd3c9)!important}

/* summary sub-titles ("Recent Commissions  (View all)") */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .dashboard-title{display:flex;align-items:center;gap:10px;margin:0 0 12px!important;font-size:0}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .dashboard-title h3{margin:0!important;font:600 15px/1.3 var(--dl-f-ui);letter-spacing:-.005em}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .dashboard-title .view-all{margin-left:auto;font-size:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .dashboard-title .view-all a{display:inline-flex;align-items:center;gap:5px;height:29px;padding:0 11px;
  border:1px solid var(--dl-line);border-radius:var(--dl-r-pill);font:700 12.5px/1 var(--dl-f-ui);text-decoration:none;background-color:var(--dl-surface)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .dashboard-title .view-all a::after{content:"\2192"}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .dashboard-title .view-all a:hover{border-color:var(--dl-accent-line);background-color:var(--dl-accent-soft)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary table+.yith-wcaf-table-bottom-bar{margin-bottom:30px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-summary .yith-wcaf-table-top-bar{display:none!important}

/* ---------- toolbar: filters, per page, withdrawal ---------- */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar{display:block!important;margin:0 0 12px;padding:10px;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line);border-radius:var(--dl-r-lg);box-shadow:var(--dl-sh-1)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar :is(.table-filters,.table-options){display:flex;flex-wrap:wrap;align-items:center;gap:8px;float:none!important;margin:0!important;padding:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .table-options{margin-left:auto!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .table-filters:empty,.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .table-options:empty{display:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar :is(select,input[type="text"]){width:auto!important;min-width:150px;height:36px!important;margin:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar select{padding-right:32px!important;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--dl-text-3) 50%),linear-gradient(135deg,var(--dl-text-3) 50%,transparent 50%)!important;
  background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .datepicker{width:150px!important;min-width:0;padding-left:34px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a87a0' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:11px center!important;background-size:15px!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .per-page{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;white-space:nowrap;font-size:12.5px!important;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .per-page input{width:64px!important;height:36px!important;padding:0 8px!important;text-align:center}

/* select2 product search inside the toolbar */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .select2-container{min-width:190px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .select2-container .select2-selection--single{height:36px;display:flex;align-items:center;
  background-color:var(--dl-surface-2)!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-sm)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .select2-container .select2-selection__rendered{padding-left:12px;line-height:34px;font-size:13.5px;color:var(--dl-text)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .select2-container .select2-selection__placeholder{color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .select2-container .select2-selection__arrow{height:34px}

/* buttons: Filter (secondary), Request withdrawal / Save info / Copy URL (primary) */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(input[type="submit"],button[type="submit"],a.button,button.button,.copy-trigger){
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;min-width:0!important;height:36px!important;
  margin:0!important;padding:0 16px!important;border-radius:var(--dl-r-sm)!important;border:1px solid var(--dl-accent)!important;
  background:var(--dl-accent)!important;color:var(--dl-on-accent)!important;box-shadow:var(--dl-sh-1)!important;
  font:700 13px/1 var(--dl-f-ui)!important;letter-spacing:0;text-transform:none;text-decoration:none!important;white-space:nowrap;cursor:pointer;
  transition:background-color var(--dl-t-fast) var(--dl-ease),border-color var(--dl-t-fast) var(--dl-ease),transform var(--dl-t-fast) var(--dl-ease)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(input[type="submit"],button[type="submit"],a.button,button.button,.copy-trigger):hover{background:var(--dl-accent-hover)!important;border-color:var(--dl-accent-hover)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(input[type="submit"],button[type="submit"],a.button,button.button,.copy-trigger):active{transform:translateY(1px)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .table-filters input[type="submit"]{background:var(--dl-surface)!important;border-color:var(--dl-line)!important;color:var(--dl-text)!important;box-shadow:none!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .table-filters input[type="submit"]:hover{background:var(--dl-surface-3)!important;border-color:var(--dl-text-3)!important}

/* ---------- tables ---------- */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table{width:100%;margin:0!important;border-collapse:separate!important;border-spacing:0;table-layout:auto;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-lg)!important;overflow:hidden;
  box-shadow:var(--dl-sh-1)!important;font-size:13.5px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table th{padding:11px 16px!important;text-align:left;white-space:nowrap;border:0!important;
  border-bottom:1px solid var(--dl-line)!important;background-color:var(--dl-surface-2)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table th a{display:inline-flex;align-items:center;gap:5px;color:var(--dl-text-3)!important;text-decoration:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table th a:hover{color:var(--dl-text)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table th a::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.45}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td{padding:13px 16px!important;border:0!important;border-bottom:1px solid var(--dl-line-soft)!important;vertical-align:middle;
  color:var(--dl-text-2)!important;transition:background-color var(--dl-t-fast) var(--dl-ease)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table tbody tr:last-child td{border-bottom:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table tbody tr:hover td{background-color:var(--dl-surface-2)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td :is(span,div){color:inherit!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td a{color:var(--dl-text)!important;font-weight:700;text-decoration:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td a:hover{color:var(--dl-accent-ink)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td.column-id{font-weight:800;color:var(--dl-text-3)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td:is(.column-created_at,.column-date,.column-completed_at){white-space:nowrap;color:var(--dl-text-3)!important;font-variant-numeric:tabular-nums}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td:is(.column-amount,.column-rate){font-weight:800;color:var(--dl-text)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td.column-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td.column-status{text-align:right}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td[colspan]{padding:44px 16px!important;text-align:center;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table .description:empty{display:none}

/* status pills: same language as the order / licence badges */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff mark.status-badge{display:inline-flex!important;align-items:center;gap:6px;height:24px;padding:0 10px!important;
  border:1px solid var(--dl-neutral-line);border-radius:var(--dl-r-pill)!important;background-color:var(--dl-neutral-soft)!important;
  font:800 11.5px/1 var(--dl-f-ui)!important;color:var(--dl-text-2)!important;white-space:nowrap}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff mark.status-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff mark.status-badge:is(.pending,.on-hold){background-color:var(--dl-warn-soft)!important;border-color:var(--dl-warn-line);color:var(--dl-warn)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff mark.status-badge:is(.pending-payment,.processing,.not-confirmed){background-color:var(--dl-info-soft)!important;border-color:var(--dl-info-line);color:var(--dl-info)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff mark.status-badge:is(.paid,.completed,.confirmed,.active){background-color:var(--dl-ok-soft)!important;border-color:var(--dl-ok-line);color:var(--dl-ok)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff mark.status-badge:is(.cancelled,.refunded,.trash,.failed,.rejected){background-color:var(--dl-danger-soft)!important;border-color:var(--dl-danger-line);color:var(--dl-danger)!important}

/* pagination */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-bottom-bar:empty{display:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-pagination{display:flex!important;flex-wrap:wrap;justify-content:center;gap:5px;margin:14px 0 0!important;padding:0!important;border:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-pagination .page-numbers{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 11px;
  border:1px solid var(--dl-line);border-radius:var(--dl-r-sm);background-color:var(--dl-surface)!important;
  font:700 13px/1 var(--dl-f-ui);color:var(--dl-text-2)!important;text-decoration:none;font-variant-numeric:tabular-nums;
  transition:background-color var(--dl-t-fast) var(--dl-ease),border-color var(--dl-t-fast) var(--dl-ease)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-pagination a.page-numbers:hover{border-color:var(--dl-text-3);background-color:var(--dl-surface-3)!important;color:var(--dl-text)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-pagination .page-numbers.current{border-color:var(--dl-accent);background-color:var(--dl-accent)!important;color:var(--dl-on-accent)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-pagination .page-numbers.dots{border-color:transparent;background-color:transparent!important}

/* ---------- cards: link generator + settings ---------- */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.link-generator-box,.affiliate-settings-box){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--aff-gap);align-items:start;margin:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.link-generator-box>div,.affiliate-settings-box>div){display:grid;gap:var(--aff-gap);min-width:0;width:auto!important;float:none!important;margin:0!important;padding:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.link-generator-box>div,.settings-box){padding:20px!important;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-lg)!important;box-shadow:var(--dl-sh-1)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box{margin:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.link-generator-box h4,.settings-box h3){display:flex;align-items:center;gap:8px;margin:0 0 16px!important;padding:0 0 12px!important;
  border-bottom:1px solid var(--dl-line-soft);font:600 14px/1.35 var(--dl-f-ui)!important;letter-spacing:-.005em}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .link-generator-box h4 .regular-text{display:inline-flex;align-items:center;height:22px;margin-left:auto;padding:0 9px;
  border:1px solid var(--dl-accent-line);border-radius:var(--dl-r-pill);background-color:var(--dl-accent-soft)!important;
  font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--dl-accent-ink)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .link-generator-box small{display:block;margin-top:8px;font-size:12.5px;line-height:1.55;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .link-generator-box .form-row:last-child{margin-bottom:0}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .copy-field-wrapper{position:relative;display:flex!important;gap:8px;align-items:center}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .copy-field-wrapper input.copy-target{position:static!important;flex:1 1 auto;min-width:0;padding-left:12px!important;
  border-style:dashed!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;color:var(--dl-text)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .copy-field-wrapper .copy-trigger{position:static!important;flex:none;transform:none!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .copy-field-wrapper .copy-trigger::before{width:14px!important;height:14px!important;margin:0!important;background:currentColor!important;
  -webkit-mask:var(--dl-copy-ico) center/contain no-repeat;mask:var(--dl-copy-ico) center/contain no-repeat}
.dl-aff{--dl-copy-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E")}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .copy-confirmation{position:absolute!important;top:-30px!important;right:0!important;left:auto!important;transform:none!important;
  padding:4px 10px!important;border-radius:var(--dl-r-pill);background-color:var(--dl-ok)!important;color:#fff!important;font:800 11.5px/1.3 var(--dl-f-ui)!important}

/* settings: fields, notification switches, save */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box .form-row:last-child{margin-bottom:0}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box .optional{display:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box .toggle-right{display:grid!important;gap:4px;margin:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box .toggle-right label{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin:0!important;
  font-size:13.5px!important;font-weight:700!important;color:var(--dl-text)!important;cursor:pointer}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box .toggle-right small{font-size:12.5px;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .settings-box:has(.toggle-right){padding:16px 20px!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle{position:absolute!important;opacity:0;width:1px!important;height:1px!important;pointer-events:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle+.toggle{order:2;position:relative;flex:none;width:40px!important;height:24px;padding:0!important;font-size:0!important;
  border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-pill)!important;background-color:var(--dl-surface-3)!important;
  transition:background-color var(--dl-t) var(--dl-ease),border-color var(--dl-t) var(--dl-ease)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle+.toggle::before{display:none!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle+.toggle::after{content:""!important;position:absolute;top:2px!important;left:2px!important;right:auto!important;width:18px!important;height:18px!important;
  border-radius:50%;background-color:#fff!important;box-shadow:0 1px 3px rgba(26,24,54,.3);transition:transform var(--dl-t) var(--dl-ease)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle:checked+.toggle{background-color:var(--dl-accent)!important;border-color:var(--dl-accent)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle:checked+.toggle::after{transform:translateX(16px)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-toggle:focus-visible+.toggle{box-shadow:var(--dl-ring)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-dashboard-settings form>input[type="submit"]{margin-top:var(--aff-gap)!important;height:40px!important;padding:0 22px!important}

/* registration / pending / rejected states for customers who are not affiliates yet */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.become-an-affiliate-form,.pending-request-wrapper,.rejected-request-wrapper,.already-an-affiliate-wrapper){
  max-width:640px;margin:0!important;padding:24px!important;text-align:left!important;
  background-color:var(--dl-surface)!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-lg)!important;box-shadow:var(--dl-sh-1)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .become-an-affiliate-form>p:first-child{margin:0 0 18px;font:600 16px/1.4 var(--dl-f-ui)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .become-an-affiliate-form form .form-row:last-child{margin:6px 0 0}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .become-an-affiliate-form button{height:40px!important;padding:0 22px!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(h3.thank-you,h3.we-are-sorry){display:flex;align-items:center;gap:12px;margin:0 0 8px!important;font:600 18px/1.3 var(--dl-f-ui)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(h3.thank-you,h3.we-are-sorry)::before{flex:none;width:36px!important;height:36px!important;margin:0!important;border-radius:var(--dl-r);
  background:var(--dl-ok-soft) center/18px no-repeat!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f9d76' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff h3.we-are-sorry::before{background-color:var(--dl-danger-soft)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9365a' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.pending-request-wrapper,.rejected-request-wrapper) p{margin:0;padding-left:48px;font-size:13.5px;line-height:1.6;color:var(--dl-text-2)!important}

/* banned notice and other YITH messages */
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.woocommerce-info,.woocommerce-message,.woocommerce-error,.yith-wcaf-notice){
  margin:0 0 16px!important;padding:13px 15px!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r)!important;
  background-color:var(--dl-surface-2)!important;list-style:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-error{background-color:var(--dl-danger-soft)!important;border-color:var(--dl-danger-line)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .woocommerce-message{background-color:var(--dl-ok-soft)!important;border-color:var(--dl-ok-line)!important}

/* ---------- withdrawal modal (YITH appends it inside the section) ---------- */
body.yith-wcaf-open-modal::before{content:"";position:fixed;inset:0;z-index:10005;background:rgba(10,9,25,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal{left:50%!important;right:auto!important;top:12vh!important;transform:translateX(-50%)!important;width:min(440px,calc(100vw - 32px))!important;
  padding:22px 0 20px!important;background-color:var(--dl-surface)!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r-xl)!important;box-shadow:var(--dl-sh-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .title h3{margin:0 0 14px!important;font:600 17px/1.3 var(--dl-f-ui)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .main-close-button{left:auto!important;right:12px!important;top:12px!important;display:grid!important;place-items:center;width:30px;height:30px;padding:0!important;
  border-radius:var(--dl-r-sm);font-size:20px!important;line-height:1;color:var(--dl-text-3)!important;text-decoration:none}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .main-close-button:hover{background-color:var(--dl-surface-3)!important;color:var(--dl-text)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal form{display:grid;gap:14px}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .balance-recap{display:grid;gap:4px;padding:14px 16px;border-radius:var(--dl-r-lg);
  background:linear-gradient(160deg,#2b2280,#17143d)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .balance-recap h4{margin:0;font:800 10.5px/1.2 var(--dl-f-ui)!important;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.7)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .balance-recap :is(.affiliate-balance,.affiliate-balance *){font:600 26px/1.1 var(--dl-f-display)!important;color:#fff!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .withdraw-notes{font-size:12.5px;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .withdraw-notes *{color:inherit!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .withdraw-amount .form-row{position:relative;display:block!important;margin:0!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .withdraw-amount .woocommerce-Price-currencySymbol{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--dl-text-3)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal .withdraw-amount input{width:100%!important;height:44px!important;padding-left:30px!important;font:700 16px var(--dl-f-ui)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-modal input[type="submit"]{width:100%!important;height:42px!important}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-kpi-main{grid-column:1/-1}
}
@media (max-width:860px){
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff :is(.link-generator-box,.affiliate-settings-box){grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff ul.yith-wcaf-dashboard-navigation{width:100%}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref{flex-wrap:wrap}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref-txt{flex-basis:calc(100% - 50px)}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref .dl-btn{flex:1 1 auto}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .table-options{margin-left:0!important;width:100%}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar .table-options a.button{margin-left:auto!important}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .yith-wcaf-table-top-bar :is(select,input[type="text"],.select2-container){flex:1 1 140px;min-width:0;width:auto!important}

  /* rows become cards */
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table{border:0!important;background-color:transparent!important;box-shadow:none!important;overflow:visible}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table thead{display:none}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table :is(tbody,tr){display:block}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table tr{margin-bottom:9px;padding:6px 0;
    background-color:var(--dl-surface)!important;border:1px solid var(--dl-line);border-radius:var(--dl-r);box-shadow:var(--dl-sh-1)}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td{display:flex!important;align-items:center;justify-content:space-between;gap:14px;
    padding:7px 14px!important;border:0!important;text-align:right!important;white-space:normal!important}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td::before{content:attr(data-title);float:none!important;flex:none;text-align:left;
    font:800 10.5px/1.4 var(--dl-f-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--dl-text-3)}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table td.column-status{justify-content:flex-end}
  .dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff table.yith-wcaf-table tbody tr:hover td{background-color:transparent!important}
}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref .dl-btn-ghost{color:var(--dl-text-2)!important}
.dl-app.dl-app.dl-app .dl-aff.dl-aff.dl-aff.dl-aff .dl-aff-ref .dl-btn-ghost:hover{color:var(--dl-text)!important}