/* Final mobile layout: readable content, compact groups, generous touch targets. */
.mobile-only-action{display:none}
.task-hint{color:var(--muted);margin:0 0 16px;line-height:1.5}
.filter-disclosure{margin-bottom:20px}.filter-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;grid-column:1/-1}
@media screen and (max-width:800px){
 :root{font-size:16px;--mobile-header:64px}body{line-height:1.45}html{scroll-padding-top:calc(var(--mobile-header) + env(safe-area-inset-top,0px) + 12px);scroll-padding-bottom:100px}
 .main{padding:20px max(16px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 .page-heading{margin-bottom:18px}.page-heading h1,.main h1{font-size:1.65rem;line-height:1.2;letter-spacing:-.035em}.panel{padding:18px 16px;margin-bottom:16px;border-radius:18px;box-shadow:none}
 .lead{font-size:1rem;margin-bottom:16px}.small,small,.muted{line-height:1.45}label{font-size:.94rem;line-height:1.4;margin-bottom:16px;min-width:0}label .muted,summary span{font-size:.85rem}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(.custom-native),select:not(.custom-native),textarea{min-height:52px;font-size:16px;padding:12px;border-radius:12px;max-width:100%;scroll-margin-block:100px}select:not(.custom-native){width:100%;text-overflow:ellipsis}textarea{min-height:100px}
 button,.button,.button.large,.studio-toolbar .button,.builder-materials .button,.order-detail-actions .button,.simple-order-actions .button,.delete-actions .button,.count-control-actions .button{min-height:52px;font-size:1rem;line-height:1.3;padding:12px 16px;border-radius:12px;touch-action:manipulation;white-space:normal;overflow-wrap:anywhere}
 .text-link,.text-button{min-height:44px;font-size:.94rem;padding:10px 0;text-align:left;justify-content:flex-start}.button{justify-content:center;box-shadow:none}
 .button-row,.section-toolbar,.studio-toolbar,.studio-save,.simple-order-actions,.delete-actions,.pagination{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
 .button-row>.button,.section-toolbar>.button,.simple-order-actions>.button,.delete-actions>.button{flex:1 1 120px;min-width:0;width:auto}.main form>button.button,.login-card .button{width:100%}.back-link{margin:0 0 8px}
 summary,.optional-fields summary,.secondary-section>summary,.studio-history summary,.studio-notes summary{min-height:48px;padding-block:12px;font-size:.94rem;line-height:1.4}
 .check,.check.count-select{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:.94rem;line-height:1.4;cursor:pointer}
 input[type=checkbox],input[type=radio],.check input,.count-select input{width:24px;height:24px;min-width:24px;min-height:24px;flex:none;margin:0;accent-color:var(--green)}
 .optional-fields{margin:12px 0;padding-top:0}.optional-fields[open]>summary{margin-bottom:12px}
 .form-grid,.two-columns,.workflow,.permission-grid,.packing-grid,.packing-card .form-grid,.dispatch-grid,.order-product-inputs,.order-demand,.studio-pair{grid-template-columns:minmax(0,1fr);gap:16px}.workflow>.panel{margin-bottom:0}
 .topbar{gap:12px;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));height:calc(var(--mobile-header) + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:var(--paper)}
 .topbar>.drawer-toggle,.user-switcher-toggle,.drawer-heading .icon-button{width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;border-radius:13px}
 .topbar>.brand,.topbar:has(.pdf-export)>.brand{font-size:.94rem;min-width:0;letter-spacing:.06em}.topbar>.brand>span,.topbar:has(.pdf-export)>.brand>span{display:block}
 .topbar>.brand>img,.topbar:has(.pdf-export)>.brand>img,.header-right>.avatar,.header-right>.pdf-export,.topbar:has(.pdf-export) .header-right>.avatar{display:none}
 .header-right{gap:0}.user-switcher-panel{top:calc(var(--mobile-header) + env(safe-area-inset-top,0px) + 4px);max-height:calc(100dvh - 88px - env(safe-area-inset-top,0px));overflow-y:auto}
 .user-switcher-user,.user-switcher-more{min-height:52px}.user-switch-banner{flex-wrap:wrap;gap:8px;padding:12px 16px;font-size:.9rem}.user-switch-banner .button{min-height:44px}
 dialog.mobile-drawer{width:min(360px,calc(100vw - 24px));border-radius:0 20px 20px 0}.drawer-heading{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px))}
 .drawer-links{padding:0 12px 16px}.drawer-links>a,.drawer-group>a,.drawer-group>summary{min-height:52px;padding:12px;font-size:1rem;margin:0;border-radius:12px;gap:12px}.drawer-group{margin-top:12px;padding-top:8px}.drawer-task-links{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
 .drawer-account{padding:16px 24px max(20px,env(safe-area-inset-bottom,0px))}.drawer-account>a{min-height:52px;font-size:1rem}.drawer-account>a>span{font-size:.9rem;margin-top:4px}.drawer-account .text-button{margin-top:8px}.drawer-links>.pdf-export{display:flex;min-height:48px;margin-top:12px}.drawer-links .pdf-export-label{display:inline}
 body[data-page="home"] .enriched-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-page="home"] .enriched-actions .action-card[data-action]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-column:auto;gap:10px;min-height:110px;padding:16px;border-radius:18px;box-shadow:none;order:0}
 body[data-page="home"] .enriched-actions .action-top{display:contents}body[data-page="home"] .enriched-actions .action-card[data-action] h2{font-size:1.06rem;line-height:1.25;margin:0;align-self:auto;letter-spacing:-.02em;overflow-wrap:normal}
 body[data-page="home"] .enriched-actions .action-card .action-icon{width:40px;height:40px;flex:none;align-self:auto;border-radius:12px;font-size:1.45rem}body[data-page="home"] .enriched-actions .action-icon svg{width:25px;height:25px}
 body[data-page="home"] .enriched-actions .action-card[data-action="produce"]{order:-2;grid-column:1/-1;flex-direction:row;justify-content:flex-start;align-items:center;min-height:86px;gap:16px}body[data-page="home"] .enriched-actions .action-card[data-action="produce"] h2{font-size:1.25rem}
 body[data-page="home"] .enriched-actions .action-card[data-action="inventory"]{order:-1}body[data-page="home"] .enriched-actions .action-card[data-action="stocktake"]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;min-height:72px;gap:16px}
 body[data-page="home"] .enriched-actions .tile-footer,body[data-page="home"] .enriched-actions .tile-kicker,body[data-page="home"] .enriched-actions .action-card p,body[data-page="home"] .enriched-actions .arrow{display:none}
 [data-page="home"] .quiet-action{display:flex;min-height:52px;padding:12px 16px;margin-top:10px;border-radius:14px;font-size:.94rem}
 .search-bar{display:flex;flex-direction:row;align-items:stretch;gap:8px;margin-bottom:12px}.search-bar .search-label{flex:1;min-width:0;margin:0}.main .search-bar>button.button{flex:0 0 auto;width:auto;padding:12px 16px}.search-bar input{margin:0;width:100%}
 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;margin:12px 0 20px;padding:0}.tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 8px;font-size:.9rem;border-radius:12px;white-space:normal}
 .product-grid{gap:12px}.product-card{grid-template-columns:60px minmax(0,1fr);padding:14px;gap:12px;border-radius:16px}.product-card .item-visual,.product-card>.item-photo{width:60px;height:68px;margin:0;padding:4px;border-radius:12px}.product-card .item-visual img{max-width:100%;height:60px}
 .product-card h2{font-size:1.06rem}.product-body p,.selection-card .product-body p{font-size:.9rem;margin:4px 0 0}.selection-card{min-height:94px}.selection-card .float-right{display:inline;font-size:.85rem}
 .stock-card{gap:0 12px}.stock-card-top{padding:0 0 12px;flex-wrap:wrap;gap:8px}.stock-card-category{font-size:.72rem}.stock-card-top .badge{font-size:.72rem;white-space:normal}.stock-card .stock-number{font-size:1.75rem}.stock-card .stock-number small{font-size:.85rem}.stock-card-bags{font-size:.8rem}.stock-card h2{margin-bottom:8px}.inventory-group>h2{font-size:1.08rem}
 .selected-product{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px 14px;border-radius:16px}.selected-product>.selected-visual,.selected-product>a:first-child,.selected-product>.item-visual,.selected-product>.item-photo{grid-column:1;grid-row:1/4}
 .selected-product .item-visual,.selected-product .item-photo{width:56px;height:60px;margin:0}.selected-product .item-visual img{width:50px;height:50px}.selected-product .eyebrow{display:none}.selected-product h2{grid-column:2;font-size:1.1rem;margin:0}.selected-product .text-link{grid-column:2;min-height:44px;margin:0;padding:8px 0;font-size:.88rem}
 .selected-product>.stock-number,.selected-product>p,.selected-product>.button,.selected-product>.stock-bags{grid-column:1/-1}
 [data-page="item"] .selected-product h2{grid-row:1}[data-page="item"] .selected-product>.stock-number{grid-column:2;grid-row:2;margin:0}[data-page="item"] .selected-product>.stock-bag-fact{grid-column:2;grid-row:3;font-size:.85rem}
 .quantity-stepper{grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;margin-bottom:16px}.quantity-stepper button{min-height:60px;padding:8px;font-size:1.7rem;border-radius:12px}.quantity-stepper input.quantity-input{height:60px!important;font-size:1.8rem!important;padding:8px!important;border-radius:12px}.stepper-label{margin-bottom:8px}
 .credit-preview{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:12px 14px;margin:12px 0;font-size:.94rem;border-radius:12px}.credit-preview strong{font-size:1.65rem}.operation-form>.signal-badge{font-size:.85rem;margin:0 0 12px}.operation-form>.button{margin-top:4px}.operation-fixed-unit{margin:0 0 16px}.production-loose{margin:12px 0}
 .dispatch-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px}.dispatch-item>.dispatch-visual{grid-column:1;grid-row:1/3}.dispatch-item .item-visual,.dispatch-item .item-photo{width:48px;height:56px;margin:0}.dispatch-item .item-visual img{width:44px;height:48px}.dispatch-item>div:not(.dispatch-visual){display:contents}.dispatch-item h2{grid-column:2;font-size:1.05rem;margin:0}.dispatch-item p{font-size:.88rem}.dispatch-item .stock-legend{grid-column:2;margin:0}.dispatch-item .stock-ratio,.dispatch-item .stepper-label,.dispatch-item .quantity-stepper,.dispatch-item .field-help{grid-column:1/-1;margin:0}.dispatch-item .quantity-stepper input{height:60px;font-size:1.8rem}.dispatch-order-summary{padding:14px;margin-bottom:16px;gap:8px}.dispatch-order-summary span{font-size:.88rem}.dispatch-order-picker{gap:10px}.dispatch-order-help{margin-bottom:16px}
 .delivery-note table th:not(:first-child),.delivery-note table td:not(:first-child){white-space:nowrap;overflow-wrap:normal;width:1%;padding-inline:6px}
 .count-control-panel{padding:16px;margin-bottom:14px}.count-control-actions{display:flex;flex-wrap:wrap;gap:8px}.count-control-actions>button{display:none}.count-control-actions .button{flex:1 1 110px;min-height:48px;padding:10px;font-size:.88rem}.count-control-panel .count-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0 0;padding-top:12px}.count-tools label{font-size:.9rem}
 .production-loose summary>span{display:inline}.field-help{font-size:.88rem;margin:0 0 12px}.workflow-submit .button{width:100%}
 .stock-count-grid{grid-template-columns:minmax(0,1fr);gap:14px}.stock-count-grid .multi-count-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border-radius:16px}.stock-count-grid .count-kind{font-size:.7rem;letter-spacing:.04em}.stock-count-grid .count-item{gap:10px;min-width:0}.stock-count-grid .count-item>div{min-width:0;overflow-wrap:anywhere}.stock-count-grid .count-item strong{font-size:1rem}.stock-count-grid .count-item-icon{width:40px;height:48px}.stock-count-grid .current-stock{font-size:.8rem;margin-top:4px}
 .stock-count-grid .check.count-select{grid-column:2;grid-row:1/3;align-self:start;font-size:.8rem;min-height:48px;padding:8px;gap:6px;border:1px solid var(--line);border-radius:10px;margin:0}.stock-count-grid .count-select input{width:24px;height:24px;min-height:24px}
 .stock-count-grid .count-unit-fields,.stock-count-grid .count-unit-fields:has(>.count-number:nth-child(2):last-child){grid-template-columns:minmax(0,1fr);gap:12px;padding-top:12px}.stock-count-grid .count-number{display:block;font-size:.88rem;text-transform:none}.stock-count-grid .count-number>label{display:block;margin:0 0 6px;font-size:.88rem}
 .stock-count-grid .count-input-wrap{display:flex;margin:6px 0 0;border:1px solid var(--line);border-radius:12px;background:#fff}.stock-count-grid .count-input-wrap button{flex:0 0 48px;width:48px;height:52px;min-height:52px;padding:8px;font-size:1.5rem;border-radius:0;background:var(--surface-soft)}.stock-count-grid .count-input-wrap input[data-count-input]{height:52px;min-height:52px;font-size:1.4rem;padding:8px;margin:0;border:0;border-radius:0;text-align:center}
 .stock-count-grid .count-number small{font-size:.8rem}.stock-count-grid .count-extra>summary{font-size:.88rem;min-height:48px;padding:12px}.stock-count-grid .count-total{flex-wrap:wrap;padding:10px 12px;font-size:.85rem}.stock-count-grid .count-total strong{font-size:1.2rem}
 .count-note{margin-top:16px;padding:12px 16px}.count-note summary{font-size:.94rem}.count-progress{font-size:.9rem;margin:0;color:var(--muted)}.mobile-only-action{display:block;margin:16px 0}.mobile-only-action .button{width:100%}
 .worker-submit-bar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--paper);padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));margin-top:12px;border-top:1px solid var(--line)}.worker-submit-bar>.button{flex:1 1 160px}.worker-submit-bar .count-progress{flex:1 1 100%;margin:0}.keyboard-open .worker-submit-bar{position:static}
 .filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-form label{margin:0}.filter-form label:first-of-type,.filter-form>.button{grid-column:1/-1}.filter-disclosure>summary{font-weight:600}.filter-disclosure[open]>summary{margin-bottom:8px}.filter-actions>.button{flex:1}
 [data-page="dashboard"] .filter-form label{grid-column:auto}
 .simple-order{padding:16px;border-radius:16px}.simple-order-main{grid-template-columns:minmax(0,1fr);gap:12px}.simple-order-main h2{font-size:1.15rem}.simple-order-main p{font-size:.88rem;margin:6px 0}.simple-order-stock{border-top:1px solid var(--line);padding-top:12px}.simple-order-stock>div{gap:8px;flex-wrap:wrap}.simple-order-stock .stock-legend{font-size:.82rem}.simple-order-stock .stock-ratio{font-size:1.5rem}.simple-order-actions{margin-top:14px}.simple-order-actions .button{font-size:.94rem}
 .simple-stock-grid{grid-template-columns:minmax(0,1fr);gap:10px}.simple-stock-card{padding:14px}.simple-stock-card h3{font-size:1rem;margin-bottom:6px}.stock-ratio{font-size:1.65rem;max-width:100%;white-space:normal;flex-wrap:wrap}.order-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.order-detail-actions .button{flex:1 1 120px;width:auto;font-size:.94rem}.order-detail-actions>.button:first-child{flex-basis:100%}.order-detail-header h2{font-size:1.35rem}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{min-width:0;padding:14px;border-radius:14px}.kpi>span,.kpi>small{font-size:.85rem}.kpi>strong{font-size:1.7rem;overflow-wrap:anywhere}.production-chart{height:150px}.chart-day{min-width:0}.chart-day span{font-size:.7rem}.trend-panel .section-toolbar{gap:8px;margin-bottom:12px}.trend-panel h2{font-size:1.05rem}.profile-heading{gap:12px}.profile-heading>div{min-width:0}.profile-heading h2{font-size:1.2rem;overflow-wrap:anywhere}.profile-heading .large-avatar{flex:none;width:52px;height:52px}
 .history-card{padding:12px 16px;border-radius:16px}.history-card h3{width:100%;font-size:1rem}.history-card .text-link{justify-content:flex-start;text-align:left;padding:8px 0;min-height:44px}.history-card h3 .text-link{width:100%}.history-card p{font-size:.94rem}.history-card small{font-size:.83rem}.timeline-row{flex-wrap:wrap;gap:10px;padding:14px 16px}.timeline-row>div{min-width:0;overflow-wrap:anywhere}.timeline-row>span{font-size:.85rem}
 .responsive-table td{font-size:.94rem;gap:10px}.responsive-table td::before{font-size:.82rem}.responsive-table td a{min-height:44px}.detail-row{font-size:.94rem}a.detail-row{min-height:48px}.metadata-list{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;font-size:.94rem}.metadata-list dd{overflow-wrap:anywhere;min-width:0}.material-row{grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:12px}.material-row strong{font-size:.94rem}.material-stock,.material-row small{font-size:.85rem}
 .product-studio,.studio-details{display:block}.studio-sidebar{margin-bottom:16px}.studio-photo{height:auto;min-height:0;display:flex;flex-direction:column;padding:16px}.studio-photo>img,.studio-photo>svg{max-height:140px}.studio-upload{position:static;margin:16px 0 0;width:100%}.studio-fields,.studio-recipe,.studio-history{padding:16px}.studio-section-heading{flex-wrap:wrap;gap:12px}.studio-stock{flex-wrap:wrap;gap:8px}.builder-flow{grid-template-columns:minmax(0,1fr);gap:12px}.builder-arrow{display:none}.builder-step{padding:16px}.builder-step label{margin:0}.builder-result{flex-wrap:wrap;gap:16px;padding:16px}.builder-result-divider,.builder-pallet-pattern{display:none}
 .recipe-line,.builder-materials .recipe-line{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 12px}.recipe-line label{margin:0}.remove-line,.builder-materials .remove-line{min-height:48px;min-width:48px;width:100%;font-size:1rem;border:1px solid #dbb8b0}.remove-line::after{content:" Fjern emballage"}
 .builder-materials .recipe-line input,.builder-materials .recipe-line select{font-size:16px;min-height:52px;padding:12px}
 .studio-fields label,.builder-step label,.builder-materials .recipe-line label{font-size:.94rem;line-height:1.4}.studio-upload .image-upload-choose,.studio-upload .image-upload-clear{font-size:.9rem;min-height:48px}.studio-upload .image-upload-status{font-size:.8rem}
 .custom-select-trigger,.custom-select-option{min-height:52px;font-size:16px;padding:12px}.custom-select-value{white-space:normal;text-align:left}.image-upload{flex-wrap:wrap}.image-upload-choose,.image-upload-clear{min-height:48px;font-size:1rem}.image-upload-status{overflow-wrap:anywhere}
 .count-history-card{flex-wrap:wrap;gap:10px}.count-history-card .button{min-height:48px}.count-history-card>a:first-child span{font-size:.85rem}.count-result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.count-result-summary>div{padding:12px 8px;min-width:0}.count-result-summary strong{font-size:1.3rem;overflow-wrap:anywhere}.count-result-summary span{font-size:.8rem}
 dialog:not(.mobile-drawer){padding:20px 16px;width:calc(100% - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}dialog pre{font-family:inherit;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:50dvh}dialog .button-row{position:sticky;bottom:-20px;flex-wrap:nowrap;background:#fff;padding:12px 0;margin-top:12px}dialog .button-row>.button{flex:1;min-width:0}
 .login-shell{padding:24px 20px;gap:16px}.login-card{padding:20px 16px}.login-intro .brand{margin-bottom:16px}
 a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #28765c;outline-offset:3px}
}
@media screen and (max-width:360px){.main{padding-left:12px;padding-right:12px}.topbar{padding-inline:12px;gap:8px}body[data-page="home"] .enriched-actions .action-card[data-action]{padding:14px}.stock-count-grid .multi-count-row{padding:12px}.stock-count-grid .count-item-icon{display:none}.stock-card-bags{border:0;padding:0}.material-row{grid-template-columns:minmax(0,1fr)}}
@media screen and (min-width:540px) and (max-width:800px){.product-grid,.simple-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.count-control-panel .count-tools{grid-template-columns:2fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}