/* ═══════════════════════════════════════════════════════════════════════
   Rental Negotiation — P&L
   ธีมพาสเทลจากสีโลโก้ SLC  #2eaeca
   สีของกราฟผ่าน validator ของ skill dataviz แล้วทั้งโหมดสว่างและมืด
   แก้สีเมื่อไหร่ ต้องรัน validate_palette.js ใหม่ทั้งสองโหมด
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  color-scheme:light;
  /* แบรนด์ */
  --brand:#2eaeca; --brand-deep:#1c7f96; --brand-ink:#125f72;
  --brand-50:#f2fbfd; --brand-100:#e2f5fa; --brand-200:#c8ebf3; --brand-300:#9fdcea;
  /* พื้น */
  --plane:#f4fafc; --surface:#fbfdfe; --surface-2:#f0f8fb; --surface-3:#e7f4f8;
  --ink:#0d2a31; --ink-2:#456a73; --muted:#7d99a1;
  --grid:#dceef3; --axis:#b9dbe4; --border:rgba(28,127,150,.14);
  /* กราฟ — light  (validated on surface #fbfdfe) */
  --s1:#2a8fb8; --s2:#eb6834; --s3:#0f9d8a; --s4:#eda100; --s5:#e87ba4;
  --ref:#8aa6ae;
  --good:#0ca30c; --warn:#e39a12; --crit:#d03b3b;
  --pos:#046b3f; --neg:#c2333a;
  /* เงาแบบนุ่ม เล่นแสงจากด้านบน */
  --sh-1:0 1px 2px rgba(18,95,114,.05), 0 2px 10px rgba(18,95,114,.05);
  --sh-2:0 2px 4px rgba(18,95,114,.06), 0 12px 32px -8px rgba(18,95,114,.16);
  --sh-glow:0 0 0 1px rgba(46,174,202,.16), 0 8px 28px -6px rgba(46,174,202,.30);
  --sheen:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,0) 62%);
  --r:16px; --r-sm:10px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --brand:#4cc4de; --brand-deep:#2eaeca; --brand-ink:#a8e4f0;
    --brand-50:#0f1e22; --brand-100:#12262c; --brand-200:#17323a; --brand-300:#1f4650;
    --plane:#0a1416; --surface:#14201f; --surface-2:#1a2a2c; --surface-3:#213437;
    --ink:#eaf6f8; --ink-2:#a9c4cb; --muted:#7d99a1;
    --grid:#22353a; --axis:#31494f; --border:rgba(140,220,235,.13);
    --s1:#2f9ac6; --s2:#d95926; --s3:#0f9d8a; --s4:#c98500; --s5:#d55181;
    --ref:#7d99a1;
    --good:#0ca30c; --warn:#e0a33a; --crit:#e15b5b;
    --pos:#3fbf7a; --neg:#f0827f;
    --sh-1:0 1px 2px rgba(0,0,0,.35), 0 2px 10px rgba(0,0,0,.28);
    --sh-2:0 2px 4px rgba(0,0,0,.4), 0 14px 34px -10px rgba(0,0,0,.6);
    --sh-glow:0 0 0 1px rgba(76,196,222,.22), 0 8px 28px -6px rgba(46,174,202,.32);
    --sheen:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 62%);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --brand:#4cc4de; --brand-deep:#2eaeca; --brand-ink:#a8e4f0;
  --brand-50:#0f1e22; --brand-100:#12262c; --brand-200:#17323a; --brand-300:#1f4650;
  --plane:#0a1416; --surface:#14201f; --surface-2:#1a2a2c; --surface-3:#213437;
  --ink:#eaf6f8; --ink-2:#a9c4cb; --muted:#7d99a1;
  --grid:#22353a; --axis:#31494f; --border:rgba(140,220,235,.13);
  --s1:#2f9ac6; --s2:#d95926; --s3:#0f9d8a; --s4:#c98500; --s5:#d55181;
  --ref:#7d99a1;
  --good:#0ca30c; --warn:#e0a33a; --crit:#e15b5b;
  --pos:#3fbf7a; --neg:#f0827f;
  --sh-1:0 1px 2px rgba(0,0,0,.35), 0 2px 10px rgba(0,0,0,.28);
  --sh-2:0 2px 4px rgba(0,0,0,.4), 0 14px 34px -10px rgba(0,0,0,.6);
  --sh-glow:0 0 0 1px rgba(76,196,222,.22), 0 8px 28px -6px rgba(46,174,202,.32);
  --sheen:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 62%);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--plane); color:var(--ink);
  font:14px/1.55 system-ui,-apple-system,"Segoe UI","Noto Sans Thai",sans-serif;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1100px 520px at 12% -8%, var(--brand-100) 0%, transparent 62%),
    radial-gradient(900px 460px at 92% 2%, color-mix(in srgb,var(--s5) 12%, transparent) 0%, transparent 58%);
  background-attachment:fixed;
}
.wrap{max-width:1560px;margin:0 auto;padding:0 22px 72px}

