:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text); background: var(--page-bg); font-synthesis: none;
  --brand:#b0d235; --brand-strong:#9fc525; --brand-hover:#badd43; --brand-ink:#182007;
  --brand-soft:rgba(176,210,53,.12); --brand-ring:rgba(176,210,53,.24);
  --page-bg:#10130e; --page-glow:rgba(176,210,53,.12); --topbar-bg:rgba(16,19,14,.9);
  --surface:#1a1e17; --surface-raised:#20251d; --surface-soft:#252b21; --surface-input:#11140f; --surface-hover:#2d3428;
  --checker-a:#171b14; --checker-b:#1c2118; --border:#343b30; --border-strong:#4a5444;
  --text:#eef2e9; --text-strong:#f6f8f3; --text-soft:#d2d9cc; --muted:#96a08f;
  --shadow:rgba(0,0,0,.24); --success:#7fd06d; --warning:#f0b84f; --danger:#ff7575;
}
html[data-theme="light"] {
  color-scheme:light; --brand:#97ba22; --brand-strong:#9fc525; --brand-hover:#8dae1c; --brand-ink:#192107;
  --brand-soft:rgba(151,186,34,.11); --brand-ring:rgba(151,186,34,.2);
  --page-bg:#f2f5ee; --page-glow:rgba(176,210,53,.16); --topbar-bg:rgba(248,250,246,.92);
  --surface:#fff; --surface-raised:#f6f8f3; --surface-soft:#eef3e9; --surface-input:#fff; --surface-hover:#e7eddf;
  --checker-a:#e4e9df; --checker-b:#f2f5ef; --border:#d8ded3; --border-strong:#b7c0b0;
  --text:#20271d; --text-strong:#151b13; --text-soft:#374033; --muted:#697365;
  --shadow:rgba(45,58,39,.12); --success:#3d984e; --warning:#9c6808; --danger:#c94747;
}
*{box-sizing:border-box} html{min-width:320px;min-height:100%} body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% -8%,var(--page-glow),transparent 34rem),var(--page-bg);color:var(--text)}
button,input,select{font:inherit} button,a,label{ -webkit-tap-highlight-color:transparent} svg{display:block}
.topbar{position:relative;z-index:20;border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:var(--topbar-bg);backdrop-filter:blur(18px)}
.topbar-inner{display:flex;align-items:center;gap:1.15rem;width:min(1400px,100%);min-height:86px;margin:0 auto;padding:.9rem 1.25rem}
.brand{flex:0 0 auto;width:clamp(175px,17vw,235px)} .brand-logo{display:block;width:100%;height:auto}
.brand-logo-dark{display:block}.brand-logo-light{display:none} html[data-theme="light"] .brand-logo-dark{display:none} html[data-theme="light"] .brand-logo-light{display:block}
.header-divider{align-self:stretch;width:1px;min-height:42px;background:var(--border)}
.eyebrow,.section-kicker{display:block;margin-bottom:.25rem;color:var(--brand);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0} h1{margin-bottom:.18rem;color:var(--text-strong);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.1}
h2{margin-bottom:.2rem;color:var(--text-strong);font-size:1.04rem} h3{margin:0;color:var(--text-strong);font-size:.9rem}
.brand-copy p,.card-heading p,.workspace-top p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.4}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;margin-left:auto;padding:.5rem .7rem;border:1px solid var(--border);border-radius:.72rem;background:var(--surface-raised);color:var(--text-soft);font-size:.8rem;font-weight:700;cursor:pointer}
.theme-toggle:hover{border-color:var(--brand);background:var(--surface-hover)}
.app-shell{display:grid;grid-template-columns:minmax(560px,1fr) minmax(350px,420px);align-items:start;gap:1.05rem;width:min(1400px,100%);height:calc(100vh - 87px);margin:0 auto;padding:1rem 1.1rem 1.1rem;overflow:hidden}
.workspace-card,.action-card,.print-card,.settings-card{border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:0 8px 24px var(--shadow)}
.workspace-card{display:flex;flex-direction:column;height:100%;min-height:0;padding:1.05rem;overflow:hidden}
.workspace-top{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.view-switch{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:.72rem;background:var(--surface-raised)}
.view-button{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.38rem .65rem;border:0;border-radius:.55rem;background:transparent;color:var(--muted);font-weight:750;cursor:pointer}
.view-button.active{background:var(--brand-soft);color:var(--text-strong)} .view-button:disabled{opacity:.4;cursor:not-allowed}
.count-badge{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-size:.68rem}.hidden{display:none!important}
.drop-zone{position:relative;display:grid;flex:1 1 auto;place-items:center;min-height:0;padding:.7rem;overflow:hidden;border:1px dashed color-mix(in srgb,var(--brand) 42%,var(--border));border-radius:.9rem;background:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-a) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-a) 75%),var(--checker-b);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.drop-zone.drag-over{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}
#previewCanvas{display:block;width:auto;height:calc(100% - .3rem);max-width:calc(100% - .3rem);max-height:760px;border:1px solid var(--border-strong);background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.28);cursor:grab;touch-action:none;image-rendering:auto}
#previewCanvas.sheet-mode{cursor:default;box-shadow:0 12px 28px rgba(0,0,0,.2)}
#previewCanvas:focus-visible{outline:3px solid var(--brand-ring);outline-offset:3px} #previewCanvas.dragging{cursor:grabbing}
.empty-state,.busy-state{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(88%,350px);padding:1rem;border:1px solid var(--border);border-radius:.85rem;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 12px 32px var(--shadow);text-align:center;backdrop-filter:blur(12px);pointer-events:none}
.empty-state strong{color:var(--text-strong)}.empty-state>span:last-child{color:var(--muted);font-size:.8rem;line-height:1.4}.empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.spinner{width:28px;height:28px;border:3px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.status-row{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.5rem;min-height:2.3rem;margin-top:.45rem;color:var(--muted);font-size:.8rem;text-align:center}
.status-dot{width:.58rem;height:.58rem;border-radius:50%;background:var(--muted)}.status-dot.success{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.error{background:var(--danger)}
.gesture-strip{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:center;gap:.35rem}.gesture-strip span{padding:.28rem .48rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--muted);font-size:.67rem}.gesture-strip b{color:var(--text-soft)}
.sheet-navigator{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:30px;color:var(--muted);font-size:.78rem}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:.55rem;background:var(--surface-raised);color:var(--text-strong);font-size:1.25rem;cursor:pointer}
.sidebar{display:grid;align-content:start;gap:.85rem;height:100%;min-height:0;padding-right:.2rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand) 45%,var(--border)) transparent}
.action-card,.print-card,.settings-card{padding:1rem}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.compact-heading{margin-bottom:.7rem}
.button{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:.48rem;min-height:42px;padding:.62rem .75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface-raised);color:var(--text-strong);text-decoration:none;font-weight:720;cursor:pointer;transition:.15s}
.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.button:hover:not(:disabled){border-color:var(--brand);background:var(--surface-hover)}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{border-color:var(--brand-strong);background:var(--brand-strong);color:var(--brand-ink)}.button.primary:hover:not(:disabled){background:var(--brand-hover)}.button-large{width:100%;min-height:47px}.button-quiet{background:transparent}.button-danger{background:transparent;color:color-mix(in srgb,var(--danger) 88%,var(--text-strong))}.button-danger:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}
.file-button{position:relative;overflow:hidden}.file-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.field-block{margin-top:.75rem}.field-block>label,.filename-label,.print-grid label>span,.copies-field>span,.custom-size-fields label>span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.72rem;font-weight:750}
select,input[type="number"],.filename-row{width:100%;border:1px solid var(--border);border-radius:.67rem;background:var(--surface-input);color:var(--text-strong)}
select,input[type="number"]{min-height:41px;padding:.55rem .65rem}.field-block small{display:block;margin-top:.35rem;color:var(--muted);font-size:.68rem;line-height:1.35}
.custom-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.65rem}.custom-size-fields .button{grid-column:1/-1}.unit-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:.67rem;background:var(--surface-input);overflow:hidden}.unit-input input{border:0;border-radius:0}.unit-input span{padding-right:.55rem;color:var(--muted);font-size:.75rem}
.quick-action-row,.export-row,.sheet-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.55rem}.action-separator{height:1px;margin:.85rem 0;background:var(--border)}
.filename-row{display:flex;align-items:center;overflow:hidden}.filename-row:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.filename-row input{min-width:0;flex:1;padding:.62rem .68rem;border:0;outline:0;background:transparent;color:var(--text-strong)}.filename-row span{padding-right:.7rem;color:var(--muted)}
.send-button{margin-top:.6rem}.extension-state{margin-top:.55rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-raised);color:var(--muted);font-size:.68rem;line-height:1.35}.extension-state.ready{border-color:var(--success);color:var(--success)}.extension-state.error{border-color:var(--danger);color:var(--danger)}
.copies-field{display:grid;grid-template-columns:1fr 84px;align-items:center;gap:.7rem;margin-top:.62rem}.copies-field>span{margin:0}
.print-items-list{display:grid;gap:.45rem;margin-bottom:.7rem}.empty-list{padding:.7rem;border:1px dashed var(--border);border-radius:.67rem;color:var(--muted);font-size:.72rem;text-align:center}
.print-item{display:grid;grid-template-columns:1fr 64px auto;align-items:center;gap:.45rem;padding:.55rem;border:1px solid var(--border);border-radius:.68rem;background:var(--surface-raised)}.print-item strong{display:block;color:var(--text-strong);font-size:.78rem}.print-item small{color:var(--muted);font-size:.66rem}.print-item input{min-height:34px;padding:.35rem}.print-item-actions{display:flex;gap:.25rem}.mini-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--border);border-radius:.5rem;background:transparent;color:var(--muted);cursor:pointer}.mini-button:hover{border-color:var(--brand);color:var(--text-strong)}
/* En stolpec: v ozkem stranskem stolpcu je bil napis »Samodejno · najmanjši primeren papir« odrezan. */
.print-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.compact-toggle{margin:.65rem 0}.sheet-export-actions{margin-top:.55rem}
.settings-group{padding:.85rem 0;border-top:1px solid var(--border)}.settings-group:first-of-type{padding-top:.1rem;border-top:0}.settings-title{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.text-button{padding:.15rem 0;border:0;background:transparent;color:var(--brand);font-size:.72rem;font-weight:750;cursor:pointer}.text-button:disabled{opacity:.4}
.control{display:block;margin-top:.72rem}.control>span{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem;color:var(--text-soft);font-size:.76rem}.control output{color:var(--muted);font-variant-numeric:tabular-nums}input[type="range"]{width:100%;accent-color:var(--brand)}
.settings-disclosure{border-top:1px solid var(--border)}.settings-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.75rem 0;list-style:none;cursor:pointer}.settings-disclosure summary::-webkit-details-marker{display:none}.disclosure-kicker{display:block;color:var(--muted);font-size:.63rem;font-weight:750;text-transform:uppercase}.disclosure-chevron{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-raised)}.disclosure-chevron svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.8}.settings-disclosure[open] .disclosure-chevron svg{transform:rotate(180deg)}.disclosure-content{padding-top:0}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0;cursor:pointer}.toggle-row>span:first-child{display:flex;flex-direction:column;gap:.1rem}.toggle-row b{font-size:.76rem}.toggle-row small{color:var(--muted);font-size:.66rem}.switch{position:relative;flex:0 0 auto;width:42px;height:24px}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:absolute;inset:0;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-raised)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.18s}.switch input:checked+.switch-track{border-color:var(--brand);background:var(--brand-soft)}.switch input:checked+.switch-track:after{transform:translateX(18px);background:var(--brand)}
.requirements-note{margin:.7rem 0 0;padding:.65rem;border-left:3px solid var(--warning);background:color-mix(in srgb,var(--warning) 7%,transparent);color:var(--muted);font-size:.67rem;line-height:1.4}
footer{display:none;padding:1rem;color:var(--muted);text-align:center;font-size:.7rem}
@media(max-width:1050px){.app-shell{grid-template-columns:1fr;max-width:780px;height:auto;overflow:visible}.sidebar{height:auto;overflow:visible}.workspace-card{height:760px}footer{display:block}}
@media(max-width:650px){.topbar-inner{flex-wrap:wrap;padding:.75rem}.brand{width:150px}.header-divider{display:none}.brand-copy p{display:none}.theme-toggle{margin-left:auto}.theme-toggle span:last-child{display:none}.app-shell{padding:.7rem}.workspace-card{height:680px;padding:.75rem}.workspace-top{align-items:flex-start}.view-switch{flex:0 0 auto}.local-chip{display:none}.print-grid,.custom-size-fields,.quick-action-row,.export-row,.sheet-export-actions{grid-template-columns:1fr}.copies-field{grid-template-columns:1fr 80px}}

