.app-label-title-ipad,
.app-label-copy-ipad,
.app-label-new-product,
.app-label-inline-preview-ipad,
.app-nav-help {
display: none;
}

.app-label-title-desktop,
.app-label-copy-desktop {
display: inline;
}

.app-label-search-row {
min-width: 0;
}

.app-label-search-control {
position: relative;
min-width: 0;
}

.app-label-search-clear {
display: grid;
position: absolute;
z-index: 2;
top: calc(50% + 8px);
right: 7px;
width: 44px;
height: 44px;
place-items: center;
padding: 0;
transform: translateY(-50%);
border: 1px solid #d8d0c7;
border-radius: 12px;
color: #5f594f;
background: #f7f4ef;
box-shadow: 0 4px 12px rgba(53, 47, 40, .08);
}

.app-label-search-clear[hidden] { display: none; }
.app-label-search-clear svg { width: 21px; height: 21px; }
.app-label-search-control:has(.app-label-search-clear:not([hidden])) .app-label-search { padding-right: 60px; }
.app-label-search input::-webkit-search-cancel-button { display: none; }

/* Unified iPad shell and truthful print preview v10. */
@media (min-width: 700px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) {
overflow: hidden;
background: #f7f4ef;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-frame {
height: 100dvh;
min-height: 0;
overflow: hidden;
background: #fffdfa;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-main {
height: calc(100dvh - var(--app-ipad-header));
min-height: 0;
padding: 0 40px 28px 0;
overflow: hidden;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .more-assistant-lazy-launch {
display: none !important;
}

html.app-ipad-layout .labels-app-view {
width: 100% !important;
max-width: none !important;
height: 100%;
min-height: 0;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
}

html.app-ipad-layout .labels-app-view > .work-page-header,
html.app-ipad-layout .labels-app-view > .app-label-commandbar {
display: none !important;
}

html.app-ipad-layout .labels-app-view > .app-label-message {
position: fixed;
z-index: 80;
right: 24px;
top: calc(var(--app-ipad-header) + env(safe-area-inset-top) + 14px);
bottom: auto;
width: min(430px, calc(100vw - 48px));
margin: 0;
box-shadow: 0 14px 34px rgba(51, 42, 31, .16);
}
html.app-ipad-layout .labels-app-view > .app-label-message[data-tone="success"] {
min-height: 62px;
padding: 14px 18px 14px 62px;
border-color: #9fbb82;
color: #294b2f;
background: linear-gradient(135deg, #f6faef, #e8f2dc);
box-shadow: 0 16px 38px rgba(38, 70, 42, .2);
}
html.app-ipad-layout .labels-app-view > .app-label-message[data-tone="success"]::before {
content: "✓";
position: absolute;
left: 15px;
top: 12px;
display: grid;
width: 36px;
height: 36px;
place-items: center;
border-radius: 11px;
color: #fff;
background: linear-gradient(145deg, #6f914d, #4c7138);
font-size: 20px;
font-weight: 950;
}

html.app-ipad-layout .app-label-title-desktop,
html.app-ipad-layout .app-label-copy-desktop {
display: none !important;
}

html.app-ipad-layout .app-label-title-ipad,
html.app-ipad-layout .app-label-copy-ipad {
display: inline !important;
}

html.app-ipad-layout .app-label-workspace {
display: grid !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
grid-template-columns: minmax(0, 413fr) minmax(0, 411fr) minmax(0, 367fr) !important;
align-items: stretch !important;
gap: 0 !important;
overflow: hidden !important;
border: 1px solid #dfd5c9 !important;
border-radius: 0 0 14px 0 !important;
background: #fffefd !important;
box-shadow: 0 12px 34px rgba(65, 49, 30, .045) !important;
}

html.app-ipad-layout .app-label-panel {
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 25px 26px !important;
overflow: hidden !important;
border: 0 !important;
border-radius: 0 !important;
background: #fffefd !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-catalog {
display: grid !important;
grid-template-rows: auto auto auto minmax(0, 1fr) auto auto !important;
align-content: stretch !important;
border-right: 1px solid #e6ddd3 !important;
padding-inline: 34px !important;
}

html.app-ipad-layout .app-label-compose {
display: grid !important;
grid-template-rows: auto minmax(0, 1fr) !important;
align-content: stretch !important;
border-right: 1px solid #e6ddd3 !important;
}

html.app-ipad-layout .app-label-live-preview {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
align-content: stretch !important;
background: #fbf8f3 !important;
}

html.app-ipad-layout .app-label-live-preview > header,
html.app-ipad-layout .app-label-live-preview > .app-label-live-status,
html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage,
html.app-ipad-layout .app-label-live-preview > .app-label-print-heading,
html.app-ipad-layout .app-label-live-preview > .app-label-live-actions {
grid-column: 1 !important;
grid-row: auto !important;
}

html.app-ipad-layout .app-label-panel-heading {
display: grid !important;
min-height: 48px !important;
grid-template-columns: 36px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 0 18px !important;
border: 0 !important;
}

html.app-ipad-layout .app-label-panel-heading > div {
min-width: 0;
}

html.app-ipad-layout .app-label-panel-heading .eyebrow,
html.app-ipad-layout .app-label-panel-heading > div > span {
display: none !important;
}

html.app-ipad-layout .app-label-live-preview .app-label-panel-heading > div > span:last-child {
display: block !important;
margin-top: 3px;
color: #81786f;
font-size: 10px;
line-height: 1.2;
}

html.app-ipad-layout .app-label-step-badge {
display: grid !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
place-items: center !important;
border: 0 !important;
border-radius: 50% !important;
color: #fff !important;
background: linear-gradient(145deg, #618144, #466c31) !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
box-shadow: 0 5px 12px rgba(72, 103, 49, .16) !important;
}

html.app-ipad-layout .app-label-panel-heading h2 {
margin: 0 !important;
overflow: hidden;
color: #292824 !important;
font-size: 19px !important;
font-weight: 800 !important;
line-height: 1.14 !important;
letter-spacing: -.25px !important;
text-overflow: ellipsis;
white-space: nowrap;
}

html.app-ipad-layout .app-label-search-row {
display: grid !important;
min-width: 0;
grid-template-columns: minmax(0, 1fr) 58px !important;
align-items: center;
gap: 12px;
margin: 0 0 16px !important;
}

html.app-ipad-layout .app-label-search-control .app-label-search {
margin: 0 !important;
}

html.app-ipad-layout .app-label-search-clear {
top: 50%;
right: 7px;
width: 44px;
height: 44px;
border-color: #cad5bd;
color: #466538;
background: #eff5e8;
}

html.app-ipad-layout .app-label-search-control:has(.app-label-search-clear:not([hidden])) .app-label-search {
padding-right: 62px !important;
}

html.app-ipad-layout .app-label-search {
display: grid !important;
height: 58px !important;
min-height: 58px !important;
grid-template-columns: 23px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 15px !important;
border: 1px solid #ddd3c8 !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: inset 0 1px rgba(255, 255, 255, .9) !important;
}

html.app-ipad-layout .app-label-search:focus-within {
border-color: #76905e !important;
box-shadow: 0 0 0 3px rgba(101, 130, 75, .12) !important;
}

html.app-ipad-layout .app-label-search svg {
width: 22px !important;
height: 22px !important;
color: #655d55 !important;
}

html.app-ipad-layout .app-label-search input {
width: 100%;
height: 56px !important;
min-width: 0;
padding: 0 !important;
border: 0 !important;
outline: 0 !important;
color: #312f2a !important;
background: transparent !important;
font-size: 15px !important;
}

html.app-ipad-layout .app-label-search > span {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
}

html.app-ipad-layout .app-label-refresh {
display: grid !important;
position: relative !important;
width: 58px !important;
height: 58px !important;
min-width: 58px !important;
min-height: 58px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #ddd3c8 !important;
border-radius: 12px !important;
color: #54713e !important;
background: #fff !important;
}

html.app-ipad-layout .app-label-refresh svg {
width: 23px !important;
height: 23px !important;
}

html.app-ipad-layout .app-label-refresh span {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
}

html.app-ipad-layout .app-label-folder-wrap {
min-width: 0 !important;
margin: 0 0 14px !important;
}

html.app-ipad-layout .app-label-folder-wrap > div:first-child {
display: none !important;
}

html.app-ipad-layout .app-label-folders {
display: flex !important;
max-width: 100%;
gap: 8px !important;
margin: 0 !important;
padding: 0 0 2px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none;
}

html.app-ipad-layout .app-label-folders::-webkit-scrollbar {
display: none;
}

html.app-ipad-layout .app-label-folders button {
width: auto !important;
min-width: max-content !important;
min-height: 38px !important;
margin: 0 !important;
padding: 7px 12px !important;
border: 1px solid #e2d9cf !important;
border-radius: 9px !important;
color: #625b53 !important;
background: #fff !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-folders button[aria-pressed="true"],
html.app-ipad-layout .app-label-folders button.is-active {
border-color: #79905e !important;
color: #486437 !important;
background: #eff5e8 !important;
}

html.app-ipad-layout .app-label-folders button strong {
font-size: 11px !important;
line-height: 1.1 !important;
}

html.app-ipad-layout .app-label-folders button small {
display: none !important;
}

html.app-ipad-layout .app-label-products {
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
max-height: none !important;
align-content: start !important;
gap: 13px !important;
margin: 0 !important;
padding: 0 4px 2px 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scrollbar-color: #c9c1b6 transparent;
scrollbar-width: thin;
}

html.app-ipad-layout .app-label-product {
display: grid !important;
min-width: 0 !important;
min-height: 80px !important;
grid-template-columns: 46px minmax(0, 1fr) 34px !important;
align-items: center !important;
gap: 13px !important;
margin: 0 !important;
padding: 11px 13px !important;
border: 1px solid #e3dad1 !important;
border-radius: 12px !important;
color: #34312d !important;
background: #fff !important;
box-shadow: none !important;
transform: none !important;
}

html.app-ipad-layout .app-label-product.is-active {
border-color: #6d894e !important;
background: #f2f6ec !important;
box-shadow: inset 3px 0 #5f7b43 !important;
}

html.app-ipad-layout .app-label-product-icon {
display: grid !important;
width: 46px !important;
height: 46px !important;
place-items: center !important;
border-radius: 10px !important;
}

html.app-ipad-layout .app-label-product > span:nth-child(2) {
min-width: 0;
}

html.app-ipad-layout .app-label-product strong {
display: block !important;
overflow: hidden !important;
color: #302e2a !important;
font-size: 16px !important;
line-height: 1.18 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-product small {
display: block !important;
margin-top: 2px !important;
overflow: hidden !important;
color: #8a8178 !important;
font-size: 12px !important;
line-height: 1.18 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-product > b {
display: grid !important;
width: 34px !important;
height: 34px !important;
place-items: center !important;
justify-self: end !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}

html.app-ipad-layout .app-label-more {
min-height: 36px !important;
margin-top: 7px !important;
}

html.app-ipad-layout .app-label-new-product {
display: flex !important;
min-height: 50px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 12px 0 0 !important;
border: 1px solid #65804a !important;
border-radius: 10px !important;
color: #4b6639 !important;
background: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
text-decoration: none !important;
}

html.app-ipad-layout .app-label-new-product span {
font-size: 20px !important;
font-weight: 400 !important;
}

html.app-ipad-layout .app-label-selected {
display: none !important;
}

html.app-ipad-layout .app-label-compose form {
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
grid-template-rows: auto auto auto auto minmax(58px, auto) !important;
align-content: start !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 3px 3px 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scrollbar-color: #c9c1b6 transparent;
scrollbar-width: thin;
}

html.app-ipad-layout .app-label-types {
display: grid !important;
min-width: 0 !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}

html.app-ipad-layout .app-label-types legend {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
}

html.app-ipad-layout .app-label-types label {
min-width: 0 !important;
margin: 0 !important;
}

html.app-ipad-layout .app-label-types label > span {
display: grid !important;
min-height: 112px !important;
grid-template-rows: 34px auto auto !important;
place-items: center !important;
align-content: center !important;
gap: 6px !important;
padding: 12px 5px !important;
border: 1px solid #ded4c8 !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-types input:checked + span {
border-color: #5d7d3f !important;
color: #456332 !important;
background: #f0f6e9 !important;
box-shadow: 0 5px 14px rgba(82, 108, 58, .08) !important;
}

html.app-ipad-layout .app-label-types svg {
width: 31px !important;
height: 31px !important;
}

html.app-ipad-layout .app-label-types b {
overflow: hidden !important;
max-width: 100%;
font-size: 14px !important;
line-height: 1.12 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-types small {
overflow: hidden !important;
max-width: 100%;
color: #867d74 !important;
font-size: 10px !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-fields {
display: grid !important;
min-width: 0 !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 15px 12px !important;
margin: 0 !important;
}

html.app-ipad-layout .app-label-fields label {
display: grid !important;
min-width: 0 !important;
gap: 6px !important;
margin: 0 !important;
color: #47423d !important;
font-size: 12px !important;
font-weight: 800 !important;
}

html.app-ipad-layout .app-label-fields input,
html.app-ipad-layout .app-label-fields select {
width: 100% !important;
height: 56px !important;
min-height: 56px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 1px solid #ded4c8 !important;
border-radius: 10px !important;
color: #34312d !important;
background: #fff !important;
font-size: 14px !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-fields input:focus,
html.app-ipad-layout .app-label-fields select:focus {
border-color: #76905e !important;
outline: 3px solid rgba(101, 130, 75, .12) !important;
}

html.app-ipad-layout .app-label-more-options {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}

html.app-ipad-layout .app-label-more-options > summary {
display: none !important;
}

html.app-ipad-layout .app-label-more-options > .app-label-fields {
display: grid !important;
}

html.app-ipad-layout .app-label-safety-controls {
gap: 7px !important;
margin: 0 !important;
}

html.app-ipad-layout .app-label-check {
min-height: 44px !important;
padding: 8px 10px !important;
}

html.app-ipad-layout .app-label-action-bar {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
margin: 0 !important;
padding: 12px !important;
border: 1px solid #e3d7ca !important;
border-radius: 12px !important;
background: #fbf8f2 !important;
}

html.app-ipad-layout .app-label-count-row {
display: flex !important;
min-width: 0 !important;
min-height: 56px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}

html.app-ipad-layout .app-label-count-row > span strong {
font-size: 13px !important;
}

html.app-ipad-layout .app-label-count-row > span small {
font-size: 10px !important;
}

html.app-ipad-layout .app-label-count-row > div {
height: 48px !important;
}

html.app-ipad-layout .app-label-count-row button,
html.app-ipad-layout .app-label-count-row output {
width: 48px !important;
height: 48px !important;
}

html.app-ipad-layout .app-label-print-dock {
display: none !important;
}

html.app-ipad-layout .app-label-live-status {
display: none !important;
}

html.app-ipad-layout .app-label-preview-stage {
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
place-items: center !important;
margin: 0 0 14px !important;
padding: 16px !important;
overflow: hidden !important;
border: 1px solid #e4dad0 !important;
border-radius: 12px !important;
background: linear-gradient(155deg, #f5f2ec, #fbfaf7) !important;
}

html.app-ipad-layout .app-label-preview-stage .app-mini-label {
width: min(100%, 310px) !important;
min-width: 0 !important;
max-width: 310px !important;
min-height: 330px !important;
margin: 0 !important;
padding: 20px !important;
border: 1px solid #516447 !important;
border-radius: 8px !important;
background: #fff !important;
box-shadow: 0 10px 22px rgba(53, 46, 36, .09) !important;
transform: none !important;
}

html.app-ipad-layout .app-label-preview-stage .app-mini-label > small {
font-size: 10px !important;
}

html.app-ipad-layout .app-label-preview-stage .app-mini-label > strong {
margin-top: 8px !important;
font-size: 34px !important;
line-height: 1.04 !important;
}

html.app-ipad-layout .app-label-preview-stage .app-mini-primary,
html.app-ipad-layout .app-label-preview-stage .app-mini-secondary {
padding: 11px !important;
}

html.app-ipad-layout .app-label-preview-stage .app-mini-primary b,
html.app-ipad-layout .app-label-preview-stage .app-mini-secondary b {
font-size: 15px !important;
}

html.app-ipad-layout .app-label-print-heading {
display: flex !important;
min-height: 42px !important;
align-items: center !important;
gap: 12px !important;
margin: 0 0 12px !important;
color: #2d2d28 !important;
}

html.app-ipad-layout .app-label-print-heading span {
display: grid !important;
width: 36px !important;
height: 36px !important;
place-items: center !important;
border-radius: 50% !important;
color: #fff !important;
background: linear-gradient(145deg, #618144, #466c31) !important;
font-size: 13px !important;
font-weight: 900 !important;
}

html.app-ipad-layout .app-label-print-heading strong {
font-size: 17px !important;
font-weight: 800 !important;
}

html.app-ipad-layout .app-label-live-actions {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
margin: 0 !important;
}

html.app-ipad-layout .app-label-live-actions button {
width: 100% !important;
min-height: 58px !important;
margin: 0 !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 800 !important;
}

html.app-ipad-layout .app-label-inline-submit {
color: #fff !important;
background: linear-gradient(135deg, #466c32, #5f853e) !important;
box-shadow: 0 8px 18px rgba(66, 100, 46, .13) !important;
}

html.app-ipad-layout .app-label-inline-submit:disabled {
border-color: #d4d0c8 !important;
color: #8e8a84 !important;
background: #dedbd5 !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-inline-preview-open {
border: 1px solid #d9cbbb !important;
color: #5a493b !important;
background: #fff !important;
}
}

@media (min-width: 700px) and (max-width: 1099px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) {
overflow: auto;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-frame,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-main {
height: auto;
min-height: 100dvh;
overflow: visible;
}

html.app-ipad-layout .labels-app-view {
height: auto;
overflow: visible;
}

html.app-ipad-layout .app-label-workspace {
height: auto !important;
min-height: calc(100dvh - var(--app-ipad-header) - 28px) !important;
grid-template-columns: minmax(285px, .82fr) minmax(390px, 1.18fr) !important;
overflow: visible !important;
}

html.app-ipad-layout .app-label-catalog {
border-right: 1px solid #e6ddd3 !important;
}

html.app-ipad-layout .app-label-compose {
border-right: 0 !important;
}

html.app-ipad-layout .app-label-live-preview {
grid-column: 1 / -1 !important;
grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr) !important;
grid-template-rows: auto minmax(260px, auto) auto !important;
gap: 0 18px !important;
border-top: 1px solid #e6ddd3 !important;
}

html.app-ipad-layout .app-label-live-preview > header {
grid-column: 1 / -1 !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage {
grid-column: 1 !important;
grid-row: 2 / 4 !important;
margin: 0 !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-live-actions {
grid-column: 2 !important;
grid-row: 2 !important;
align-self: center !important;
}
}

/* iPad reference fidelity v7 */
@media (min-width: 700px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button.is-active {
color: #b85f38 !important;
background: #f6e9df !important;
box-shadow: none !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button.is-active::before {
top: 7px !important;
bottom: 7px !important;
left: -12px !important;
width: 5px !important;
border-radius: 0 5px 5px 0 !important;
background: #cf6b38 !important;
}

html.app-ipad-layout .app-label-more-options > .app-label-fields {
grid-template-columns: minmax(0, 1fr) !important;
}

html.app-ipad-layout .app-label-preview-stage .app-label-inline-preview-default {
display: none !important;
}

html.app-ipad-layout .app-label-preview-stage .app-label-inline-preview-ipad {
display: grid !important;
width: min(100%, 310px) !important;
min-width: 0;
max-width: 310px;
min-height: 330px;
grid-template-rows: minmax(68px, auto) 1px repeat(4, minmax(46px, 1fr));
align-content: stretch;
margin: 0;
padding: 22px 20px 18px;
overflow: hidden;
border: 1px solid #48603f;
border-radius: 9px;
color: #20221e;
background: #fff;
box-shadow: 0 10px 22px rgba(53, 46, 36, .09);
}

html.app-ipad-layout .app-label-inline-preview-ipad > strong {
display: -webkit-box;
align-self: center;
margin: 0;
overflow: hidden;
color: #20211e;
font-family: "Arial Narrow", "Helvetica Neue Condensed", Arial, sans-serif;
font-size: clamp(30px, 2.65vw, 42px);
font-stretch: condensed;
font-weight: 900;
line-height: .98;
letter-spacing: -.75px;
text-transform: uppercase;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

html.app-ipad-layout .app-ipad-label-rule {
display: block;
width: 100%;
height: 1px;
align-self: center;
background: #292b27;
}

html.app-ipad-layout .app-ipad-label-row {
display: grid;
min-width: 0;
align-items: center;
}

html.app-ipad-layout .app-ipad-label-row-split {
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
}

html.app-ipad-layout .app-ipad-label-row > span {
display: flex;
min-width: 0;
align-items: center;
gap: 12px;
}

html.app-ipad-layout .app-ipad-label-row-split > span:last-child {
justify-content: flex-end;
}

html.app-ipad-layout .app-ipad-label-row svg {
width: 21px;
height: 21px;
flex: 0 0 auto;
fill: none;
stroke: #20211e;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.7;
}

html.app-ipad-layout .app-ipad-label-row b {
display: block;
min-width: 0;
overflow: hidden;
color: #292a27;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}
}

@media (min-width: 1100px) {
html.app-ipad-layout .app-label-workspace {
border-radius: 0 12px 12px 0 !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage .app-label-inline-preview-ipad {
width: 100% !important;
max-width: none !important;
min-height: 330px !important;
}
}

@media (prefers-reduced-motion: reduce) {
html.app-ipad-layout .app-label-product,
html.app-ipad-layout .app-label-inline-submit {
transition: none !important;
}
}

@media (min-width: 1100px) {
html.app-ipad-layout .app-label-workspace {
grid-template-columns: minmax(0, 413fr) minmax(0, 778fr) !important;
}

html.app-ipad-layout .app-label-catalog {
grid-column: 1 !important;
grid-row: 1 !important;
grid-template-rows: auto auto auto auto auto auto !important;
align-content: start !important;
}

html.app-ipad-layout .app-label-products {
height: 452px !important;
min-height: 0 !important;
max-height: 452px !important;
}

html.app-ipad-layout .app-label-new-product {
margin-top: 22px !important;
}

html.app-ipad-layout .app-label-compose {
grid-column: 2 !important;
grid-row: 1 !important;
grid-template-rows: auto minmax(0, 1fr) !important;
padding: 25px 26px 20px !important;
border-right: 0 !important;
}

html.app-ipad-layout .app-label-compose > .app-label-panel-heading {
padding-bottom: 18px !important;
}

html.app-ipad-layout .app-label-compose form {
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
grid-template-rows: 112px minmax(0, 1fr) !important;
align-content: stretch !important;
gap: 20px !important;
padding: 0 !important;
overflow: hidden !important;
}

html.app-ipad-layout .app-label-operation-types {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-height: 112px !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 12px !important;
}

html.app-ipad-layout .app-label-operation-types label > span {
height: 112px !important;
min-height: 112px !important;
padding: 12px 7px !important;
}

html.app-ipad-layout .app-label-operation-types b,
html.app-ipad-layout .app-label-operation-types small {
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
}

html.app-ipad-layout .app-label-operation-types b {
font-size: 14px !important;
}

html.app-ipad-layout .app-label-operation-types small {
font-size: 10px !important;
}

html.app-ipad-layout .app-label-compose-body {
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
grid-column: 1 !important;
grid-row: 2 !important;
grid-template-columns: minmax(0, 411fr) minmax(0, 367fr) !important;
align-items: stretch !important;
gap: 0 !important;
overflow: hidden !important;
border-top: 1px solid #e6ddd3 !important;
}

html.app-ipad-layout .app-label-form-column {
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
grid-template-rows: auto auto auto auto !important;
align-content: start !important;
gap: 14px !important;
padding: 21px 25px 0 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scrollbar-color: #c9c1b6 transparent;
scrollbar-width: thin;
}

html.app-ipad-layout .app-label-form-column .app-label-fields {
gap: 10px 11px !important;
}

html.app-ipad-layout .app-label-form-column .app-label-fields input,
html.app-ipad-layout .app-label-form-column .app-label-fields select {
height: 55px !important;
min-height: 55px !important;
}

html.app-ipad-layout .app-label-live-preview {
position: static !important;
display: grid !important;
min-width: 0 !important;
min-height: 0 !important;
grid-column: 2 !important;
grid-row: 1 !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto auto auto !important;
align-content: start !important;
gap: 0 !important;
padding: 21px 0 0 25px !important;
overflow: hidden !important;
border: 0 !important;
border-left: 1px solid #e6ddd3 !important;
background: #fbf8f3 !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading {
min-height: 48px !important;
padding: 0 0 16px !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-live-status {
display: none !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage {
grid-column: 1 !important;
grid-row: 2 !important;
min-height: 356px !important;
margin: 0 0 14px !important;
padding: 14px !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage .app-mini-label {
width: 100% !important;
max-width: none !important;
min-height: 330px !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-print-heading {
grid-column: 1 !important;
grid-row: 3 !important;
min-height: 40px !important;
margin: 0 0 10px !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-live-actions {
grid-column: 1 !important;
grid-row: 4 !important;
}

html.app-ipad-layout .app-label-live-actions button {
min-height: 56px !important;
}
}

@media (min-width: 700px) and (max-width: 1099px) {
html.app-ipad-layout .app-label-compose form {
display: grid !important;
grid-template-rows: auto auto !important;
gap: 18px !important;
}

html.app-ipad-layout .app-label-compose-body {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 18px !important;
}

html.app-ipad-layout .app-label-form-column {
display: grid !important;
gap: 14px !important;
}

html.app-ipad-layout .app-label-live-preview {
display: grid !important;
grid-column: 1 !important;
grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr) !important;
grid-template-rows: auto minmax(260px, auto) auto !important;
}
}

@media (min-width: 1100px) {
html.app-ipad-layout .app-label-folder-wrap {
margin-bottom: 24px !important;
}

html.app-ipad-layout .app-label-products {
height: 480px !important;
max-height: 480px !important;
gap: 20px !important;
}

html.app-ipad-layout .app-label-action-bar {
width: 58% !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage {
margin-top: 14px !important;
}
}

/* iPad reference fidelity v8 */
@media (min-width: 700px) {
html.app-ipad-layout {
--app-sidebar-expanded: 224px;
--app-sidebar-collapsed: 84px;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(9, minmax(54px, 1fr)) !important;
grid-auto-rows: minmax(54px, 1fr) !important;
align-content: stretch !important;
gap: 5px !important;
padding: 12px 14px max(98px, calc(82px + env(safe-area-inset-bottom))) !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button {
flex-direction: column !important;
justify-content: center !important;
gap: 5px !important;
padding: 5px 7px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
position: static !important;
width: auto !important;
height: auto !important;
max-width: 100% !important;
overflow: visible !important;
clip-path: none !important;
font-size: 11px !important;
line-height: 1.05 !important;
text-align: center !important;
text-overflow: clip !important;
white-space: normal !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
max-width: 64px !important;
font-size: 8.5px !important;
}

html.app-ipad-layout .app-label-compose > .app-label-panel-heading {
grid-template-columns: 36px minmax(0, 1fr) auto !important;
}

html.app-ipad-layout .app-label-printer-status {
display: flex !important;
width: min(255px, 29vw) !important;
min-height: 48px !important;
max-width: 255px !important;
justify-self: end !important;
gap: 10px !important;
margin: 0 !important;
padding: 8px 12px !important;
border-radius: 13px !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-printer-status > span {
position: static !important;
display: block !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
overflow: visible !important;
clip-path: none !important;
white-space: normal !important;
}

html.app-ipad-layout .app-label-printer-status b {
max-width: 205px;
font-size: 12px !important;
}

html.app-ipad-layout .app-label-printer-status small {
max-width: 205px;
font-size: 9px !important;
}

html.app-ipad-layout .app-label-printer-status[data-status="online"] {
border-color: #a9c28d !important;
background: linear-gradient(145deg, #f3f9ed, #e9f3df) !important;
}

html.app-ipad-layout .app-label-printer-status[data-status="offline"] {
border-color: #ddb2aa !important;
background: #fff2ef !important;
}

html.app-ipad-layout .app-label-product-card .app-label-product {
padding-right: 60px !important;
}

html.app-ipad-layout .app-label-product-card {
position: relative !important;
min-width: 0 !important;
}

html.app-ipad-layout .app-label-product-info {
right: 12px !important;
width: 35px !important;
height: 35px !important;
border-color: #d5cec4 !important;
color: #536e43 !important;
background: #fff !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-product-info:hover {
border-color: #6e8950 !important;
background: #edf4e6 !important;
}

html.app-ipad-layout .app-label-action-bar {
min-height: 82px !important;
padding: 13px 14px !important;
border-color: #ddd1c3 !important;
border-radius: 15px !important;
background: linear-gradient(145deg, #fffefb, #f7f2e9) !important;
box-shadow: 0 6px 16px rgba(70, 52, 34, .045) !important;
}

html.app-ipad-layout .app-label-count-row {
min-height: 56px !important;
}

html.app-ipad-layout .app-label-count-row > span strong {
color: #34332e !important;
font-size: 15px !important;
}

html.app-ipad-layout .app-label-count-row > span small {
margin-top: 3px !important;
font-size: 11px !important;
}

html.app-ipad-layout .app-label-count-row > div {
display: grid !important;
width: 164px !important;
height: 52px !important;
flex: 0 0 164px !important;
grid-template-columns: 52px 60px 52px !important;
margin: 0 !important;
}

html.app-ipad-layout .app-label-count-row button,
html.app-ipad-layout .app-label-count-row output {
width: 100% !important;
height: 52px !important;
border-color: #cbbdad !important;
background: #fff !important;
}

html.app-ipad-layout .app-label-count-row button {
color: #4f493f !important;
font-size: 25px !important;
}

html.app-ipad-layout .app-label-count-row output {
font-size: 18px !important;
}

html.app-ipad-layout .app-label-new-product {
min-height: 52px !important;
border-radius: 12px !important;
}
}

@media (min-width: 700px) and (max-width: 1099px) {
html.app-ipad-layout .app-label-printer-status {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
justify-content: center !important;
padding: 0 !important;
}

html.app-ipad-layout .app-label-printer-status > span {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
}

@media (min-width: 1100px) {
html.app-ipad-layout .app-label-action-bar {
width: 100% !important;
}
}

/* iPad fit v9 — the complete print action remains inside a 4:3 iPad viewport. */
@media (min-width: 1100px) and (max-height: 1050px) {
html.app-ipad-layout .app-label-form-column {
gap: 10px !important;
padding-top: 17px !important;
}

html.app-ipad-layout .app-label-form-column .app-label-fields {
gap: 10px 12px !important;
}

html.app-ipad-layout .app-label-form-column .app-label-fields input,
html.app-ipad-layout .app-label-form-column .app-label-fields select {
height: 50px !important;
min-height: 50px !important;
}

html.app-ipad-layout .app-label-action-bar {
min-height: 74px !important;
padding: 9px 10px !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage {
min-height: 310px !important;
margin-bottom: 6px !important;
padding: 12px !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage .app-mini-label,
html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage .app-label-inline-preview-ipad {
min-height: 284px !important;
}

html.app-ipad-layout .app-label-preview-stage .app-label-inline-preview-ipad {
grid-template-rows: minmax(58px, auto) 1px repeat(4, minmax(38px, 1fr));
padding: 16px 15px 13px;
}

html.app-ipad-layout .app-label-inline-preview-ipad > strong {
font-size: clamp(26px, 2.4vw, 36px);
}

html.app-ipad-layout .app-label-live-preview > .app-label-print-heading {
min-height: 36px !important;
margin-bottom: 6px !important;
}

html.app-ipad-layout .app-label-print-heading span {
width: 32px !important;
height: 32px !important;
}

html.app-ipad-layout .app-label-live-actions {
gap: 8px !important;
}

html.app-ipad-layout .app-label-live-actions button {
min-height: 54px !important;
}
}

/* Premium iPad label studio v21. */
@media (min-width: 700px) {
html.app-ipad-layout .bottom-nav {
grid-template-rows: repeat(9, minmax(54px, 1fr)) !important;
grid-auto-rows: minmax(54px, 1fr) !important;
align-content: stretch !important;
gap: 5px !important;
padding: 12px 12px max(98px, calc(82px + env(safe-area-inset-bottom))) !important;
}

html.app-ipad-layout .bottom-nav button {
min-height: 54px !important;
flex-direction: column !important;
justify-content: center !important;
gap: 5px !important;
padding: 5px 7px !important;
}

html.app-ipad-layout .bottom-nav button > span:last-child {
position: static !important;
width: auto !important;
height: auto !important;
max-width: 100% !important;
overflow: visible !important;
clip-path: none !important;
font-size: 11px !important;
line-height: 1.05 !important;
text-align: center !important;
text-overflow: clip !important;
white-space: normal !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav {
padding-inline: 9px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav button {
padding-inline: 3px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav button > span:last-child {
max-width: 64px !important;
font-size: 8.5px !important;
}

html.app-ipad-layout .app-label-compose-body {
grid-template-columns: minmax(0, 1.1fr) minmax(285px, .9fr) !important;
}

html.app-ipad-layout .app-label-form-column {
min-width: 0 !important;
padding-right: 18px !important;
overflow-x: hidden !important;
}

html.app-ipad-layout .app-label-primary-fields {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px 16px !important;
}

html.app-ipad-layout .app-label-primary-fields > label {
display: grid !important;
min-width: 0 !important;
grid-template-rows: minmax(30px, auto) 50px !important;
align-content: start !important;
gap: 6px !important;
line-height: 1.16 !important;
}

html.app-ipad-layout .app-label-primary-fields > label > span {
display: flex !important;
min-width: 0 !important;
min-height: 30px !important;
align-items: flex-end !important;
overflow-wrap: anywhere;
}

html.app-ipad-layout .app-label-fields input,
html.app-ipad-layout .app-label-fields select {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-inline-size: 0 !important;
box-sizing: border-box !important;
padding-inline: 12px !important;
overflow: hidden !important;
font-size: 14px !important;
font-variant-numeric: tabular-nums;
}

html.app-ipad-layout .app-label-preview-stage {
align-items: center !important;
justify-items: center !important;
overflow: hidden !important;
}
}

.app-label-folder-trigger {
display: grid;
width: 100%;
min-height: 62px;
grid-template-columns: 42px minmax(0, 1fr) auto 18px;
align-items: center;
gap: 11px;
margin-top: 8px;
padding: 8px 12px;
border: 1px solid #d8cbbb;
border-radius: 14px;
color: #45433d;
background: linear-gradient(145deg, #fffefb, #f7f3ec);
text-align: left;
cursor: pointer;
}

.app-label-folder-trigger:hover {
border-color: #829a64;
background: #f2f7eb;
}

.app-label-folder-trigger > span:first-child {
display: grid;
width: 42px;
height: 42px;
place-items: center;
border-radius: 11px;
color: #577040;
background: #eaf2df;
}

.app-label-folder-trigger > span:nth-child(2) { min-width: 0; }
.app-label-folder-trigger small,
.app-label-folder-trigger strong { display: block; }
.app-label-folder-trigger small { color: #81786f; font-size: 9px; font-weight: 800; letter-spacing: .35px; text-transform: uppercase; }
.app-label-folder-trigger strong { margin-top: 3px; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.app-label-folder-trigger b { padding: 6px 9px; border-radius: 99px; color: #627052; background: #eef3e8; font-size: 10px; white-space: nowrap; }
.app-label-folder-trigger > svg { width: 18px; height: 18px; color: #776e64; }

.app-label-folder-dialog.moreos-dialog-v2 { width: min(calc(100% - 32px), 980px); }
.app-label-folder-card { padding: 20px; border: 1px solid #d6cbbb; border-radius: 22px; background: linear-gradient(180deg, #fffefb, #f7f3e9); }
.app-label-folder-card > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.app-label-folder-card > header small,
.app-label-folder-card > header strong { display: block; }
.app-label-folder-card > header small { color: var(--label-plum); font-size: 11px; font-weight: 950; letter-spacing: .8px; }
.app-label-folder-card > header strong { margin-top: 3px; color: #302f2a; font-size: 24px; }
.app-label-folder-card > header button { display: grid; width: 46px; min-width: 46px; height: 46px; place-items: center; padding: 0; border: 1px solid #d7cabb; border-radius: 13px; color: #704f3b; background: #fff9f2; cursor: pointer; }
.app-label-folder-card > p { margin: 11px 0 0; color: #746d65; font-size: 13px; }
html.app-ipad-layout .app-label-folder-card .app-label-folders,
.app-label-folder-card .app-label-folders {
display: grid !important;
max-height: min(590px, 67dvh);
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 13px !important;
margin-top: 16px !important;
padding: 3px 5px 5px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scroll-snap-type: none !important;
}
html.app-ipad-layout .app-label-folder-card .app-label-folders button,
.app-label-folder-card .app-label-folders button {
position: relative;
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 132px !important;
grid-template-rows: 50px auto auto !important;
align-content: center !important;
justify-items: center !important;
gap: 6px !important;
padding: 15px 10px 13px !important;
border: 1px solid #dccfc2 !important;
border-radius: 18px !important;
background: linear-gradient(150deg, #fffefb, #f8f5ef) !important;
text-align: center !important;
box-shadow: 0 6px 16px rgba(63, 51, 37, .055) !important;
transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
html.app-ipad-layout .app-label-folder-card .app-label-folders button:hover,
.app-label-folder-card .app-label-folders button:hover {
border-color: #91a477 !important;
background: #f3f7ed !important;
box-shadow: 0 9px 20px rgba(68, 91, 48, .1) !important;
transform: translateY(-1px);
}
html.app-ipad-layout .app-label-folder-card .app-label-folder-selected,
.app-label-folder-card .app-label-folder-selected {
position: absolute;
top: 10px;
right: 10px;
display: grid;
width: 22px;
height: 22px;
place-items: center;
border: 0;
border-radius: 50%;
color: #fff;
background: #5f7d43;
opacity: 0;
transform: scale(.78);
transition: opacity .16s ease, transform .16s ease;
}
html.app-ipad-layout .app-label-folder-card .app-label-folder-selected svg,
.app-label-folder-card .app-label-folder-selected svg { width: 13px !important; height: 13px !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folder-icon,
.app-label-folder-card .app-label-folder-icon {
display: grid !important;
width: 50px !important;
height: 50px !important;
place-items: center !important;
border-radius: 15px !important;
color: #5b7047 !important;
background: #edf3e7 !important;
}
html.app-ipad-layout .app-label-folder-card .app-label-folder-icon svg,
.app-label-folder-card .app-label-folder-icon svg { width: 25px !important; height: 25px !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button:nth-child(4n+2) .app-label-folder-icon,
.app-label-folder-card .app-label-folders button:nth-child(4n+2) .app-label-folder-icon { color: #8a4865 !important; background: #f6eaf0 !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button:nth-child(4n+3) .app-label-folder-icon,
.app-label-folder-card .app-label-folders button:nth-child(4n+3) .app-label-folder-icon { color: #98602d !important; background: #f8ecdf !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button:nth-child(4n+4) .app-label-folder-icon,
.app-label-folder-card .app-label-folders button:nth-child(4n+4) .app-label-folder-icon { color: #416985 !important; background: #e9f1f6 !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button:focus-visible,
.app-label-folder-card .app-label-folders button:focus-visible {
outline: 3px solid #d4ad56 !important;
outline-offset: 2px !important;
}
html.app-ipad-layout .app-label-folder-card .app-label-folders button strong,
.app-label-folder-card .app-label-folders button strong { max-width: 100%; overflow: hidden; font-size: 14px !important; line-height: 1.15 !important; text-overflow: ellipsis; white-space: nowrap !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button small,
.app-label-folder-card .app-label-folders button small { display: block !important; margin: 0 !important; color: #827970 !important; font-size: 10px !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button.is-active,
.app-label-folder-card .app-label-folders button.is-active {
border-color: #6f894d !important;
color: #3e552f !important;
background: linear-gradient(145deg, #f2f7e9, #e8f0dc) !important;
box-shadow: inset 0 0 0 2px #6e8449, 0 10px 22px rgba(75, 103, 52, .12) !important;
}
html.app-ipad-layout .app-label-folder-card .app-label-folders button.is-active .app-label-folder-icon,
.app-label-folder-card .app-label-folders button.is-active .app-label-folder-icon { color: #fff !important; background: linear-gradient(145deg, #68894d, #4c7137) !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button.is-active .app-label-folder-selected,
.app-label-folder-card .app-label-folders button.is-active .app-label-folder-selected { opacity: 1; transform: scale(1); }

.app-label-recipe-dialog.moreos-dialog-v2 { width: min(calc(100% - 32px), 900px); }
.app-label-recipe-header-actions { display: flex; align-items: center; gap: 8px; }
.app-label-recipe-card > header .app-label-recipe-expand { color: #4f693b; background: #f1f6e9; }
.app-label-recipe-card > header .app-label-recipe-expand[aria-pressed="true"] { border-color: #76905b; color: #fff; background: #58753f; }
.app-label-recipe-dialog.moreos-dialog-v2.is-expanded {
width: min(calc(100% - 24px), 1220px);
height: min(calc(100dvh - 24px), 900px);
max-height: calc(100dvh - 24px);
overflow: hidden;
}
.app-label-recipe-dialog.is-expanded .app-label-recipe-card {
display: grid;
height: 100%;
min-height: 0;
grid-template-rows: auto auto minmax(0, 1fr);
box-sizing: border-box;
overflow: hidden;
}
.app-label-recipe-dialog.is-expanded .app-label-recipe-body {
min-height: 0;
grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
grid-template-rows: minmax(0, 1fr) auto auto;
overflow: hidden;
}
.app-label-recipe-dialog.is-expanded .app-label-recipe-ingredients,
.app-label-recipe-dialog.is-expanded .app-label-recipe-details { min-height: 0; overflow: auto; }
.app-label-recipe-dialog.is-expanded .app-label-recipe-ingredients { display: flex; flex-direction: column; }
.app-label-recipe-dialog.is-expanded #appLabelRecipeIngredients { flex: 1 1 auto; max-height: none; min-height: 0; }
.app-label-recipe-ingredients > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.app-label-recipe-ingredients > header h3 { margin: 0; }
.app-label-recipe-ingredients > header span { padding: 5px 8px; border-radius: 99px; color: #536744; background: #edf3e7; font-size: 10px; font-weight: 850; white-space: nowrap; }
.app-label-recipe-cost-note { margin: -2px 0 10px; color: #777168; font-size: 10px; font-weight: 680; line-height: 1.35; }
#appLabelRecipeIngredients { max-height: 345px; overflow: auto; padding-right: 3px; }
.app-label-ingredient-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; counter-reset: ingredient; }
.app-label-ingredient-list li { min-height: 56px; overflow: hidden; border: 1px solid #e6ddd3; border-radius: 11px; background: #fff; counter-increment: ingredient; transition: border-color .16s ease, background .16s ease, opacity .16s ease; }
.app-label-ingredient-list li:nth-child(even) { background: #faf8f3; }
.app-label-ingredient-list li.is-used { border-color: #bfd0ae; background: #f1f6eb; }
.app-label-ingredient-check { position: relative; display: grid; min-height: 56px; grid-template-columns: 38px 88px minmax(0, 1fr) 72px; align-items: center; gap: 10px; padding: 7px 10px 7px 8px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.app-label-ingredient-check > input { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; }
.app-label-ingredient-checkmark { display: grid; width: 36px; height: 36px; place-items: center; border: 2px solid #c8bfb4; border-radius: 11px; color: transparent; background: #fff; transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease; }
.app-label-ingredient-checkmark svg { width: 22px; height: 22px; }
.app-label-ingredient-check > input:focus-visible + .app-label-ingredient-checkmark { outline: 3px solid rgba(93, 126, 62, .28); outline-offset: 2px; }
.app-label-ingredient-check > input:checked + .app-label-ingredient-checkmark { border-color: #5f7f43; color: #fff; background: linear-gradient(145deg, #6f904e, #4f7237); transform: scale(1.03); }
.app-label-ingredient-list li.is-used .app-label-ingredient-name { color: #697361; text-decoration: line-through; text-decoration-thickness: 1.5px; }
.app-label-ingredient-list li.is-used .app-label-ingredient-quantity,
.app-label-ingredient-list li.is-used .app-label-ingredient-cost { opacity: .7; }
.app-label-ingredient-quantity { display: flex; min-height: 34px; align-items: baseline; justify-content: flex-end; gap: 4px; padding: 7px 8px; border-radius: 9px; color: #415635; background: #edf3e7; text-align: right; }
.app-label-ingredient-quantity strong { font-size: 14px; font-variant-numeric: tabular-nums; }
.app-label-ingredient-quantity small { color: #627155; font-size: 10px; font-weight: 850; text-transform: lowercase; }
.app-label-ingredient-name { min-width: 0; color: #34332f; font-size: 13px; font-weight: 680; line-height: 1.3; overflow-wrap: anywhere; }
.app-label-ingredient-cost { display: flex; min-width: 0; flex-direction: column; align-items: flex-end; color: #395431; text-align: right; }
.app-label-ingredient-cost strong { font-size: 13px; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap; }
.app-label-ingredient-cost small { margin-top: 2px; color: #80786f; font-size: 8px; font-weight: 800; line-height: 1.1; }
.app-label-recipe-ingredients-empty { margin: 0; color: #766e66; font-size: 13px; line-height: 1.5; }

.app-label-print-preview {
container-type: inline-size;
position: relative !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
aspect-ratio: 57 / 32 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 1.5px solid #20251f !important;
border-radius: 5px !important;
color: #111 !important;
background: #fff !important;
box-shadow: 0 7px 18px rgba(44, 39, 32, .10) !important;
font-family: Arial, "Helvetica Neue", sans-serif !important;
font-style: normal !important;
text-align: left !important;
}
.app-label-print-preview > * { position: absolute; min-width: 0; margin: 0; }
.app-label-print-kicker { top: 3.4%; left: 3.5%; width: 93%; overflow: hidden; font-size: clamp(7px, 2.55cqw, 14px); font-weight: 800; line-height: 1; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.app-label-print-product { top: 10.1%; left: 3.5%; display: -webkit-box; width: 93%; max-height: 27%; overflow: hidden; font-size: clamp(18px, 8.1cqw, 46px); font-weight: 900; line-height: .92; letter-spacing: -.035em; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.app-label-print-preview.is-short-name .app-label-print-product { font-size: clamp(20px, 10.1cqw, 57px); white-space: nowrap; -webkit-line-clamp: 1; }
.app-label-print-preview.is-medium-name .app-label-print-product { font-size: clamp(17px, 7.9cqw, 45px); }
.app-label-print-preview.is-long-name .app-label-print-product { font-size: clamp(15px, 6.55cqw, 37px); }
.app-label-print-rule { top: 38.25%; left: 3.5%; width: 93%; height: max(1px, .55cqw); background: #171b17; }
.app-label-print-primary { top: 40%; left: 3.5%; width: 93%; }
.app-label-print-primary small,
.app-label-print-primary b,
.app-label-print-secondary small,
.app-label-print-secondary b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-label-print-primary small { font-size: clamp(6px, 2.35cqw, 13px); font-weight: 800; line-height: 1; }
.app-label-print-primary b { margin-top: 1.1%; font-size: clamp(13px, 6.15cqw, 35px); font-weight: 900; line-height: .98; letter-spacing: -.02em; }
.app-label-print-secondary { top: 58.25%; left: 3.5%; width: 93%; }
.app-label-print-secondary small { font-size: clamp(6px, 1.95cqw, 11px); font-weight: 800; line-height: 1; }
.app-label-print-secondary b { margin-top: 1%; font-size: clamp(9px, 3.35cqw, 19px); font-weight: 850; line-height: 1; }
.app-label-print-allergens { top: 69.7%; left: 3.5%; width: 93%; height: 12%; padding: 1.2% 1.3%; overflow: hidden; border: max(1px, .45cqw) solid #171b17; }
.app-label-print-allergens small,
.app-label-print-allergens b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-label-print-allergens small { font-size: clamp(5px, 1.7cqw, 10px); font-weight: 800; line-height: 1; }
.app-label-print-allergens b { margin-top: 1%; font-size: clamp(7px, 2.55cqw, 15px); font-weight: 900; line-height: 1; }
.app-label-print-footer { top: 70.7%; left: 3.5%; width: 93%; overflow: hidden; font-size: clamp(6px, 2.2cqw, 13px); font-weight: 750; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.app-label-print-preview.has-allergens .app-label-print-footer { top: 82.2%; }
.app-label-print-storage { top: 78.7%; left: 3.5%; width: 93%; overflow: hidden; font-size: clamp(5px, 1.85cqw, 11px); font-weight: 720; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.app-label-print-preview.has-allergens .app-label-print-storage { top: 87.8%; }
.app-label-dialog-print-preview { margin-top: 16px !important; }
.app-label-ingredients-previews { display: grid; gap: 14px; margin-top: 14px; }
.app-label-ingredients-print-preview .app-label-print-product { top: 9.7%; max-height: 20%; font-size: clamp(14px, 5.4cqw, 31px); }
.app-label-print-ingredients-copy { top: 30.3%; left: 3.5%; display: -webkit-box; width: 93%; max-height: 64%; overflow: hidden; font-size: clamp(8px, 3.65cqw, 21px); font-weight: 700; line-height: 1.18; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }

html.app-ipad-layout .app-label-preview-stage .app-label-print-preview {
width: min(100%, 470px) !important;
min-height: 0 !important;
aspect-ratio: 57 / 32 !important;
}

@media (max-width: 900px) {
html.app-ipad-layout .app-label-folder-card .app-label-folders,
.app-label-folder-card .app-label-folders { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 620px) {
.app-label-folder-card { padding: 15px; border-radius: 18px; }
html.app-ipad-layout .app-label-folder-card .app-label-folders,
.app-label-folder-card .app-label-folders { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html.app-ipad-layout .app-label-folder-card .app-label-folders button,
.app-label-folder-card .app-label-folders button { min-height: 118px !important; }
.app-label-folder-trigger { grid-template-columns: 40px minmax(0, 1fr) 18px; }
.app-label-folder-trigger b { display: none; }
.app-label-recipe-dialog.moreos-dialog-v2 { width: min(calc(100% - 16px), 900px); }
.app-label-ingredient-list li { grid-template-columns: 76px minmax(0, 1fr); gap: 8px; }
}

/* iPad touch controls, stable catalog state, synced favorites and pickers v14 */
html.app-ipad-layout .app-label-catalog {
padding-inline: 26px !important;
}

html.app-ipad-layout .app-label-product-card .app-label-product {
grid-template-columns: 46px minmax(0, 1fr) !important;
padding-right: 100px !important;
}

html.app-ipad-layout .app-label-product > b {
display: none !important;
}

html.app-ipad-layout .app-label-product-favorite,
html.app-ipad-layout .app-label-product-info {
top: 50% !important;
width: 40px !important;
height: 40px !important;
transform: translateY(-50%) !important;
}

html.app-ipad-layout .app-label-product-info { right: 8px !important; }
html.app-ipad-layout .app-label-product-favorite { right: 53px !important; }
html.app-ipad-layout .app-label-product-favorite svg { width: 21px !important; height: 21px !important; }
html.app-ipad-layout .app-label-product-favorite.is-active {
border-color: #cfaa50 !important;
color: #a27218 !important;
background: #fff5d3 !important;
}

html.app-ipad-layout .app-label-date-trigger {
min-height: 54px;
height: 54px;
padding-inline: 14px;
border-radius: 13px;
font-size: 15px;
font-weight: 780;
touch-action: manipulation;
}

.app-label-date-dialog.moreos-dialog-v2 {
width: min(calc(100% - 28px), 680px);
overflow: visible;
}

.app-label-date-card {
padding: 22px;
border: 1px solid #d6cbbb;
border-radius: 24px;
background: linear-gradient(180deg, #fffefb, #f7f3e9);
box-shadow: 0 28px 80px rgba(30, 24, 19, .32);
}

.app-label-date-card > header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}

.app-label-date-card > header small,
.app-label-date-card > header strong { display: block; }
.app-label-date-card > header small { color: var(--label-plum); font-size: 11px; font-weight: 950; letter-spacing: .8px; }
.app-label-date-card > header strong { margin-top: 4px; color: #302f2a; font-size: 25px; }
.app-label-date-card > header button,
.app-label-date-month button {
display: grid;
width: 52px;
min-width: 52px;
height: 52px;
place-items: center;
padding: 0;
border: 1px solid #d7cabb;
border-radius: 15px;
color: #664d3b;
background: #fffaf3;
cursor: pointer;
touch-action: manipulation;
}
.app-label-date-card > header button svg,
.app-label-date-month button svg { width: 22px; height: 22px; }

.app-label-date-month {
display: grid;
width: min(100%, 500px);
grid-template-columns: 58px minmax(0, 1fr) 58px;
align-items: center;
gap: 12px;
margin: 20px auto 0;
}
.app-label-date-month strong { color: #34342f; font-size: 22px; text-align: center; text-transform: capitalize; }
.app-label-date-month button:first-child svg { transform: rotate(180deg); }

.app-label-date-weekdays,
.app-label-date-days {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 7px;
}
.app-label-date-weekdays { margin-top: 17px; }
.app-label-date-weekdays span {
padding-block: 7px;
color: #847b71;
font-size: 12px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
.app-label-date-days button {
min-width: 0;
min-height: 56px;
padding: 0;
border: 1px solid #dfd5c8;
border-radius: 14px;
color: #37352f;
background: #fff;
font: 820 17px/1 inherit;
cursor: pointer;
touch-action: manipulation;
}
.app-label-date-days button.is-outside { color: #aaa198; background: #f7f3ee; }
.app-label-date-days button.is-today { border-color: #c7a95e; box-shadow: inset 0 0 0 2px #f1dfad; }
.app-label-date-days button.is-selected {
border-color: #55733d;
color: #fff;
background: linear-gradient(145deg, #6d8c50, #4e7038);
box-shadow: 0 7px 16px rgba(75, 105, 53, .2);
}
.app-label-date-days button:focus-visible,
.app-label-date-card button:focus-visible { outline: 3px solid #d4ad56; outline-offset: 2px; }

.app-label-date-card > footer {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #e3d9cd;
}
.app-label-date-card > footer button {
min-height: 52px;
padding: 0 20px;
border: 1px solid #cfc1b1;
border-radius: 14px;
color: #5e4939;
background: #fffaf3;
font-size: 14px;
font-weight: 880;
cursor: pointer;
touch-action: manipulation;
}
.app-label-date-card > footer #appLabelDateToday { border-color: #617d49; color: #fff; background: #5d7945; }
.app-label-date-card > footer .app-label-date-clear { margin-right: auto; color: #8b433d; background: #fff6f3; }

.app-label-time-dialog.moreos-dialog-v2 {
width: min(calc(100% - 28px), 620px);
overflow: visible;
}

.app-label-time-card {
padding: 22px;
border: 1px solid #d6cbbb;
border-radius: 24px;
background: linear-gradient(180deg, #fffefb, #f7f3e9);
box-shadow: 0 28px 80px rgba(30, 24, 19, .32);
}

.app-label-time-card > header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}

.app-label-time-card > header small,
.app-label-time-card > header strong { display: block; }
.app-label-time-card > header small { color: var(--label-plum); font-size: 11px; font-weight: 950; letter-spacing: .8px; }
.app-label-time-card > header strong { margin-top: 4px; color: #302f2a; font-size: 25px; }
.app-label-time-card > header button {
display: grid;
width: 52px;
min-width: 52px;
height: 52px;
place-items: center;
padding: 0;
border: 1px solid #d7cabb;
border-radius: 15px;
color: #664d3b;
background: #fffaf3;
cursor: pointer;
touch-action: manipulation;
}
.app-label-time-card > header button svg { width: 22px; height: 22px; }

.app-label-time-controls {
display: grid;
width: min(100%, 500px);
grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
align-items: center;
gap: 14px;
margin: 22px auto 0;
}

.app-label-time-controls section {
display: grid;
grid-template-rows: auto 58px 92px 58px;
gap: 9px;
}

.app-label-time-controls section > span {
color: #726960;
font-size: 12px;
font-weight: 900;
letter-spacing: .65px;
text-align: center;
text-transform: uppercase;
}

.app-label-time-controls button {
min-height: 58px;
padding: 0;
border: 1px solid #d8cdbf;
border-radius: 15px;
color: #526c3e;
background: #fff;
font-size: 27px;
font-weight: 750;
cursor: pointer;
touch-action: manipulation;
}

.app-label-time-controls output {
display: grid;
min-width: 0;
place-items: center;
border: 2px solid #6b884f;
border-radius: 18px;
color: #2e3529;
background: #eef4e7;
font-size: 44px;
font-weight: 900;
font-variant-numeric: tabular-nums;
letter-spacing: .5px;
box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 8px 18px rgba(75, 105, 53, .10);
}

.app-label-time-controls > b {
margin-top: 24px;
color: #526047;
font-size: 45px;
line-height: 1;
text-align: center;
}

.app-label-time-quick {
display: grid;
gap: 9px;
width: min(100%, 500px);
margin: 18px auto 0;
}
.app-label-time-quick > span { color: #726960; font-size: 12px; font-weight: 900; text-align: center; }
.app-label-time-quick > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.app-label-time-quick button {
min-height: 58px;
padding: 0 8px;
border: 1px solid #d7cabb;
border-radius: 14px;
color: #514940;
background: #fff;
font-size: 17px;
font-weight: 850;
cursor: pointer;
touch-action: manipulation;
}
.app-label-time-quick button.is-active { border-color: #5e7b47; color: #466334; background: #eaf2e1; box-shadow: inset 0 0 0 1px #5e7b47; }

.app-label-time-card > footer {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 10px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #e3d9cd;
}
.app-label-time-card > footer button {
min-height: 56px;
padding: 0 18px;
border: 1px solid #cfc1b1;
border-radius: 14px;
color: #5e4939;
background: #fffaf3;
font-size: 15px;
font-weight: 880;
cursor: pointer;
touch-action: manipulation;
}
.app-label-time-card > footer .app-label-time-apply { border-color: #617d49; color: #fff; background: #5d7945; }
.app-label-time-card button:focus-visible { outline: 3px solid #d4ad56; outline-offset: 2px; }

html.app-ipad-layout .app-label-recipe-loading {
min-height: 180px;
font-size: 14px;
font-weight: 760;
}
html.app-ipad-layout .app-label-recipe-spinner { width: 29px; height: 29px; border-width: 3px; }

@media (max-width: 620px) {
.app-label-date-card { padding: 15px; border-radius: 19px; }
.app-label-date-days,
.app-label-date-weekdays { gap: 4px; }
.app-label-date-days button { min-height: 48px; border-radius: 11px; font-size: 15px; }
.app-label-date-card > footer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.app-label-date-card > footer .app-label-date-clear { grid-column: 1 / -1; margin-right: 0; }
.app-label-time-card { padding: 15px; border-radius: 19px; }
.app-label-time-controls { grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); gap: 8px; }
.app-label-time-controls section { grid-template-rows: auto 50px 76px 50px; gap: 7px; }
.app-label-time-controls output { font-size: 34px; }
.app-label-time-controls button,
.app-label-time-quick button { min-height: 50px; }
}

@media (min-width: 700px) and (max-width: 1200px) {
html.app-ipad-layout .app-label-catalog { padding-inline: 22px !important; }
html.app-ipad-layout .app-label-product strong { font-size: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
.app-label-recipe-spinner,
.app-label-product-loading > span:first-child { animation-duration: 1.6s; }
}

/* iPad workspace refinement v15 */
.app-label-count-row-ipad,
.app-label-preview-heading-action { display: none !important; }

.app-label-choice-field,
.app-label-printer-field {
position: relative;
display: grid;
min-width: 0;
gap: 6px;
}

.app-label-choice-field > label,
.app-label-printer-field > label {
color: #47423d;
font-size: 12px;
font-weight: 800;
}

.app-label-native-choice {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}

.app-label-choice-trigger {
display: grid;
width: 100%;
min-width: 0;
min-height: 58px;
grid-template-columns: 40px minmax(0, 1fr) 18px;
align-items: center;
gap: 10px;
padding: 7px 12px 7px 8px;
border: 1px solid #d9cec1;
border-radius: 13px;
color: #34322e;
background: #fff;
text-align: left;
cursor: pointer;
touch-action: manipulation;
}

.app-label-choice-trigger:hover,
.app-label-choice-trigger:focus-visible {
border-color: #78915e;
background: #fbfdf8;
}

.app-label-choice-trigger:focus-visible {
outline: 3px solid rgba(101, 130, 75, .16);
outline-offset: 1px;
}

.app-label-choice-icon {
display: grid;
width: 40px;
height: 40px;
place-items: center;
border-radius: 11px;
color: #55723f;
background: #edf3e7;
}

.app-label-choice-icon svg { width: 22px; height: 22px; }
.app-label-choice-copy { min-width: 0; }
.app-label-choice-copy strong,
.app-label-choice-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-label-choice-copy strong { font-size: 14px; line-height: 1.15; }
.app-label-choice-copy small { margin-top: 3px; color: #81786f; font-size: 10px; line-height: 1.1; }
.app-label-choice-trigger.is-empty .app-label-choice-copy strong { color: #8b837a; font-weight: 700; }
.app-label-choice-chevron { width: 18px; height: 18px; color: #756b61; }

.app-label-printer-select-shell {
position: relative;
display: grid;
min-width: 0;
min-height: 68px;
grid-template-columns: 44px minmax(0, 1fr) 20px;
align-items: center;
gap: 11px;
padding: 8px 14px 8px 9px;
overflow: hidden;
border: 1px solid #d9cec1;
border-radius: 14px;
color: #34322e;
background: #fff;
}

.app-label-printer-select-shell[data-status="online"] {
border-color: #a9c48d;
background: linear-gradient(145deg, #f6fbf1, #edf6e5);
box-shadow: inset 0 0 0 1px rgba(112, 143, 78, .06);
}
.app-label-printer-select-shell[data-status="online"] .app-label-printer-select-copy strong,
html.app-ipad-layout .app-label-printer-status[data-status="online"] b { color: #2f7a4f; }

.app-label-printer-select-shell[data-status="offline"] {
border-color: #ddb2aa;
background: #fff5f2;
}

.app-label-printer-select-icon {
display: grid;
width: 44px;
height: 44px;
place-items: center;
border-radius: 12px;
color: #637c48;
background: rgba(255, 255, 255, .78);
box-shadow: inset 0 0 0 1px rgba(92, 118, 66, .11);
}

.app-label-printer-select-icon svg { width: 25px; height: 25px; }
.app-label-printer-select-copy { min-width: 0; }
.app-label-printer-select-copy strong,
.app-label-printer-select-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-label-printer-select-copy strong { font-size: 14px; line-height: 1.15; }
.app-label-printer-select-copy small { margin-top: 4px; color: #667d51; font-size: 11px; font-weight: 760; line-height: 1.1; }
.app-label-printer-select-shell[data-status="offline"] .app-label-printer-select-copy small { color: #a04f45; }
.app-label-printer-select-chevron { width: 20px; height: 20px; color: #5f584f; transform: rotate(90deg); }
.app-label-printer-select-shell select {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
opacity: .001 !important;
}

.app-label-choice-dialog.moreos-dialog-v2 { width: min(calc(100% - 28px), 760px); overflow: visible; }
.app-label-choice-card {
padding: 22px;
border: 1px solid #d6cbbb;
border-radius: 24px;
background: linear-gradient(180deg, #fffefb, #f7f3e9);
box-shadow: 0 28px 80px rgba(30, 24, 19, .32);
}
.app-label-choice-card > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.app-label-choice-card > header small,
.app-label-choice-card > header strong { display: block; }
.app-label-choice-card > header small { color: var(--label-plum); font-size: 11px; font-weight: 950; letter-spacing: .8px; }
.app-label-choice-card > header strong { margin-top: 4px; color: #302f2a; font-size: 25px; }
.app-label-choice-card > header button {
display: grid;
width: 52px;
min-width: 52px;
height: 52px;
place-items: center;
padding: 0;
border: 1px solid #d7cabb;
border-radius: 15px;
color: #664d3b;
background: #fffaf3;
cursor: pointer;
}
.app-label-choice-card > header button svg { width: 22px; height: 22px; }
.app-label-choice-card > p { margin: 12px 0 0; color: #746d65; font-size: 13px; }
.app-label-choice-options {
display: grid;
max-height: min(430px, 48dvh);
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 11px;
margin-top: 18px;
padding: 2px;
overflow-y: auto;
}
.app-label-choice-options > button {
position: relative;
min-width: 0;
min-height: 96px;
padding: 12px;
border: 1px solid #ddd2c6;
border-radius: 16px;
color: #383630;
background: #fff;
cursor: pointer;
touch-action: manipulation;
}
.app-label-employee-options > button { display: grid; grid-template-columns: 46px minmax(0, 1fr) 22px; align-items: center; gap: 10px; text-align: left; }
.app-label-choice-avatar {
display: grid;
width: 46px;
height: 46px;
place-items: center;
border-radius: 14px;
color: #fff;
background: linear-gradient(145deg, #6e8b50, #4e7038);
font-size: 19px;
font-weight: 900;
}
.app-label-employee-options > button > span:nth-child(2) { min-width: 0; }
.app-label-employee-options strong,
.app-label-employee-options small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-label-employee-options strong { font-size: 14px; }
.app-label-employee-options small { margin-top: 4px; color: #81786f; font-size: 10px; }
.app-label-choice-selected { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: transparent; background: #eee9e2; }
.app-label-choice-selected svg { width: 14px; height: 14px; }
.app-label-choice-options > button.is-selected { border-color: #658149; color: #405931; background: #eff5e8; box-shadow: inset 0 0 0 1px #658149; }
.app-label-choice-options > button.is-selected .app-label-choice-selected { color: #fff; background: #5d7c43; }
.app-label-quantity-options > button { display: grid; grid-template-rows: 34px auto auto; place-items: center; gap: 5px; text-align: center; }
.app-label-quantity-options > button > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #5d7844; background: #edf3e7; }
.app-label-quantity-options > button svg { width: 20px; height: 20px; }
.app-label-quantity-options strong { font-size: 16px; }
.app-label-quantity-options small { color: #81786f; font-size: 10px; }
.app-label-choice-empty { grid-column: 1 / -1; margin: 0; padding: 20px; border: 1px dashed #d4c7b9; border-radius: 14px; color: #766e66; text-align: center; }
.app-label-custom-choice { margin-top: 17px; padding-top: 16px; border-top: 1px solid #e3d9cd; }
.app-label-custom-choice > label { display: block; margin-bottom: 7px; color: #4d4943; font-size: 12px; font-weight: 850; }
.app-label-custom-choice > div { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 9px; }
.app-label-custom-choice > div > span { display: grid; width: 44px; height: 52px; place-items: center; border: 1px solid #d7cabb; border-radius: 13px; color: #5d7548; background: #f1f6ea; }
.app-label-custom-choice input { width: 100%; min-width: 0; height: 52px; padding: 0 14px; border: 1px solid #d7cabb; border-radius: 13px; outline: 0; color: #34322e; background: #fff; font-size: 16px; }
.app-label-custom-choice input:focus { border-color: #6f8953; box-shadow: 0 0 0 3px rgba(101, 130, 75, .14); }
.app-label-custom-choice button { min-height: 52px; padding: 0 17px; border: 1px solid #5e7b47; border-radius: 13px; color: #fff; background: #5d7945; font-size: 13px; font-weight: 850; cursor: pointer; }

@media (min-width: 700px) {
html.app-ipad-layout { --app-sidebar-collapsed: 78px !important; }

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, minmax(60px, 1fr)) !important;
grid-auto-rows: minmax(60px, 1fr) !important;
gap: 6px !important;
padding: 60px 12px max(88px, calc(76px + env(safe-area-inset-bottom))) !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle {
position: absolute !important;
top: 10px !important;
right: 12px !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 12px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle > span { display: none !important; }
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) { min-height: 60px !important; }
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
font-size: 12px !important;
line-height: 1.08 !important;
white-space: normal !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav { padding-inline: 7px !important; }
html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle { right: 18px !important; }
html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
width: 62px !important;
height: 62px !important;
min-height: 62px !important;
justify-self: center !important;
aspect-ratio: 1 / 1 !important;
padding: 5px 3px !important;
border-radius: 15px !important;
}
html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
max-width: 58px !important;
font-size: 9.5px !important;
line-height: 1.02 !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
}
html.app-ipad-layout body.app-sidebar-collapsed .app-nav-help {
right: auto !important;
left: 8px !important;
width: 62px !important;
height: 62px !important;
min-height: 62px !important;
padding: 5px 3px !important;
border-radius: 15px !important;
font-size: 9.5px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-main {
height: calc(100dvh - var(--app-ipad-header)) !important;
min-height: 0 !important;
padding: 0 !important;
}

html.app-ipad-layout .labels-app-view,
html.app-ipad-layout .app-label-workspace { height: 100% !important; }
html.app-ipad-layout .app-label-workspace {
border-right: 0 !important;
border-bottom: 0 !important;
border-radius: 0 !important;
}

html.app-ipad-layout .app-label-catalog { padding: 24px 24px 22px !important; }
html.app-ipad-layout .app-label-compose { padding: 24px 24px 22px !important; }
html.app-ipad-layout .app-label-compose form { height: 100% !important; min-height: 0 !important; }
html.app-ipad-layout .app-label-compose-body { height: 100% !important; min-height: 0 !important; }
html.app-ipad-layout .app-label-form-column {
height: 100% !important;
align-content: stretch !important;
padding: 18px 18px 0 0 !important;
}

html.app-ipad-layout .app-label-primary-fields {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: start !important;
gap: 12px 14px !important;
}
html.app-ipad-layout .app-label-primary-fields > .app-label-date-field,
html.app-ipad-layout .app-label-primary-fields > .app-label-choice-field {
display: grid !important;
min-width: 0 !important;
grid-template-rows: 36px 58px !important;
align-content: start !important;
gap: 6px !important;
}
html.app-ipad-layout .app-label-primary-fields > .app-label-date-field > label,
html.app-ipad-layout .app-label-primary-fields > .app-label-choice-field > label {
display: flex !important;
min-width: 0 !important;
min-height: 36px !important;
align-items: flex-end !important;
margin: 0 !important;
color: #47423d !important;
font-size: 11px !important;
font-weight: 850 !important;
line-height: 1.18 !important;
}
html.app-ipad-layout .app-label-date-trigger,
html.app-ipad-layout .app-label-choice-trigger {
width: 100% !important;
height: 58px !important;
min-height: 58px !important;
min-width: 0 !important;
border-radius: 13px !important;
}
html.app-ipad-layout .app-label-date-trigger > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html.app-ipad-layout .app-label-more-options > .app-label-fields { grid-template-columns: minmax(0, 1fr) !important; gap: 11px !important; }
html.app-ipad-layout .app-label-printer-field { gap: 6px !important; }
html.app-ipad-layout .app-label-printer-field > label { font-size: 11px !important; }
html.app-ipad-layout .app-label-printer-select-shell { min-height: 68px !important; }
html.app-ipad-layout .app-label-action-bar { display: none !important; }
html.app-ipad-layout .app-label-safety-controls { margin-top: auto !important; }
html.app-ipad-layout .app-label-check {
min-height: 72px !important;
gap: 13px !important;
padding: 13px 14px !important;
}
html.app-ipad-layout .app-label-check small { margin-top: 5px !important; line-height: 1.35 !important; }

html.app-ipad-layout .app-label-live-preview {
grid-template-rows: auto minmax(0, 1fr) auto auto auto !important;
gap: 10px !important;
padding: 18px 0 0 20px !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading {
grid-column: 1 !important;
grid-row: 1 !important;
grid-template-columns: 36px minmax(0, 1fr) auto !important;
gap: 10px !important;
padding: 0 !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action {
display: inline-flex !important;
width: auto !important;
min-width: 94px !important;
min-height: 42px !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
padding: 0 6px !important;
border: 1px solid #d8cdbf !important;
border-radius: 12px !important;
color: #5a4a3e !important;
background: #fff !important;
font-size: 10px !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action svg { width: 18px !important; height: 18px !important; }
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action span {
display: inline !important;
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip-path: none !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage {
display: grid !important;
height: 100% !important;
grid-column: 1 !important;
grid-row: 2 !important;
align-items: center !important;
justify-items: center !important;
min-height: 0 !important;
margin: 0 !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage > .app-label-inline-preview {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: 100% !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-print-heading {
grid-column: 1 !important;
grid-row: 3 !important;
margin: 0 !important;
}
html.app-ipad-layout .app-label-count-row-ipad {
display: grid !important;
min-height: 0 !important;
grid-column: 1 !important;
grid-row: 4 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html.app-ipad-layout .app-label-count-row-ipad > span {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
gap: 10px !important;
}
html.app-ipad-layout .app-label-count-row-ipad > span strong { font-size: 12px !important; }
html.app-ipad-layout .app-label-count-row-ipad > span small { margin: 0 !important; font-size: 9.5px !important; }
html.app-ipad-layout .app-label-count-row-ipad > div {
display: grid !important;
width: 100% !important;
height: 54px !important;
flex: none !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
margin: 0 !important;
}
html.app-ipad-layout .app-label-count-row-ipad button,
html.app-ipad-layout .app-label-count-row-ipad output {
width: 100% !important;
height: 54px !important;
border-color: #cbbdad !important;
background: #fff !important;
}
html.app-ipad-layout .app-label-count-row-ipad button:first-child { border-radius: 13px 0 0 13px !important; }
html.app-ipad-layout .app-label-count-row-ipad button:last-child { border-radius: 0 13px 13px 0 !important; }
html.app-ipad-layout .app-label-count-row-ipad output { border-radius: 0 !important; font-size: 18px !important; }
html.app-ipad-layout .app-label-live-preview > .app-label-live-actions {
grid-column: 1 !important;
grid-row: 5 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 0 !important;
}
html.app-ipad-layout .app-label-preview-bottom-action { display: none !important; }
html.app-ipad-layout .app-label-inline-submit { width: 100% !important; min-height: 56px !important; }
}

@media (min-width: 700px) and (max-width: 1220px) {
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action { min-width: 90px !important; min-height: 40px !important; padding-inline: 5px !important; font-size: 9px !important; }
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action svg { width: 16px !important; height: 16px !important; }
}

@media (min-width: 1100px) and (max-height: 820px) {
html.app-ipad-layout .app-label-live-preview {
grid-template-rows: auto minmax(100px, 1fr) auto auto auto !important;
gap: 8px !important;
}
html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage { padding: 5px !important; }
html.app-ipad-layout .app-label-live-preview > .app-label-preview-stage > .app-label-inline-preview {
width: min(100%, max(150px, calc(178.125dvh - 1122px))) !important;
height: auto !important;
max-height: none !important;
}
html.app-ipad-layout .app-label-count-row-ipad { gap: 4px !important; }
html.app-ipad-layout .app-label-count-row-ipad > div,
html.app-ipad-layout .app-label-count-row-ipad button,
html.app-ipad-layout .app-label-count-row-ipad output { height: 50px !important; }
html.app-ipad-layout .app-label-inline-submit { min-height: 50px !important; }
}

@media (min-width: 700px) and (max-width: 1099px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-main,
html.app-ipad-layout .labels-app-view,
html.app-ipad-layout .app-label-workspace {
height: auto !important;
min-height: calc(100dvh - var(--app-ipad-header)) !important;
overflow: visible !important;
}
}

@media (max-width: 620px) {
.app-label-choice-card { padding: 15px; border-radius: 19px; }
.app-label-choice-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.app-label-employee-options > button { grid-template-columns: 42px minmax(0, 1fr); }
.app-label-employee-options .app-label-choice-selected { position: absolute; top: 8px; right: 8px; }
.app-label-custom-choice > div { grid-template-columns: 42px minmax(0, 1fr); }
.app-label-custom-choice button { grid-column: 1 / -1; width: 100%; }
}

/* iPad refinement: fixed navigation rhythm, richer actions and MORE OS modal styling. */
.app-label-choice-dialog.moreos-dialog-v2 {
width: min(calc(100% - 32px), 820px);
}

.app-label-choice-card {
padding: 0;
overflow: hidden;
border-color: rgba(63, 73, 54, .28);
background: #fffdf9;
box-shadow: 0 30px 90px rgba(22, 29, 23, .38);
}

.app-label-choice-card > header {
position: relative;
isolation: isolate;
min-height: 126px;
padding: 24px 26px;
overflow: hidden;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .16);
background:
radial-gradient(circle at 88% -28%, rgba(238, 200, 106, .34), transparent 46%),
linear-gradient(126deg, #173828 0%, #2d5438 58%, #82783e 100%);
}

.app-label-choice-card > header::after {
content: "";
position: absolute;
z-index: -1;
right: 58px;
bottom: -112px;
width: 230px;
height: 230px;
border: 2px solid rgba(255, 255, 255, .1);
border-radius: 50%;
}

.app-label-choice-card > header > div {
position: relative;
z-index: 1;
}

.app-label-choice-card > header small {
color: #f2c665;
font-size: 11px;
letter-spacing: 1.15px;
}

.app-label-choice-card > header strong {
margin-top: 7px;
color: #fff;
font-size: 28px;
line-height: 1.08;
}

.app-label-choice-card > header button {
position: relative;
z-index: 1;
width: 50px;
min-width: 50px;
height: 50px;
border-color: rgba(255, 255, 255, .42);
border-radius: 50%;
color: #fff;
background: rgba(255, 255, 255, .14);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
backdrop-filter: blur(8px);
}

.app-label-choice-card > header button:hover {
background: rgba(255, 255, 255, .22);
}

.app-label-choice-card > header button:focus-visible {
outline: 2px solid rgba(255, 255, 255, .72);
outline-offset: 2px;
}

.app-label-choice-card > p {
margin: 20px 24px 0;
color: #746d65;
font-size: 14px;
line-height: 1.45;
}

.app-label-choice-card > .app-label-choice-options {
margin: 18px 24px 0;
}

.app-label-choice-card > .app-label-custom-choice {
margin: 18px 24px 24px;
}

@media (min-width: 700px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 72px) !important;
grid-auto-rows: 72px !important;
align-content: start !important;
gap: 8px !important;
padding: 58px 12px max(92px, calc(80px + env(safe-area-inset-bottom))) !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle {
top: 11px !important;
right: auto !important;
left: 50% !important;
width: 54px !important;
min-width: 54px !important;
height: 34px !important;
min-height: 34px !important;
transform: translateX(-50%) !important;
border: 1px solid #bdcdb0 !important;
border-radius: 999px !important;
color: #4d6a3b !important;
background: linear-gradient(180deg, #f5f8f0, #eaf1e3) !important;
box-shadow: 0 5px 14px rgba(55, 77, 43, .12), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle svg {
width: 20px !important;
height: 20px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
min-height: 72px !important;
align-self: start !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
font-size: 13px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 62px) !important;
grid-auto-rows: 62px !important;
align-content: start !important;
gap: 7px !important;
padding-inline: 7px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle {
right: auto !important;
left: 50% !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
width: 62px !important;
height: 62px !important;
min-height: 62px !important;
align-self: start !important;
justify-self: center !important;
aspect-ratio: 1 / 1 !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
font-size: 10.5px !important;
}

html.app-ipad-layout .app-nav-help {
min-height: 68px;
gap: 5px;
border-color: #bacbaa;
border-radius: 16px;
color: #466238;
background: linear-gradient(145deg, #f5f9ef, #eaf2e2);
box-shadow: 0 8px 18px rgba(56, 79, 43, .09), inset 0 1px 0 rgba(255, 255, 255, .9);
font-size: 11px;
font-weight: 850;
}

html.app-ipad-layout .app-nav-help svg {
box-sizing: content-box;
width: 20px;
height: 20px;
padding: 5px;
border-radius: 10px;
background: rgba(255, 255, 255, .76);
box-shadow: inset 0 0 0 1px rgba(85, 112, 66, .12);
}

html.app-ipad-layout .app-nav-help:hover {
border-color: #8eaa78;
color: #345328;
background: linear-gradient(145deg, #f8fbf4, #e5efdc);
}

html.app-ipad-layout body.app-sidebar-collapsed .app-nav-help {
right: auto !important;
left: 8px !important;
width: 62px !important;
height: 62px !important;
min-height: 62px !important;
padding: 4px 3px !important;
border-radius: 15px !important;
font-size: 9.5px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .app-nav-help svg {
width: 18px;
height: 18px;
padding: 3px;
border-radius: 8px;
}

html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action {
display: grid !important;
min-width: 154px !important;
min-height: 52px !important;
grid-template-columns: 34px minmax(0, 1fr) !important;
align-items: center !important;
justify-content: stretch !important;
gap: 9px !important;
padding: 7px 11px 7px 7px !important;
border: 1px solid #9eb68a !important;
border-radius: 15px !important;
color: #3f5f31 !important;
background: linear-gradient(145deg, #f5f9ef, #e8f1df) !important;
box-shadow: 0 7px 17px rgba(67, 93, 49, .11), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
text-align: left !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action:hover {
border-color: #718f58 !important;
background: linear-gradient(145deg, #f8fbf4, #e3eed9) !important;
transform: translateY(-1px);
}

html.app-ipad-layout .app-label-preview-action-icon {
display: grid !important;
width: 34px !important;
height: 34px !important;
place-items: center !important;
border-radius: 11px !important;
color: #fff !important;
background: linear-gradient(145deg, #66864d, #486b36) !important;
box-shadow: 0 5px 11px rgba(69, 100, 50, .2) !important;
}

html.app-ipad-layout .app-label-preview-action-icon svg {
width: 18px !important;
height: 18px !important;
}

html.app-ipad-layout .app-label-preview-action-copy {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 2px !important;
}

html.app-ipad-layout .app-label-preview-action-copy strong,
html.app-ipad-layout .app-label-preview-action-copy small {
display: block !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-preview-action-copy strong {
max-width: 100% !important;
color: #3f5834 !important;
font-size: 11px !important;
line-height: 1.1 !important;
}

html.app-ipad-layout .app-label-preview-action-copy small {
max-width: 100% !important;
color: #738266 !important;
font-size: 8.5px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
}
}

@media (min-width: 700px) and (max-width: 1440px) {
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action {
width: 112px !important;
min-width: 112px !important;
max-width: 112px !important;
min-height: 44px !important;
grid-template-columns: 30px minmax(0, 1fr) !important;
gap: 6px !important;
padding: 6px !important;
}

html.app-ipad-layout .app-label-preview-action-icon {
width: 30px !important;
height: 30px !important;
}

html.app-ipad-layout .app-label-preview-action-copy strong {
font-size: 9.5px !important;
line-height: 1.05 !important;
white-space: normal !important;
}
html.app-ipad-layout .app-label-preview-action-copy small { display: none !important; }
}

@media (min-width: 700px) and (max-height: 820px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 60px) !important;
grid-auto-rows: 60px !important;
gap: 5px !important;
padding-top: 50px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle {
top: 8px !important;
height: 30px !important;
min-height: 30px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
min-height: 60px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 54px) !important;
grid-auto-rows: 54px !important;
gap: 4px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
width: 54px !important;
height: 54px !important;
min-height: 54px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
max-width: 51px !important;
font-size: 9.5px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .app-nav-help {
bottom: max(8px, env(safe-area-inset-bottom)) !important;
left: 10px !important;
width: 58px !important;
height: 58px !important;
min-height: 58px !important;
font-size: 9px !important;
}
}

@media (min-width: 1100px) {
html.app-ipad-layout .app-label-compose-body {
grid-template-columns: minmax(325px, 1.1fr) minmax(275px, .9fr) !important;
gap: 16px !important;
padding-top: 16px !important;
overflow: visible !important;
border-top: 1px solid #e8ded1 !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] {
position: relative !important;
top: 0 !important;
isolation: isolate !important;
grid-column: 1 !important;
grid-row: 1 !important;
grid-template-rows: auto minmax(0, 1fr) auto auto auto !important;
gap: 9px !important;
padding: 16px !important;
overflow: hidden !important;
border: 1px solid rgba(216, 184, 104, .58) !important;
border-radius: 22px !important;
background:
radial-gradient(circle at 90% -8%, rgba(231, 200, 116, .30), transparent 37%),
linear-gradient(148deg, #173426 0%, #234b32 56%, #183a29 100%) !important;
box-shadow:
0 18px 42px rgba(25, 52, 37, .20),
inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"]::before {
position: absolute;
z-index: -1;
top: -116px;
right: -78px;
width: 285px;
height: 285px;
border: 1px solid rgba(242, 213, 139, .15);
border-radius: 50%;
content: "";
pointer-events: none;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"]::after {
position: absolute;
z-index: 3;
top: 0;
right: 24px;
left: 24px;
height: 2px;
border-radius: 0 0 3px 3px;
background: linear-gradient(90deg, transparent, #d9b35b 28%, #f1db9d 50%, #d9b35b 72%, transparent);
content: "";
opacity: .82;
pointer-events: none;
}

html.app-ipad-layout .app-label-form-column {
grid-column: 2 !important;
grid-row: 1 !important;
height: 100% !important;
gap: 12px !important;
padding: 16px 14px 14px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border: 1px solid #e4d8c9 !important;
border-radius: 20px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(249, 245, 238, .96)),
#fbf8f3 !important;
box-shadow:
0 10px 28px rgba(75, 61, 43, .07),
inset 0 1px 0 #fff !important;
}

html.app-ipad-layout .app-label-primary-fields {
grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
gap: 10px 11px !important;
}

html.app-ipad-layout .app-label-primary-fields > .app-label-date-field,
html.app-ipad-layout .app-label-primary-fields > .app-label-choice-field {
grid-template-rows: 32px 56px !important;
gap: 5px !important;
}

html.app-ipad-layout .app-label-primary-fields > .app-label-date-field > label,
html.app-ipad-layout .app-label-primary-fields > .app-label-choice-field > label {
min-height: 32px !important;
font-size: 10.5px !important;
}

html.app-ipad-layout .app-label-date-trigger,
html.app-ipad-layout .app-label-choice-trigger {
height: 56px !important;
min-height: 56px !important;
border-color: #d9cbbb !important;
background: rgba(255, 255, 255, .94) !important;
box-shadow: 0 4px 12px rgba(57, 45, 34, .035) !important;
}

html.app-ipad-layout .app-label-more-options,
html.app-ipad-layout .app-label-safety-controls {
border-radius: 15px !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-panel-heading {
min-height: 50px !important;
grid-template-columns: 38px minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 10px !important;
padding: 0 !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-step-badge,
html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-print-heading span {
color: #173426 !important;
background: linear-gradient(145deg, #f2dc9f, #c79b3d) !important;
box-shadow:
0 7px 18px rgba(9, 26, 16, .26),
inset 0 1px 0 rgba(255, 255, 255, .58) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-panel-heading h2,
html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-print-heading strong {
color: #fffdf7 !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-panel-heading .app-label-copy-ipad {
color: rgba(249, 240, 214, .70) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-panel-heading > .app-label-preview-heading-action {
width: auto !important;
min-width: 118px !important;
max-width: 132px !important;
min-height: 44px !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
gap: 6px !important;
padding: 6px 9px !important;
border: 1px solid rgba(236, 211, 149, .52) !important;
border-radius: 13px !important;
color: #fff !important;
background: rgba(255, 255, 255, .09) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11) !important;
backdrop-filter: blur(8px) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-panel-heading > .app-label-preview-heading-action:hover {
border-color: rgba(247, 222, 158, .82) !important;
background: rgba(255, 255, 255, .15) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-preview-action-copy strong {
color: #fff !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-preview-action-copy small {
color: rgba(255, 255, 255, .66) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-preview-stage {
min-height: 0 !important;
margin: 0 !important;
padding: 15px !important;
overflow: hidden !important;
border: 1px solid rgba(231, 209, 158, .54) !important;
border-radius: 17px !important;
background:
linear-gradient(145deg, rgba(255, 253, 247, .98), rgba(239, 229, 207, .93)),
#f8f2e6 !important;
box-shadow:
inset 0 1px 0 #fff,
0 10px 24px rgba(4, 21, 11, .20) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-preview-stage > .app-label-inline-preview {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border-color: #243d2e !important;
box-shadow: 0 11px 24px rgba(31, 43, 33, .16) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-print-heading {
min-height: 38px !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
padding-top: 4px !important;
border-top: 1px solid rgba(244, 222, 163, .20) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] > .app-label-print-heading span {
width: 32px !important;
height: 32px !important;
font-size: 13px !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad {
gap: 6px !important;
padding: 9px 10px 10px !important;
border: 1px solid rgba(235, 212, 152, .28) !important;
border-radius: 15px !important;
background: rgba(255, 255, 255, .075) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad > span strong {
color: #fff !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad > span small {
color: rgba(248, 237, 206, .65) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad > div,
html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad button,
html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad output {
height: 48px !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad button,
html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-count-row-ipad output {
border-color: rgba(199, 164, 85, .56) !important;
color: #21372a !important;
background: linear-gradient(180deg, #fffdf7, #eee2ca) !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-inline-submit {
min-height: 52px !important;
border: 1px solid rgba(247, 220, 148, .70) !important;
border-radius: 15px !important;
color: #173426 !important;
background: linear-gradient(135deg, #f0d48c 0%, #cda244 55%, #b3842e 100%) !important;
box-shadow:
0 10px 22px rgba(5, 23, 12, .27),
inset 0 1px 0 rgba(255, 255, 255, .60) !important;
font-weight: 900 !important;
letter-spacing: .1px !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-inline-submit:not(:disabled):hover {
filter: brightness(1.04);
transform: translateY(-1px);
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] .app-label-inline-submit:disabled {
opacity: .52 !important;
color: rgba(23, 52, 38, .78) !important;
}
}

/* Identical rail contents and persistent optional-label control (v19). */
@media (min-width: 700px) {
html.app-ipad-layout .bottom-nav > button:not(.app-sidebar-toggle),
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
gap: 6px !important;
}

html.app-ipad-layout .bottom-nav > button:not(.app-sidebar-toggle) > svg,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) > svg {
width: 23px !important;
height: 23px !important;
flex: 0 0 23px !important;
}

html.app-ipad-layout .app-label-check:has(input:disabled) {
opacity: .52 !important;
cursor: not-allowed !important;
}

html.app-ipad-layout .app-label-check input:disabled {
cursor: not-allowed !important;
}
}

@media (max-width: 620px) {
.app-label-choice-card { padding: 0; border-radius: 19px; }
.app-label-choice-card > header { min-height: 108px; padding: 20px; }
.app-label-choice-card > header strong { font-size: 23px; }
.app-label-choice-card > p { margin: 17px 16px 0; }
.app-label-choice-card > .app-label-choice-options { margin: 15px 16px 0; }
.app-label-choice-card > .app-label-custom-choice { margin: 16px; }
}

/* App-wide iPad rail, favorites and picker polish v17. */
.app-label-folder-trigger.is-favorites > span:first-child {
color: #986d20;
background: linear-gradient(145deg, #fff5d7, #f4e5b6);
box-shadow: inset 0 0 0 1px rgba(177, 129, 39, .12);
}

html.app-ipad-layout .app-label-folder-card .app-label-folders button.is-favorites .app-label-folder-icon,
.app-label-folder-card .app-label-folders button.is-favorites .app-label-folder-icon {
color: #9a6d1e !important;
background: linear-gradient(145deg, #fff5d8, #f3e3b2) !important;
box-shadow: inset 0 0 0 1px rgba(174, 125, 34, .11) !important;
}

html.app-ipad-layout .app-label-folder-card .app-label-folders button.is-favorites.is-active .app-label-folder-icon,
.app-label-folder-card .app-label-folders button.is-favorites.is-active .app-label-folder-icon {
color: #fff !important;
background: linear-gradient(145deg, #b18432, #80601e) !important;
}

.app-label-date-card,
.app-label-time-card {
padding: 0;
overflow: hidden;
border-color: rgba(63, 73, 54, .28);
background: #fffdf9;
box-shadow: 0 30px 90px rgba(22, 29, 23, .38);
}

.app-label-date-card > header,
.app-label-time-card > header {
position: relative;
isolation: isolate;
min-height: 118px;
padding: 24px 26px;
overflow: hidden;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .16);
background:
radial-gradient(circle at 88% -28%, rgba(238, 200, 106, .34), transparent 46%),
linear-gradient(126deg, #173828 0%, #2d5438 58%, #82783e 100%);
}

.app-label-date-card > header::after,
.app-label-time-card > header::after {
position: absolute;
z-index: -1;
right: -46px;
bottom: -92px;
width: 230px;
height: 230px;
border: 2px solid rgba(255, 255, 255, .12);
border-radius: 50%;
content: "";
}

.app-label-date-card > header small,
.app-label-time-card > header small {
color: #f1c75f;
font-size: 11px;
letter-spacing: 1.1px;
}

.app-label-date-card > header strong,
.app-label-time-card > header strong {
margin-top: 7px;
color: #fff;
font-size: 28px;
line-height: 1.05;
}

.app-label-date-card > header button,
.app-label-time-card > header button {
width: 52px;
min-width: 52px;
height: 52px;
border-color: rgba(255, 255, 255, .34);
border-radius: 50%;
color: #fff;
background: rgba(255, 255, 255, .14);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
backdrop-filter: blur(8px);
}

.app-label-date-card > header button:hover,
.app-label-time-card > header button:hover {
background: rgba(255, 255, 255, .22);
}

.app-label-date-month,
.app-label-date-weekdays,
.app-label-date-days {
width: min(calc(100% - 48px), 500px);
margin-inline: auto;
}

.app-label-date-card > footer,
.app-label-time-card > footer {
margin: 18px 24px 24px;
}

.app-label-time-controls,
.app-label-time-quick {
width: min(calc(100% - 48px), 500px);
}

@media (min-width: 700px) {
html.app-ipad-layout {
--app-sidebar-collapsed: 100px !important;
}

html.app-ipad-layout .bottom-nav {
grid-template-rows: repeat(8, 72px) !important;
grid-auto-rows: 72px !important;
align-content: start !important;
gap: 8px !important;
padding: 62px 11px max(94px, calc(82px + env(safe-area-inset-bottom))) !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}

html.app-ipad-layout .bottom-nav .app-sidebar-toggle {
position: absolute !important;
top: 10px !important;
right: auto !important;
left: 50% !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateX(-50%) !important;
border: 1px solid #34593a !important;
border-radius: 50% !important;
color: #fff !important;
background: linear-gradient(145deg, #355c3e, #24462f) !important;
box-shadow: 0 7px 16px rgba(36, 70, 47, .2), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html.app-ipad-layout .bottom-nav .app-sidebar-toggle > span {
display: none !important;
}

html.app-ipad-layout .bottom-nav .app-sidebar-toggle svg {
width: 19px !important;
height: 19px !important;
}

html.app-ipad-layout .bottom-nav > button:not(.app-sidebar-toggle) {
min-height: 72px !important;
align-self: start !important;
flex-direction: column !important;
justify-content: center !important;
gap: 6px !important;
padding: 6px 8px !important;
border-radius: 17px !important;
}

html.app-ipad-layout .bottom-nav button > span:last-child {
position: static !important;
width: auto !important;
height: auto !important;
max-width: 100% !important;
overflow: visible !important;
clip-path: none !important;
font-size: 13px !important;
line-height: 1.04 !important;
text-align: center !important;
text-overflow: clip !important;
overflow-wrap: normal !important;
white-space: normal !important;
}

html.app-ipad-layout .bottom-nav button.is-active {
color: #b85f38 !important;
background: linear-gradient(145deg, #faefe7, #f4e4d8) !important;
box-shadow: 0 8px 18px rgba(125, 77, 48, .08) !important;
}

html.app-ipad-layout .bottom-nav button.is-active::before {
top: 10px !important;
bottom: 10px !important;
left: -11px !important;
width: 4px !important;
height: auto !important;
border-radius: 0 5px 5px 0 !important;
background: #cf6b38 !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav {
grid-template-rows: repeat(8, 70px) !important;
grid-auto-rows: 70px !important;
gap: 7px !important;
padding-inline: 10px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav > button:not(.app-sidebar-toggle) {
width: 78px !important;
height: 78px !important;
min-height: 78px !important;
align-self: start !important;
justify-self: center !important;
aspect-ratio: 1 / 1 !important;
padding: 5px 3px !important;
border-radius: 17px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav button > span:last-child {
max-width: 74px !important;
font-size: 11.5px !important;
line-height: 1.02 !important;
overflow-wrap: normal !important;
word-break: normal !important;
white-space: normal !important;
}

html.app-ipad-layout .app-nav-help {
display: flex !important;
right: 11px !important;
bottom: max(14px, env(safe-area-inset-bottom)) !important;
left: 11px !important;
min-height: 70px !important;
gap: 5px !important;
padding: 6px 5px !important;
border: 0 !important;
border-radius: 18px !important;
color: #405d35 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 11px !important;
font-weight: 850 !important;
}

html.app-ipad-layout .app-nav-help svg {
box-sizing: border-box !important;
width: 34px !important;
height: 34px !important;
padding: 7px !important;
border: 0 !important;
border-radius: 50% !important;
color: #fff !important;
background: linear-gradient(145deg, #67834f, #466739) !important;
box-shadow: 0 6px 13px rgba(64, 93, 48, .18), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html.app-ipad-layout .app-nav-help:hover {
color: #304c27 !important;
background: #f1f5eb !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .app-nav-help {
right: auto !important;
left: 11px !important;
width: 78px !important;
height: 78px !important;
min-height: 78px !important;
padding: 4px 3px !important;
font-size: 10.5px !important;
line-height: 1.02 !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav [data-nav-target="restaurant"] > span:last-child {
max-width: none !important;
letter-spacing: -.15px !important;
overflow-wrap: normal !important;
word-break: keep-all !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action {
display: grid !important;
width: auto !important;
min-width: 128px !important;
max-width: 145px !important;
min-height: 48px !important;
grid-template-columns: 25px minmax(0, 1fr) !important;
align-items: center !important;
justify-content: stretch !important;
gap: 7px !important;
padding: 7px 11px !important;
border: 1px solid #355d3d !important;
border-radius: 14px !important;
color: #fff !important;
background: linear-gradient(145deg, #466c40, #2e5537) !important;
box-shadow: 0 8px 18px rgba(41, 81, 52, .18), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
text-align: left !important;
}

html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action:hover {
border-color: #294d32 !important;
background: linear-gradient(145deg, #52784a, #345d3c) !important;
transform: translateY(-1px);
}

html.app-ipad-layout .app-label-preview-action-icon {
display: grid !important;
width: 25px !important;
height: 25px !important;
place-items: center !important;
border-radius: 0 !important;
color: #fff !important;
background: transparent !important;
box-shadow: none !important;
}

html.app-ipad-layout .app-label-preview-action-icon svg {
width: 20px !important;
height: 20px !important;
}

html.app-ipad-layout .app-label-preview-action-copy {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 2px !important;
}

html.app-ipad-layout .app-label-preview-action-copy strong,
html.app-ipad-layout .app-label-preview-action-copy small {
display: block !important;
max-width: 100% !important;
overflow: hidden !important;
color: #fff !important;
line-height: 1.05 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

html.app-ipad-layout .app-label-preview-action-copy strong {
font-size: 10.5px !important;
}

html.app-ipad-layout .app-label-preview-action-copy small {
color: rgba(255, 255, 255, .72) !important;
font-size: 8px !important;
font-weight: 700 !important;
}
}

@media (min-width: 700px) and (max-width: 1440px) {
html.app-ipad-layout .app-label-live-preview > .app-label-panel-heading > .app-label-preview-heading-action {
width: 128px !important;
min-width: 128px !important;
max-width: 128px !important;
min-height: 46px !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
gap: 6px !important;
padding: 6px 9px !important;
}

html.app-ipad-layout .app-label-preview-action-copy small {
display: none !important;
}
}

@media (min-width: 700px) and (max-height: 820px) {
html.app-ipad-layout .bottom-nav {
grid-template-rows: repeat(8, 60px) !important;
grid-auto-rows: 60px !important;
gap: 4px !important;
padding-top: 52px !important;
padding-bottom: max(76px, calc(70px + env(safe-area-inset-bottom))) !important;
}

html.app-ipad-layout .bottom-nav .app-sidebar-toggle {
top: 7px !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
}

html.app-ipad-layout .bottom-nav > button:not(.app-sidebar-toggle) {
width: auto !important;
height: 60px !important;
min-height: 60px !important;
justify-self: stretch !important;
padding: 4px 2px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav > button:not(.app-sidebar-toggle) {
width: 58px !important;
height: 58px !important;
min-height: 58px !important;
justify-self: center !important;
}

html.app-ipad-layout .bottom-nav button > span:last-child,
html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav button > span:last-child {
max-width: 72px !important;
font-size: 10px !important;
}

html.app-ipad-layout .app-nav-help,
html.app-ipad-layout body.app-sidebar-collapsed .app-nav-help {
bottom: max(6px, env(safe-area-inset-bottom)) !important;
left: 14px !important;
width: 64px !important;
height: 64px !important;
min-height: 64px !important;
font-size: 9.5px !important;
}
}

/* Stable support and header controls on every iPad tab (v20). */
@media (min-width: 700px) {
html.app-ipad-layout {
--app-ipad-header-inline: 34px;
}

html.app-ipad-layout .app-header,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-header {
padding-right: var(--app-ipad-header-inline) !important;
padding-left: var(--app-ipad-header-inline) !important;
}

html.app-ipad-layout .header-tools {
gap: 8px !important;
}

html.app-ipad-layout .header-tools > .more-assistant-launch.is-app-launch,
html.app-ipad-layout .header-tools > .more-assistant-lazy-launch.is-app-launch,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .header-tools > .more-assistant-lazy-launch.is-app-launch {
display: grid !important;
position: relative !important;
inset: auto !important;
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
flex: 0 0 46px !important;
padding: 0 !important;
border-radius: 14px !important;
}

html.app-ipad-layout .app-nav-help > span,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .app-nav-help > span {
display: block !important;
max-width: 100% !important;
overflow-wrap: normal !important;
word-break: normal !important;
font: inherit !important;
line-height: inherit !important;
white-space: normal !important;
}
}

@media (min-width: 700px) and (max-width: 979px) {
html.app-ipad-layout {
--app-ipad-header-inline: 18px;
}
}

@media (min-width: 700px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 72px) !important;
grid-auto-rows: 72px !important;
align-content: start !important;
gap: 8px !important;
padding: 62px 11px max(94px, calc(82px + env(safe-area-inset-bottom))) !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav .app-sidebar-toggle {
top: 10px !important;
right: auto !important;
left: 50% !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
transform: translateX(-50%) !important;
border: 1px solid #34593a !important;
border-radius: 50% !important;
color: #fff !important;
background: linear-gradient(145deg, #355c3e, #24462f) !important;
box-shadow: 0 7px 16px rgba(36, 70, 47, .2), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
min-height: 72px !important;
}

html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
font-size: 13px !important;
overflow-wrap: normal !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 78px) !important;
grid-auto-rows: 78px !important;
gap: 7px !important;
padding-inline: 11px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
width: 78px !important;
height: 78px !important;
min-height: 78px !important;
padding: 5px 3px !important;
border-radius: 17px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
max-width: 74px !important;
font-size: 11.5px !important;
line-height: 1.02 !important;
overflow-wrap: normal !important;
word-break: normal !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav [data-nav-target="restaurant"] > span:last-child {
max-width: none !important;
letter-spacing: -.15px !important;
overflow-wrap: normal !important;
word-break: keep-all !important;
white-space: nowrap !important;
}
}

@media (min-width: 700px) and (max-height: 820px) {
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 60px) !important;
grid-auto-rows: 60px !important;
gap: 4px !important;
padding-top: 52px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 58px) !important;
grid-auto-rows: 58px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav > button:not(.app-sidebar-toggle) {
width: 58px !important;
height: 58px !important;
min-height: 58px !important;
}

html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav button > span:last-child {
max-width: 56px !important;
font-size: 9.5px !important;
}
}

@media (max-width: 620px) {
.app-label-date-card,
.app-label-time-card {
padding: 0;
}

.app-label-date-card > header,
.app-label-time-card > header {
min-height: 104px;
padding: 19px 18px;
}

.app-label-date-card > header strong,
.app-label-time-card > header strong {
font-size: 23px;
}

.app-label-date-month,
.app-label-date-weekdays,
.app-label-date-days,
.app-label-time-controls,
.app-label-time-quick {
width: min(calc(100% - 30px), 500px);
}

.app-label-date-card > footer,
.app-label-time-card > footer {
margin: 16px 15px 15px;
}
}

/* One immutable rail rhythm on every iPad view (v18). */
@media (min-width: 700px) {
html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav,
html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 78px) !important;
grid-auto-rows: 78px !important;
gap: 7px !important;
padding-inline: 11px !important;
}

html.app-ipad-layout .bottom-nav button.is-active::before,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button.is-active::before {
top: 10px !important;
bottom: 10px !important;
left: -11px !important;
width: 4px !important;
height: auto !important;
transform: none !important;
}
}

@media (min-width: 700px) and (max-height: 820px) {
html.app-ipad-layout body.app-sidebar-collapsed .bottom-nav,
html.app-ipad-layout body.app-sidebar-collapsed:has(#etiketten:not([hidden])) .bottom-nav {
grid-template-rows: repeat(8, 58px) !important;
grid-auto-rows: 58px !important;
gap: 4px !important;
}

html.app-ipad-layout .bottom-nav button.is-active::before,
html.app-ipad-layout body:has(#etiketten:not([hidden])) .bottom-nav button.is-active::before {
top: 8px !important;
bottom: 8px !important;
}
}

/* Stable columns v23. */
@media (min-width: 1100px) {
html.app-ipad-layout .app-label-workspace {
grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr) !important;
background: #fff !important;
}

html.app-ipad-layout .app-label-compose,
html.app-ipad-layout .app-label-compose form,
html.app-ipad-layout .app-label-compose-body {
background: #fff !important;
}

html.app-ipad-layout .app-label-compose-body {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: stretch !important;
}

html.app-ipad-layout .app-label-form-column {
height: 100% !important;
min-height: 100% !important;
grid-auto-rows: max-content !important;
align-self: stretch !important;
align-content: start !important;
}

html.app-ipad-layout .app-label-form-column .app-label-safety-controls {
margin-top: 0 !important;
}

html.app-ipad-layout .app-label-live-preview[data-ipad-studio="premium"] {
height: 100% !important;
min-height: 100% !important;
align-self: stretch !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}
}