:root {
  color-scheme: light;
  --pezzetta-pale: #eef7e7;
  --muted: #5f6368;
  --line: #e2e6e3;
  --surface: #f7f9f7;
  --danger: #9b2922;
  --danger-pale: #fff0ef;
  --warning: #725500;
  --warning-pale: #fff8df;
  --success-pale: #e8f5e9;
  --shadow: 0 8px 24px rgba(17, 17, 17, .06);
  --radius: 14px;
  --sidebar-width: 260px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; background: var(--white); scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--white); line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
a { color: var(--pezzetta-dark); }
form { margin: 0; }
.icon { width: 22px; height: 22px; flex: 0 0 auto; }
.skip-link { position: fixed; z-index: 200; top: .5rem; left: .5rem; padding: .7rem 1rem; transform: translateY(-150%); color: white; background: var(--ink); border-radius: 8px; }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

:focus-visible { outline: 3px solid var(--pezzetta-light); outline-offset: 3px; }
.mobile-header {
  position: sticky; z-index: 60; top: 0; min-height: calc(60px + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));
  display: grid; grid-template-columns: 44px 44px minmax(0, 1fr) 44px; align-items: center; gap: 7px;
  color: white; background: var(--pezzetta-dark); box-shadow: 0 2px 8px rgba(17,17,17,.12);
}
.mobile-brand { display: grid; width: 44px; height: 44px; padding: 5px; place-items: center; overflow: hidden; border-radius: 8px; }
.mobile-brand img { width: 100%; height: 100%; object-fit: contain; }
.desktop-brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.mobile-title { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.icon-button { width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 9px; color: inherit; background: transparent; cursor: pointer; }
.icon-button:hover { background: rgba(255,255,255,.12); }
.desktop-header { display: none; }

.sidebar {
  position: fixed; z-index: 90; inset: 0 auto 0 0; width: min(86vw, var(--sidebar-width));
  padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
  display: flex; flex-direction: column; transform: translateX(-105%);
  background: white; border-right: 1px solid var(--line); box-shadow: 12px 0 34px rgba(17,17,17,.14);
  transition: transform .2s ease;
}
.menu-open { overflow: hidden; }
.menu-open .sidebar { transform: none; }
.drawer-backdrop { position: fixed; z-index: 80; inset: 0; background: rgba(17,17,17,.4); }
.sidebar-brand { min-height: 76px; padding: 0 5px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.sidebar-brand-link { min-width: 0; display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.sidebar-brand-link img { width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; }
.sidebar-brand-link span { min-width: 0; display: grid; line-height: 1.25; }
.sidebar-brand-link strong { font-size: .94rem; }
.sidebar-brand-link small { color: var(--muted); font-size: .68rem; }
.sidebar-close { color: var(--ink); }
.sidebar-nav { padding: 18px 0; display: grid; gap: 6px; }
.sidebar-item {
  min-height: 48px; padding: 0 14px; display: flex; align-items: center; gap: 13px;
  border-radius: 10px; color: var(--ink); font-weight: 650; text-decoration: none;
}
.sidebar-item:hover { color: var(--pezzetta-dark); background: var(--pezzetta-pale); }
.sidebar-item.is-active { color: white; background: var(--pezzetta-dark); }
.sidebar-footer { margin-top: auto; display: grid; gap: 10px; border-top: 1px solid var(--line); padding-top: 12px; }
.sidebar-user { min-height: 54px; padding: 6px 13px; display: flex; align-items: center; gap: 12px; color: var(--muted); }
.sidebar-user span { min-width: 0; display: grid; }
.sidebar-user small { font-size: .72rem; }
.sidebar-user strong { overflow: hidden; color: var(--ink); font-size: .9rem; text-overflow: ellipsis; }
.sidebar-version { padding: 0 13px; color: var(--muted); font-size: .72rem; }

.page-shell { width: min(100% - 28px, 1080px); margin: 0 auto; padding: 24px 0 max(92px, calc(28px + env(safe-area-inset-bottom))); }
.login-shell { width: min(100% - 28px, 480px); min-height: 100vh; padding-top: max(28px, env(safe-area-inset-top)); display: grid; place-items: center; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1 { margin: 3px 0 8px; color: var(--ink); font-size: clamp(1.8rem, 7vw, 2.5rem); line-height: 1.14; letter-spacing: -.035em; }
h2 { color: var(--ink); }
.eyebrow { margin: 0; color: var(--pezzetta-dark); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.muted, .record-meta, .result-note, .form-hint { color: var(--muted); }
.welcome { margin-bottom: 24px; }
.welcome > p:last-child { max-width: 650px; margin: 8px 0 0; }
.section-title { margin: 30px 0 14px; font-size: 1.25rem; }

.card, .form-card, .order-section, .document-panel, .delivery-history, .import-current, .report-summary, .history-section {
  border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow);
}
.stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.stat-card { min-width: 0; min-height: 112px; padding: 16px; display: grid; align-content: space-between; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.stat-card-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; color: var(--pezzetta-dark); background: var(--pezzetta-pale); }
.stat-card-icon .icon { width: 20px; }
.stat-value { margin-top: 10px; font-size: 1.35rem; line-height: 1.1; }
.stat-label { color: var(--muted); font-size: .8rem; }
.action-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.action-card { min-height: 126px; padding: 18px; display: grid; grid-template-columns: 46px minmax(0,1fr) 24px; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--ink); background: white; box-shadow: var(--shadow); text-decoration: none; }
.action-card:hover { border-color: var(--pezzetta-light); transform: translateY(-2px); }
.action-card .action-icon { width: 46px; height: 46px; display: grid; place-items: center; color: var(--pezzetta-dark); background: var(--pezzetta-pale); border-radius: 12px; }
.action-copy { display: grid; gap: 3px; }
.action-copy strong { font-size: 1.02rem; }
.action-copy small { color: var(--muted); font-size: .82rem; }
.action-arrow { color: var(--pezzetta-dark); }

.login-card { width: 100%; padding: 26px 22px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow); }
.login-brand-link { width: fit-content; margin: 0 auto 18px; display: block; border-radius: 12px; }
.login-logo { width: 124px; height: 102px; display: block; object-fit: contain; }
.login-card h1 { text-align: center; }
.login-subtitle { margin: -2px 0 16px; color: var(--pezzetta-dark); font-size: .9rem; font-weight: 700; text-align: center; }
.login-card > .muted { margin: 0 auto 22px; text-align: center; }
.field { margin: 16px 0; }
.field label { display: block; margin-bottom: 6px; color: var(--ink); font-size: .9rem; font-weight: 700; }
.input, .form-control {
  width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #b9c0bb; border-radius: 9px;
  color: var(--ink); background: white; font-size: 16px;
}
.input:focus, .form-control:focus { outline: 3px solid rgba(139,195,74,.35); border-color: var(--pezzetta-dark); }
.textarea { min-height: 120px; resize: vertical; }
.textarea-small { min-height: 82px; }
.field-error { display: block; margin-top: 5px; color: var(--danger); font-size: .88rem; font-weight: 600; }
.check-row { min-height: 44px; display: flex; align-items: center; gap: 9px; }
.check-row input { width: 20px; height: 20px; accent-color: var(--pezzetta-dark); }
.form-hint { margin: 7px 0; font-size: .84rem; line-height: 1.45; }

.primary-button, .button-primary, .secondary-button, .button-secondary, .outline-button, .button-outline {
  min-height: 48px; padding: 10px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 1px solid transparent; border-radius: 9px; font-weight: 750; text-align: center; text-decoration: none; cursor: pointer;
}
.primary-button, .button-primary { color: white; background: var(--pezzetta-dark); }
.primary-button:hover, .button-primary:hover { background: #256a29; }
.secondary-button, .button-secondary { color: #205c24; background: var(--pezzetta-pale); border-color: #c8dfb7; }
.secondary-button:hover { border-color: var(--pezzetta-light); background: #e5f2dc; }
.outline-button, .button-outline { color: var(--ink); background: white; border-color: var(--line); }
.full-button { width: 100%; }
.button-auto { width: auto; }
.compact-button { min-height: 44px; padding: 8px 13px; font-size: .88rem; }
.text-button { min-height: 44px; padding: 8px 5px; border: 0; color: var(--danger); background: transparent; font-weight: 700; cursor: pointer; }
.text-link { display: inline-block; margin-top: 14px; color: var(--pezzetta-dark); font-weight: 700; }

.messages { display: grid; gap: 8px; margin-bottom: 16px; }
.alert, .message { padding: 13px 15px; border: 1px solid var(--line); border-left: 4px solid var(--pezzetta-dark); border-radius: 9px; color: var(--ink); background: white; }
.alert-danger, .message-danger { color: var(--danger); border-color: #edc0bd; background: var(--danger-pale); }
.alert-success, .message-success { border-color: #acd2ae; background: var(--success-pale); }
.alert-warning, .message-warning { color: var(--warning); border-color: #e4cf83; background: var(--warning-pale); }

.page-heading, .detail-heading, .order-heading { margin-bottom: 22px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.page-heading .primary-button, .detail-heading .primary-button { flex: 0 0 auto; }
.heading-actions, .form-actions, .detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.heading-actions { justify-content: flex-end; }
.detail-heading { padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.filter-bar, .history-filters { margin-bottom: 18px; padding: 12px; display: grid; gap: 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.product-search { position: sticky; z-index: 20; top: calc(60px + env(safe-area-inset-top)); }
.search-field { min-width: 0; }
.result-note { margin: 0 0 10px; font-size: .84rem; }

.record-list, .product-list, .order-history-list, .order-lines { display: grid; gap: 10px; }
.record-card, .product-row, .history-card, .order-line { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.record-card, .product-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.record-main, .product-main, .history-main { min-width: 0; display: grid; gap: 4px; color: var(--ink); text-decoration: none; }
.record-main, .product-main { flex: 1; }
.record-meta { font-size: .86rem; }
.status-badge, .badge { width: fit-content; padding: 4px 8px; display: inline-flex; align-items: center; border: 1px solid transparent; border-radius: 999px; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.status-active { color: #205c24; background: var(--success-pale); border-color: #b9dabb; }
.status-inactive { color: #4f5551; background: #f0f2f0; border-color: #d7ddd8; }
.status-error { color: var(--danger); background: var(--danger-pale); border-color: #edc0bd; }
.price-origin { width: fit-content; padding: 3px 7px; display: inline-flex; border: 1px solid #bfd4af; border-radius: 999px; color: #205c24; background: var(--pezzetta-pale); font-size: .68rem; font-weight: 800; letter-spacing: .03em; white-space: nowrap; }
.price-origin-personalized, .price-origin-custom_list { color: white; border-color: var(--pezzetta-dark); background: var(--pezzetta-dark); }
.price-origin-manual_discount { color: #3d590e; border-color: var(--pezzetta-light); background: #eff8df; }
.price-facts { margin-top: 9px; padding: 10px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; border-radius: 9px; background: var(--surface); }
.price-facts span { display: grid; color: var(--muted); font-size: .7rem; }
.price-facts strong { color: var(--ink); font-size: .86rem; }
.hash-value { max-width: min(100%, 34rem); overflow: hidden; color: var(--muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.product-row { align-items: flex-start; }
.product-code { width: fit-content; padding: 3px 7px; border-radius: 6px; color: #205c24; background: var(--pezzetta-pale); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; font-weight: 800; letter-spacing: .02em; }
.product-code-large { font-size: 1rem; }
.product-facts { display: grid; justify-items: end; gap: 4px; color: var(--muted); font-size: .82rem; }
.price { color: var(--ink); font-weight: 750; }
.empty-state { padding: 34px 18px; border: 1px dashed #b9c3bb; border-radius: var(--radius); text-align: center; background: var(--surface); }
.empty-state h2 { margin: 0 0 6px; font-size: 1.15rem; }
.empty-state p { margin: 0; color: var(--muted); }
.compact-empty { padding: 22px 16px; }

.form-card { width: min(100%, 650px); margin: 0 auto; padding: clamp(18px, 4vw, 30px); }
.form-card-wide { width: min(100%, 900px); }
.form-grid, .responsive-form-grid { display: grid; gap: 0 14px; }
.form-actions, .detail-actions { margin-top: 22px; }
.detail-code-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.detail-grid { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: white; }
.detail-grid > div { min-width: 0; padding: 14px; border-bottom: 1px solid var(--line); }
.detail-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
.detail-grid dt { margin-bottom: 3px; color: var(--muted); font-size: .73rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.detail-grid dd { margin: 0; overflow-wrap: anywhere; }
.detail-wide { grid-column: 1 / -1; }
.preserve-lines { white-space: pre-line; }
.product-detail-layout { display: grid; gap: 16px; }
.image-placeholder, .product-image-wrap { min-height: 120px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius); color: var(--muted); background: var(--surface); }
.product-image { width: 100%; max-height: 340px; object-fit: contain; border-radius: var(--radius); }

.settings-form { display: grid; gap: 14px; }
.settings-form .form-card { width: 100%; }
.settings-form .primary-button { width: 100%; }
.settings-section-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; color: var(--pezzetta-dark); }
.settings-section-heading h2 { margin: 0; color: inherit; font-size: 1.15rem; }
.document-panel, .delivery-history, .import-current, .report-summary, .history-section { margin-bottom: 15px; padding: 17px; }
.document-panel { margin-top: 22px; display: grid; gap: 15px; }
.document-panel h2, .delivery-history h2 { margin: 3px 0 6px; }
.document-panel p { margin: 4px 0; }
.document-actions { display: grid; gap: 9px; }
.revision-list { display: grid; gap: 8px; }
.revision-row { padding: 11px 0; display: grid; gap: 2px; border-bottom: 1px solid var(--line); }
.revision-row:last-child { border-bottom: 0; }
.import-current { display: grid; gap: 3px; }
.import-current > span { color: var(--muted); font-size: .88rem; }
.section-heading { margin-bottom: 14px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.section-heading h2 { margin: 3px 0 0; font-size: 1.15rem; }
.metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.metric-grid > div { padding: 11px; display: grid; gap: 2px; border-radius: 9px; background: var(--pezzetta-pale); }
.metric-grid span { color: var(--muted); font-size: .68rem; }
.metric-grid strong { font-size: 1.1rem; }
.issue-details { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.issue-details summary { min-height: 44px; display: flex; align-items: center; font-weight: 700; cursor: pointer; }

.order-start { width: min(100%, 650px); margin: 0 auto; padding: clamp(18px,5vw,30px); border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow); }
.order-section { margin-bottom: 13px; padding: 16px; }
details.order-section > summary { min-height: 44px; display: flex; align-items: center; font-weight: 800; cursor: pointer; }
details.order-section[open] > summary { margin-bottom: 10px; border-bottom: 1px solid var(--line); }
.add-product-section { border-top: 4px solid var(--pezzetta-light); }
.add-product-section h2, .order-lines-section h2 { margin: 3px 0 14px; font-size: 1.2rem; }
.order-product-search { font-size: 16px; }
.order-search-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: stretch; }
.order-search-controls .secondary-button { min-width: 78px; }
.search-status { min-height: 24px; padding: 4px 0; color: var(--muted); font-size: .82rem; }
.search-results { max-height: 310px; margin-bottom: 10px; display: grid; gap: 6px; overflow: auto; }
.search-result { width: 100%; min-height: 60px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: white; text-align: left; cursor: pointer; }
.search-result:hover, .search-result:focus-visible { border-color: var(--pezzetta-light); background: var(--pezzetta-pale); }
.search-result-main { min-width: 0; display: grid; gap: 2px; }
.search-result-main strong { color: var(--pezzetta-dark); font-family: ui-monospace,monospace; }
.search-result-facts { flex: 0 0 auto; display: grid; justify-items: end; gap: 4px; color: var(--muted); font-size: .78rem; }
.selected-product { margin: 10px 0; padding: 13px; display: flex; justify-content: space-between; gap: 10px; border: 1px solid var(--pezzetta-light); border-radius: 10px; background: var(--pezzetta-pale); }
.selected-product[hidden] { display: none; }
.selected-product > div { display: grid; gap: 6px; }
.selected-price-facts { min-width: 122px; display: grid; gap: 3px; text-align: right; }
.selected-price-facts span { color: var(--muted); font-size: .72rem; }
.selected-price-facts strong { color: var(--ink); }
.order-price-list { margin: 10px 0 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.quick-line-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.order-lines-section { margin-top: 24px; }
.order-line-top, .history-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.order-line h3 { margin: 10px 0 5px; font-size: 1rem; }
.line-quantity { white-space: nowrap; color: var(--pezzetta-dark); }
.line-note, .line-price { margin: 5px 0; color: var(--muted); font-size: .84rem; }
.custom-badge { margin-left: 5px; color: var(--muted); font-size: .7rem; }
.line-actions, .history-actions { margin-top: 12px; padding-top: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--line); }
.history-card { display: grid; }
.history-main { gap: 8px; }
.order-final-actions { position: static; margin-top: 22px; padding: 16px 0 max(8px,env(safe-area-inset-bottom)); display: grid; gap: 10px; border-top: 1px solid var(--line); background: white; }
.order-final-actions form, .order-final-actions button, .order-final-actions > a { width: 100%; }
.app-confirm-overlay { position: fixed; z-index: 300; inset: 0; padding: max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); display: grid; place-items: center; background: rgba(17,17,17,.48); }
.app-confirm-overlay[hidden] { display: none; }
.app-confirm-card { width: min(100%,430px); padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 18px 55px rgba(17,17,17,.2); }
.app-confirm-card h2 { margin: 0 0 8px; font-size: 1.25rem; }
.app-confirm-card p { margin: 0 0 20px; color: var(--ink); }
.app-confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }

@media (max-width: 767px) {
  .page-heading, .detail-heading { align-items: stretch; }
  .page-heading > .primary-button, .detail-heading > .primary-button { align-self: flex-start; }
  .heading-actions { display: grid; grid-template-columns: 1fr; }
  .heading-actions .primary-button, .heading-actions .secondary-button { width: 100%; }
  .product-facts { flex: 0 0 auto; }
  .form-actions > * { flex: 1 1 auto; }
  .detail-actions { align-items: stretch; }
  .detail-actions > a, .detail-actions > form, .detail-actions button { width: 100%; }
  .order-heading { flex-direction: column; }
  .order-final-actions { grid-template-columns: 1fr; }
}

@media (min-width: 768px) {
  .page-shell { width: min(100% - 48px, 1120px); padding-top: 34px; }
  .filter-bar { grid-template-columns: minmax(0,1fr) 180px auto; }
  .history-filters { grid-template-columns: minmax(170px,1.4fr) minmax(140px,.8fr) minmax(150px,.8fr) minmax(150px,.8fr) auto; }
  .product-search { position: static; }
  .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .form-grid-code { grid-template-columns: minmax(180px,.7fr) minmax(0,2fr); }
  .form-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .responsive-form-grid { grid-template-columns: 2fr 1fr; }
  .product-detail-layout { grid-template-columns: minmax(0,1.5fr) minmax(240px,.7fr); align-items: start; }
  .document-panel { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  .stats-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .action-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .settings-form { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
  .settings-form > .primary-button { grid-column: 1/-1; justify-self: end; width: auto; min-width: 180px; }
  .history-card { grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; }
  .history-actions { margin: 0; padding: 0; border: 0; }
}

@media (min-width: 1200px) {
  .mobile-header { display: none; }
  .sidebar { width: var(--sidebar-width); transform: none; box-shadow: none; }
  .sidebar-close { display: none; }
  .drawer-backdrop { display: none !important; }
  .app-layout { min-height: 100vh; margin-left: var(--sidebar-width); }
  .desktop-header { position: sticky; z-index: 50; top: 0; min-height: 68px; padding: 0 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.97); }
  .desktop-header > div:first-child { display: flex; align-items: center; gap: 16px; }
  .desktop-brand-logo { width: 48px; height: 48px; padding: 3px; display: grid; place-items: center; border-radius: 9px; }
  .desktop-page-name { color: var(--muted); font-size: .86rem; }
  .header-actions { display: flex; align-items: center; gap: 10px; }
  .header-link, .header-user, .logout-button { min-height: 44px; padding: 0 12px; display: flex; align-items: center; gap: 7px; color: var(--ink); border-radius: 8px; font-size: .86rem; text-decoration: none; }
  .header-link:hover { background: var(--pezzetta-pale); }
  .header-user { color: var(--muted); }
  .logout-button { border: 1px solid var(--line); background: white; cursor: pointer; }
  .page-shell { padding-bottom: 40px; }
  .action-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .action-card { min-height: 188px; padding: 20px; grid-template-columns: 1fr 24px; align-content: space-between; }
  .action-card .action-icon { grid-column: 1/-1; }
  .action-copy { align-self: end; }
  .action-copy strong { font-size: 1.08rem; }
  .record-list, .product-list { gap: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
  .record-card, .product-row { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
  .record-card:last-child, .product-row:last-child { border-bottom: 0; }
  .order-edit-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.8fr); gap: 18px; align-items: start; }
  .order-edit-summary { position: sticky; top: 86px; }
  .order-final-actions { padding: 13px; grid-template-columns: 1fr 1.25fr; border: 1px solid var(--line); border-radius: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}