/* Namizni predogled ne vpliva na višino kartice; vedno ostane znotraj razpoložljivega prostora. */
@media (min-width:1051px){
  .drop-zone{position:relative;min-height:0}
  #previewCanvas{
    position:absolute;
    top:50%;
    left:50%;
    width:auto;
    height:calc(100% - 1rem);
    max-width:calc(100% - 1rem);
    max-height:calc(100% - 1rem);
    transform:translate(-50%,-50%);
  }
}
@media (max-width:1050px){
  #previewCanvas{
    position:static;
    width:auto;
    height:min(100%,720px);
    max-width:100%;
    max-height:720px;
    transform:none;
  }
}


/* v3.1 — en namizni scrollbar, pravilna razmerja in žive nastavitve pole */
#previewCanvas {
  aspect-ratio: var(--preview-aspect, 413 / 531);
}

.print-card.hidden {
  display: none;
}

.print-card {
  padding: 0;
  overflow: hidden;
}

.print-panel-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .95rem 1rem;
  list-style: none;
  cursor: pointer;
}

.print-panel-summary::-webkit-details-marker {
  display: none;
}

.print-panel-summary > span:first-child {
  display: flex;
  flex-direction: column;
  gap: .08rem;
}

.print-panel-summary b {
  color: var(--text-strong);
  font-size: .95rem;
}

