/* STÁNEK PRO 4.2.9 TEST – výraznější liquid-glass vzhled podle loga */
:root{
  --glass-ink:#173c33;
  --glass-muted:#6b7f77;
  --glass-green:#1d6d57;
  --glass-green-deep:#10483a;
  --glass-gold:#d2ab56;
  --glass-gold-soft:#ecd69a;
  --glass-red:#da5a4d;
  --glass-red-deep:#b84239;
  --glass-border:rgba(255,255,255,.58);
  --glass-surface:rgba(255,255,255,.36);
  --glass-surface-2:rgba(255,255,255,.54);
  --glass-shadow:0 20px 60px rgba(17,53,41,.16),0 3px 14px rgba(28,65,52,.08);
  --glass-shadow-soft:0 12px 30px rgba(17,53,41,.10);
  color-scheme:light;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--glass-ink);
  background:#ecf1ec;
}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  color:var(--glass-ink);
  background:
    radial-gradient(circle at 15% 15%, rgba(248,225,192,.88) 0, rgba(248,225,192,.34) 16%, transparent 40%),
    radial-gradient(circle at 85% 12%, rgba(170,232,221,.58) 0, rgba(170,232,221,.18) 18%, transparent 42%),
    radial-gradient(circle at 70% 72%, rgba(236,206,255,.42) 0, rgba(236,206,255,.08) 18%, transparent 42%),
    linear-gradient(140deg,#eee6e1 0%,#e7efef 34%,#f4efe8 72%,#edf3ec 100%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(70px)}
body::before{width:320px;height:320px;left:-90px;top:130px;background:rgba(146,231,212,.22)}
body::after{width:380px;height:380px;right:-120px;bottom:-120px;background:rgba(245,201,228,.18)}

body > header{
  position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 38px;min-height:102px;
  background:linear-gradient(100deg,rgba(10,76,61,.88),rgba(16,92,73,.84));
  border-bottom:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 40px rgba(10,46,37,.18);
  overflow:hidden;
}
body > header::before{
  content:"";position:absolute;inset:12px 18px;border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(12px) saturate(130%);
  -webkit-backdrop-filter:blur(12px) saturate(130%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 -30px 60px rgba(255,255,255,.02);
}
body > header::after{
  content:"";position:absolute;right:16%;top:-50px;width:320px;height:170px;border-radius:999px;
  background:radial-gradient(circle at center, rgba(236,213,158,.22), transparent 65%);
  filter:blur(10px);
}
body > header > *{position:relative;z-index:1}
.brand-new{display:flex;align-items:center;gap:16px;min-width:0}
.brand-new .logo-header{
  width:64px;height:64px;padding:6px;flex:0 0 64px;
  border-radius:20px;border:1px solid rgba(255,255,255,.26);
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.brand-new strong{display:block;font-size:25px;line-height:1;letter-spacing:-.9px;color:#fff}
.brand-new em{font-style:normal;color:#f0cc79;text-shadow:0 0 18px rgba(255,198,90,.25)}
.brand-new small{display:block;margin-top:4px;font-size:12px!important;letter-spacing:.7px!important;color:#dceee4!important}
.brand-new #brandName{display:block;margin-top:6px;font-size:13px;color:#fff7d9;font-weight:650}
.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
body > header .closebackup,
body > header .glass-license{
  min-height:52px;padding:13px 20px;border-radius:18px!important;font-size:14px;font-weight:800;
  backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body > header .closebackup{
  background:linear-gradient(180deg, rgba(235,107,92,.92), rgba(194,67,57,.88))!important;
  border:1px solid rgba(255,233,227,.65)!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(146,53,45,.26), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 24px rgba(255,255,255,.05);
}
body > header .glass-license{
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.09))!important;
  border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;
  box-shadow:0 12px 24px rgba(10,46,37,.16), inset 0 1px 0 rgba(255,255,255,.22);
}
body > header .closebackup:hover,body > header .glass-license:hover{transform:translateY(-1px);filter:brightness(1.04)}
#visible-app-version{
  position:relative;z-index:8;padding:8px 30px!important;text-align:right!important;font-size:11px!important;font-weight:700!important;
  color:#325e52!important;letter-spacing:.5px;
  background:linear-gradient(90deg,rgba(245,248,244,.82),rgba(246,238,220,.82))!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.35);
}

#tabs{
  position:fixed;left:22px;top:132px;bottom:22px;width:240px;z-index:8;
  display:flex;flex-direction:column;gap:7px;padding:18px 14px;overflow:auto;scrollbar-width:thin;
  border-radius:28px;border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.20));
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(22px) saturate(155%);
  -webkit-backdrop-filter:blur(22px) saturate(155%);
}
#tabs::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 35%,rgba(255,255,255,.12) 100%)}
#tabs > *{position:relative;z-index:1}
#tabs .nav-label{padding:4px 12px 10px;font-size:11px;color:#7b8c83;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
#tabs button,#tabs button.active{
  width:100%;min-height:46px;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px!important;
  font-size:14px;line-height:1.15;font-weight:700;border-radius:16px!important;
  color:#355c4e!important;background:rgba(255,255,255,.18)!important;border:1px solid transparent!important;box-shadow:none!important;white-space:normal;
}
#tabs button .nav-icon{width:24px;height:24px;display:grid;place-items:center;color:#548573;flex:0 0 24px}
#tabs button .nav-icon svg{width:18px;height:18px;display:block;stroke-width:1.8}
#tabs button:hover,#tabs button:focus-visible{background:rgba(255,255,255,.42)!important;color:#184938!important;transform:translateX(2px);outline:none}
#tabs button.active{
  color:#fff!important;
  background:linear-gradient(140deg,rgba(24,100,78,.96),rgba(28,132,98,.88))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 14px 26px rgba(18,92,71,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#tabs button.active .nav-icon{color:#ecd793}
#tabs button[data-tab="backup"]{margin-top:auto;border-top:1px solid rgba(35,97,75,.10)!important;padding-top:15px!important}

main#app,.undo-bar,.install-box,.backup-notice{
  position:relative;z-index:1;
  margin-left:calc(262px + clamp(18px,2vw,34px));margin-right:clamp(16px,3vw,54px);max-width:none;
}
main#app{margin-top:24px;min-width:0;padding:0 0 120px}
main#app h1{margin:0 0 8px;font-size:clamp(28px,2.4vw,38px);letter-spacing:-1.25px;color:#153d32;font-weight:840}
main#app h2{margin:0 0 13px;font-size:19px;color:#20493e;font-weight:790;letter-spacing:-.3px}
main#app h3{color:#2a5547}
.sub,.hint,.stat small{color:var(--glass-muted)}
main#app > .row:first-child{margin-bottom:14px;align-items:flex-end}
main#app > .row .sub{line-height:1.55;margin-bottom:4px}

