/* 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}
}