.print-panel-summary small {
  color: var(--muted);
  font-size: .68rem;
  line-height: 1.35;
}

.print-card[open] .print-panel-summary {
  border-bottom: 1px solid var(--border);
}

.print-card[open] .print-panel-summary .disclosure-chevron svg {
  transform: rotate(180deg);
}

.print-panel-content {
  padding: .9rem 1rem 1rem;
}

.preview-controls-note {
  margin: .65rem 0;
  color: var(--muted);
  font-size: .68rem;
  line-height: 1.42;
}

.sheet-overlay-controls {
  position: absolute;
  z-index: 5;
  top: .85rem;
  right: .85rem;
  display: grid;
  width: min(300px, calc(100% - 1.7rem));
  gap: .55rem;
  padding: .72rem;
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  border-radius: .8rem;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  box-shadow: 0 8px 24px var(--shadow);
  backdrop-filter: blur(14px);
}

.sheet-overlay-controls label {
  display: grid;
  gap: .25rem;
}

.sheet-overlay-controls label > span {
  display: flex;
  justify-content: space-between;
  gap: .6rem;
  color: var(--text-soft);
  font-size: .68rem;
  font-weight: 720;
}

.sheet-overlay-controls output {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.sheet-overlay-controls input[type="range"] {
  margin: 0;
}

@media (min-width: 1051px) {
  html,
  body {
    height: 100%;
    overflow: hidden;
  }

  body {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .topbar {
    flex: 0 0 auto;
  }

  .app-shell {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }

  .sidebar {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  #previewCanvas {
    width: auto;
    height: auto;
    max-width: calc(100% - 1rem);
    max-height: calc(100% - 1rem);
  }
}

@media (max-width: 1050px) {
  html,
  body {
    height: auto;
    overflow: auto;
  }

  body {
    display: block;
  }

  .sheet-overlay-controls {
    position: sticky;
    top: .5rem;
    margin-left: auto;
  }
}

@media (max-width: 650px) {
  .sheet-overlay-controls {
    width: calc(100% - 1rem);
    top: .5rem;
    right: auto;
    margin-inline: auto;
  }
}


/* v3.2 — zanesljiv spodnji rob desnega drsnika */
@media (min-width: 1051px) {
  .app-shell {
    height: calc(100dvh - 87px);
    padding-bottom: 1rem;
  }

  .sidebar {
    box-sizing: border-box;
    padding: 0 .45rem 3.5rem 0;
    scroll-padding-bottom: 3.5rem;
    overscroll-behavior: contain;
  }

  .sidebar::after {
    content: "";
    display: block;
    min-height: 1px;
  }
}

/* Klikljivo prazno območje za nalaganje */
.empty-state {
  pointer-events: auto;
}

.empty-state[role="button"] {
  cursor: pointer;
  transition:
    border-color .15s,
    background .15s,
    transform .15s,
    box-shadow .15s;
}

.empty-state[role="button"]:hover {
  border-color: var(--brand);
  background: color-mix(in srgb, var(--surface) 96%, var(--brand-soft));
  box-shadow: 0 16px 38px var(--shadow);
  transform: translate(-50%, calc(-50% - 2px));
}

.empty-state[role="button"]:focus-visible {
  outline: 3px solid var(--brand-ring);
  outline-offset: 3px;
}

/* Pri spremembi formata po meri platno vedno ostane svetlo in vidno. */
#previewCanvas {
  background: #fff;
}


/* v3.3 — zložljive kartice in samodejna tiskovna pola */
.collapsible-card {
  padding: 0;
  overflow: hidden;
}

.card-panel-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 66px;
  padding: .9rem 1rem;
  list-style: none;
  cursor: pointer;
}