/* ── header ─────────────────────────────────────────────────────────── */
header{padding:26px 0 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{height:42px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(46,174,202,.28))}
.htxt h1{margin:0;font-size:20px;font-weight:680;letter-spacing:-.015em;color:var(--ink)}
.htxt .sub{margin:4px 0 0;color:var(--ink-2);font-size:13px}
.htxt .sub b{color:var(--brand-ink);font-weight:650}
.hrule{width:1px;align-self:stretch;background:linear-gradient(var(--border),transparent);margin:2px 0}
.spacer{flex:1}
.iconbtn{
  border:1px solid var(--border);background:var(--surface);color:var(--ink-2);
  height:36px;min-width:36px;padding:0 10px;border-radius:11px;cursor:pointer;font:inherit;font-size:13px;
  display:inline-flex;align-items:center;gap:7px;justify-content:center;
  box-shadow:var(--sh-1);transition:.16s
}
.iconbtn:hover{color:var(--brand-ink);border-color:var(--brand-300);box-shadow:var(--sh-glow);transform:translateY(-1px)}
.iconbtn.primary{
  background:linear-gradient(180deg,var(--brand) 0%,var(--brand-deep) 100%);
  color:#fff;border-color:transparent;font-weight:600;
  box-shadow:0 2px 4px rgba(18,95,114,.2),0 8px 20px -6px rgba(46,174,202,.55)
}
.iconbtn.primary:hover{color:#fff;filter:brightness(1.06)}

/* ── control bar ────────────────────────────────────────────────────── */
.bar{
  position:sticky;top:0;z-index:30;
  background:color-mix(in srgb,var(--plane) 86%,transparent);
  backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  padding:11px 14px;margin:0 -14px 18px;border-radius:var(--r);
  border:1px solid var(--border);box-shadow:var(--sh-1);
  display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end
}
.grp{display:flex;flex-direction:column;gap:6px}
.grp>label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chips{display:flex;gap:3px;background:var(--surface-3);padding:3px;border-radius:12px;border:1px solid var(--border)}
.chip{
  border:0;background:transparent;color:var(--ink-2);cursor:pointer;
  padding:6px 14px;border-radius:9px;font:inherit;font-size:13px;font-weight:500;
  transition:.16s;white-space:nowrap
}
.chip:hover{color:var(--brand-ink)}
.chip[aria-pressed="true"]{
  background:var(--surface);color:var(--brand-ink);font-weight:650;
  box-shadow:0 1px 2px rgba(18,95,114,.10),0 2px 8px -2px rgba(46,174,202,.35)
}
select,input[type=text],input[type=number]{
  font:inherit;font-size:13px;padding:7px 11px;border-radius:10px;
  border:1px solid var(--border);background:var(--surface);color:var(--ink);
  box-shadow:var(--sh-1)
}
select{cursor:pointer}
select:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}

/* ── cards ──────────────────────────────────────────────────────────── */
.card{
  position:relative;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);box-shadow:var(--sh-2);padding:18px 20px;margin-bottom:18px;overflow:hidden
}
.card::before{content:"";position:absolute;inset:0 0 auto;height:56%;background:var(--sheen);pointer-events:none}
.card>*{position:relative}
.card>h2{margin:0 0 3px;font-size:14.5px;font-weight:680;letter-spacing:-.005em}
.card>.cap{margin:0 0 14px;font-size:12px;color:var(--muted);line-height:1.65}
.card.accent{border-top:2px solid var(--brand)}