.card,.stat,.install-box,.note-board,.purchase-calculator,.portion-panel,.procedure-block,.backup-notice,.summary-box{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.20))!important;
  border:1px solid rgba(255,255,255,.60)!important;
  border-radius:24px!important;box-shadow:var(--glass-shadow)!important;
  backdrop-filter:blur(24px) saturate(165%);
  -webkit-backdrop-filter:blur(24px) saturate(165%);
}
.card::before,.stat::before,.install-box::before,.backup-notice::before,.purchase-calculator::before,.portion-panel::before,.procedure-block::before{
  content:"";position:absolute;inset:0;pointer-events:none;background:
    linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.06) 35%,rgba(255,255,255,.16) 100%);
}
.card > *,.stat > *,.install-box > *,.backup-notice > *,.purchase-calculator > *,.portion-panel > *,.procedure-block > *{position:relative;z-index:1}
.card{padding:24px 26px!important;margin-bottom:18px!important}
.card .card{background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(255,255,255,.24))!important;border-color:rgba(255,255,255,.64)!important;box-shadow:var(--glass-shadow-soft)!important}
.stats,.grid,.formrow{gap:15px}
.stat{padding:20px 22px!important}
.stat strong{display:block;margin-top:8px;color:#154838;font-weight:820;letter-spacing:-.5px}
.tablewrap{border-radius:16px;overflow:auto}
.tablewrap table{border-spacing:0;border-collapse:separate}
.tablewrap th,.inventory-draft-table th{background:rgba(240,245,239,.62)!important;color:#516c61;font-weight:800}
.tablewrap td{background:rgba(255,255,255,.18);border-color:rgba(220,232,224,.8)}
.tablewrap tr:hover td{background:rgba(231,243,236,.55)}

button{transition:transform .16s ease, box-shadow .16s ease, filter .16s ease}
main button,dialog button,.undo-bar button,.install-box button{border-radius:14px}
main button:not(.danger):not(.ghost):not(.head-filter):not(.purchase-suggestion):not(.help-inline-tip),.undo-bar button{
  background:linear-gradient(180deg,rgba(30,120,93,.90),rgba(20,86,68,.94));
  color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 22px rgba(20,86,68,.18), inset 0 1px 0 rgba(255,255,255,.16);
}
main button:hover,.undo-bar button:hover{filter:brightness(1.04)}
main button:active{transform:scale(.985)}
main button:focus-visible,dialog button:focus-visible,nav button:focus-visible{outline:3px solid rgba(210,171,86,.74);outline-offset:2px}
main button.danger{background:linear-gradient(180deg,rgba(255,234,232,.82),rgba(247,221,217,.72))!important;color:#a03a32!important;border-color:#efc0ba!important}
.card button.backup-purple,main button.backup-purple{background:linear-gradient(180deg,rgba(220,87,75,.95),rgba(176,58,49,.92))!important;border-color:rgba(255,223,217,.7)!important;color:#fff!important}
main button.ghost,.undo-bar button,.purchase-suggestion{background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.34))!important;color:#305b4d!important;border:1px solid rgba(255,255,255,.64)!important;box-shadow:var(--glass-shadow-soft)!important}

.field input,.field select,.field textarea,input.search,.stand-select,#fileRestore,select:not(.head-filter){
  border:1px solid rgba(187,211,200,.85);border-radius:14px;background:rgba(255,255,255,.62);color:#24463a;
  box-shadow:inset 0 1px 2px rgba(27,63,43,.02);max-width:100%;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.field input:focus,.field select:focus,.field textarea:focus,input.search:focus,.stand-select:focus{outline:3px solid rgba(99,174,144,.26);border-color:#5ea88a}
.field{gap:8px;color:#35594b}.field input,.field select{min-height:44px}
.warn,.invoice-warning{border-radius:16px;border:1px solid rgba(239,206,141,.9);background:linear-gradient(180deg,rgba(255,247,227,.72),rgba(255,244,222,.56))}
.pill{background:rgba(228,238,231,.68);color:#225541}
.backup-notice{padding:16px 20px;background:linear-gradient(180deg,rgba(255,246,225,.62),rgba(255,244,220,.42))!important;color:#7a6030}
.undo-bar{padding:13px 0 0;background:transparent;border:0}
.install-box{padding:18px 24px;margin-top:16px}
.purchase-sticky-actions{position:sticky!important;top:10px!important;z-index:6!important;background:rgba(247,250,244,.62)!important;border-color:rgba(255,255,255,.55)!important;backdrop-filter:blur(18px)}

#dialog{background:linear-gradient(180deg,rgba(248,251,246,.94),rgba(244,248,243,.90));border:1px solid rgba(255,255,255,.70);border-radius:26px!important;box-shadow:0 32px 100px rgba(5,39,28,.28)}
#dialog::backdrop,#stanekAskDialog::backdrop{background:rgba(8,37,29,.42);backdrop-filter:blur(9px)}
#dialog .dialogin{padding:24px}
#dialog .dialoghead{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.48))!important;border-bottom-color:rgba(219,231,221,.65)!important}
#dialog button.primary,#stanekAskDialog button.primary{background:linear-gradient(180deg,rgba(30,120,93,.92),rgba(20,86,68,.96))!important;color:white!important}
#dialog button.modal-close{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.4))!important;color:#265441!important;border:1px solid rgba(203,222,208,.9)!important}
#stanekAskDialog{background:rgba(247,250,245,.96)!important}
#stanekAskDialog form>header{background:transparent!important;border:none!important;box-shadow:none!important;min-height:auto!important;padding:0!important;color:#173f31!important}
#stp-guide-panel{box-shadow:0 24px 80px rgba(14,49,36,.22)!important}

/* hide old top license button if still present elsewhere */
#licenseBtnTop,#licenseButtonTop,header > button[id*="license"].top{display:none!important}
#stanek-license-manage{margin-left:0!important}

@media (max-width: 1100px){
  body > header{padding:18px 16px 16px;align-items:flex-start}
  body > header::before{inset:8px 10px}
  .brand-new strong{font-size:22px}
  .header-actions{width:100%;justify-content:flex-end}
  body > header .closebackup,body > header .glass-license{min-height:48px;padding:11px 16px;border-radius:16px!important}
  #tabs{left:14px;width:214px}
  main#app,.undo-bar,.install-box,.backup-notice{margin-left:calc(228px + 22px);margin-right:16px}
}
@media (max-width: 860px){
  body > header{display:block;padding:16px 14px 14px;min-height:auto}
  .brand-new{margin-bottom:14px}
  .header-actions{width:100%;gap:10px;justify-content:flex-end}
  body > header .closebackup{order:1}
  #tabs{
    position:sticky;top:0;left:0;bottom:auto;width:auto;height:auto;max-height:none;margin:10px 14px 0;padding:10px 10px 8px;flex-direction:row;align-items:center;overflow:auto;white-space:nowrap;border-radius:22px
  }
  #tabs .nav-label{display:none}
  #tabs button,#tabs button.active{width:auto;min-width:max-content;white-space:nowrap;padding:10px 13px!important}
  #tabs button[data-tab="backup"]{margin-top:0;border-top:0!important;padding-top:10px!important}
  main#app,.undo-bar,.install-box,.backup-notice{margin-left:14px;margin-right:14px}
  main#app{margin-top:16px;padding-bottom:96px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid,.formrow{grid-template-columns:1fr}
  .card{padding:18px!important}
  #visible-app-version{padding:7px 14px!important;text-align:left!important}
}
@media print{
  #tabs,body>header,.undo-bar,.backup-notice,.install-box,#visible-app-version{display:none!important}
  main#app{margin:0!important;max-width:100%!important}
  .card,.stat{box-shadow:none!important;backdrop-filter:none!important;background:#fff!important}
}

/* STÁNEK PRO 4.3.0 – UI: mléčné tekuté sklo, optické odlesky, rozbalování a přístupné tabulky */
:root{--stp-liquid-outline:rgba(255,255,255,.82);--stp-liquid-light:rgba(255,255,255,.43);--stp-liquid-ink:#153e32;--stp-liquid-shadow:0 18px 46px rgba(28,66,51,.17),0 3px 9px rgba(42,68,51,.06)}
body{
  background:
    radial-gradient(ellipse 38% 42% at 3% 14%,rgba(248,224,198,.86),transparent 90%),
    radial-gradient(ellipse 35% 38% at 87% 9%,rgba(165,231,221,.85),transparent 90%),
    radial-gradient(ellipse 40% 32% at 79% 80%,rgba(236,205,226,.71),transparent 95%),
    radial-gradient(ellipse 34% 30% at 13% 83%,rgba(160,204,180,.7),transparent 91%),
    linear-gradient(132deg,#eef0ea 4%,#ebeee8 49%,#f0ede6 100%);
  background-attachment:fixed;
}
body > header{background:linear-gradient(112deg,rgba(15,67,53,.9),rgba(26,99,75,.82),rgba(18,72,57,.89))}
body > header::before{border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(255,255,255,.06)}
body > header .header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-left:auto;max-width:100%}
body > header .header-actions .glass-license{margin-left:0!important;min-width:120px;white-space:nowrap}
body > header .header-actions .closebackup{white-space:nowrap}
#tabs{
  padding:18px 14px 18px;border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.22) 70%,rgba(255,255,255,.39));
  border:1px solid rgba(255,255,255,.84);
  box-shadow:var(--stp-liquid-shadow), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);
}
#tabs .nav-label{font-size:10px;letter-spacing:1.7px;color:#547063}
#tabs button,#tabs button.active{
  margin:0 0 4px;min-height:48px;
  background:linear-gradient(130deg,rgba(255,255,255,.32),rgba(255,255,255,.14))!important;
  border:1px solid rgba(255,255,255,.36)!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44)!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
#tabs button:hover,#tabs button:focus-visible{background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,255,255,.27))!important;transform:translateX(2px)}
#tabs button.active{
  background:linear-gradient(115deg,rgba(18,91,66,.94),rgba(30,120,91,.9))!important;
  border:1px solid rgba(232,255,237,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.31),0 10px 21px rgba(13,99,70,.28),0 2px 0 rgba(228,198,102,.7)!important;
}
.card,.stat,.install-box,.procedure-block,.purchase-calculator,.portion-panel{
  background:linear-gradient(142deg,rgba(255,255,255,.48),rgba(255,255,255,.18) 57%,rgba(255,255,255,.32))!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:28px!important;
  box-shadow:var(--stp-liquid-shadow),inset 0 1px 0 rgba(255,255,255,.87)!important;
  backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);
}
.card::before,.stat::before{border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.38),transparent 32%,rgba(255,255,255,.1) 70%,rgba(255,255,255,.3));pointer-events:none}
main#app h1{font-weight:830;letter-spacing:-.9px}
.card h2{letter-spacing:-.4px}
/* One-click folding: visual header remains visible; contents are never deleted from the DOM. */
.stp-foldable{overflow:visible;min-width:0}
.stp-fold-button{
  position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;
  width:100%;min-height:54px;margin:0 0 16px;padding:12px 17px!important;text-align:left;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  background:linear-gradient(132deg,rgba(255,255,255,.60),rgba(255,255,255,.26))!important;
  color:#23533f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.87),0 4px 16px rgba(43,78,56,.08)!important;
  font-weight:800;font-size:clamp(14px,1.2vw,17px);
}
.stp-fold-button .stp-fold-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:999px;background:rgba(255,255,255,.54);color:#26664e;font-size:22px;line-height:1;transform:rotate(180deg);transition:transform .18s ease}
.stp-foldable.stp-collapsed > :not(.stp-fold-button){display:none!important}
.stp-foldable.stp-collapsed{padding:9px!important;margin-bottom:12px!important}
.stp-foldable.stp-collapsed>.stp-fold-button{margin-bottom:0!important}
.stp-foldable.stp-collapsed .stp-fold-icon{transform:rotate(0deg)}
.stp-foldable > h2:first-of-type,.stp-foldable > h3:first-of-type{display:none}
.stp-foldable > .row:first-of-type > h2,.stp-foldable > .row:first-of-type > h3{display:none}
.stp-quick-disclosure{margin:0 0 18px;border:1px solid rgba(255,255,255,.75);padding:13px 16px;border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.52),rgba(255,255,255,.2));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--stp-liquid-shadow)}
.stp-quick-disclosure summary{color:#205841;font-size:17px;font-weight:780;padding:5px 3px;cursor:pointer}
.stp-quick-disclosure .quick-actions{padding:14px 0 1px;margin:0}
.stp-quick-disclosure .quick-actions>span:first-child{display:none}
.stp-closed-events .stp-fold-button{color:#13653a!important}
.stp-event-closed td{background:rgba(197,235,198,.34)!important}
.stp-event-closed:nth-child(even) td{background:rgba(184,227,187,.45)!important}
.stp-closed-chip{display:inline-block;margin-top:5px;padding:5px 10px;background:#d3f0db;color:#1b613e;border-radius:999px;font-size:12px;font-weight:800}
.stp-event-table th,.stp-event-table td{min-width:115px;white-space:normal;overflow-wrap:anywhere}
.stp-event-table td:nth-child(2),.stp-event-table th:nth-child(2){min-width:170px}
.stp-event-table td:last-child,.stp-event-table th:last-child{min-width:215px}
.stp-folder-picker{margin:16px 0 22px;padding:18px;background:rgba(255,255,255,.33);border-radius:19px;border:1px solid rgba(255,255,255,.72)}
.stp-folder-picker h3{margin:0 0 10px}
.stp-folder-picker .tools{margin:12px 0}
.stp-folder-picker [hidden]{display:none!important}
/* All inventory table labels remain readable without clipping or overlap. */
.inventory-table-section{max-width:100%;min-width:0}
.inventory-table-scroll{max-width:100%;overflow-x:auto!important;overflow-y:auto!important;scrollbar-width:auto;border:1px solid rgba(204,223,210,.9);border-radius:16px;background:rgba(255,255,255,.18)}
.inventory-draft-table{
  table-layout:fixed!important;width:1650px!important;min-width:1650px!important;
  border-collapse:separate!important;border-spacing:0!important;
  font-size:13.5px!important;
}
.inventory-draft-table th,.inventory-draft-table td{
  box-sizing:border-box!important;min-width:0!important;max-width:none!important;
  vertical-align:middle;overflow-wrap:anywhere!important;word-break:normal!important;
  white-space:normal!important;line-height:1.35!important;
  padding:12px 10px!important;
}
.inventory-draft-table th{height:72px;font-size:12.5px!important;font-weight:800!important;text-align:left!important;position:relative;z-index:0}
.inventory-draft-table th:nth-child(1),.inventory-draft-table td:nth-child(1){width:190px!important;min-width:190px!important;max-width:190px!important;position:sticky!important;left:0!important;z-index:2;background:#f4f8f3!important}
.inventory-draft-table th:nth-child(1){z-index:4;background:#e3eee4!important}
.inventory-draft-table th:nth-child(2),.inventory-draft-table td:nth-child(2),
.inventory-draft-table th:nth-child(3),.inventory-draft-table td:nth-child(3),
.inventory-draft-table th:nth-child(4),.inventory-draft-table td:nth-child(4){width:150px!important}
.inventory-draft-table th:nth-child(5),.inventory-draft-table td:nth-child(5){width:170px!important}
.inventory-draft-table th:nth-child(6),.inventory-draft-table td:nth-child(6){width:195px!important}
.inventory-draft-table th:nth-child(7),.inventory-draft-table td:nth-child(7){width:185px!important}
.inventory-draft-table th:nth-child(8),.inventory-draft-table td:nth-child(8){width:175px!important}
.inventory-draft-table th:nth-child(9),.inventory-draft-table td:nth-child(9){width:170px!important}
.inventory-draft-table td input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.inventory-draft-table td:nth-child(7) input{font-size:12px!important}
.tablewrap th{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35;vertical-align:middle}
.tablewrap{max-width:100%;overflow-x:auto}
.tablewrap table{width:100%;min-width:600px}
/* Distinct destructive control; never disguise deletion as an ordinary green save. */
button.delete-stand-action{background:linear-gradient(135deg,#b83f36,#d45e50)!important;border-color:rgba(255,255,255,.7)!important;color:#fff!important;box-shadow:0 9px 21px rgba(142,44,36,.21)!important}
@media(max-width:1140px) and (min-width:861px){#tabs{width:218px;left:12px;padding:14px 9px}main#app,.undo-bar,.backup-notice,.install-box{margin-left:246px!important;margin-right:16px!important}.stp-event-table{min-width:1150px!important}}
@media(max-width:860px){
 body > header .header-actions{width:100%;justify-content:flex-end;margin-left:0;gap:8px}
 #tabs{margin-top:8px!important;width:auto!important;max-height:96px!important;overflow-x:auto!important;overflow-y:hidden!important}
 #tabs button,#tabs button.active{margin:0 3px!important;min-height:44px;flex:0 0 auto}
 .stp-fold-button{min-height:48px}
 .inventory-draft-table{width:1650px!important}
}
@media(max-width:640px){
 body > header .header-actions{display:grid!important;grid-template-columns:1fr 1fr}
 body > header .header-actions .closebackup,body > header .header-actions .glass-license{font-size:12px!important;min-width:0;min-height:44px;padding:10px 7px!important;white-space:normal}
 .card{padding:15px!important;border-radius:23px!important}
 .stp-quick-disclosure{padding:9px 12px}
 .stp-event-table{min-width:1080px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important}}
@media print{.stp-fold-button{display:none!important}.stp-foldable.stp-collapsed > :not(.stp-fold-button){display:block!important}.stp-foldable > h2:first-of-type,.stp-foldable > h3:first-of-type{display:block!important}}


/* STÁNEK PRO 4.3.1 • Liquid glass: záměrně průsvitné panely a stabilní navigace */
:root{
 --stp-glass-blur:blur(32px) saturate(175%);
 --stp-glass-top:rgba(255,255,255,.44);
 --stp-glass-bottom:rgba(255,255,255,.13);
 --stp-glass-edge:rgba(255,255,255,.82);
 --stp-glass-shadow:0 24px 46px rgba(26,62,50,.16),0 3px 10px rgba(29,68,53,.065),inset 0 2px 1px rgba(255,255,255,.8),inset 0 -2px 9px rgba(255,255,255,.14);
}
body{
 background:
   radial-gradient(ellipse 27% 31% at 10% 18%,rgba(241,206,157,.70),transparent 93%),
   radial-gradient(ellipse 31% 29% at 91% 20%,rgba(74,195,164,.46),transparent 93%),
   radial-gradient(ellipse 25% 23% at 73% 71%,rgba(230,172,208,.39),transparent 90%),
   radial-gradient(ellipse 25% 27% at 28% 83%,rgba(146,197,172,.49),transparent 91%),
   radial-gradient(ellipse 20% 20% at 50% 44%,rgba(255,237,193,.51),transparent 91%),
   linear-gradient(115deg,#efe9dd,#dae9e2 45%,#ecebe9 100%)!important;
 background-attachment:fixed!important;
}
/* Prevent solid pseudo-elements from hiding the translucency */
.card,.stat,.install-box,.procedure-block,.purchase-calculator,.portion-panel,.stp-quick-disclosure,.stp-folder-picker{
 background:linear-gradient(135deg,var(--stp-glass-top),rgba(255,255,255,.14) 45%,var(--stp-glass-bottom))!important;
 border:1px solid var(--stp-glass-edge)!important;
 box-shadow:var(--stp-glass-shadow)!important;
 backdrop-filter:var(--stp-glass-blur)!important;
 -webkit-backdrop-filter:var(--stp-glass-blur)!important;
 border-radius:27px!important;
}
.card::before,.stat::before,.install-box::before,.purchase-calculator::before,.portion-panel::before,.procedure-block::before{
 background:linear-gradient(163deg,rgba(255,255,255,.19),rgba(255,255,255,0) 39%,rgba(255,255,255,.08) 80%,rgba(255,255,255,.24))!important;
}
.card:not(.stp-foldable)::after,.stat::after{
 content:"";position:absolute;pointer-events:none;inset:1px 1px auto;z-index:0;height:32%;border-radius:inherit;
 background:linear-gradient(178deg,rgba(255,255,255,.18),rgba(255,255,255,0));
}
.card > *, .stat > *{position:relative;z-index:1}
.card:hover,.stat:hover{border-color:rgba(255,255,255,.95)!important}
.stp-fold-button{
 background:linear-gradient(130deg,rgba(255,255,255,.43),rgba(255,255,255,.12) 70%,rgba(255,255,255,.22))!important;
 border:1px solid rgba(255,255,255,.83)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.85),0 6px 19px rgba(28,67,50,.085)!important;
 backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
#tabs{
 position:fixed!important;left:18px!important;top:132px!important;bottom:18px!important;
 width:248px!important;height:auto!important;max-height:calc(100dvh - 150px)!important;
 margin:0!important;padding:16px 13px!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:5px!important;flex-wrap:nowrap!important;
 background:linear-gradient(153deg,rgba(255,255,255,.43),rgba(255,255,255,.13) 52%,rgba(255,255,255,.3))!important;
 box-shadow:0 23px 47px rgba(20,64,49,.17),inset 0 1px 2px rgba(255,255,255,.93),inset -1px 0 6px rgba(255,255,255,.22)!important;
 border:1px solid rgba(255,255,255,.86)!important;
 border-radius:28px!important;
 backdrop-filter:blur(36px) saturate(180%)!important;
 -webkit-backdrop-filter:blur(36px) saturate(180%)!important;
 overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:rgba(27,95,70,.33) transparent;
}
#tabs::before{background:linear-gradient(143deg,rgba(255,255,255,.29),transparent 45%,rgba(255,255,255,.09) 83%)!important}
#tabs .nav-label{flex:none!important;margin:1px 0 5px!important;padding:8px 13px!important;letter-spacing:2px!important}
#tabs button,#tabs button.active{
 flex:0 0 auto!important;width:100%!important;margin:0!important;
 min-height:46px!important;padding:11px 13px!important;
 font-size:13.5px!important;line-height:1.3!important;
 border:1px solid rgba(255,255,255,.58)!important;
 border-radius:15px!important;
 background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.48)!important;
}
#tabs button:hover{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.26))!important}
#tabs button.active{
 color:#fff!important;background:linear-gradient(125deg,rgba(11,84,62,.95),rgba(23,117,87,.9))!important;
 border-color:rgba(246,240,199,.77)!important;
 box-shadow:0 10px 26px rgba(13,83,62,.23),inset 0 1px rgba(255,255,255,.25),inset 0 -2px rgba(235,196,97,.31)!important;
}
#tabs button[data-tab="backup"]{margin-top:9px!important;padding-top:11px!important}
main#app,.undo-bar,.backup-notice,.install-box{margin-left:calc(266px + 26px)!important;margin-right:clamp(14px,2.5vw,38px)!important}
body > header{min-height:100px!important;padding:17px 28px!important}
body > header::before{inset:8px 14px!important}
body > header .header-actions{gap:10px!important}
body > header .glass-license{margin-left:0!important}
#dialog,.stanek-ask{backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.stp-confirm-danger{background:#b93c36!important;color:#fff!important;border-color:#e8a298!important}
@media(max-width:1140px) and (min-width:861px){
 #tabs{left:12px!important;width:216px!important}
 main#app,.undo-bar,.backup-notice,.install-box{margin-left:246px!important;margin-right:14px!important}
}
@media(max-width:860px){
 #tabs{
  position:sticky!important;top:0!important;left:auto!important;bottom:auto!important;
  margin:8px 10px 0!important;width:calc(100% - 20px)!important;height:auto!important;
  max-height:75px!important;padding:9px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;
  border-radius:19px!important;
 }
 #tabs button,#tabs button.active{width:auto!important;min-width:max-content!important;min-height:44px!important;padding:10px 13px!important}
 #tabs button[data-tab="backup"]{margin-top:0!important;padding-top:10px!important}
 main#app,.undo-bar,.backup-notice,.install-box{margin-left:10px!important;margin-right:10px!important}
 body > header{padding:15px 12px!important}
}
@media(max-height:680px) and (min-width:861px){#tabs{top:110px!important;max-height:calc(100dvh - 125px)!important}}
@media print{#tabs{display:none!important}.card,.stat{background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}}

/* 4.3.2: skutečná akční tlačítka v hlavičce skládací receptury. */
.stp-fold-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;min-width:0;position:relative;z-index:3}
.stp-fold-head > .stp-fold-button{flex:1 1 250px;min-width:0;margin:0!important}
.stp-fold-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:0 1 auto}
.stp-fold-head-actions .stp-recipe-action{min-height:40px;border-radius:13px!important;padding:9px 13px!important;color:#144f3b!important;
background:linear-gradient(160deg,rgba(255,255,255,.80),rgba(219,242,233,.55))!important;border:1px solid rgba(255,255,255,.85)!important;
box-shadow:0 4px 14px rgba(24,79,58,.09),inset 0 1px 0 rgba(255,255,255,.8)!important}
.stp-fold-head-actions .stp-recipe-action:hover{background:rgba(231,249,239,.9)!important;transform:translateY(-1px)}
.stp-foldable.stp-collapsed > :not(.stp-fold-head){display:none!important}
.stp-foldable.stp-collapsed > .stp-fold-head{display:flex!important;margin-bottom:0!important}
@media(max-width:680px){.stp-fold-head{gap:8px}.stp-fold-head > .stp-fold-button{flex-basis:100%}.stp-fold-head-actions{width:100%}.stp-fold-head-actions .stp-recipe-action{flex:1 1 auto}}
@media print{.stp-foldable.stp-collapsed > .stp-fold-head{display:none!important}.stp-foldable.stp-collapsed > :not(.stp-fold-head){display:block!important}.stp-foldable > .row:first-of-type > h2{display:block!important}}


/* 4.3.3 – profi boční navigace: pevná výška, samostatná scrollovací oblast a možnost zúžení. */
:root{--stp-rail-width:242px;--stp-rail-offset:286px}
@media(min-width:861px){
 #tabs{
  position:fixed!important;top:118px!important;bottom:16px!important;left:16px!important;
  width:var(--stp-rail-width)!important;height:calc(100dvh - 134px)!important;
  max-height:none!important;min-height:0!important;overflow:hidden!important;
  padding:12px 10px 10px!important;gap:0!important;display:flex!important;flex-flow:column nowrap!important;
  border-radius:25px!important;border:1px solid rgba(255,255,255,.88)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(240,250,241,.28) 45%,rgba(240,250,246,.4))!important;
  box-shadow:0 18px 36px rgba(12,55,41,.13),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
 }
 #tabs .stp-nav-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;
  min-height:42px;margin:0 3px 7px;padding:0 5px 9px;border-bottom:1px solid rgba(32,105,76,.11)}
 #tabs .nav-label{padding:0 0 0 8px!important;margin:0!important;min-width:0;white-space:nowrap;
  letter-spacing:1.3px!important;font-size:10px!important;color:#5e7c6f!important}
 #tabs #stp-nav-collapse{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
  padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.82)!important;
  display:grid!important;place-items:center!important;flex:0 0 auto!important;
  color:#1b604a!important;background:rgba(255,255,255,.62)!important;
  border-radius:10px!important;box-shadow:0 3px 9px rgba(21,80,55,.09)!important;font-size:25px!important;line-height:1!important}
 #tabs .stp-nav-items{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;
  overflow-x:hidden;overflow-y:auto;padding:1px 3px 8px;scrollbar-width:thin;scrollbar-color:rgba(36,110,84,.3) transparent}
 #tabs .stp-nav-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;padding:10px 3px 1px;
  margin-top:2px;border-top:1px solid rgba(31,110,79,.14)}
 #tabs .stp-nav-items button,#tabs .stp-nav-footer button{
  flex:0 0 auto!important;width:100%!important;min-height:43px!important;padding:9px 11px!important;
  display:flex;align-items:center;gap:11px!important;border-radius:12px!important;
  background:rgba(255,255,255,.20)!important;border:1px solid transparent!important;
  box-shadow:none!important;white-space:nowrap!important;text-align:left!important;
  color:#265445!important;font-size:13px!important;font-weight:680!important;line-height:1.3!important;
 }
 #tabs .stp-nav-items button.active,#tabs .stp-nav-footer button.active{
  color:white!important;background:linear-gradient(113deg,rgba(16,91,66,.97),rgba(28,122,93,.91))!important;
  border:1px solid rgba(246,225,168,.65)!important;
  box-shadow:0 5px 15px rgba(21,94,68,.18),inset 0 1px 0 rgba(255,255,255,.2)!important;
 }
 #tabs .stp-nav-items button:hover,#tabs .stp-nav-footer button:hover{
  background:rgba(255,255,255,.59)!important;transform:none!important;
 }
 #tabs .stp-nav-items button.active:hover,#tabs .stp-nav-footer button.active:hover{
  background:linear-gradient(113deg,#0e6046,#268260)!important;
 }
 #tabs .nav-icon{width:22px!important;height:22px!important;flex:0 0 22px!important}
 #tabs .nav-icon svg{width:19px!important;height:19px!important}
 #tabs button[data-tab="backup"]{margin:0!important;padding-top:9px!important;border-top:1px solid transparent!important}
 main#app,.undo-bar,.backup-notice,.install-box{
  margin-left:var(--stp-rail-offset)!important;margin-right:clamp(14px,2.5vw,32px)!important;
 }
 body.stp-sidebar-compact{--stp-rail-width:68px;--stp-rail-offset:101px}
 .stp-sidebar-compact #tabs{padding:11px 6px 9px!important;border-radius:21px!important}
 .stp-sidebar-compact #tabs .stp-nav-top{justify-content:center;margin:0 1px 6px;padding:0 0 9px}
 .stp-sidebar-compact #tabs .nav-label{display:none!important}
 .stp-sidebar-compact #tabs .stp-nav-items,.stp-sidebar-compact #tabs .stp-nav-footer{padding-inline:0!important}
 .stp-sidebar-compact #tabs .stp-nav-items button,.stp-sidebar-compact #tabs .stp-nav-footer button{justify-content:center!important;padding:8px 5px!important;gap:0!important}
 .stp-sidebar-compact #tabs .stp-nav-text{display:none!important}
 .stp-sidebar-compact #tabs .nav-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
}
@media(min-width:861px) and (max-width:1140px){
 body:not(.stp-sidebar-compact){--stp-rail-width:206px;--stp-rail-offset:235px}
 #tabs{left:12px!important}
}
@media(max-width:860px){
 #tabs{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;gap:5px!important}
 #tabs .stp-nav-top{display:none!important}
 #tabs .stp-nav-items,#tabs .stp-nav-footer{display:flex!important;flex-direction:row!important;align-items:center;gap:5px!important;
  flex:0 0 auto!important;overflow:visible!important;min-width:max-content!important;border:0!important;padding:0!important;margin:0!important}
 #tabs .stp-nav-items button,#tabs .stp-nav-footer button{display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:max-content!important;min-height:42px!important;margin:0!important;padding:9px 12px!important;white-space:nowrap!important}
 #tabs .stp-nav-text{display:inline!important}
}
/* 4.3.3 – souhrn stavů: sbalené karty se už nenatahují do výšky sousedního panelu. */
.stp-purchase-summaries{align-items:start!important}
.stp-purchase-summaries>.card{align-self:start!important;min-height:0!important;height:auto!important}
.stp-status-line{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px!important;
 margin:6px 0!important;border:1px solid rgba(32,95,67,.09)!important;border-radius:12px!important;
 background:linear-gradient(90deg,color-mix(in srgb,var(--stp-status-color,#94bca8) 22%,white),rgba(255,255,255,.38))!important;
 color:#1a4334!important;font-size:14px;box-shadow:inset 3px 0 var(--stp-status-color,#7da58e)}
.stp-status-line span{min-width:0;overflow-wrap:anywhere}
.stp-status-line b{white-space:nowrap;font-variant-numeric:tabular-nums}
@media print{#tabs .stp-nav-top{display:none!important}}

/* 4.3.4 – desktopový full-height sidebar a čistý mobilní skleněný header. */
@media (min-width:861px){
 body > header{margin-left:270px!important;min-height:106px!important;border-radius:0!important;padding:14px 24px!important}
 body > header::before{inset:8px 14px!important;border-radius:24px!important}
 #visible-app-version{margin-left:270px!important}
 #tabs{
  position:fixed!important;top:12px!important;bottom:12px!important;left:12px!important;
  width:var(--stp-rail-width)!important;height:calc(100dvh - 24px)!important;max-height:none!important;
  border-radius:26px!important;padding:15px 12px 12px!important;z-index:25!important;
  background:linear-gradient(152deg,rgba(255,255,255,.59),rgba(229,246,235,.35) 47%,rgba(242,250,247,.43))!important;
  border:1px solid rgba(255,255,255,.90)!important;
  box-shadow:0 16px 45px rgba(10,55,42,.20),inset 0 2px rgba(255,255,255,.89)!important;
  backdrop-filter:blur(30px) saturate(170%)!important;-webkit-backdrop-filter:blur(30px) saturate(170%)!important;
 }
 #tabs .stp-nav-top{min-height:56px!important;margin-bottom:13px!important;border-bottom:1px solid rgba(45,95,75,.14)}
 #tabs .nav-label{font-size:10px!important;letter-spacing:1.5px!important;color:#285c4b!important}
 #tabs .stp-nav-items button,#tabs .stp-nav-footer button{min-height:46px!important;border-radius:13px!important;padding:10px 12px!important}
 #tabs .stp-nav-footer{background:linear-gradient(180deg,transparent,rgba(255,255,255,.11));padding-top:10px!important}
}
@media(min-width:861px) and (max-width:1140px){body > header,#visible-app-version{margin-left:236px!important}#tabs{left:10px!important}}
@media(max-width:860px){
 body > header{
  border-radius:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 10px 28px rgba(10,50,38,.18),inset 0 1px rgba(255,255,255,.20)!important;
  background:linear-gradient(118deg,rgba(15,78,62,.91),rgba(25,111,85,.86) 52%,rgba(16,73,61,.92))!important;
  backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;
 }
 body > header::before,body > header::after{display:none!important}
 body > header .brand-new .logo-header{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.2)}
 body > header .header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;width:100%!important}
 body > header .header-actions .glass-license,body > header .header-actions .closebackup{
  width:100%!important;min-width:0!important;min-height:46px!important;
  border-radius:17px!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 14px rgba(9,48,37,.14)!important;
 }
}
#stp-delete-dialog{width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow-y:auto;padding:0;border:1px solid #f1d6cd;border-radius:24px;background:#fbfdf9;color:#193e32;box-shadow:0 32px 90px rgba(19,45,33,.34);z-index:999999}
#stp-delete-dialog::backdrop{background:rgba(13,38,30,.63);backdrop-filter:blur(6px)}
.stp-delete-dialog-body{padding:clamp(18px,4vw,28px)}
.stp-delete-icon{font-size:30px;color:#ba483e}
#stp-delete-dialog h2{font-size:24px;margin:10px 0 12px;color:#193e32}
#stp-delete-dialog p{font-size:15px;line-height:1.6}
.stp-delete-warning{border-left:3px solid #d55f52;padding:11px 13px;background:#fff0eb;border-radius:0 12px 12px 0}
.stp-delete-dialog-actions{display:flex;gap:10px;margin-top:20px}
#stp-delete-dialog button{min-height:46px;flex:1;border-radius:12px;padding:10px 12px;border:1px solid #c8d8cb;background:#e9f1eb;color:#1c543f;font-weight:750;cursor:pointer}
#stp-delete-dialog .stp-delete-next{background:#226d53;color:white;border-color:#1c6a50}
#stp-delete-dialog .stp-delete-next.stp-delete-danger{background:#ba433c;border-color:#ba433c;color:white}
@media(max-width:430px){.stp-delete-dialog-actions{flex-direction:column}}
@media print{#stp-delete-dialog{display:none!important}}

/* STÁNEK PRO 4.3.5 – dynamický horní panel dle šířky navigace. */
@media(min-width:861px){
 body{--stp-header-offset:270px}
 body.stp-sidebar-compact{--stp-header-offset:101px}
 body > header,#visible-app-version{
  margin-left:var(--stp-header-offset)!important;
  width:calc(100% - var(--stp-header-offset))!important;
  transition:margin-left .22s ease,width .22s ease!important;
 }
 body > header{box-sizing:border-box!important}
 #tabs{transition:width .22s ease,padding .22s ease!important}
 main#app,.undo-bar,.backup-notice,.install-box{transition:margin-left .22s ease!important}
}
@media(min-width:861px) and (max-width:1140px){
 body:not(.stp-sidebar-compact){--stp-header-offset:236px}
 body.stp-sidebar-compact{--stp-header-offset:101px}
}
@media(max-width:860px){
 body > header,#visible-app-version{margin-left:0!important;width:100%!important}
}
@media(prefers-reduced-motion:reduce){
 body > header,#visible-app-version,#tabs,main#app{transition:none!important}
}

/* 4.3.6: editace skutečných provozních nákladů přímo v inventuře */
.inventory-actual-costs{min-width:0;padding:18px;border-radius:20px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(17,72,54,.08)}
.inventory-actual-costs h3{margin:0 0 8px!important}.inventory-actual-costs h4{margin:18px 0 10px}
.inventory-actual-costs>.field{max-width:270px}
.inventory-cost-row{display:grid;grid-template-columns:minmax(150px,1.8fr) minmax(140px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) auto;gap:10px;align-items:end;margin:12px 0;padding:12px;background:rgba(255,255,255,.56);border:1px solid rgba(178,210,195,.55);border-radius:16px}
.inventory-cost-row .field{min-width:0}.inventory-cost-row .field input,.inventory-cost-row .field select{width:100%;box-sizing:border-box}
.inventory-cost-row [hidden]{display:none!important}
.inventory-actual-total{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(52,110,82,.2)}
.inventory-financial-inputs{grid-template-columns:minmax(240px,.9fr) minmax(350px,1.5fr)!important;align-items:start}
@media(max-width:1100px){.inventory-financial-inputs{grid-template-columns:1fr!important}.inventory-cost-row{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-cost-row>.field:first-child{grid-column:1/-1}}
@media(max-width:500px){.inventory-cost-row{grid-template-columns:1fr}}