.card-panel-summary::-webkit-details-marker {
  display: none;
}

.card-panel-summary > span:first-child {
  display: flex;
  flex-direction: column;
  gap: .08rem;
}

.card-panel-summary b {
  color: var(--text-strong);
  font-size: .98rem;
}

.collapsible-card[open] > .card-panel-summary {
  border-bottom: 1px solid var(--border);
}

.collapsible-card[open] > .card-panel-summary .disclosure-chevron svg {
  transform: rotate(180deg);
}

.collapsible-card-content {
  padding: .9rem 1rem 1rem;
}

.auto-sheet-note {
  margin: .75rem 0 .1rem;
  padding: .62rem .7rem;
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  border-radius: .68rem;
  background: var(--brand-soft);
  color: var(--text-soft);
  font-size: .7rem;
  line-height: 1.42;
}

.view-button.attention:not(.active) {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-ring);
  animation: sheet-ready-pulse 1.8s ease-in-out 2;
}

@keyframes sheet-ready-pulse {
  0%, 100% {
    box-shadow: 0 0 0 3px var(--brand-ring);
  }
  50% {
    box-shadow: 0 0 0 7px color-mix(in srgb, var(--brand) 9%, transparent);
  }
}


/* v3.4 — en sam scrollbar, zanesljive kartice in stabilna velikost po meri */
.card-panel-summary,
.print-panel-summary {
  outline: none;
}

.card-panel-summary:focus-visible,
.print-panel-summary:focus-visible {
  box-shadow: inset 0 0 0 3px var(--brand-ring);
}

@media (min-width: 1051px) {
  html,
  body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body {
    display: block;
  }

  .topbar {
    position: sticky;
    top: 0;
    z-index: 30;
  }

  .app-shell {
    height: auto;
    min-height: calc(100dvh - 87px);
    overflow: visible;
    align-items: start;
  }

  .workspace-card {
    position: sticky;
    top: 103px;
    height: calc(100dvh - 119px);
    min-height: 560px;
    overflow: hidden;
  }

  .sidebar {
    height: auto;
    min-height: calc(100dvh - 119px);
    max-height: none;
    overflow: visible;
    padding: 0 0 7rem;
    scrollbar-gutter: auto;
  }

  .sidebar::after {
    display: none;
  }
}

@media (max-width: 1050px) {
  .workspace-card {
    position: static;
  }

  .sidebar {
    padding-bottom: 4rem;
  }
}


/* v3.4.1 — sticky predogled uporablja korenski scrollbar */
@media (min-width: 1051px) {
  html {
    overflow-x: clip;
    overflow-y: auto;
  }

  body {
    overflow: visible;
  }
}


