:root{
  --bg:#F3F3F3;
  --card:#ffffff;
  --text:#1b1b1b;
  --muted:#6f6f6f;
  --border:rgba(0,0,0,.08);

  --primary:#79BA56;   /* HOBBYEC default */
  --secondary:#DFB655;
  --shadow: 0 12px 26px rgba(0,0,0,.10);
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
.wrap{max-width:1200px;margin:0 auto;padding:18px}

/* GLENDEA theme */
html[data-view="GLENDEA"]{
  --bg:#F6F4F2;
  --card:#ffffff;
  --text:#2A1A1A;
  --muted:#6b5b58;

  --primary:#8C1D18;     /* bordová */
  --secondary:#D67A2D;   /* oranžovo-medená */
  --border:rgba(140,29,24,.18);
}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.title{display:flex;align-items:center;gap:12px}
.logo{width:38px;height:38px;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.08);border:1px solid var(--border)}
.logo img{width:100%;height:100%;display:block;object-fit:cover}
h1{font-size:18px;margin:0}
.subline{margin-top:2px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dot{opacity:.55}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* cards / grids */
.card{background:var(--card);border-radius:22px;padding:16px;border:1px solid var(--border);box-shadow:var(--shadow)}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}
@media (max-width: 980px){ .grid2{grid-template-columns:1fr} }

.sectionHead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.k{display:inline-block;font-size:12px;font-weight:900;color:var(--primary);background:rgba(0,0,0,.03);border:1px solid var(--border);padding:4px 10px;border-radius:999px}
h2{margin:6px 0 0 0;font-size:18px}
.muted{color:var(--muted)}
.footer{margin-top:14px;color:var(--muted);font-size:12px;text-align:center}

/* form */
.formGrid{display:grid;gap:12px}
.inline3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width: 760px){ .inline3{grid-template-columns:1fr} }

.field{display:grid;gap:6px}
.field > span{font-size:12px;color:var(--muted);font-weight:800}
input,select{
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
  font-weight:800;
}
input:focus,select:focus{outline:3px solid color-mix(in srgb, var(--primary) 22%, transparent);outline-offset:2px}

.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hint{color:var(--muted);font-size:12px}

/* buttons */
.btn{
  background:var(--primary);
  color:#fff;
  border:none;
  border-radius:14px;
  padding:10px 14px;
  font-weight:950;
  cursor:pointer;
}
.btn.ghost{
  background:#fff;
  color:var(--text);
  border:1px solid var(--border);
}
.btn:hover{filter:brightness(.98)}
.btn:active{transform:translateY(1px)}

/* segmented switch */
.seg{
  display:flex;
  border:1px solid var(--border);
  border-radius:999px;
  overflow:hidden;
  background:#fff;
}
.segBtn{
  padding:8px 12px;
  border:none;
  background:transparent;
  cursor:pointer;
  font-weight:950;
  color:var(--muted);
}
.segBtn.active{
  background: color-mix(in srgb, var(--primary) 14%, transparent);
  color: var(--text);
}

/* output */
.empty{padding:18px;border:1px dashed var(--border);border-radius:18px;color:var(--muted)}
.outBlock{margin-top:12px}
.outBlock h3{margin:0 0 8px 0;font-size:14px}
.table{border:1px solid var(--border);border-radius:18px;overflow:hidden}
.trow{display:grid;grid-template-columns:1.2fr .8fr .5fr 1.5fr;gap:0;border-top:1px solid var(--border)}
.trow:first-child{border-top:none}
.tcell{padding:10px 12px}
.thead{background: color-mix(in srgb, var(--secondary) 18%, transparent);font-weight:950}
.note{margin-top:12px;padding:12px;border-radius:18px;background: color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid var(--border);color:var(--muted);font-weight:800}

/* print: nech to vyzerá “pdf-ish” */
@media print{
  .actions, #btnPrint, #btnReset, #btnCalc, #btnLogout, #screenLogin, .footer { display:none !important; }
  body{ background:#fff; }
  .wrap{ max-width: 100%; padding: 0; }
  .card{ box-shadow:none; border:1px solid #ddd; }
}