/* ── KPI ────────────────────────────────────────────────────────────── */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:13px;margin-bottom:18px}
.kpi{
  position:relative;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);box-shadow:var(--sh-2);padding:15px 17px;overflow:hidden;
  transition:.18s
}
.kpi::before{content:"";position:absolute;inset:0 0 auto;height:60%;background:var(--sheen);pointer-events:none}
.kpi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc,var(--brand));opacity:.85}
.kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-2),var(--sh-glow)}
.kpi>*{position:relative}
.kpi .k{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kpi .v{font-size:24px;font-weight:660;letter-spacing:-.025em;margin:7px 0 3px;line-height:1.12}
.kpi .d{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:18px}
.up{color:var(--pos);font-weight:650}
.down{color:var(--neg);font-weight:650}
.kpi .spark{margin-top:9px;display:block}

/* ── charts ─────────────────────────────────────────────────────────── */
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:18px;margin-bottom:18px}
.legend{display:flex;gap:15px;flex-wrap:wrap;margin:0 0 11px;font-size:12px;color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.sw{width:11px;height:11px;border-radius:3px;flex:none;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.sw.line{height:2.5px;border-radius:2px;width:15px;box-shadow:none}
figure{margin:0}
svg{display:block;width:100%;height:auto;overflow:visible}
.gl{stroke:var(--grid);stroke-width:1}
.ax{stroke:var(--axis);stroke-width:1}
.tick{fill:var(--muted);font-size:10.5px}
.dlab{fill:var(--ink-2);font-size:10.5px;font-weight:650;paint-order:stroke;stroke:var(--surface);stroke-width:3.5px}
.hit{fill:transparent;cursor:crosshair}
.cross{stroke:var(--axis);stroke-width:1;pointer-events:none}

.tip{
  position:fixed;z-index:80;pointer-events:none;opacity:0;transition:opacity .12s;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  box-shadow:var(--sh-2);padding:10px 12px;font-size:12px;min-width:160px
}
.tip .th{font-weight:680;margin-bottom:7px;font-size:12px;color:var(--brand-ink)}
.tip .tr{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:3px}
.tip .tn{display:flex;align-items:center;gap:6px;color:var(--ink-2)}
.tip .tv{font-variant-numeric:tabular-nums;font-weight:650}

/* ── tables ─────────────────────────────────────────────────────────── */
.tblwrap{
  overflow-x:auto;border-radius:var(--r);border:1px solid var(--border);
  background:var(--surface);box-shadow:var(--sh-2);margin-bottom:18px
}
table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;
  font-variant-numeric:tabular-nums;font-size:12.5px}
th,td{padding:7px 12px;text-align:right;white-space:nowrap}
thead th{
  position:sticky;top:0;z-index:3;background:var(--surface-3);color:var(--ink-2);
  font-weight:650;font-size:11.5px;border-bottom:1px solid var(--border)
}
thead th.y{font-size:9.5px;letter-spacing:.07em;color:var(--brand-ink);text-transform:uppercase;
  padding-bottom:2px;border-bottom:0;font-weight:700}
th.lbl,td.lbl{
  position:sticky;left:0;z-index:2;background:var(--surface);text-align:left;
  min-width:200px;border-right:1px solid var(--border)
}
thead th.lbl{z-index:4;background:var(--surface-3)}
tbody tr:hover td,tbody tr:hover td.lbl{background:var(--surface-2)}
.l1 .lbl{padding-left:28px;color:var(--ink-2)}
.l2 .lbl{padding-left:46px;color:var(--muted)}
.tot td{font-weight:680;border-top:1px solid var(--axis);background:var(--surface)}
.tot:hover td{background:var(--surface-2)}
.gap td{height:9px;padding:0;border:0;background:var(--surface-2)}
td.tt{border-left:1px solid var(--border);font-weight:680;background:var(--surface-2)}
tbody tr:hover td.tt{background:var(--surface-3)}
.neg{color:var(--neg)}
.rent td{background:color-mix(in srgb,var(--s4) 10%,transparent)}
.rent:hover td{background:color-mix(in srgb,var(--s4) 17%,transparent)}
.est{color:var(--warn);font-weight:800;cursor:help}
/* เดือนพยากรณ์ — ต้องแยกออกจากข้อมูลจริงด้วยตาเปล่าทันที */
td.fc{background:color-mix(in srgb,var(--brand) 7%,transparent)}
tbody tr:hover td.fc{background:color-mix(in srgb,var(--brand) 13%,transparent)}
thead th.fc{background:color-mix(in srgb,var(--brand) 16%,var(--surface-3));font-style:italic}
.fcb{display:inline-block;font-size:9px;font-weight:800;color:#fff;background:var(--brand-deep);
  border-radius:4px;padding:0 3px;vertical-align:1px;letter-spacing:.02em}
.pt{font-size:10px;color:var(--warn);font-weight:700}

/* ช่องที่แก้ได้ */
td.edit{cursor:cell;position:relative}
td.edit:hover{box-shadow:inset 0 0 0 1.5px var(--brand-300);border-radius:5px}
td.edit.dirty{background:color-mix(in srgb,var(--brand) 15%,transparent)!important;font-weight:650}
td.edit.dirty::after{content:"✎";position:absolute;left:3px;top:3px;font-size:8px;color:var(--brand-deep);opacity:.75}
td.edit[contenteditable="true"]{
  outline:2px solid var(--brand);border-radius:5px;background:var(--surface)!important;
  box-shadow:var(--sh-glow)
}

/* ── summary table ──────────────────────────────────────────────────── */
#sum table{font-size:13px}
#sum tbody td{padding:9px 12px}
#sum .head td{font-weight:700;font-size:13.5px}
#sum .sub td{color:var(--ink-2)}
#sum .band td{background:linear-gradient(90deg,var(--brand-100),transparent 70%)}
#sum tbody tr.big td{font-size:14px;font-weight:700}

/* ── ตารางการเติบโต ─────────────────────────────────────────────────── */
#growth table{font-size:12.5px}
#growth thead th{text-align:right}
#growth th.lbl,#growth td.lbl{min-width:110px;font-weight:650}
#growth td.g{font-variant-numeric:tabular-nums;font-size:11.5px}
#growth td.g.up{color:var(--pos)}
#growth td.g.down{color:var(--neg)}
.gsub{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--brand-ink);
  background:var(--brand-100);border-radius:4px;padding:1px 5px}