/* v3.6 — aplikacija se na namizju prilagodi višini zaslona */
@media (min-width: 1051px) {
  html,
  body {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden !important;
  }

  body {
    display: flex !important;
    flex-direction: column;
  }

  .topbar {
    position: relative !important;
    top: auto !important;
    flex: 0 0 auto;
  }

  .app-shell {
    flex: 1 1 auto;
    align-items: stretch;
    width: min(1400px, 100%);
    height: auto !important;
    min-height: 0 !important;
    padding: 1rem 1.1rem;
    overflow: hidden !important;
  }

  .workspace-card {
    position: relative !important;
    top: auto !important;
    align-self: stretch;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .drop-zone {
    min-height: 0;
  }

  #previewCanvas {
    width: auto;
    height: auto;
    max-width: calc(100% - .5rem);
    max-height: calc(100% - .5rem);
  }

  .sidebar {
    align-self: stretch;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 0 .35rem 1.5rem 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  footer {
    display: none !important;
  }
}

@media (max-width: 1050px) {
  html,
  body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body {
    display: block !important;
  }

  .topbar {
    position: sticky;
    top: 0;
  }

  .app-shell {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .workspace-card,
  .sidebar {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  footer {
    display: block;
  }
}


/* v3.7 — kartice vedno uporabijo naravno višino */
@media (min-width: 1051px) {
  .sidebar {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    align-content: initial;
    gap: .85rem;

    min-width: 0;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;

    padding: 0 .5rem 2.5rem 0 !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .sidebar > .action-card,
  .sidebar > .settings-card,
  .sidebar > .print-card,
  .sidebar > details {
    display: block;
    flex: 0 0 auto !important;

    width: 100%;
    height: auto !important;
    min-height: max-content !important;
    max-height: none !important;

    align-self: stretch;
  }

  .collapsible-card,
  .print-card {
    height: auto !important;
    max-height: none !important;
  }

  .collapsible-card[open],
  .print-card[open] {
    overflow: visible !important;
  }

  .collapsible-card[open] > .card-panel-summary,
  .print-card[open] > .print-panel-summary {
    border-radius: 1rem 1rem 0 0;
  }

  .collapsible-card-content,
  .print-panel-content {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .sidebar::after {
    content: "";
    display: block !important;
    flex: 0 0 1px;
    width: 100%;
    min-height: 1px;
  }
}

/* Zaprte kartice ohranijo zaobljen rob in kompaktno višino. */
.collapsible-card:not([open]),
.print-card:not([open]) {
  overflow: hidden !important;
}

.collapsible-card:not([open]) > .card-panel-summary,
.print-card:not([open]) > .print-panel-summary {
  border-radius: inherit;
}

/* Bolj opazen, vendar še vedno diskreten drsnik orodij. */
@media (min-width: 1051px) {
  .sidebar::-webkit-scrollbar {
    width: 10px;
  }

  .sidebar::-webkit-scrollbar-track {
    background: transparent;
  }

  .sidebar::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background:
      color-mix(in srgb, var(--brand) 45%, var(--border))
      padding-box;
  }

  .sidebar::-webkit-scrollbar-thumb:hover {
    background:
      color-mix(in srgb, var(--brand) 68%, var(--border))
      padding-box;
  }
}


/* v3.8 — odprte kartice, neodrezane sence in udobnejši razmiki */
@media (min-width: 1051px) {
  .sidebar {
    gap: 1rem;
    padding: .7rem 1.2rem 3.25rem .7rem !important;
    scroll-padding-top: .7rem;
    scroll-padding-bottom: 3.25rem;
  }

  .sidebar > .action-card,
  .sidebar > .settings-card,
  .sidebar > .print-card,
  .sidebar > details {
    width: auto !important;
    margin: 0;
    box-shadow:
      0 10px 28px color-mix(in srgb, var(--shadow) 82%, transparent);
  }
}

@media (max-width: 1050px) {
  .sidebar {
    padding: .35rem .55rem 1.75rem;
  }

  .sidebar > .action-card,
  .sidebar > .settings-card,
  .sidebar > .print-card,
  .sidebar > details {
    box-shadow:
      0 9px 24px color-mix(in srgb, var(--shadow) 78%, transparent);
  }
}


/* v3.9 — tiskovne prednastavitve in oznaka različice */
.app-version {
  display: inline-flex;
  align-items: center;
  margin-left: .42rem;
  padding: .18rem .42rem;
  vertical-align: middle;
  border: 1px solid color-mix(in srgb, var(--brand) 45%, var(--border));
  border-radius: 999px;
  background: var(--brand-soft);
  color: var(--brand);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.footer-version {
  margin-left: .35rem;
  color: var(--brand);
  font-weight: 750;
}

.print-preset-box {
  display: grid;
  gap: .58rem;
  margin-bottom: .85rem;
  padding: .72rem;
  border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--border));
  border-radius: .78rem;
  background: color-mix(in srgb, var(--surface-raised) 82%, var(--brand-soft));
}

.print-preset-field {
  display: grid;
  gap: .32rem;
}

.print-preset-field > span {
  color: var(--text-soft);
  font-size: .72rem;
  font-weight: 760;
}

.print-preset-actions {
  display: grid;
  grid-template-columns: 1fr 1.25fr 38px;
  gap: .45rem;
}

.print-preset-actions .button {
  min-height: 38px;
  padding: .5rem .58rem;
  font-size: .72rem;
}

.preset-delete {
  width: 38px;
  height: 38px;
  align-self: center;
  color: var(--danger);
}

.print-preset-box > small {
  color: var(--muted);
  font-size: .65rem;
  line-height: 1.4;
}

@media (max-width: 520px) {
  .print-preset-actions {
    grid-template-columns: 1fr 1fr;
  }

  .preset-delete {
    grid-column: 1 / -1;
    width: 100%;
  }
}


/* v3.10 — neposredni izvoz v SureLab OrderController */
.surelab-panel {
  margin-top: .8rem;
  border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--border));
  border-radius: .82rem;
  background: color-mix(in srgb, var(--surface-raised) 88%, var(--brand-soft));
  overflow: hidden;
}

.surelab-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .78rem;
  cursor: pointer;
  list-style: none;
}

