.dphkv-wrap{max-width:1200px;margin:18px auto;padding:0 10px}
.dphkv-head{margin-bottom:12px}
.dphkv-title{font-size:22px;font-weight:800;margin-bottom:10px}
.dphkv-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dphkv-file{display:none}
.dphkv-btn{padding:10px 12px;border:1px solid #c9c9c9;border-radius:10px;background:#fff;cursor:pointer}
.dphkv-btn:disabled{opacity:.6;cursor:not-allowed}
.dphkv-primary{font-weight:800}
.dphkv-status{margin-top:10px;padding:10px 12px;border:1px solid #e2e2e2;border-radius:10px;background:#f6f6f6}

.dphkv-legend{margin-top:10px;font-size:14px;color:#333}
.dphkv-chip{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #cfcfcf;font-weight:700}
.dphkv-chip.is-yellow{background:#fff2cc}
.dphkv-chip.is-blue{background:#ddebf7}
.dphkv-chip.is-green{background:#c6efce}
/* Farby polí (žltá = z XML, modrá = súčty, zelená = ručne)
   - !important kvôli téme
   - podpora aj keď je is-* na vnútornom spane v číselnej bunke
*/

/* ŽLTÁ */
.dphkv-wrap td.is-yellow,
.dphkv-wrap input.is-yellow,
.dphkv-wrap .dphkv-box-val.is-yellow,
.dphkv-wrap .dphkv-mini-left.is-yellow,
.dphkv-wrap .dphkv-mini-right.is-yellow{
  background:#fff2cc !important;
}
.dphkv-wrap td.dphkv-num .is-yellow{
  background:#fff2cc !important;
}

/* MODRÁ */
.dphkv-wrap td.is-blue,
.dphkv-wrap input.is-blue,
.dphkv-wrap .dphkv-box-val.is-blue,
.dphkv-wrap .dphkv-mini-left.is-blue,
.dphkv-wrap .dphkv-mini-right.is-blue{
  background:#ddebf7 !important;
}
.dphkv-wrap td.dphkv-num .is-blue{
  background:#ddebf7 !important;
}

/* ZELENÁ */
.dphkv-wrap td.is-green,
.dphkv-wrap input.is-green,
.dphkv-wrap .dphkv-box-val.is-green,
.dphkv-wrap .dphkv-mini-left.is-green,
.dphkv-wrap .dphkv-mini-right.is-green{
  background:#c6efce !important;
}
.dphkv-wrap td.dphkv-num .is-green{
  background:#c6efce !important;
}

/* aby inputy neprebíjali farbu */
.dphkv-wrap .dphkv-input.is-yellow,
.dphkv-wrap .dphkv-input.is-blue,
.dphkv-wrap .dphkv-input.is-green{
  background:transparent !important;
}

/* ČÍSELNÉ BUNKY – ZÁKAZ ZALAMOVANIA */
.dphkv-num,
.dphkv-box-val,
.dphkv-mini-right,
.dphkv-bottom td,
.dphkv-input{
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.dphkv-box-val{
  padding:10px;
  border-radius:8px;
  text-align:right;
  border:1px solid #cfcfcf;
}

.dphkv-mini{
  display:flex;
  flex-direction:column;
  gap:8px
}
.dphkv-mini-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:center
}
.dphkv-mini-left{
  padding:10px;
  border-radius:8px;
  border:1px solid #cfcfcf;
  font-weight:800
}
.dphkv-mini-right{
  padding:10px;
  border-radius:8px;
  border:1px solid #cfcfcf;
  text-align:right
}
.dphkv-mini-right:focus{outline:2px solid rgba(0,0,0,.15)}

.dphkv-bottom{
  width:100%;
  border-collapse:collapse;
  margin-top:18px
}
.dphkv-bottom td{
  border:1px solid #bfbfbf;
  padding:10px;
  font-size:14px
}
.dphkv-bottom-head td{
  background:#efefef;
  font-weight:800
}
.dphkv-bottom-strong td{
  background:#f8f8f8;
  font-weight:800
}

.dphkv-input{
  width:100%;
  border:none;
  background:transparent;
  text-align:right
}
.dphkv-input:focus{outline:2px solid rgba(0,0,0,.15)}

@media print {

  /* 0) LIGHT režim */
  :root{ color-scheme: light !important; }

  /* 1) vypni filtre/overlaye */
  *, *::before, *::after{
    filter:none !important;
    mix-blend-mode: normal !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }

  /* 2) biely papier */
  html, body{
    background:#fff !important;
    color:#000 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* 2b) zabij tmavé pozadia wrapperov témy + odstráň odsadenia */
  .wp-site-blocks,
  .site,
  .site-content,
  .page,
  .page-wrapper,
  .content,
  .content-area,
  .entry-content,
  main,
  .site-main,
  .container,
  .wrap,
  .elementor,
  .elementor-section,
  .elementor-container{
    background:#fff !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* 2c) zruš pseudo overlaye */
  body::before, body::after,
  .wp-site-blocks::before, .wp-site-blocks::after{
    content:none !important;
    background:transparent !important;
  }

  /* 3) schovaj hlavičky/päty/menu aby NEZABERALI miesto */
  header, footer, nav, aside{
    display:none !important;
  }

  /* ✅ 3b) ZRUŠ "SPACER/HERO" BLOKY, ktoré robia veľkú medzeru hore */
  .wp-block-spacer{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  .wp-block-cover,
  .wp-block-group,
  .wp-block-template-part{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  /* ✅ 3c) zruš horné odsadenia kontajnerov (často robí presne toto) */
  main, .site-main, .content-area, .entry-content, .wp-site-blocks{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* 4) skry všetko mimo modulu (cez visibility – nerozbije tabuľky ani stránkovanie) */
  body *{
    visibility:hidden !important;
  }

  /* 5) ukáž iba modul */
  .dph-modul-root,
  .dph-modul-root *{
    visibility:visible !important;
  }

  /* 6) modul + wrapper bez horných odsadení */
  .dph-modul-root{
    position:static !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    transform:none !important;
  }

  .dphkv-wrap{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
  }

  /* extra: odstráň top margin prvých elementov v module */
  .dphkv-head,
  .dphkv-title,
  .dph-modul-root > :first-child{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* (VOLITEĽNÉ) ak by medzera stále ostala, odkomentuj a dolaď px */
  /*
  .dph-modul-root{
    transform: translateY(-120px) !important;
  }
  */

  /* 7) tlač farby buniek */
  *{
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* 8) netlač ovládanie modulu */
  .dphkv-controls,
  .dphkv-status{
    display:none !important;
  }

  /* 9) nech sa tabuľky môžu lámať (aby sa nič nestratilo) */
  .dphkv-table,
  .dphkv-bottom{
    page-break-inside:auto !important;
    width:100% !important;
  }

  .dphkv-table thead{
    display:table-header-group !important;
  }

  .dphkv-table tr,
  .dphkv-bottom tr{
    break-inside:avoid-page;
    page-break-inside:avoid;
  }

  /* 10) čitateľnosť */
  .dphkv-table th,
  .dphkv-table td,
  .dphkv-bottom td{
    font-size:12px !important;
    border-color:#bfbfbf !important;
  }

  @page{ margin:6mm; }

  /* 🔧 POSUN MODULU HORE – odstráni tvrdohlavú hornú medzeru */
}
/* ─────────────────────────────
   TABY (Kontrola / Rozúčtovanie)
   ───────────────────────────── */
.dphkv-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.dphkv-tab{
  padding:8px 12px;
  border:1px solid #c9c9c9;
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  font-weight:800;
}

.dphkv-tab.is-active{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* kľúč: panely sú skryté, aktívny je zobrazený */
.dphkv-panel{ display:none; }
.dphkv-panel.is-active{ display:block; }

/* Rozúčtovanie – vizuálne sekcie */
.dphro-section td{
  background:#efefef;
  font-weight:800;
}
.dphro-total td{
  background:#f8f8f8;
  font-weight:800;
}
.dphro-meta{ margin:10px 0 14px; }