/* ============================================================
   Ürün Satış ve Kârlılık — UEC compact report (page scrolls)
   ============================================================ */

#app.theme-dashboard-pro.view-reports.view-pp #content,
#app.theme-dashboard-pro.view-pp #content{
  overflow:auto !important;
  overflow-x:hidden !important;
  padding:10px 20px 16px !important;
  background:#0F1117 !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  display:flex !important;
  flex-direction:column;
  min-height:0;
}

.pp-page{
  --pp-bg:#0F1117;
  --pp-card:#171A22;
  --pp-border:#2A2F3A;
  --pp-gold:#D6B04D;
  --pp-gold-soft:rgba(214,176,77,.12);
  --pp-text:#FFFFFF;
  --pp-muted:#9CA3AF;
  --pp-pos:#62D26F;
  --pp-neg:#E45D5D;
  --pp-gap:10px;
  color:var(--pp-text);
  display:flex;
  flex-direction:column;
  gap:var(--pp-gap);
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.pp-page *,.pp-page *::before,.pp-page *::after{box-sizing:border-box}

.pp-head{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:10px 14px;flex:0 0 auto;
}
.pp-title{margin:0;font-size:18px;font-weight:700;letter-spacing:.01em;line-height:1.15}
.pp-sub{margin:2px 0 0;font-size:11px;color:var(--pp-muted);font-weight:500}

.pp-filters{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;
}
.pp-filters label{
  display:flex;flex-direction:column;gap:3px;
  font-size:10px;font-weight:600;color:var(--pp-muted);letter-spacing:.04em;
  text-transform:uppercase;min-width:0;
}
.pp-filters select,.pp-filters input[type="date"]{
  height:36px;min-width:140px;max-width:172px;padding:0 10px;
  border-radius:8px;border:1px solid var(--pp-border);
  background:#12151C;color:var(--pp-text);font-size:12.5px;font-weight:500;
}
.pp-filters .pp-dates{display:none;gap:8px}
.pp-filters.is-custom .pp-dates{display:flex}
.pp-filters .pp-clear{
  height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--pp-border);
  background:transparent;color:var(--pp-muted);font-size:12px;font-weight:600;cursor:pointer;
}
.pp-filters .pp-clear:hover{color:var(--pp-text);border-color:var(--pp-gold)}

.pp-kpis{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:0 0 auto;
}
.pp-kpi{
  background:var(--pp-card);border:1px solid var(--pp-border);border-radius:12px;
  padding:10px 12px;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:4px;
}
.pp-kpi-label{font-size:10px;font-weight:650;color:var(--pp-muted);letter-spacing:.04em;text-transform:uppercase}
.pp-kpi-value{font-size:18px;font-weight:750;letter-spacing:-.01em;line-height:1.1;color:var(--pp-text)}
.pp-kpi-value.is-pos{color:var(--pp-pos)}
.pp-kpi-value.is-neg{color:var(--pp-neg)}
.pp-kpi-hint{font-size:10px;color:var(--pp-muted);font-weight:500}

.pp-tabs{
  display:flex;gap:2px;border-bottom:1px solid var(--pp-border);flex:0 0 auto;
}
.pp-tab{
  border:0;background:transparent;color:var(--pp-muted);font-size:12.5px;font-weight:600;
  padding:8px 14px 10px;cursor:pointer;position:relative;
}
.pp-tab:hover{color:var(--pp-text)}
.pp-tab.active{color:var(--pp-gold)}
.pp-tab.active::after{
  content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;
  background:var(--pp-gold);border-radius:2px;
}

.pp-panel{
  background:var(--pp-card);border:1px solid var(--pp-border);border-radius:12px;
  padding:10px 12px 12px;min-width:0;
}
.pp-coverage{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;
}
.pp-badge{
  display:inline-flex;align-items:center;height:22px;padding:0 8px;
  border-radius:999px;border:1px solid var(--pp-border);background:#12151C;
  color:var(--pp-muted);font-size:10.5px;font-weight:600;letter-spacing:.01em;
}
.pp-badge.is-warn{
  border-color:rgba(201,162,39,.45);color:#E3C260;background:rgba(214,176,77,.08);
}
.pp-sorts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.pp-sort{
  height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--pp-border);
  background:#12151C;color:var(--pp-muted);font-size:11px;font-weight:600;cursor:pointer;
}
.pp-sort:hover{color:var(--pp-text)}
.pp-sort.active{border-color:var(--pp-gold);color:var(--pp-gold);background:var(--pp-gold-soft)}

.pp-table-wrap{width:100%;overflow:visible;background:transparent}
.pp-table{
  width:100%;border-collapse:collapse;table-layout:fixed;
  background:transparent !important;color:var(--pp-text) !important;
}
.pp-table thead,.pp-table tbody,.pp-table tr{background:transparent !important}
.pp-table th{
  text-align:left;font-size:10px !important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--pp-gold) !important;padding:8px 8px;border-bottom:1px solid var(--pp-border);
  cursor:pointer;user-select:none;white-space:nowrap;background:transparent !important;
}
.pp-table th:hover{color:#E3C260 !important}
.pp-table td{
  font-size:9.5px !important;font-weight:500;color:rgba(255,255,255,.88) !important;
  padding:8px 8px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;
  word-break:break-word;background:transparent !important;
}
.pp-table tr:hover td{background:rgba(255,255,255,.02) !important}
.pp-prod-brand{display:block;font-weight:700;color:#fff;font-size:11px !important}
.pp-prod-model{display:block;color:var(--pp-muted);margin-top:2px;font-size:10px !important}
.pp-dual{display:flex;flex-direction:column;gap:2px}
.pp-dual b{font-weight:700;color:#fff}
.pp-per-device span{color:var(--pp-muted);font-size:9.5px !important}
.pp-per-device b{color:#fff;font-weight:700}
.pp-miss{color:#C9A227;font-weight:650}
.pp-empty{padding:28px 12px;text-align:center;color:var(--pp-muted);font-size:12.5px}

.pp-chart{width:100%;height:220px;display:block}
.pp-chart-legend{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;color:var(--pp-muted);
}
.pp-chart-legend i{
  display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;
}

.pp-notes{
  display:flex;align-items:flex-start;gap:6px;padding:4px 2px 2px;
  font-size:10.5px;line-height:1.5;color:var(--pp-muted);
}
.pp-notes > span{flex:1 1 auto;min-width:0}
.pp-tip{
  flex:0 0 auto;width:18px;height:18px;margin-top:1px;border-radius:999px;
  border:1px solid var(--pp-border);background:#12151C;color:var(--pp-muted);
  font-size:10px;font-weight:700;line-height:1;cursor:help;padding:0;
}
.pp-tip:hover{color:var(--pp-gold);border-color:var(--pp-gold)}

@media (max-width:1399px){
  .pp-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .pp-kpi{min-height:66px;padding:8px 10px}
  .pp-kpi-value{font-size:16px}
  .pp-filters select,.pp-filters input[type="date"]{min-width:120px;max-width:150px}
}
@media (max-width:1099px){
  .pp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .pp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-filters select,.pp-filters input[type="date"]{min-width:100%;max-width:100%}
}