.surelab-summary::-webkit-details-marker { display: none; }
.surelab-summary > span:first-child {
  display: flex;
  flex-direction: column;
  gap: .08rem;
  min-width: 0;
}
.surelab-summary b { color: var(--text-strong); font-size: .84rem; }
.surelab-summary small {
  color: var(--muted);
  font-size: .64rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.surelab-panel[open] .surelab-summary {
  border-bottom: 1px solid var(--border);
}
.surelab-panel[open] .surelab-summary .disclosure-chevron svg {
  transform: rotate(180deg);
}
.surelab-content { display: grid; gap: .7rem; padding: .78rem; }

.surelab-folder-state {
  display: flex;
  align-items: flex-start;
  gap: .48rem;
  padding: .62rem .68rem;
  border: 1px solid var(--border);
  border-radius: .68rem;
  background: var(--surface);
  color: var(--text-soft);
  font-size: .68rem;
  line-height: 1.4;
}
.surelab-state-dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  margin-top: .2rem;
  border-radius: 50%;
  background: var(--muted);
}
.surelab-folder-state.ready { border-color: var(--success); }
.surelab-folder-state.ready .surelab-state-dot { background: var(--success); }
.surelab-folder-state.warning { border-color: var(--warning); }
.surelab-folder-state.warning .surelab-state-dot { background: var(--warning); }
.surelab-folder-state.error { border-color: var(--danger); }
.surelab-folder-state.error .surelab-state-dot { background: var(--danger); }

.surelab-folder-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .48rem;
}
.surelab-folder-actions .button { min-height: 38px; padding: .48rem; font-size: .7rem; }

/* Vsebina je vedno v enem stolpcu. Kartica živi v ozkem stranskem stolpcu,
   zato širina okna ni uporabna mera — dvostolpčna postavitev je stisnila
   naslove vrstic na 0 px in polja za preset so se prekrila z njimi. */
.surelab-mapping-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .48rem;
  padding: .68rem;
  border: 1px solid var(--border);
  border-radius: .7rem;
  background: var(--surface);
}
.surelab-current-paper,
.surelab-preset-field {
  display: grid;
  gap: .22rem;
}
.surelab-current-paper span,
.surelab-preset-field span {
  color: var(--muted);
  font-size: .62rem;
  font-weight: 720;
}
.surelab-current-paper strong {
  color: var(--text-strong);
  font-size: .78rem;
}
.surelab-preset-field input {
  min-height: 39px;
  padding: .55rem .65rem;
  border: 1px solid var(--border-strong);
  border-radius: .65rem;
  background: var(--input-bg);
  color: var(--text-strong);
  font: inherit;
}
.surelab-mapping-box > .button {
  align-self: end;
  min-height: 39px;
  padding: .48rem;
  font-size: .68rem;
}
.surelab-mapping-box > small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.42;
}

.surelab-tech-note {
  display: grid;
  gap: .18rem;
  padding: .65rem .7rem;
  border-left: 3px solid var(--brand);
  background: var(--warning-soft);
  color: var(--text-soft);
  font-size: .65rem;
  line-height: 1.45;
}
.surelab-tech-note b { color: var(--text-strong); }
.surelab-tech-note code { font-size: .62rem; }

.surelab-order-status {
  padding: .62rem .68rem;
  border: 1px solid var(--border);
  border-radius: .68rem;
  background: var(--surface);
  color: var(--text-soft);
  font-size: .66rem;
  line-height: 1.42;
}
.surelab-order-status.success { border-color: var(--success); background: var(--success-soft); }
.surelab-order-status.warning { border-color: var(--warning); background: var(--warning-soft); }
.surelab-order-status.error { border-color: var(--danger); background: var(--danger-soft); }
.surelab-order-status.working { border-color: var(--brand); background: var(--brand-soft); }

@media (max-width: 560px) {
  .surelab-folder-actions { grid-template-columns: 1fr; }
}


/* v3.11 — poenostavljen in voden potek fizičnega tiska */
.print-workflow {
  display: grid;
  gap: .9rem;
  padding: .9rem;
}

.print-step {
  display: grid;
  gap: .72rem;
  padding: .78rem;
  border: 1px solid var(--border);
  border-radius: .82rem;
  background: var(--surface);
}

.print-step-heading {
  display: flex;
  align-items: flex-start;
  gap: .62rem;
}

.print-step-heading > span:last-child {
  display: grid;
  gap: .08rem;
  min-width: 0;
}

.print-step-heading b {
  color: var(--text-strong);
  font-size: .84rem;
}