/* ── assumptions ────────────────────────────────────────────────────── */
.asm{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.asm label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--ink-2);font-weight:600}
.asm input{width:100%;text-align:right;font-variant-numeric:tabular-nums}
.asm input.dirty{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));font-weight:650}
.asmbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:15px;
  padding-top:14px;border-top:1px solid var(--border)}

/* หัวเรื่องประจำหน้าเวลาพิมพ์ — บนจอไม่แสดง */
.printhead,.printsrc{display:none}

/* ── misc ───────────────────────────────────────────────────────────── */
.note{font-size:12px;color:var(--muted);line-height:1.8}
.note b{color:var(--ink-2)}
.pill{display:inline-block;padding:1.5px 9px;border-radius:20px;font-size:11px;font-weight:650;
  border:1px solid var(--border);color:var(--brand-ink);background:var(--brand-100)}
.bench{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-top:6px}
.bench .k{font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.bench .v{font-size:19px;font-weight:660;margin-top:4px;letter-spacing:-.02em}
footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.wmrow{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:13px;
  padding-top:13px;border-top:1px solid var(--border)}
.wmrow input[type=text]{flex:1;min-width:280px}
.sw-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer}
.sw-toggle input{accent-color:var(--brand);width:16px;height:16px;cursor:pointer}

@media(max-width:680px){
  .wrap{padding:0 12px 44px}
  .charts{grid-template-columns:1fr}
  .bar{gap:14px}
  .htxt h1{font-size:17px}
}

/* ═══ ลายน้ำ + หน้าพิมพ์ ═══════════════════════════════════════════════ */
/* ลายน้ำเป็น "กระเบื้อง" background ไม่ใช่ span วางตำแหน่ง
   เหตุผล: fixed จะขึ้นแค่หน้าแรกตอนพิมพ์ ส่วน absolute ที่กำหนดความสูงเป็น px
   จะยาวเกินเนื้อหาจนเกิดหน้าเปล่าท้ายไฟล์ — แบบกระเบื้องพอดีกับเนื้อหาเสมอ
   และปูซ้ำเองทุกหน้าของ PDF */
body{position:relative}
#wm{
  position:absolute;inset:0;z-index:5;pointer-events:none;display:none;
  background-image:var(--wm-img);background-repeat:repeat;background-position:center top
}
body.wm #wm{display:block}

