/* =========================================================
   PREMIUM RETURNS DASHBOARD CSS
   File: assets/css/returns.css
   Scope: .returns-page only
   ========================================================= */
.returns-page{--ret-blue:#2563eb;--ret-sale:#16a34a;--ret-purchase:#2563eb;--ret-impact:#f59e0b;--ret-danger:#ef4444;--ret-text:#111942;--ret-muted:#60719b;--ret-border:#e5eaf4;--ret-bg:#f7f9fd;display:flex;flex-direction:column;gap:16px;padding:4px 3px 16px;color:var(--ret-text);font-family:inherit}
.returns-page *{box-sizing:border-box}
.returns-page .ret-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 6px}
.returns-page .ret-head h1{font-size:28px;line-height:1.18;margin:0 0 6px;font-weight:800;color:#10183e}
.returns-page .ret-head p{font-size:13px;color:var(--ret-muted);margin:0}
.returns-page .ret-head-actions{display:flex;gap:14px;align-items:center}
.returns-page .ret-range{height:47px;min-width:278px;padding:0 16px;border:1px solid #d9e2f1;background:#fff;border-radius:9px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:600;color:#1f2a56}
.returns-page .ret-range span{flex:1}
.returns-page .ret-primary{height:47px;border:none;border-radius:8px;padding:0 20px;background:#1260eb;color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:15px;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.17)}
.returns-page .ret-new-wrap{position:relative}.returns-page .ret-dropdown{position:absolute;right:0;top:53px;width:204px;background:#fff;border:1px solid var(--ret-border);border-radius:10px;padding:7px;box-shadow:0 18px 40px rgba(15,23,42,.12);z-index:20;display:none}
.returns-page .ret-dropdown.show{display:block}.returns-page .ret-dropdown button{display:flex;width:100%;align-items:center;gap:10px;height:42px;border:0;border-radius:7px;background:none;color:#1c2855;font-weight:600;padding:0 11px;cursor:pointer}.returns-page .ret-dropdown button:hover{background:#f4f7fd;color:var(--ret-blue)}
.returns-page .ret-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.returns-page .ret-kpi{height:128px;border:1px solid #ebeff7;background:#fff;border-radius:11px;padding:22px 18px;display:flex;gap:18px;align-items:flex-start;box-shadow:0 7px 22px rgba(21,34,67,.045)}
.returns-page .ret-kpi-icon{height:55px;width:55px;border-radius:12px;display:grid;place-items:center;font-size:25px;flex:none}
.returns-page .ret-kpi.is-total .ret-kpi-icon{background:#def7e7;color:#16a34a}.returns-page .ret-kpi.is-sale .ret-kpi-icon{background:#dbeafe;color:#2563eb}.returns-page .ret-kpi.is-purchase .ret-kpi-icon{background:#ede2ff;color:#7c3aed}.returns-page .ret-kpi.is-impact .ret-kpi-icon{background:#ffecd7;color:#f97316}
.returns-page .ret-kpi-body{display:flex;flex-direction:column;gap:8px}.returns-page .ret-kpi-body>span{font-size:12px;font-weight:600;color:#4c5d87}.returns-page .ret-kpi strong{font-size:20px;line-height:1;color:#141b48;white-space:nowrap}.returns-page .ret-kpi small{font-size:11px;color:#5c6e99;display:flex;align-items:center;gap:7px;font-weight:600}.returns-page .ret-kpi small i{color:#16a34a}.returns-page .ret-kpi small em{font-style:normal;color:#687aa0}
.returns-page .ret-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:15px;align-items:start}.returns-page .ret-work-grid main{min-width:0;display:flex;flex-direction:column;gap:14px}
.returns-page .ret-card{background:#fff;border:1px solid #ebeff7;border-radius:10px;box-shadow:0 6px 20px rgba(24,39,71,.04)}
.returns-page .ret-analytics{display:grid;grid-template-columns:1.42fr .92fr;gap:14px}.returns-page .ret-chart-card,.returns-page .ret-donut-card{height:321px;padding:17px 18px}.returns-page .ret-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.returns-page .ret-card-head h2{font-size:15px;margin:0;color:#121a43;font-weight:750}.returns-page .ret-card-head h2 span{color:#7282a6;font-weight:500}.returns-page .ret-card-head select{height:37px;border:1px solid #dce4f2;border-radius:8px;background:white;padding:0 14px;color:#1f2b56;font-weight:600}
.returns-page .ret-legend{height:45px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#3b4b77}.returns-page .ret-legend span,.returns-page .ret-breakdown i{height:4px;width:20px;border-radius:99px;display:inline-block}.returns-page .ret-legend .sale,.returns-page .ret-breakdown .sale{background:#16a34a}.returns-page .ret-legend .purchase,.returns-page .ret-breakdown .purchase{background:#2563eb;margin-left:19px}
.returns-page .ret-line-chart{width:100%;height:181px;display:block}.returns-page .ret-line-chart line{stroke:#dbe3f1;stroke-width:1;stroke-dasharray:4 4}.returns-page .ret-line-chart polyline{fill:none;stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round}.returns-page .ret-sales-line{stroke:#16a34a}.returns-page .ret-purchase-line{stroke:#2563eb}
.returns-page .ret-chart-labels{height:28px;display:flex;justify-content:space-between;padding:3px 7px 0 22px;color:#52648f;font-size:10px;font-weight:600}
.returns-page .ret-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:25px}.returns-page .ret-donut{height:162px;width:162px;border-radius:50%;background:conic-gradient(var(--ret-sale) 0 var(--sales),var(--ret-purchase) var(--sales) 100%);display:grid;place-items:center}.returns-page .ret-donut>div{height:106px;width:106px;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;color:#26365e}.returns-page .ret-donut strong{font-size:14px;color:#102054}.returns-page .ret-donut small{font-size:10px;color:#7182a5}
.returns-page .ret-breakdown{width:100%;display:flex;justify-content:space-around}.returns-page .ret-breakdown p{margin:0;display:grid;grid-template-columns:12px auto;gap:3px 8px;font-size:11px;color:#14214f}.returns-page .ret-breakdown i{width:9px;height:9px;border-radius:50%;margin:4px 0 0!important;grid-row:1/3}.returns-page .ret-breakdown span{font-size:10px;color:#66769b}
.returns-page .ret-filter-card{padding:12px 14px}.returns-page .ret-filter-row{display:grid;grid-template-columns:1.75fr .9fr .9fr .62fr .62fr;gap:11px}.returns-page .ret-filter-row select,.returns-page .ret-outline,.returns-page .ret-export,.returns-page .ret-search{height:42px;border:1px solid #dbe3f1;border-radius:8px;background:#fff;color:#1d2a54;font-size:12px;font-weight:600}
.returns-page .ret-search{display:flex;align-items:center;gap:10px;padding:0 13px}.returns-page .ret-search i{color:#5c6e99}.returns-page .ret-search input{border:0;outline:0;width:100%;font-size:12px;color:#1c2955}
.returns-page .ret-outline,.returns-page .ret-export{display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer}.returns-page .ret-export{background:var(--ret-blue);color:#fff;border-color:var(--ret-blue)}
.returns-page .ret-chips{display:flex;gap:9px;margin-top:13px}.returns-page .ret-chips button{height:29px;background:#fff;border:1px solid #e1e7f2;border-radius:7px;padding:0 14px;font-size:11px;color:#3b4b74;font-weight:600;cursor:pointer}.returns-page .ret-chips button.active{border-color:#a8c4fd;background:#edf4ff;color:#1260eb}
.returns-page .ret-table-card{padding:12px 13px}.returns-page .ret-table-card .ret-card-head{padding:0 5px 10px}.returns-page .ret-table-card small{font-size:10px;color:#6d7ea2}.returns-page .ret-table-scroll{overflow:auto}.returns-page .ret-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;color:#15234d}.returns-page .ret-table th{height:34px;background:#f4f6fb;text-align:left;padding:0 11px;font-size:10px;color:#536486;font-weight:700;white-space:nowrap;position:sticky;top:0}.returns-page .ret-table td{height:40px;padding:0 11px;border-bottom:1px solid #eef2f8;white-space:nowrap}.returns-page .ret-table tbody tr:hover{background:#fbfdff}.returns-page .ret-link{border:0;background:none;color:#155ce4;font-weight:700;font-size:11px;cursor:pointer;padding:0}.returns-page .ret-type,.returns-page .ret-status{font-size:10px;font-weight:700;padding:5px 10px;border-radius:99px}.returns-page .ret-type.sale{color:#0d8d49;background:#e8f7ee}.returns-page .ret-type.purchase{color:#1260eb;background:#e9f1ff}.returns-page .ret-status.approved{color:#079447;background:#dcfce7}.returns-page .ret-status.pending{color:#e56a00;background:#fff1d6}.returns-page .ret-status.rejected,.returns-page .ret-status.cancelled{color:#dc2626;background:#fee2e2}.returns-page .ret-table .amount{font-weight:700}.returns-page .ret-table .amount.sale{color:#05883f}.returns-page .ret-table .amount.purchase{color:#1d5fe1}.returns-page .ret-action{height:28px;width:28px;border:1px solid #e1e7f1;border-radius:7px;background:#fff;color:#1a2854;cursor:pointer}.returns-page .ret-empty{text-align:center;height:82px!important;color:#7182a4}
.returns-page .ret-table-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 4px 3px;color:#536486;font-size:11px}.returns-page .ret-table-foot label{display:flex;gap:9px;align-items:center}.returns-page .ret-table-foot select{height:35px;border:1px solid #e0e7f2;border-radius:7px;padding:0 16px}.returns-page .ret-table-foot nav{display:flex;gap:5px}.returns-page .ret-table-foot nav button{height:35px;min-width:35px;background:#fff;border:1px solid #e0e7f2;border-radius:7px;cursor:pointer;color:#1a2854}.returns-page .ret-table-foot nav .active{background:var(--ret-blue);border-color:var(--ret-blue);color:#fff}
.returns-page .ret-sidebar{display:flex;flex-direction:column;gap:13px;position:sticky;top:18px}.returns-page .ret-sidebar .ret-card{padding:16px}.returns-page .ret-sidebar h2{font-size:14px;margin:0 0 16px;font-weight:750;color:#101842}.returns-page .ret-top-items .ret-card-head{margin-bottom:8px}.returns-page .ret-top-items .ret-card-head h2{margin:0}.returns-page .ret-top-items .ret-card-head button{border:0;background:none;color:#44557e;font-size:10px;font-weight:600}.returns-page .ret-item{height:43px;display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:9px}.returns-page .ret-item .rank{height:19px;width:19px;border-radius:4px;color:#fff;font-size:10px;display:grid;place-items:center}.returns-page .ret-item .r1{background:#16a34a}.returns-page .ret-item .r2{background:#2563eb}.returns-page .ret-item .r3{background:#f97316}.returns-page .ret-item .r4{background:#7c3aed}.returns-page .ret-item .r5{background:#94a3b8}.returns-page .ret-item div strong{display:block;font-size:10px;color:#13204e}.returns-page .ret-item div small{font-size:9px;color:#63749b}.returns-page .ret-item>span{font-size:10px;font-weight:700;color:#15224d}.returns-page .ret-empty-side{font-size:11px;color:#7182a4;padding:13px 0}
@media(max-width:1200px){.returns-page .ret-kpis{grid-template-columns:repeat(2,1fr)}.returns-page .ret-work-grid{grid-template-columns:1fr}.returns-page .ret-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.returns-page .ret-head{flex-direction:column}.returns-page .ret-head-actions{width:100%;flex-wrap:wrap}.returns-page .ret-range{min-width:0;flex:1}.returns-page .ret-analytics,.returns-page .ret-filter-row{grid-template-columns:1fr}.returns-page .ret-sidebar{display:flex}.returns-page .ret-chips{overflow:auto}.returns-page .ret-kpis{grid-template-columns:1fr}.returns-page .ret-chart-card,.returns-page .ret-donut-card{height:auto}}


/* =========================================================
   RETURNS DASHBOARD LAYOUT REFINEMENT
   - Top Returned Items is the only right-side panel
   - Professional filters and recent activity presentation
   ========================================================= */
.returns-page .ret-work-grid{grid-template-columns:minmax(0,1fr) 318px;gap:18px}
.returns-page .ret-sidebar{top:24px;gap:0}
.returns-page .ret-top-items-featured{padding:0!important;overflow:hidden}
.returns-page .ret-top-items-featured .ret-card-head{padding:19px 18px 16px;border-bottom:1px solid #eef2f8;background:linear-gradient(135deg,#ffffff 0%,#fffaf0 100%)}
.returns-page .ret-top-items-featured .ret-card-head h2{font-size:15px;margin:0 0 5px;color:#101842}
.returns-page .ret-top-items-featured .ret-card-head small{font-size:10.5px;color:#68799d;font-weight:500}
.returns-page .ret-top-items-featured .ret-card-head button{color:#c67800;font-size:11px;display:flex;align-items:center;gap:6px;cursor:pointer}
.returns-page .ret-top-items-featured .ret-item{height:64px;grid-template-columns:25px minmax(0,1fr) auto;gap:11px;padding:0 18px;border-bottom:1px solid #eef2f8}
.returns-page .ret-top-items-featured .ret-item:last-child{border-bottom:0}
.returns-page .ret-top-items-featured .ret-item .rank{height:25px;width:25px;border-radius:7px;font-size:11px;font-weight:700}
.returns-page .ret-top-items-featured .ret-item div strong{font-size:11.5px;line-height:1.32;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.returns-page .ret-top-items-featured .ret-item div small{display:block;margin-top:3px;font-size:10px}
.returns-page .ret-top-items-featured .ret-item>span{font-size:11px}
.returns-page .ret-top-items-featured .ret-empty-side{padding:28px 18px;color:#7182a4}

.returns-page .ret-filter-card{padding:0;overflow:hidden}
.returns-page .ret-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px 13px;border-bottom:1px solid #edf1f7}
.returns-page .ret-filter-heading h2{font-size:15px;line-height:1.2;margin:0 0 4px;color:#111942;font-weight:750}
.returns-page .ret-filter-heading p{font-size:11px;margin:0;color:#68799c}
.returns-page .ret-filter-heading .ret-export{height:40px;min-width:104px;border-radius:8px;font-size:12px}
.returns-page .ret-filter-row{display:grid;grid-template-columns:minmax(260px,1.9fr) minmax(145px,.82fr) minmax(145px,.82fr) 132px;align-items:end;gap:12px;padding:14px 18px}
.returns-page .ret-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.returns-page .ret-field>span:first-child{font-size:10.5px;font-weight:700;color:#394a73}
.returns-page .ret-filter-row select,.returns-page .ret-outline,.returns-page .ret-search{height:43px;border-radius:8px}
.returns-page .ret-filter-row select{width:100%;padding:0 12px;background:#fff}
.returns-page .ret-search{width:100%;padding:0 13px;display:flex;align-items:center}
.returns-page .ret-filter-action{width:100%;font-size:12px}
.returns-page .ret-chips{border-top:1px solid #edf1f7;background:#fbfcff;display:flex;align-items:center;gap:9px;margin:0;padding:12px 18px;overflow:auto}
.returns-page .ret-chips strong{font-size:11px;white-space:nowrap;color:#43547d;margin-right:3px}
.returns-page .ret-chips button{height:31px;padding:0 15px;border-radius:8px;white-space:nowrap}
.returns-page .ret-chips button.active{background:var(--ret-blue);border-color:var(--ret-blue);color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.15)}

.returns-page .ret-table-card{padding:0;overflow:hidden}
.returns-page .ret-table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 15px;border-bottom:1px solid #edf1f7}
.returns-page .ret-table-head h2{margin:0 0 4px;font-size:15px;color:#111942;font-weight:750}
.returns-page .ret-table-head p{margin:0;font-size:11px;color:#68799c}
.returns-page .ret-table-stat{background:#fff8e8;border:1px solid #f5e2b3;border-radius:9px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:155px;height:52px;padding:0 13px}
.returns-page .ret-table-stat small{font-size:9.5px;color:#916400;font-weight:600}
.returns-page .ret-table-stat strong{font-size:14px;color:#d68500;margin-top:3px}
.returns-page .ret-table-scroll{max-width:100%;overflow-x:auto;border-bottom:1px solid #edf1f7}
.returns-page .ret-table{font-size:11.5px}
.returns-page .ret-table th{height:41px;padding:0 13px;background:#f7f9fd;color:#526487}
.returns-page .ret-table td{height:50px;padding:0 13px}
.returns-page .ret-table tbody tr:hover{background:#fffdf7}
.returns-page .ret-action:hover{border-color:#fdba42;color:#d97706;background:#fff8ec}
.returns-page .ret-table-foot{padding:14px 18px 16px;font-size:11px;background:#fff;gap:16px}
.returns-page .ret-table-controls{display:flex;align-items:center;gap:18px}
.returns-page .ret-table-foot label{display:flex;gap:9px;align-items:center}
.returns-page .ret-table-foot select{height:36px;background:#fff}
.returns-page .ret-table-foot nav button{height:36px;min-width:36px}

@media(max-width:1200px){
  .returns-page .ret-work-grid{grid-template-columns:1fr}
  .returns-page .ret-sidebar{position:static;display:block}
  .returns-page .ret-top-items-featured{max-width:none}
  .returns-page .ret-top-items-featured .ret-item{grid-template-columns:25px minmax(0,1fr) auto}
}
@media(max-width:850px){
  .returns-page .ret-filter-heading,.returns-page .ret-table-head,.returns-page .ret-table-foot{flex-direction:column;align-items:stretch}
  .returns-page .ret-filter-row{grid-template-columns:1fr;padding:14px}
  .returns-page .ret-table-controls{justify-content:space-between;gap:10px;flex-wrap:wrap}
  .returns-page .ret-table-stat{align-items:flex-start}
}


/* =========================================================
   EXACT REFERENCE LAYOUT FIX
   - Three overview cards in one aligned row.
   - Filters and Recent Returns span exactly the same full width.
   - No reserved sidebar column or blank lower-right space.
   ========================================================= */
.returns-page .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}
.returns-page .ret-overview-grid{
  display:grid;
  grid-template-columns:minmax(430px,1.48fr) minmax(285px,.82fr) minmax(300px,.90fr);
  gap:14px;
  align-items:stretch;
}
.returns-page .ret-overview-grid .ret-sidebar{
  position:static;
  display:block;
  min-width:0;
  height:321px;
}
.returns-page .ret-overview-grid .ret-top-items-featured{
  height:321px;
  max-width:none;
  display:flex;
  flex-direction:column;
}
.returns-page .ret-overview-grid .ret-top-items-featured .ret-card-head{
  padding:15px 16px 12px;
}
.returns-page .ret-overview-grid .ret-top-items-featured .ret-item{
  flex:1;
  min-height:0;
  height:auto;
  padding:0 16px;
  grid-template-columns:23px minmax(0,1fr) auto;
  gap:9px;
}
.returns-page .ret-overview-grid .ret-top-items-featured .ret-item .rank{
  height:22px;
  width:22px;
  border-radius:5px;
}
.returns-page .ret-overview-grid .ret-top-items-featured .ret-item div strong{
  max-width:150px;
  font-size:10.5px;
}
.returns-page .ret-filter-reference,
.returns-page .ret-table-reference{
  width:100%;
  max-width:none;
}
.returns-page .ret-filter-reference{
  padding:12px 14px 0;
  overflow:hidden;
}
.returns-page .ret-filter-reference .ret-filter-row{
  grid-template-columns:minmax(300px,2.1fr) minmax(160px,.92fr) minmax(160px,.92fr) 112px 116px;
  align-items:center;
  gap:12px;
  padding:0 0 11px;
}
.returns-page .ret-filter-reference .ret-field{min-width:0}
.returns-page .ret-filter-reference .ret-search,
.returns-page .ret-filter-reference select,
.returns-page .ret-filter-reference .ret-outline,
.returns-page .ret-filter-reference .ret-export{
  height:43px;
}
.returns-page .ret-filter-reference .ret-export{
  width:100%;
  border:1px solid var(--ret-blue);
  background:var(--ret-blue);
  color:#fff;
  border-radius:8px;
  font-weight:700;
  cursor:pointer;
}
.returns-page .ret-filter-reference .ret-chips{
  margin:0 -14px;
  padding:11px 14px;
  border-top:1px solid #edf1f7;
  display:flex;
  gap:10px;
  align-items:center;
}
.returns-page .ret-filter-reference .ret-date-chip{
  height:31px;
  padding:0 13px;
  border-radius:8px;
  border:1px solid #dae3f1;
  background:#fff;
  color:#1c2a54;
  font-size:11px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
}
.returns-page .ret-table-reference .ret-simple-table-head{
  padding:14px 16px 10px;
}
.returns-page .ret-table-reference .ret-simple-table-head h2{
  margin:0;
  font-size:15px;
  color:#101842;
  font-weight:750;
}
.returns-page .ret-table-reference .ret-table-scroll{
  border-top:1px solid #edf1f7;
}
@media(max-width:1260px){
  .returns-page .ret-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.92fr)}
  .returns-page .ret-overview-grid .ret-sidebar{
    grid-column:1 / -1;
    height:auto;
  }
  .returns-page .ret-overview-grid .ret-top-items-featured{height:auto}
  .returns-page .ret-overview-grid .ret-top-items-featured .ret-item{height:54px;flex:none}
}
@media(max-width:900px){
  .returns-page .ret-overview-grid{grid-template-columns:1fr}
  .returns-page .ret-chart-card,.returns-page .ret-donut-card{height:auto}
  .returns-page .ret-filter-reference .ret-filter-row{grid-template-columns:1fr}
  .returns-page .ret-filter-reference .ret-chips{overflow-x:auto}
}