.print-step-heading small {
  color: var(--muted);
  font-size: .65rem;
  line-height: 1.38;
}

.print-step-number {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--brand);
  color: #16200b;
  font-size: .7rem;
  font-weight: 850;
}

.print-items-list {
  margin: 0;
}

.print-subpanel {
  margin: 0;
  border: 1px solid var(--border);
  border-radius: .72rem;
  background: var(--surface-raised);
  overflow: hidden;
}

.print-subpanel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  min-height: 48px;
  padding: .62rem .68rem;
  list-style: none;
  cursor: pointer;
}

.print-subpanel > summary::-webkit-details-marker {
  display: none;
}

.print-subpanel > summary > span:first-child {
  display: grid;
  gap: .05rem;
  min-width: 0;
}

.print-subpanel > summary b {
  color: var(--text-strong);
  font-size: .73rem;
}

.print-subpanel > summary small {
  color: var(--muted);
  font-size: .61rem;
  line-height: 1.35;
}

.print-subpanel[open] > summary {
  border-bottom: 1px solid var(--border);
}

.print-subpanel[open] > summary .disclosure-chevron svg {
  transform: rotate(180deg);
}

.print-subpanel-content {
  padding: .68rem;
}

.print-preset-box {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.print-preview-hint {
  display: flex;
  align-items: flex-start;
  gap: .48rem;
  padding: .58rem .62rem;
  border-radius: .68rem;
  background: var(--brand-soft);
  color: var(--text-soft);
  font-size: .65rem;
  line-height: 1.42;
}

.print-preview-hint > span:first-child {
  color: var(--brand);
  font-size: 1rem;
  line-height: 1;
}

.print-preview-hint b {
  color: var(--text-strong);
}

.print-options-content {
  display: grid;
  gap: .28rem;
}

.print-output-grid {
  display: grid;
  gap: .65rem;
}

.print-output-card {
  display: grid;
  gap: .62rem;
  padding: .72rem;
  border: 1px solid var(--border);
  border-radius: .76rem;
  background: var(--surface-raised);
}

.surelab-output-card {
  border-color: color-mix(in srgb, var(--brand) 42%, var(--border));
  background: color-mix(in srgb, var(--surface-raised) 92%, var(--brand-soft));
}

.print-output-heading {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
}

.print-output-heading > span:last-child {
  display: grid;
  gap: .08rem;
  min-width: 0;
}

.print-output-heading b {
  color: var(--text-strong);
  font-size: .78rem;
}

.print-output-heading small {
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.35;
}

.print-output-icon {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: .62rem;
  background: var(--brand-soft);
  color: var(--brand);
  font-size: .95rem;
  font-weight: 800;
}

.sheet-export-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .48rem;
}

.sheet-export-actions.hidden {
  display: none;
}

/* Stari SureLab okvir je sedaj le kompaktna nastavitev znotraj izhodne kartice. */
.surelab-panel {
  margin: 0;
  border-color: var(--border);
  background: var(--surface);
}

.surelab-summary {
  padding: .62rem .68rem;
}

.surelab-summary > span:first-child {
  display: grid;
  gap: .05rem;
}

.surelab-summary b {
  font-size: .73rem;
}

.surelab-summary small {
  font-size: .61rem;
  white-space: normal;
}

.surelab-order-status {
  font-size: .63rem;
}

.surelab-tech-note {
  padding: .55rem .62rem;
}

@media (min-width: 1240px) {
  .print-output-grid {
    grid-template-columns: 1.2fr .8fr;
    align-items: start;
  }

  .sheet-export-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .print-workflow {
    padding: .7rem;
  }

  .print-step {
    padding: .68rem;
  }

  .sheet-export-actions {
    grid-template-columns: 1fr;
  }
}


/* v3.11 final — izhodni možnosti sta v ozkem stolpcu vedno ena pod drugo */
.print-output-grid {
  grid-template-columns: 1fr !important;
}

.print-output-card .sheet-export-actions {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 560px) {
  .print-output-card .sheet-export-actions {
    grid-template-columns: 1fr;
  }
}


/* v3.11.1 — dodajanje dodatnega formata na obstoječo polo */
.add-another-format-button {
  width: 100%;
  justify-content: center;
  margin-top: -.12rem;
  border-style: dashed;
}

.add-another-format-button > span {
  font-size: 1rem;
  line-height: 1;
}

#documentFormatSelect.format-select-attention {
  outline: 3px solid color-mix(in srgb, var(--brand) 38%, transparent);
  outline-offset: 3px;
}


/* v3.12 — jasnejši dodatek za tisk */
.crop-export-row {
  grid-template-columns: 1fr;
}

.add-print-box {
  display: grid;
  gap: .58rem;
  padding: .72rem;
  border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--border));
  border-radius: .78rem;
  background: color-mix(in srgb, var(--surface-raised) 92%, var(--brand-soft));
}

.add-print-box-heading > span {
  display: grid;
  gap: .08rem;
}

.add-print-box-heading b {
  color: var(--text-strong);
  font-size: .76rem;
}

.add-print-box-heading small {
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.38;
}

.add-print-controls {
  display: grid;
  grid-template-columns: minmax(82px, .34fr) minmax(0, 1fr);
  align-items: end;
  gap: .55rem;
}

