/* Screen layout only: never resize printed labels or canvas output. */
@media screen {
html[data-produktiva-ui] body { margin:0; font-family:"Segoe UI",Arial,sans-serif!important; font-size:16px!important; line-height:1.5; color:#14211c!important; }
html[data-produktiva-ui] *,html[data-produktiva-ui] *::before,html[data-produktiva-ui] *::after { box-sizing:border-box; }
html[data-produktiva-ui] [hidden] { display:none!important; }
html[data-produktiva-ui] :is(.wrap,.card,.panel,.grid,.filters,.toolbar,.cols,.split,.topin,label) { min-width:0; }
html[data-produktiva-ui] .top { overflow:visible!important; color:#fff!important; }
html[data-produktiva-ui] .top h1 { color:#fff!important; font-size:clamp(26px,3vw,36px)!important; line-height:1.2!important; }
html[data-produktiva-ui] .top p { color:#e8f2ed!important; }
html[data-produktiva-ui] .topin { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:auto; }
html[data-produktiva-ui] .wrap { width:100%; max-width:1360px!important; padding:0 24px 48px!important; }
html[data-produktiva-ui] :is(.meta,.muted,.summary,.source,.metric span,.mini small) { color:#485b51!important; font-size:14px!important; line-height:1.5; }
html[data-produktiva-ui] label { display:grid; gap:7px; font-size:14px!important; line-height:1.4!important; color:#263d32!important; letter-spacing:0!important; text-transform:none!important; }
html[data-produktiva-ui] :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { width:100%; min-width:0; max-width:100%; min-height:48px!important; padding:11px 12px!important; font-size:16px!important; line-height:1.4!important; font-weight:500; color:#14211c!important; background:#fff!important; border:1px solid #879d90!important; border-radius:9px!important; }
html[data-produktiva-ui] :is(input,textarea)::placeholder { color:#58685f!important; opacity:1!important; }
html[data-produktiva-ui] :is(input,select,textarea,button,a):focus-visible { outline:3px solid #286cda!important; outline-offset:3px; }
html[data-produktiva-ui] input[type=checkbox],html[data-produktiva-ui] input[type=radio] { width:22px!important; height:22px!important; min-height:22px!important; padding:0!important; flex:none; }
html[data-produktiva-ui] :is(.btn,.save,.smallbtn,.nav a,.actions a) { display:inline-flex; align-items:center; justify-content:center; min-height:46px!important; max-width:100%; padding:11px 16px!important; font-size:15px!important; font-weight:700!important; line-height:1.35!important; white-space:normal; text-align:center; overflow-wrap:normal; border-radius:9px!important; text-decoration:none; cursor:pointer; }
html[data-produktiva-ui] .actions { display:flex!important; flex-wrap:wrap; align-items:center; gap:10px!important; }
html[data-produktiva-ui] .actions>* { width:auto!important; flex:0 1 auto; }
html[data-produktiva-ui] .actions a { color:#164932!important; background:#e7f0eb!important; border:1px solid #879d90!important; }
html[data-produktiva-ui] .top :is(.nav a,.actions a,.btn.secondary) { color:#fff!important; background:#285c46!important; border:1px solid #a5c2b2!important; }
html[data-produktiva-ui] .nav { display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; }
html[data-produktiva-ui] :is(.filters,.activity-filters,.production-history-filters) { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important; gap:12px!important; align-items:end; }
html[data-produktiva-ui] .filters .query { grid-column:span 2; }
html[data-produktiva-ui] .toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
html[data-produktiva-ui] .toolbar>input { flex:1 1 320px; width:auto; }
html[data-produktiva-ui] .toolbar>label { display:flex; align-items:center; gap:9px; }
html[data-produktiva-ui] .grid:not(.state):not(.people) { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:16px; }
html[data-produktiva-ui] .wide { grid-column:span 2; }
html[data-produktiva-ui] .summary:has(.metric) { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important; gap:12px!important; }
html[data-produktiva-ui] .tablewrap { max-width:100%; overflow:auto; margin:0!important; overscroll-behavior-inline:contain; }
html[data-produktiva-ui] :is(th,td) { font-size:14px!important; line-height:1.45; padding:12px!important; }
html[data-produktiva-ui] th { color:#294234!important; letter-spacing:0!important; }
html[data-produktiva-ui] .card { padding:22px!important; }
html[data-produktiva-page=home] .module p { color:#374d40!important; }
html[data-produktiva-page=home] .module.primary p { color:#edf7f1!important; }
html[data-produktiva-page=home] .module.primary .arrow { color:#ffe0a0!important; }
html[data-produktiva-page=login] .card { max-width:calc(100vw - 32px)!important; }
html[data-produktiva-page=labels] .workspace { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
html[data-produktiva-page=labels] .search-field { width:100%; min-width:0; grid-template-columns:22px minmax(0,1fr) 44px; padding:8px 12px; }
html[data-produktiva-page=labels] .search-field button { min-width:44px; min-height:44px; }
html[data-produktiva-page=labels] .mobile-bottom-nav button { color:#f1f6f3; font-size:12px!important; min-height:54px; letter-spacing:0; }
html[data-produktiva-page=labels] .mobile-bottom-nav button.active { color:#14211c; }
html[data-produktiva-ui] .card :is(.ey,.eyebrow),html[data-produktiva-page=login] .eyebrow { color:#5d4312!important; }
html[data-produktiva-page=labels] .search-field input { min-width:0!important; width:100%; padding:8px 0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font-size:18px!important; }
html[data-produktiva-page=labels] .search-tools { grid-template-columns:minmax(0,1fr) auto; }
html[data-produktiva-page=labels] :is(.printer-filters,.category-filters) { width:100%; min-width:0; }
html[data-produktiva-page=labels] .printer-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
html[data-produktiva-page=labels] .category-filters { display:flex; flex-wrap:wrap; overflow:visible; gap:8px; }
html[data-produktiva-page=labels] :is(.printer-filter,.category-chip) { min-width:0!important; min-height:46px; padding:9px 12px!important; font-size:14px!important; white-space:normal; line-height:1.3; }
html[data-produktiva-page=labels] .product-name { font-size:20px!important; line-height:1.25!important; }
html[data-produktiva-page=labels] .product-card { min-height:120px!important; }
html[data-produktiva-page=labels] .topbar { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
html[data-produktiva-page=labels] .pv-home-link { flex:none; min-width:76px; min-height:46px; }
html[data-produktiva-page=labels] .production-dialog-body { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
html[data-produktiva-page=labels] .mobile-session-strip { background:#edf4ef!important; color:#14211c!important; padding:10px 12px!important; gap:10px; }
html[data-produktiva-page=labels] .mobile-session-strip strong { color:#14211c!important; font-size:14px!important; }
html[data-produktiva-page=labels] .mobile-session-strip span { color:#485b51!important; font-size:11px!important; }
html[data-produktiva-page=labels] .mobile-session-strip button { min-height:44px!important; font-size:13px!important; padding:8px 12px!important; }
html[data-produktiva-page=labels] .printer-filter span { font-size:12px!important; color:#485b51; }
html[data-produktiva-page=labels] .printer-filter.active span { color:#fff; }
@media(min-width:761px) { html[data-produktiva-ui] .filters:has(>label:only-of-type):has(>.btn) { grid-template-columns:minmax(0,1fr) auto!important; } }
@media(max-width:1020px) {
 html[data-produktiva-ui] .topin { align-items:flex-start; flex-direction:column; }
 html[data-produktiva-page=labels] .workspace,html[data-produktiva-page=labels] .production-dialog-body { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) {
 html[data-produktiva-ui] .wrap { padding:0 12px 32px!important; }
 html[data-produktiva-ui] .card { padding:16px!important; }
 html[data-produktiva-ui] :is(.cols,.split) { grid-template-columns:minmax(0,1fr)!important; }
 html[data-produktiva-ui] .nav { width:100%; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html[data-produktiva-ui] .nav a { width:100%; }
 html[data-produktiva-ui] .top .actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 html[data-produktiva-ui] .top .actions>* { width:100%!important; }
 html[data-produktiva-ui] .filters { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html[data-produktiva-ui] .filters .query,html[data-produktiva-ui] .wide { grid-column:1/-1!important; }
 html[data-produktiva-page=labels] .workspace { padding:12px!important; gap:16px; }
 html[data-produktiva-page=labels] :is(.products-panel,.print-panel) { padding:16px!important; }
 html[data-produktiva-page=labels] .search-tools { grid-template-columns:minmax(0,1fr); }
 html[data-produktiva-page=labels] .topbar { position:relative; padding:12px; }
 html[data-produktiva-page=labels] .daily-counters { width:100%; flex:1 1 100%; }
 html[data-produktiva-page=labels] .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:420px) {
 html[data-produktiva-ui] :is(.filters,.grid:not(.state):not(.people)) { grid-template-columns:minmax(0,1fr)!important; }
 html[data-produktiva-ui] .toolbar>input { flex-basis:100%; width:100%; }
 html[data-produktiva-ui] .toolbar>.btn { width:100%; }
 html[data-produktiva-page=labels] .product-grid { grid-template-columns:minmax(0,1fr); }
}
}