@media print{
  @page{size:A4 landscape;margin:10mm 8mm 12mm}
  body{background:#fff!important;background-image:none!important;font-size:9.5pt}
  .wrap{max-width:none;padding:0}
  .bar,#theme,.toolbar,.asmbar,.wmrow,.noprint,#notecard,footer{display:none!important}
  .card,.kpi,.tblwrap{
    box-shadow:none!important;border:1px solid #cfe3e9!important;
    break-inside:avoid;page-break-inside:avoid;margin-bottom:6px
  }
  .card::before,.kpi::before{display:none}
  .kpis{grid-template-columns:repeat(7,1fr);gap:5px}
  .kpi{padding:7px 9px}
  .kpi .k{font-size:6.5pt}
  .kpi .v{font-size:12.5pt}
  .kpi .d{font-size:6.5pt}
  .kpi .spark{display:none}
  .charts{grid-template-columns:1fr 1fr;gap:7px}

  /* ── หนึ่งตาราง หนึ่งหน้า ──────────────────────────────────────────
     ผู้ใช้ขอ 29 ส.ค. 2026: ตารางสรุปและ P&L เต็ม ต้องอยู่คนละหน้า
     และห้ามมีเนื้อหาอื่นติดมาด้วย */
  #sumcard,#plcard,#gcard{break-before:page;page-break-before:always;break-after:avoid;padding:0;border:0!important}
  #sum,#pltbl,#growth{break-before:avoid;break-inside:auto}
  #sumcard>h2,#plcard>h2,#sumcard>.cap,#plcard>.cap{display:none}
  #gcard{display:none!important}
  #growth{display:none!important}
  /* ถ้าเลือกส่งออกเฉพาะตารางเดียว อย่าให้มีหน้าเปล่านำหน้า */
  body.only-sum #sumcard,body.only-pl #plcard{break-before:auto;page-break-before:auto}

  .printhead{
    display:flex!important;align-items:center;gap:10px;
    padding:0 0 5px;margin:0 0 6px;border-bottom:1.5px solid #2eaeca
  }
  .printhead img{height:24px;width:auto}
  .printhead .pt1{font-size:11pt;font-weight:700;color:#125f72;line-height:1.25}
  .printhead .pt2{font-size:7.5pt;color:#456a73;line-height:1.3}
  .printhead .pu{margin-left:auto;padding-right:2px;text-align:right;font-size:7.5pt;color:#456a73;white-space:nowrap}
  .printhead .pu b{display:block;font-size:8.5pt;color:#125f72}
  .printsrc{display:block!important;margin:5px 0 0;font-size:6.8pt;color:#7d99a1;line-height:1.5}

  /* ── ทำให้ตารางกว้าง 19-20 คอลัมน์ลงหน้า A4 แนวนอนได้ ─────────────── */
  .tblwrap{overflow:visible!important}
  table{width:100%!important;table-layout:fixed;font-size:7pt}
  th,td{padding:2px 3px!important;overflow:hidden;text-overflow:ellipsis}
  th.lbl,td.lbl{position:static!important;min-width:0;width:118px;white-space:normal;line-height:1.25}
  #sum th.lbl,#sum td.lbl{width:150px}
  /* table-layout:fixed แบ่งคอลัมน์เท่ากันหมด แต่ยอดรวมช่วงตัวเลขยาวกว่าเดือน ต้องกว้างกว่า */
  thead th.tt{width:56px}
  #sum td.lbl .note{white-space:normal;font-size:5.8pt!important;line-height:1.2}
  #sum tbody td{padding:3px!important}
  #sum table,#sum tbody tr.big td{font-size:7.2pt}
  .l1 .lbl{padding-left:9px!important}
  .l2 .lbl{padding-left:17px!important}
  thead th{position:static!important;background:#eaf6fa!important;font-size:6.6pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  thead th.y{font-size:5.8pt}
  td.tt,thead th.tt{background:#e7f4f8!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rent td{background:#fdf4e0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sum .band td{background:#e6f5fa!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  td.fc{background:#eef8fc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  thead th.fc{background:#d8eef6!important;font-style:italic;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #fccard{display:none!important}
  .gap td{height:4px}
  .pill{display:none}

  body.wm-print #wm{display:block!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  a[href]:after{content:""}
}
/* พิมพ์เฉพาะบางส่วน — ตั้งโดยปุ่ม export */
body.only-sum .charts,body.only-sum #plcard,body.only-sum #pltbl,
body.only-sum .kpis,body.only-sum #rentcard,body.only-sum #asmcard,
body.only-sum header{display:none!important}
body.only-pl .charts,body.only-pl #sumcard,body.only-pl #sum,
body.only-pl .kpis,body.only-pl #rentcard,body.only-pl #asmcard,
body.only-pl header{display:none!important}