.print-copies-field {
  margin: 0;
}

.print-copies-field > span {
  font-size: .65rem;
  font-weight: 750;
  color: var(--text-soft);
}

.print-copies-field input {
  width: 100%;
  min-height: 44px;
  text-align: center;
  font-weight: 800;
}

.add-for-print-button {
  width: 100%;
  min-height: 44px;
  justify-content: center;
}

/* v3.12 — vsi SureLab preseti na enem mestu */
.surelab-mapping-heading > span {
  display: grid;
  gap: .08rem;
}

.surelab-mapping-heading b {
  color: var(--text-strong);
  font-size: .73rem;
}

.surelab-mapping-heading small {
  color: var(--muted);
  font-size: .61rem;
  line-height: 1.35;
}

.surelab-preset-list {
  display: grid;
  gap: .42rem;
}

.surelab-preset-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  align-items: center;
  gap: .6rem;
  padding: .52rem .58rem;
  border: 1px solid var(--border);
  border-radius: .64rem;
  background: var(--surface);
  transition: border-color .18s ease, background-color .18s ease;
}

.surelab-preset-row.current {
  border-color: color-mix(in srgb, var(--brand) 58%, var(--border));
  background: var(--brand-soft);
}

.surelab-preset-row > span {
  display: grid;
  gap: .02rem;
  min-width: 0;
}

.surelab-preset-row b {
  color: var(--text-strong);
  font-size: .69rem;
}

.surelab-preset-row small {
  color: var(--muted);
  font-size: .57rem;
  line-height: 1.3;
}

.surelab-preset-row input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  text-align: center;
  font-weight: 800;
}

#saveSureLabPresetsButton {
  width: 100%;
  justify-content: center;
}

@media (max-width: 440px) {
  .add-print-controls {
    grid-template-columns: 86px minmax(0, 1fr);
  }

  .surelab-preset-row {
    grid-template-columns: minmax(0, 1fr) 78px;
  }
}


/* v3.12.1 — jasnejši spodnji del kartice Priprava fotografije */
.usage-group {
  display: grid;
  gap: .65rem;
  margin-top: .82rem;
  padding-top: .78rem;
  border-top: 1px solid var(--border);
}

.usage-group-heading > span {
  display: grid;
  gap: .08rem;
}

.usage-group-heading b {
  color: var(--text-strong);
  font-size: .78rem;
}

.usage-group-heading small {
  color: var(--muted);
  font-size: .64rem;
  line-height: 1.38;
}

.usage-group-content {
  display: grid;
  gap: .55rem;
}

.usage-group-content .filename-label {
  margin: 0;
}

.usage-group-content .send-button,
.usage-group-content .extension-state,
.usage-group-content .crop-export-row {
  margin-top: 0;
}

.usage-group-content .crop-export-row {
  display: grid;
  grid-template-columns: 1fr;
}

/* Kompakten tisk brez dodatne kartice znotraj kartice. */
.print-action-strip {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  align-items: end;
  gap: .55rem;
  padding-top: .62rem;
  border-top: 1px solid var(--border);
}

.print-action-copy {
  display: grid;
  gap: .3rem;
  min-width: 0;
}

.print-action-label {
  color: var(--muted);
  font-size: .65rem;
  font-weight: 750;
}

.copies-stepper {
  display: grid;
  grid-template-columns: 34px minmax(44px, 1fr) 34px;
  align-items: stretch;
  min-height: 44px;
  border: 1px solid var(--border-strong);
  border-radius: .68rem;
  background: var(--surface-input);
  overflow: hidden;
}

.copies-stepper:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-ring);
}

.copies-stepper-button {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0;
  border: 0;
  background: var(--surface-raised);
  color: var(--text-strong);
  font-size: 1.05rem;
  font-weight: 800;
  cursor: pointer;
}

.copies-stepper-button:first-child {
  border-right: 1px solid var(--border);
}

.copies-stepper-button:last-child {
  border-left: 1px solid var(--border);
}

.copies-stepper-button:hover:not(:disabled) {
  background: var(--surface-hover);
  color: var(--brand);
}

.copies-stepper-button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.copies-stepper-value {
  min-width: 0;
}

.copies-stepper-value input {
  width: 100%;
  height: 100%;
  min-height: 42px;
  padding: 0 .2rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-strong);
  text-align: center;
  font-size: .9rem;
  font-weight: 850;
  outline: 0;
  appearance: textfield;
  -moz-appearance: textfield;
}

.copies-stepper-value input::-webkit-inner-spin-button,
.copies-stepper-value input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.print-action-button-slot {
  min-width: 0;
}

.print-action-button-slot .add-for-print-button {
  width: 100%;
  min-height: 44px;
}

/* Prejšnji v3.12 blok ni več uporabljen. */
.add-print-box {
  display: none;
}

@media (max-width: 430px) {
  .print-action-strip {
    grid-template-columns: 116px minmax(0, 1fr);
  }
}


/* v3.12.2 — status razširitve se ne dotika gumba eFotograf */
#efotografActions {
  display: grid;
  gap: .48rem;
}

#efotografActions .send-button,
#efotografActions .extension-state {
  margin-top: 0;
}