/* App Agenti 2.0: nero e verde Tiffany. La lista prodotti resta verticale. */
:root {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #101817;
  --tiffany: #0abab5;
  --tiffany-dark: #087f7b;
  --tiffany-pale: #e3f8f5;
  --line: #dce7e5;
  --yellow: var(--tiffany);
  color: #15211f;
  background: #f5f9f8;
}
body { background: #f5f9f8; }
h1, h2 { letter-spacing: -.03em; }
button, a, input, select, textarea { transition: border-color .16s, background-color .16s, box-shadow .16s, transform .16s; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #54d7ce; outline-offset: 3px;
}
.topbar {
  background: #101817; min-height: 84px; border-bottom: 3px solid var(--tiffany);
  box-shadow: 0 6px 22px #0c363128;
}
.brand, .login-brand { color: #fff; letter-spacing: -.06em; }
.brand small, .login-brand small { color: var(--tiffany); letter-spacing: .08em; }
.brand:hover { color: #baf2ec; }
.header-search { height: 48px; }
.header-search { position: relative; }
.search-suggestions { position:absolute; top:100%; left:0; right:0; z-index:30; background:#fff; border:1px solid var(--line); border-radius:0 0 15px 15px; box-shadow:0 18px 38px #0a262239; max-height:390px; overflow:auto; }
.search-suggestion { display:flex; align-items:center; gap:11px; width:100%; background:#fff; color:var(--ink); border:0; border-bottom:1px solid var(--line); padding:9px 12px; text-align:left; }
.search-suggestion:hover { background:var(--tiffany-pale); }
.search-suggestion img { width:48px; height:48px; object-fit:contain; border-radius:7px; background:#f7faf9; }
.search-suggestion span { display:grid; gap:3px; min-width:0; }
.search-suggestion strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.search-suggestion small { color:#677873; }
.search-suggestions>.hint { padding:6px 12px; margin:0; }
.header-search input { border-radius: 15px 0 0 15px; background: #eff5f3; padding-left: 17px; }
.header-search button { border-radius: 0 15px 15px 0; background: var(--tiffany); color: #092522; padding: 0 25px; }
.header-search button:hover, .primary:hover, .go-cart:hover, .back-pill:hover, .button-link:hover { background: #34d3ca; }
.profile-button { color: #edf8f6; }
.profile-button:hover { color: var(--tiffany); }
.profile-menu { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.profile-menu button:hover, .profile-menu a:hover { background: var(--tiffany-pale); }
main { max-width: 1460px; padding-top: 31px; }
.catalog-layout, .detail-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 28px; }
.catalog-layout, .detail-layout { grid-template-columns: minmax(0,1fr) 300px; }
.catalog-side { display:block; position:sticky; top:18px; align-self:start; max-height:calc(100vh - 28px); overflow:auto; scrollbar-width:thin; }
.side-order-note { display:grid; gap:7px; margin:13px 0; font-weight:700; font-size:13px; }
.side-order-note textarea { width:100%; min-height:76px; resize:vertical; font-weight:400; }
.breadcrumbs { color: #58716d; margin-bottom: 20px; }
.breadcrumbs button { color: var(--tiffany-dark); text-decoration: none; font-weight: 700; }
.breadcrumbs button:hover { color: #064d49; }
.eyebrow { color: var(--tiffany-dark); }
h1 { font-size: clamp(28px,3vw,38px); }
.intro { color: #5b706d; }
.tag { color: #08706d; background: var(--tiffany-pale); border-color: #aee4dc; font-weight: 700; }
.taxonomy-tile, .product-card, .panel, .side-card, .detail-media, .detail-box, .catalog-link-card {
  border: 1px solid var(--line); border-radius: 18px; background: #fff;
  box-shadow: 0 8px 24px #123d3710;
}
.taxonomy-tile { min-height: 118px; gap: 20px; padding: 14px 18px; }
.taxonomy-tile:hover, .taxonomy-tile:focus-visible, .catalog-link-card:hover {
  border-color: #7bd7cf; box-shadow: 0 12px 28px #0e777021; transform: translateY(-2px);
}
.taxonomy-art { width: 94px; height: 90px; border-radius: 12px; background: var(--tiffany-pale); color: var(--tiffany-dark); }
.taxonomy-label { color: #1a2c29; font-size: 16px; }
.taxonomy-arrow { color: var(--tiffany-dark); }
.product-card { padding: 21px; gap: 24px; border-left: 4px solid #a8e8e1; margin-bottom: 17px; }
.product-image { background: #f5f9f8; border-radius: 14px; overflow: hidden; }
.product-title { color: #142421; font-size: 19px; }
.product-title:hover { text-decoration-color: var(--tiffany-dark); }
.code { color: #53716c; }
.product-price { color: #087e78; font-size: 22px; }
.stock { color: #227b5c; }
.pending-price { color: #6b7876; }
.catalog-cards.products .kit-availability-info {
  display:block; background:transparent; color:#ffa000; border:0;
  padding:3px 0; margin:0; font-size:14px; line-height:1.4; text-align:left;
  cursor:pointer; border-radius:0;
}
.catalog-cards.products .kit-availability-info strong { font-weight:750; }
.catalog-cards.products .kit-availability-info:hover { color:#d98200; text-decoration:underline; }
.catalog-cards.products .kit-availability-info:focus-visible { outline:2px solid #d98200; outline-offset:3px; }
.arrival-preview { color: #087f7b; }
.stepper { height: 62px; border-radius: 12px; border-color: #9bded7; }
.stepper button { min-width: 62px; width: 62px; background: var(--tiffany); color: #092522; font-size: 34px; }
.stepper button:hover { background: #40d7cf; }
.stepper button:disabled { background: #e3eae8; color: #9aa9a6; }
.stepper input { font-size: 21px; }
.stepper-label { color: #254841; line-height:16px; }
.side-card { overflow: hidden; margin-bottom: 17px; }
.side-card h2, .detail-box h2 { background: #14211f; color: #fff; font-size: 14px; letter-spacing: .03em; padding: 15px 18px; }
.side-body { padding: 20px; gap: 12px 10px; }
.side-body strong { font-size: 18px; }
.side-body .live-total { font-size: 23px; color: #087f7b; letter-spacing: -.03em; }
.side-body span { color: #637772; }
.price-note { color: #9a5c13; background: #fff5e6; border: 1px solid #f4d7a8; border-radius: 10px; padding: 9px 11px; font-size: 12px; line-height: 1.4; }
.side-body .price-note { grid-column: 1/-1; }
.go-cart, .primary, .back-pill, .button-link { background: var(--tiffany); color: #082522; border-radius: 12px; }
.go-cart { padding: 17px; }
.secondary { border-color: #b7d4d0; color: #135f5a; border-radius: 11px; }
.secondary:hover { background: var(--tiffany-pale); }
.panel { padding: 24px; }
input, textarea, select { border-color: #c7d8d4; border-radius: 10px; padding: 12px; }
input:focus, textarea:focus, select:focus { border-color: var(--tiffany-dark); box-shadow: 0 0 0 3px #0abab525; outline: none; }
label { color: #27423e; }
.summary { position: sticky; top: 18px; }
.summary { position:static; }
.cart-flow { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.cart-products-heading { align-items:center; margin:8px 0 14px; }
.cart-products-heading h2 { margin:0; }
.customer-selection { padding:20px 24px; }
.customer-selection .heading { align-items:center; }
.customer-selection .heading h2 { margin:0; }
.customer-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.customer-actions button { padding:10px 13px; }
.new-address-form { border:1px solid #a5d8d1; border-radius:12px; background:#f3fbf9; padding:16px; margin:14px 0; }
.new-address-form h3 { margin:0 0 5px; }
.address-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0; }
.address-fields label { display:grid; gap:5px; margin:0; }
.address-fields input { width:100%; }
.customer-selection.needs-customer { border:2px solid #d65245; background:#fffafa; }
.customer-warning { color:#b73329; font-weight:800; margin:12px 0; }
.customer-selection label { margin-top:12px; }
.customer-selection select,.customer-selection input { max-width:850px; }
.danger { color:#b9322d; border-color:#dbaba7; }
.danger:hover { background:#fff0ee; }
.compact-line { display:grid; grid-template-columns:minmax(190px,1.15fr) minmax(390px,1.7fr); gap:10px 18px; padding:12px 16px; margin-bottom:9px; align-items:center; }
.cart-line-identity { display:flex; align-items:center; gap:12px; min-width:0; }
.cart-line-identity>div { min-width:0; }
.cart-line-identity .product-title { font-size:14px; margin:0 0 3px; line-height:1.2; }
.cart-line-identity .code,.cart-line-identity small { display:block; font-size:11px; line-height:1.3; }
.compact-line .cart-photo { width:54px; height:54px; flex:none; }
.catalog-cards.products .product-card { grid-template-columns:64px minmax(0,1fr); gap:12px; padding:11px 14px; margin-bottom:9px; align-items:center; }
.catalog-cards.products .product-image { width:62px; height:62px; padding:3px; }
.catalog-cards.products .product-details { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; align-items:center; }
.catalog-cards.products .product-details > :not(.product-controls) { grid-column:1; margin:0 0 2px; }
.catalog-cards.products .product-title { font-size:14px; line-height:1.2; margin:0 0 2px; }
.catalog-cards.products .product-ean,.catalog-cards.products .code,.catalog-cards.products .stock,.catalog-cards.products .pending-price,.catalog-cards.products .hint,.catalog-cards.products .arrival-preview { font-size:11px; line-height:1.25; }
.catalog-cards.products .product-price { font-size:14px; }
.catalog-cards.products .product-controls { grid-column:2; grid-row:1 / span 9; margin:0; gap:9px; align-self:center; }
.catalog-cards.products .product-controls .product-price { flex-basis:100%; text-align:right; font-size:14px; margin-top:2px; }
.family-tools { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin:0 0 14px; }
.family-tools label { display:grid; gap:5px; font-size:12px; font-weight:700; }
.family-tools input { min-width:280px; }
.family-tools select { min-width:230px; }
.impersonation-banner { background:#132925; color:#fff; padding:9px 24px; display:flex; align-items:center; justify-content:center; gap:12px; font-size:13px; }
.catalog-cards.products .stepper-group { min-width:122px; }
.catalog-cards.products .stepper-label { font-size:11px; margin-bottom:3px; }
.catalog-cards.products .stepper { height:40px; }
.catalog-cards.products .stepper button { width:40px; min-width:40px; font-size:24px; }
.catalog-cards.products .stepper input { width:40px; font-size:15px; padding:2px; }
.compact-line .line-grid { display:grid; grid-template-columns:minmax(105px,1fr) minmax(105px,1fr) minmax(140px,1.15fr); gap:9px; margin:0; align-items:center; }
.compact-line .stepper { height:40px; }
.compact-line .stepper button { width:40px; min-width:40px; font-size:24px; }
.compact-line .stepper input { width:40px; font-size:15px; padding:5px 2px; }
.compact-line .stepper-label { font-size:11px; }
.compact-line .cart-price-field label { margin:0 0 3px; font-size:11px; }
.compact-line .cart-price-field input { padding:6px; height:37px; }
.cart-price-field small,.cart-price-field strong { display:block; font-size:11px; margin-top:3px; }
.cart-price-field .struck { text-decoration:line-through; color:#b93630; }
.cart-price-field .modified-price { border:2px solid #cd322b; color:#b72d29; font-weight:800; background:#fff3f1; }
.cart-line-extras { grid-column:1/-1; display:flex; gap:8px; align-items:center; }
.cart-line-extras textarea { flex:1; min-height:35px; height:35px; padding:7px 9px; font-size:12px; }
.cart-line-extras button { flex:none; padding:7px 9px; font-size:11px; }
.article-note-input { grid-column:1/-1; width:100%; min-height:35px; height:35px; padding:7px 9px; font-size:13px; resize:vertical; margin-top:4px; }
@media(max-width:760px){.article-note-input,.cart-line-extras .article-note-input{font-size:16px;min-height:40px;}}
.fulfillment-preview h2 { margin:0 0 14px; }
.fulfillment-group { border:1px solid var(--line); border-radius:12px; margin:10px 0; overflow:hidden; }
.fulfillment-group h3 { margin:0; padding:10px 12px; background:#14211f; color:#fff; font-size:14px; }
.fulfillment-row { display:flex; justify-content:space-between; gap:10px; padding:9px 12px; border-top:1px solid var(--line); font-size:13px; }
.fulfillment-row strong { white-space:nowrap; color:#087f7b; }
.detail-thumbs .detail-thumb { width:62px; height:62px; padding:3px; border:2px solid #d7e5e2; border-radius:8px; }
.detail-thumbs .detail-thumb[aria-pressed="true"] { border-color:var(--tiffany-dark); box-shadow:0 0 0 2px #a1eee7; }
.detail-thumbs .detail-thumb img { width:100%; height:100%; object-fit:contain; }
.photo-preview { max-width:min(90vw,800px); max-height:90vh; padding:28px; border:0; border-radius:16px; box-shadow:0 25px 70px #0008; }
.photo-preview::backdrop { background:#071b19bf; }
.photo-preview img { display:block; max-width:100%; max-height:75vh; object-fit:contain; margin:auto; }
.photo-preview p { text-align:center; font-weight:700; }
.photo-preview-close { position:absolute; right:8px; top:5px; border:0; background:#fff; font-size:30px; }
.admin-shell { display:grid; grid-template-columns:225px minmax(0,1fr); gap:25px; align-items:start; }
.admin-side { display:grid; gap:5px; position:sticky; top:16px; padding:11px; border-radius:16px; background:#14211f; }
.admin-side button { text-align:left; background:transparent; color:#dcf0ec; border:0; border-radius:9px; padding:11px 14px; font-weight:700; }
.admin-side button:hover,.admin-side button.admin-active { background:var(--tiffany); color:#082522; }
.admin-main { min-width:0; }
.admin-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-bottom:20px; }
.admin-stat { text-align:left; cursor:pointer; border-color:var(--line); }
.admin-stat strong { display:block; font-size:34px; color:var(--tiffany-dark); }
.admin-stat span { color:#40534e; font-weight:700; }
.admin-row { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--line); border-radius:13px; background:#fff; padding:14px 17px; margin:9px 0; }
.admin-row p { margin:5px 0 0; font-size:13px; color:#647873; overflow-wrap:anywhere; }
.admin-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.admin-link { display:inline-block; text-decoration:none; padding:10px 12px; }
.admin-panel { margin-bottom:15px; }
.admin-form { display:grid; gap:14px; max-width:720px; margin-top:16px; }
.admin-field { display:grid; gap:5px; font-weight:700; }
.admin-form textarea { min-height:90px; }
.prizes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.prize-card { display:grid; align-content:start; gap:10px; }
.prize-card img { width:100%; height:190px; object-fit:contain; }
.backend-mode .profile-menu { max-height:75vh; overflow:auto; }
.backend-mode .admin-tabs { overflow-x:auto; flex-wrap:nowrap; white-space:nowrap; padding-bottom:8px; }
.summary h2 { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
.total-row { font-size: 21px; color: #087f7b; }
.bottom-nav { background: #14211ff7; border-top: 2px solid var(--tiffany); box-shadow: 0 -7px 26px #0b302d30; }
.bottom-nav button { color: #dceeea; }
.bottom-nav button:hover { background: #254641; }
.bottom-nav button.active { background: var(--tiffany); color: #082522; }
.bottom-nav b { background: #fff; color: #11433e; }
#cart-nav-total { display: block; font-size: 11px; font-weight: 800; white-space: nowrap; }
.search-tabs { border-color: var(--line); }
.search-tabs button { color: #526d68; }
.search-tabs button[aria-selected="true"] { border-bottom-color: var(--tiffany); color: var(--tiffany-dark); }
.customer-match, .customer-card summary { color: var(--tiffany-dark); }
.compact-customer-list,#customers-list { display:grid; gap:7px; margin-top:12px; }
.compact-customer-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:70px; padding:10px 14px; margin:0; border-radius:12px; }
.compact-customer-card h2 { font-size:15px; line-height:1.2; margin:0 0 3px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.compact-customer-card p { margin:0; font-size:12px; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.compact-customer-card .customer-site-count { display:block; margin-top:2px; color:var(--tiffany-dark); font-size:11px; }
.compact-customer-card button { margin:0; padding:10px 12px; white-space:nowrap; font-size:12px; }
.compact-customer-info { min-width:0; }
.selected-customer-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; }
.selected-customer-heading strong { font-size:17px; }
#cart-customer-picker { max-width:100%; }
#cart-customer-search { width:100%; max-width:none; }
#cart-customer-results { max-height:340px; overflow:auto; }
@media (max-width:600px) { .compact-customer-card { grid-template-columns:minmax(0,1fr) 122px; gap:8px; min-height:72px; padding:8px 10px; } .compact-customer-card button { width:122px; padding:7px 6px; white-space:normal; line-height:1.1; font-size:11px; } .compact-customer-card h2 { font-size:13px; } .compact-customer-card p { font-size:11px; } }
.order-filters { display:grid; grid-template-columns:minmax(180px,2fr) repeat(2,minmax(130px,1fr)) auto; gap:12px; align-items:end; margin-bottom:10px; }
.order-filters label,.vat-check-row>label:not(.check-line),.client-fields label { display:grid; gap:6px; margin:0; font-weight:700; font-size:13px; }
.order-filters input,.vat-check-row input,.client-fields input,.client-fields select { width:100%; }
.vat-check-row { display:flex; align-items:end; flex-wrap:wrap; gap:14px; }
.vat-check-row>label:not(.check-line) { min-width:min(100%,260px); }
.vat-check-row .check-line { align-self:center; }
#vat-results { display:grid; gap:10px; margin-top:14px; }
.customer-dropzone { display:grid; gap:5px; margin-top:17px; padding:17px; border:2px dashed #89cac4; border-radius:13px; background:#f5fcfb; color:var(--ink); }
.customer-dropzone.drag-over { border-color:var(--tiffany-dark); background:#dbf6f2; }
.customer-dropzone span { color:var(--muted,#687b78); font-size:13px; }
.customer-dropzone input { margin-top:7px; max-width:100%; }
.prefill-missing { margin:0; padding:12px; border-radius:10px; background:#fff5ec; color:#96451d; font-weight:700; }
.client-fields label.needs-entry input,.client-fields label.needs-entry select { border-color:#d17046; background:#fffaf6; }
.new-customer-form { display:grid; gap:19px; margin-top:16px; }
.new-customer-form h2 { margin:0; }
.client-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 20px; }
.client-flags { display:flex; gap:25px; flex-wrap:wrap; }
.new-customer-form fieldset { border:1px solid var(--line); border-radius:12px; padding:17px; }
.new-customer-form legend { font-weight:800; color:var(--tiffany-dark); }
.new-customer-form>button { justify-self:start; }
.new-customer-form.hidden { display:none; }
#address-search { background: #f7fffe; border-color: #84d8cf; }
.catalog-link-card>span:last-child, .user-menu h2 { color: var(--tiffany-dark); }
.catalog-cover { background: linear-gradient(145deg,#14211f 48%,#0abab5 48%); }
.user-menu button:hover, .user-menu a:hover { color: var(--tiffany-dark); }
.login-main { max-width: 510px; }
.login-card { box-shadow: 0 18px 52px #0c38321f; }
@media (max-width: 980px) {
  .catalog-layout, .detail-layout { grid-template-columns: minmax(0,1fr) 245px; }
  .compact-line { grid-template-columns:1fr; }
  .line-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  main { padding: 23px 14px 115px; }
  .topbar { min-height: 0; }
  .catalog-layout, .detail-layout, .layout { grid-template-columns: 1fr; }
  .catalog-side { position:static; }
  .catalog-side { max-height:none; overflow:visible; }
  .client-fields,.order-filters { grid-template-columns:1fr; }
  .compact-line .line-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .compact-line .cart-price-field { grid-column:1/-1; }
  .compact-line .cart-price-field input { max-width:180px; }
  .admin-shell { grid-template-columns:1fr; }
  .admin-side { display:flex; overflow-x:auto; position:static; white-space:nowrap; }
  .admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prizes-grid { grid-template-columns:1fr; }
  .admin-row { align-items:flex-start; flex-direction:column; }
  .catalog-side, .summary { position: static; }
  .product-card { grid-template-columns: 100px minmax(0,1fr); padding: 13px; gap: 12px; }
  .address-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-selection .heading { align-items:flex-start; flex-wrap:wrap; }
  .customer-actions { justify-content:flex-start; }
  .catalog-cards.products .product-details { display:block; }
  .catalog-cards.products .product-controls { margin-top:8px; }
  .product-image { height: 120px; }
  .product-controls { grid-column: 1/-1; }
  .stepper button { min-width: 52px; width: 52px; }
  .line .stepper button { min-width: 52px; width: 52px; }
  .bottom-nav { min-height: 72px; }
  .bottom-nav button { color: #e6f5f2; }
  #cart-nav-total { font-size: 10px; }
}
@media (max-width: 420px) {
  .product-card { grid-template-columns: 1fr; }
  .product-image { height: 170px; }
  .product-controls { gap: 9px; }
  .stepper-group { min-width: calc(50% - 5px); }
  .stepper button { min-width: 45px; width: 45px; }
  .line-grid { grid-template-columns: 1fr; }
  .address-fields { grid-template-columns:1fr; }
  .catalog-cards.products .product-controls { gap:6px; }
  .catalog-cards.products .stepper-group { min-width:calc(50% - 3px); }
}
.client-nav{display:block;width:100%;padding:0;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.client-nav:hover,.client-nav:focus-visible{outline:2px solid var(--accent,#30c8bb);outline-offset:3px}.ean-barcode{max-width:260px;margin:8px 0 18px}.ean-barcode svg{display:block;width:100%;height:auto;fill:#101817}
.detail-presentation{margin:14px 0}.detail-presentation button{text-align:left;line-height:1.35}
.presentation-preview{width:min(900px,96vw);height:min(900px,92vh);border:0;border-radius:14px;padding:12px;box-shadow:0 20px 80px #0006}
.presentation-preview::backdrop{background:#102a28a8}.presentation-toolbar,.presentation-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px}
.presentation-preview iframe{width:100%;height:calc(100% - 112px);border:1px solid #d7e5e2}
.order-capture{margin:14px 0 22px;padding:20px}.order-capture textarea{display:block;width:100%;margin:14px 0;min-height:130px}.order-capture .capture-file{cursor:pointer;display:inline-flex;align-items:center}.capture-line{border-left:4px solid var(--tiffany-dark);padding:7px 10px;background:#f1faf8}.capture-unresolved{border-left:4px solid #c46141;padding:7px 10px;background:#fff3ee}
.sync-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 20px;background:#e8f7f4;color:#1b4944;font-size:13px;font-weight:650;border-bottom:1px solid #b7ded7}
.sync-status.sync-running{background:#d8f3ed}
.sync-status.sync-stale{background:#fff1dc;color:#724d16}
.sync-status progress{width:min(260px,30vw);height:9px;accent-color:#0abab5;flex:none}
@media(max-width:700px){.sync-status{align-items:flex-start;flex-direction:column;gap:6px}.sync-status progress{width:100%}}
/* Stato dello spazio disco sul pilota locale. */
.storage-notice{border-left:5px solid #5d9ea0}
.storage-warning{border-left:5px solid #d79622}
.storage-critical{border-left:5px solid #c94738;background:#fff8f6}
.points-loading::before {
  content: "";
  display: inline-block;
  width: .72em;
  height: .72em;
  margin-right: .4em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  vertical-align: -.04em;
  animation: points-spin .8s linear infinite;
}
@keyframes points-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .points-loading::before { animation: none; } }

/* Variante A: quantità leggibili, con + sopra e − sotto. */
.stepper { height:58px; display:flex; align-items:stretch; }
.stepper input { flex:1; width:52px; min-width:0; border:0; padding:0 7px; text-align:center; }
.stepper-buttons { display:grid; grid-template-rows:1fr 1fr; flex:none; width:52px; }
.stepper-buttons button { display:grid; place-items:center; width:100%; min-width:0; min-height:0; height:100%; padding:0; border:0; border-radius:0; font-size:23px; line-height:1; }
.stepper-buttons button + button { border-top:1px solid #7cddd5; }
.catalog-cards.products .product-card { grid-template-columns:64px minmax(0,1fr) auto; min-height:105px; padding:8px 14px; margin-bottom:8px; }
.catalog-cards.products .product-details { display:block; grid-column:2; min-width:0; }
.catalog-cards.products .product-details > :not(.product-controls) { display:block; margin:0 0 2px; }
.catalog-cards.products .product-controls { grid-column:3; grid-row:1; align-self:center; align-items:flex-start; display:flex; flex-wrap:nowrap; gap:10px; margin:0; }
.catalog-cards.products .stepper-group:first-child { min-width:180px; }
.catalog-cards.products .stepper-group:nth-child(2) { min-width:138px; }
.catalog-cards.products .stepper { height:58px; }
.catalog-cards.products .stepper-buttons { width:48px; }
.catalog-cards.products .stepper-buttons button { width:100%; min-width:0; font-size:22px; }
.catalog-cards.products .stepper input { width:50px; font-size:16px; }
.compact-line .line-grid { grid-template-columns:minmax(158px,1.1fr) minmax(110px,.8fr) minmax(140px,1fr); }
.compact-line .stepper { height:58px; }
.compact-line .stepper-buttons { width:46px; }
.compact-line .stepper-buttons button { width:100%; min-width:0; font-size:21px; }
.detail-quantity .stepper-group:first-child { min-width:210px; }
@media (max-width:700px) {
  .catalog-cards.products .product-card { grid-template-columns:64px minmax(0,1fr); }
  .catalog-cards.products .product-controls { grid-column:1/-1; grid-row:2; flex-wrap:wrap; margin-top:8px; }
  .compact-line .line-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:420px) {
  .catalog-cards.products .product-controls { gap:7px; }
  .catalog-cards.products .stepper-group:first-child { min-width:174px; }
  .catalog-cards.products .stepper-group:nth-child(2) { min-width:112px; }
}

/* The selling price shares the quantity controls' visual hierarchy. */
.price-group { display:flex; flex-direction:column; min-width:145px; max-width:180px; margin:0; }
.unit-price-input { height:58px; width:100%; box-sizing:border-box; border:1px solid #94cfca; border-radius:12px; background:white; text-align:center; font-size:16px; color:#087f7c; font-weight:700; }
.unit-price-input:disabled { opacity:1; background:#f2f7f7; color:#53716f; cursor:default; }
.unit-price-input:focus { outline:2px solid #0bb4af; outline-offset:2px; }
@media(max-width:1200px) { .catalog-cards.products .product-controls { flex-wrap:wrap; } }

/* Touch controls: keep browser pinch zoom, prevent accidental double-tap zoom. */
button, .stepper, .stepper input, .unit-price-input { touch-action:manipulation; }
@media (max-width:700px), (hover:none) and (pointer:coarse) {
  /* iOS zooms a focused field when its computed font is smaller than 16px. */
  body input, body select, body textarea { font-size:16px !important; }
  .stepper, .catalog-cards.products .stepper, .compact-line .stepper { height:88px; }
  .stepper-buttons, .catalog-cards.products .stepper-buttons, .compact-line .stepper-buttons { width:48px; }
  .stepper-buttons button, .catalog-cards.products .stepper-buttons button,
  .compact-line .stepper-buttons button { min-height:44px; width:100%; min-width:44px; }
  .stepper input { min-width:0; }
  .product-controls .unit-price-input, .detail-quantity .unit-price-input { height:88px; }
}
@media (max-width:700px) {
  .catalog-cards.products .product-controls, .detail-quantity { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; }
  .catalog-cards.products .stepper-group, .catalog-cards.products .stepper-group:first-child,
  .catalog-cards.products .stepper-group:nth-child(2), .detail-quantity .stepper-group,
  .detail-quantity .stepper-group:first-child, .compact-line .stepper-group { min-width:0; width:100%; }
  .product-controls .price-group, .detail-quantity .price-group { grid-column:1/-1; min-width:0; max-width:none; width:100%; }
  .unit-price-input, .compact-line .cart-price-field input { min-height:52px; }
  .compact-line .cart-price-field input { width:100%; max-width:none; }
  .stepper-label { overflow-wrap:anywhere; }
  .detail-quantity { min-width:0; }
}

.unit-price-input.modified-price { border:2px solid #cd322b; color:#b72d29; font-weight:800; background:#fff3f1; }
.unit-price-input.modified-price:focus { outline-color:#cd322b; }

/* User order dashboard */
.order-dashboard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0; }
.order-stat { display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid #d8e7e5; border-radius:16px; padding:20px; }
.order-stat strong { font-size:30px; color:#087f7c; line-height:1.1; }
.order-stat span { color:#526663; font-size:14px; }
#orders .order-card { display:block; padding:24px; border:1px solid #dce8e6; border-radius:18px; box-shadow:0 5px 20px #163b3210; }
.order-card-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; }
.order-number { font-weight:700; font-size:14px; color:#526663; }
.order-status { display:inline-flex; align-items:center; border-radius:20px; padding:7px 12px; font-size:13px; font-weight:700; }
.order-status.not-sent { color:#885500; background:#fff0cf; }
.order-status.sent { color:#126b54; background:#dff4eb; }
.order-status.sending { color:#126575; background:#def1f5; }
.order-status.review { color:#a02c27; background:#fde6e3; }
.order-customer { margin:16px 0 8px; font-size:23px; overflow-wrap:anywhere; }
.order-card-meta { display:flex; flex-wrap:wrap; gap:8px 24px; color:#647571; font-size:14px; }
.order-amount { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:18px 0; padding:14px 0; border-top:1px solid #e3ecea; border-bottom:1px solid #e3ecea; }
.order-amount span { color:#526663; font-size:14px; }
.order-amount strong { font-size:24px; color:#087f7c; }
.order-transmission-hint { color:#647571; font-size:14px; }
#orders .order-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 12px; }
.order-actions button, .order-actions a { display:flex; align-items:center; justify-content:center; min-height:48px; text-align:center; padding:12px; border-radius:10px; box-sizing:border-box; text-decoration:none; font-size:14px; }
.order-internal-link { font-size:13px; color:#526663; text-decoration:underline; }
.cart-import-notice { border:1px solid #94cfca; border-radius:12px; padding:16px; background:#e4f5f3; color:#126b64; }
@media(max-width:700px) {
 .order-dashboard-stats { gap:8px; }
 .order-stat { padding:14px 10px; border-radius:12px; }
 .order-stat strong { font-size:25px; }
 .order-stat span { font-size:12px; }
 #orders .order-card { padding:18px; }
 #orders .order-actions { grid-template-columns:1fr; gap:10px; }
 .order-customer { font-size:21px; }
}

/* Paper/PDF order capture, shared by mobile and desktop. */
.capture-dropzone { display:flex; flex-direction:column; gap:12px; text-align:center; align-items:center; padding:40px 20px; border:2px dashed #90c8c1; border-radius:16px; background:#f0faf8; cursor:pointer; }
.capture-dropzone strong { font-size:24px; color:#146f65; }
.capture-dropzone:focus-visible, .capture-dropzone.drag-active { outline:3px solid #0bb4af; background:#d9f5ef; }
.capture-upload-actions { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0; }
.capture-upload-actions label, .capture-upload-actions button { min-height:48px; padding:12px 18px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; cursor:pointer; }
.order-capture details { margin:20px 0; }
.order-capture details summary { cursor:pointer; padding:12px 0; font-weight:700; }
#capture-analyze { margin-top:14px; min-height:48px; }
#cart-source-document { border:1px solid #96cfc7; }
.capture-unresolved { overflow-wrap:anywhere; }
@media(max-width:700px) {
 .capture-dropzone { padding:26px 15px; }
 .capture-dropzone strong { font-size:22px; }
 .capture-upload-actions { display:grid; grid-template-columns:1fr; }
 #capture-analyze { width:100%; }
 #cart-source-document .button-link, #cart-source-document button { display:block; width:100%; margin:12px 0; box-sizing:border-box; }
}

/* Order actions share a row; explanations stay outside the button grid. */
#orders .order-actions > button, #orders .order-actions > a { width:100%; margin:0; height:100%; }
#orders .order-actions button:disabled { background:#e5ebe9; color:#65736f; border:1px solid #cbd7d3; cursor:not-allowed; opacity:1; }

.capture-file-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:#d9eeeb; color:#146f65; font-size:32px; font-weight:700; flex-shrink:0; }
.capture-dropzone.file-selected { border-style:solid; border-color:#168978; background:#e5f6ef; }
.capture-dropzone.file-selected .capture-file-icon { background:#168978; color:white; }
#capture-drop-detail { max-width:100%; overflow-wrap:anywhere; }
#capture-drop-next { font-size:14px; color:#46675c; }

/* Order transmission and touch-friendly navigation. */
.order-status-wrap { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.order-sent-at { font-size:12px; color:#526663; }
#orders .order-actions .order-retransmit { background:#b83232; color:white; border:1px solid #b83232; }
#orders .order-actions .order-retransmit:hover { background:#982525; }
#orders .order-actions .order-force { background:#7540a6; color:white; border:1px solid #7540a6; }
#orders .order-actions .order-force:hover { background:#603289; }
.compact-customer-card { cursor:pointer; }
.compact-customer-card:hover { border-color:var(--tiffany); }
.compact-customer-card:focus-visible { outline:3px solid var(--tiffany-dark); outline-offset:3px; }
.bottom-nav { grid-template-columns:repeat(7,minmax(0,1fr)); }
.bottom-nav button { min-width:0; }
@media(max-width:700px) { .bottom-nav button { font-size:10px; padding:8px 3px; overflow-wrap:anywhere; } }

.nav-upload-short { display:none; }
@media(max-width:700px) { .nav-upload-full { display:none; } .nav-upload-short { display:inline; } main { padding-bottom:calc(110px + env(safe-area-inset-bottom)); } }

.capture-attached { border-left:4px solid var(--tiffany-dark); padding:7px 10px; background:#e9f6f3; color:#176b60; overflow-wrap:anywhere; }
.multiple-site-options {display:grid;gap:8px;max-height:20rem;overflow:auto;margin:12px 0}
.multiple-site-options button {text-align:left;white-space:normal}
#multiple-destinations {display:grid;gap:12px;margin-top:16px}
#multiple-destinations .panel {display:block}
#multiple-destinations summary {cursor:pointer;font-weight:700;padding:8px 0}
#multiple-destinations details[open] label {margin:8px 0}
#multiple-destinations label {display:flex;flex-direction:column;gap:4px}
#multiple-preview-results details {margin:12px 0;padding:12px;border:1px solid #c6dedd;border-radius:12px}
#multiple-preview-results summary {cursor:pointer;font-weight:700}

.multiple-client-dialog { width:min(1100px,94vw); max-height:90dvh; padding:0; border:1px solid var(--line); border-radius:20px; color:var(--ink); box-shadow:0 24px 80px #10181750; }
.multiple-client-dialog::backdrop { background:#10181799; }
.multiple-client-dialog[open] { display:flex; flex-direction:column; }
.multiple-client-dialog header,.multiple-client-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; background:white; flex-shrink:0; }
.multiple-client-dialog h2 { margin:0; }
.multiple-client-dialog header p { margin:8px 0 0; color:#526764; }
.multiple-selector-tools { padding:16px 24px; background:var(--tiffany-pale); display:grid; gap:8px; }
.multiple-selector-tools input[type=search] { width:100%; font-size:16px; }
.multiple-selector-list { overflow:auto; padding:0 24px; min-height:150px; }
.multiple-client-group { border-bottom:1px solid var(--line); }
.multiple-client-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 0; }
.multiple-client-row input[type=checkbox],.multiple-site-row input { width:22px; height:22px; accent-color:var(--tiffany-dark); cursor:pointer; }
button.multiple-client-name { text-align:left; background:transparent; color:var(--ink); border:0; box-shadow:none; padding:10px 4px; font-size:16px; font-weight:700; }
button.multiple-client-name[aria-expanded=true] { color:var(--tiffany-dark); }
.multiple-client-sites { margin:0 0 16px 40px; padding:12px 16px; background:#f3faf9; border-left:3px solid var(--tiffany); border-radius:8px; }
.multiple-client-sites[hidden],.multiple-site-row[hidden] { display:none; }
.multiple-client-sites input[type=search] { width:100%; font-size:16px; margin:12px 0; }
.multiple-site-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.multiple-site-row { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); cursor:pointer; }
.multiple-site-row span { flex:1; }
.multiple-client-dialog footer { border-top:1px solid var(--line); }
.multiple-client-dialog footer div { display:flex; gap:12px; }
#multiple-selector-more { margin:12px 24px; }
#multiple-selection-summary { margin-left:12px; color:var(--tiffany-dark); font-weight:600; }
@media(max-width:640px) { .multiple-client-dialog { width:96vw; max-height:94dvh; border-radius:12px; } .multiple-client-dialog header,.multiple-client-dialog footer,.multiple-selector-tools { padding:12px; } .multiple-selector-list { padding:0 12px; } .multiple-client-row { grid-template-columns:26px minmax(0,1fr);gap:6px; } .multiple-client-row .hint { grid-column:2; } .multiple-client-sites { margin-left:20px;padding:10px; } .multiple-client-dialog footer { flex-wrap:wrap; } .multiple-client-dialog footer div { width:100%; } .multiple-client-dialog footer button { flex:1; } }
.multiple-site-range {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:12px;background:white;border:1px solid var(--line);border-radius:8px}
.multiple-site-range>span:first-child {flex-basis:100%;color:#526764;font-size:13px}
.multiple-site-range input {width:76px;font-size:16px}

.accounting-warning-icon { color:#a46a00; background:#fff2b6; border-radius:50%; padding:5px 9px; display:inline-block; font-size:22px; }
.accounting-dialog { border:1px solid #d4e2e1; border-radius:18px; padding:24px; width:min(520px,calc(100vw - 40px)); box-sizing:border-box; color:#17312c; }
.accounting-dialog::backdrop { background:rgba(0,0,0,.45); }
.accounting-dialog .customer-actions { display:flex; gap:12px; flex-wrap:wrap; }

.schedule-row { flex-wrap:wrap; gap:12px; }
.schedule-actions,.schedule-days,.schedule-time-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.schedule-dialog { border:1px solid #b7d8d3; border-radius:18px; padding:24px; width:min(600px,calc(100vw - 32px)); max-height:90vh; overflow:auto; box-sizing:border-box; color:#17312c; }
.schedule-dialog::backdrop { background:rgba(0,0,0,.45); }
.schedule-time-row { margin:8px 0; }.schedule-dialog input[type=time] { width:140px; min-height:44px; font-size:16px; }
.schedule-dialog textarea { width:100%; box-sizing:border-box; margin:8px 0; font-size:16px; }
.schedule-error { color:#b62e25; }.schedule-days .check-line { margin:8px 0; }
@media(max-width:600px){.schedule-row{flex-direction:column;align-items:stretch}.schedule-actions button{min-height:44px}.schedule-dialog{padding:18px}}

/* Navigazione: icone vettoriali uniformi e selezione discreta. */
.nav-icon-wrap { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; line-height:0; }
.nav-icon { width:22px; height:22px; display:block; }
.profile-button .nav-icon-wrap { vertical-align:middle; }
.bottom-nav { border-top:1px solid #41615c; box-shadow:0 -4px 20px #0b302d18; }
.bottom-nav button { border-radius:12px; font-weight:600; gap:8px; transition:background .15s,color .15s; }
.bottom-nav button.active { background:#18b8b626; color:#70e0d5; }
.bottom-nav button:hover { background:#ffffff0d; }
.bottom-nav button.active:hover { background:#18b8b637; }
.bottom-nav b { background:#d6f3ed; font-weight:700; }
.admin-user-row { display:grid; grid-template-columns:minmax(0,1fr) 326px; }
.admin-user-row > div:first-child { min-width:0; }
.admin-user-actions { display:grid; grid-template-columns:126px 192px; gap:8px; align-items:center; }
.admin-user-actions button { width:100%; min-height:44px; margin:0; white-space:nowrap; }
@media(max-width:900px) {
  .admin-user-row { grid-template-columns:1fr; gap:12px; }
  .admin-user-actions { width:100%; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
}
@media(max-width:700px) {
  .nav-icon { width:21px; height:21px; }
  .bottom-nav button { gap:4px; border-radius:10px; }
}

.customer-history-button{margin-top:8px;padding:6px 10px;font-size:12px}
.customer-order-history{grid-column:1 / -1;cursor:default;border-top:1px solid #d9e6e5;padding-top:14px}
.customer-order-summary{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid #e6eeee}
.customer-shipment{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
.customer-shipment a{color:#087c77;font-weight:650}

.compact-customer-card .customer-history-button{width:auto;margin-top:8px;padding:6px 10px}

/* Customer workspace: profile and shipping history share the same detail layout. */
.customer-details-button{margin-top:8px!important;padding:6px 10px!important}
.compact-customer-info h2:hover{color:var(--tiffany-dark)}
.customer-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 24px;padding:28px}
.customer-detail-hero h1{margin:5px 0 10px;font-size:clamp(26px,4vw,38px)}
.customer-detail-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}
.customer-detail-sidebar .panel{padding:22px;margin-bottom:18px}
.customer-detail-sidebar h2{font-size:19px;margin:6px 0 20px}
.customer-detail-sidebar dl{margin:0}.customer-profile-field{padding:12px 0;border-top:1px solid var(--line)}
.customer-profile-field dt{font-size:12px;color:var(--muted,#687b78);margin-bottom:5px}.customer-profile-field dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.customer-detail-sites-panel summary{font-weight:750;cursor:pointer;font-size:17px}.customer-detail-sites-panel[open] summary{margin-bottom:18px}
.customer-detail-site{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid var(--line)}
.customer-detail-site button{font-size:12px;margin-top:6px}
.customer-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}
.customer-history-heading h2{font-size:27px;margin:4px 0 8px}.customer-history-heading>span{font-size:11px;text-align:right}
.customer-detail-order{padding:24px;margin-bottom:18px}
.customer-detail-order-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}
.customer-detail-order-heading h3{font-size:23px;margin:6px 0}.customer-detail-order-amount{font-size:23px;color:var(--tiffany-dark);white-space:nowrap}
.customer-order-site{font-size:12px;color:var(--muted,#687b78);padding-bottom:16px;margin:6px 0 0}
.customer-detail-shipment{background:#f2f8f7;border:1px solid #dfecea;border-radius:14px;padding:18px;margin-top:14px}
.customer-shipment-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.customer-shipment-heading>strong{font-size:13px}.customer-shipment-status{font-size:12px;padding:6px 10px;border-radius:8px;background:#e2eeec;color:#356760;max-width:100%}
.customer-shipment-status.delivered{background:#dcefe3;color:#226b45}
.customer-shipment-tracking{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px}
.customer-shipment-tracking>div{display:flex;flex-direction:column;gap:4px}.customer-shipment-tracking small{font-size:10px;letter-spacing:1px}.customer-tracking-number{font-size:18px;font-weight:750;overflow-wrap:anywhere}
.customer-tracking-link{text-decoration:none;font-size:12px;white-space:nowrap}.customer-detail-shipment>small{font-size:11px}
.customer-shipment-empty{padding:18px 0 2px;color:var(--muted,#687b78);font-size:13px;border-top:1px solid var(--line)}
.customer-history-empty{padding:30px}.customer-history-footnote{font-size:12px;margin-top:20px}
@media(max-width:850px){.customer-detail-layout{grid-template-columns:1fr}.customer-detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-history-heading{align-items:flex-start}}
@media(max-width:560px){.customer-detail-hero{align-items:stretch;flex-direction:column;padding:22px;gap:14px}.customer-detail-sidebar{grid-template-columns:1fr;gap:0}.customer-history-heading{flex-direction:column;gap:6px}.customer-detail-order{padding:18px}.customer-detail-order-heading{align-items:flex-start}.customer-detail-order-amount{font-size:20px}.customer-shipment-tracking{align-items:stretch;flex-direction:column}.customer-tracking-link{text-align:center}.customer-shipment-heading{align-items:flex-start;flex-direction:column}}

.customer-card-actions{display:flex;align-items:center;gap:10px}
.compact-customer-card .customer-card-actions button{margin:0!important;padding:10px 12px!important}
@media(max-width:700px){.compact-customer-card:has(.customer-card-actions){grid-template-columns:minmax(0,1fr)}.customer-card-actions{justify-content:flex-end;flex-wrap:wrap}.compact-customer-card .customer-card-actions button{width:auto;white-space:normal;min-height:38px}}
.customer-documents-panel{margin-top:32px;padding:24px}.customer-documents-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:24px 0 16px}.customer-documents-filter label{flex:1;min-width:140px}.customer-documents-filter input,.customer-documents-filter select{margin-top:6px;width:100%}.customer-documents-filter button{min-height:44px}.customer-document-card{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:18px 0;border:0;border-bottom:1px solid #dce9e8;border-radius:0;background:transparent;color:inherit;text-align:left}.customer-document-card:hover{background:#eff9f8}.customer-document-card strong,.customer-document-card span,.customer-document-card small{display:block}.customer-document-card .hint{margin-top:5px}.customer-document-amount{flex-shrink:0;text-align:right}.customer-document-link{color:#087c77;font-size:12px;margin-top:8px}.customer-document-pages{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}.customer-invoice-dialog{width:min(1040px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:20px;padding:28px;color:#142f2d;box-shadow:0 24px 80px #102a2844}.customer-invoice-dialog::backdrop{background:#102a2866}.customer-invoice-heading{display:flex;justify-content:space-between;gap:24px;align-items:start}.customer-invoice-heading h2{font-size:23px;margin-top:5px}.customer-invoice-summary{padding:16px;background:#edf8f6;border-radius:12px;display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.customer-invoice-table-wrap{overflow:auto}.customer-invoice-table{width:100%;border-collapse:collapse;font-size:14px}.customer-invoice-table th{text-align:left;padding:12px 10px;color:#486461;background:#f5f9f9;white-space:nowrap}.customer-invoice-table td{padding:14px 10px;border-bottom:1px solid #deebe9}.customer-invoice-table td:first-child{min-width:210px}.customer-invoice-table td small{display:block;margin-top:5px}.customer-invoice-table td:not(:first-child){white-space:nowrap}
@media(max-width:560px){.customer-documents-panel{padding:16px}.customer-documents-filter label{min-width:110px}.customer-documents-filter button{flex:1}.customer-document-card{gap:12px}.customer-document-amount strong{font-size:16px}.customer-invoice-dialog{padding:18px}.customer-invoice-heading h2{font-size:19px}}
.customer-invoice-table .invoice-gift-column{background:#f0f9f7;color:#087c77}.customer-invoice-table th:nth-child(3){background:#e4f2ef;color:#087c77}.customer-invoice-table td>span{display:block}

.customer-invoice-table th:not(:first-child),.customer-invoice-table td:not(:first-child){text-align:center}.customer-invoice-table th:first-child,.customer-invoice-table td:first-child{text-align:left}.customer-invoice-table td.invoice-gift-column{font-weight:700}.customer-document-entry{border-bottom:1px solid #dce9e8;padding-bottom:12px}.customer-document-entry .customer-document-card{border-bottom:0}.customer-document-trackings{display:grid;gap:10px;margin:6px 0 14px}.customer-document-tracking{display:flex;gap:16px;justify-content:space-between;align-items:center;background:#f2f9f8;padding:12px;border-radius:10px}.customer-document-tracking small{display:block;margin-top:5px}.customer-document-tracking-link{font-size:12px;white-space:nowrap;text-decoration:none}
@media(max-width:560px){.customer-document-tracking{align-items:start;flex-direction:column}.customer-document-tracking-link{white-space:normal}}
/* Customer purchase analysis */
.analysis-kpis,.analysis-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:22px 0}.analysis-kpis>div{background:#edf7f6;border-radius:14px;padding:18px;display:grid;gap:8px}.analysis-kpis strong{font-size:1.35rem;color:#087c77}.analysis-year-card{padding:18px;border:1px solid #dce9e8;border-radius:16px}.analysis-year-card h3{margin:0 0 8px}.analysis-donut{width:150px;height:150px;border-radius:50%;margin:22px auto;display:grid;place-items:center}.analysis-donut>span{display:grid;place-items:center;text-align:center;background:white;border-radius:50%;width:100px;height:100px;font-size:12px;padding:8px}.analysis-legend{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;text-align:left;padding:9px 0;color:inherit;font-size:13px}.analysis-legend strong{margin-left:auto;white-space:nowrap}.analysis-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.analysis-bars{display:grid;gap:10px;margin:16px 0 24px}.analysis-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:none;border:0;padding:8px;text-align:left;color:inherit;font:inherit}.analysis-bar-row>strong{white-space:nowrap}.analysis-bar-track{grid-column:1/-1;height:7px;background:#edf3f3;border-radius:6px}.analysis-bar-fill{display:block;height:100%;border-radius:6px}.analysis-drill:not(:empty){border-top:1px solid #dce9e8;margin:24px 0;padding-top:18px}.analysis-suggestion,.analysis-product{border-bottom:1px solid #dce9e8;padding:16px 0}.analysis-product{display:grid;gap:8px}.analysis-suggestion p{margin:8px 0}.analysis-legend:focus-visible,.analysis-bar-row:focus-visible{outline:2px solid #079e98;outline-offset:3px}#commercial-content>.panel{margin-bottom:20px}
.analysis-year-card>small{display:block;margin-bottom:6px}.analysis-donut{position:relative}.analysis-donut svg{position:absolute;inset:0;width:100%;height:100%}.analysis-donut svg [role=button]{cursor:pointer}.analysis-donut svg [role=button]:focus-visible{stroke:#183c3a;stroke-width:3px}.analysis-donut>span{position:relative;pointer-events:none}

/* Distinguish invoices from credit notes without relying on colour alone. */
.customer-document-entry{margin:12px 0;padding:0 16px 12px;border:1px solid #c2e5e0;border-radius:14px;background:#e4f6f3}
.customer-document-entry .customer-document-card{padding:18px 0;border-radius:10px}
.customer-document-invoice .customer-document-card:hover{background:#d8efeb}
.customer-document-credit{background:#fff0f0;border-color:#edc1c1}
.customer-document-credit .customer-document-card:hover{background:#fbe2e2}
.customer-document-credit .customer-document-card strong,.customer-document-credit .customer-document-link{color:#a92c35}
.customer-document-credit .customer-document-tracking{background:#fff8f8}

.analysis-suggestion-with-product{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center}.analysis-suggested-product{display:grid;gap:8px;font-size:13px}.analysis-suggested-product img{width:100%;height:110px;object-fit:contain;background:white;border-radius:10px}.analysis-suggested-product a{color:#087c77}.analysis-suggested-product small{display:block}@media(max-width:560px){.analysis-suggestion-with-product{grid-template-columns:1fr}.analysis-suggested-product{max-width:220px}}
.monthly-sales-controls{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.monthly-sales-controls label{display:grid;gap:8px;min-width:220px}.monthly-panel{padding:24px;margin-bottom:20px}.monthly-product-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #deebe9}.monthly-product-rank{width:28px;color:#079e98;font-size:20px}.monthly-product-row img{width:64px;height:72px;object-fit:contain}.monthly-product-row>div:not(.monthly-product-metrics){flex:1;min-width:0}.monthly-product-row small,.monthly-product-row a{display:block;margin-top:6px}.monthly-product-row a{font-size:12px;color:#087c77}.monthly-product-metrics{display:grid;gap:6px;text-align:right;white-space:nowrap}.monthly-geography{display:grid;grid-template-columns:minmax(230px,380px) minmax(0,1fr);gap:30px}.monthly-italy-map{width:100%;max-height:520px}.monthly-italy-map text{font-size:10px;fill:#133c39;pointer-events:none}.monthly-italy-map [role=button]{cursor:pointer}.monthly-italy-map [role=button]:hover path,.monthly-italy-map [role=button]:focus-visible path{stroke:#087c77;stroke-width:3px}.monthly-region-detail:not(:empty){padding-top:18px;border-top:1px solid #deebe9}@media(max-width:650px){.monthly-geography{grid-template-columns:1fr}.monthly-italy-map{max-height:420px}.monthly-panel{padding:16px}.monthly-product-row{flex-wrap:wrap}.monthly-product-row img{width:46px}.monthly-product-metrics{margin-left:auto}.monthly-sales-controls label{min-width:0;flex:1}}

.analysis-month-year{display:grid;gap:10px}.analysis-month-year+.analysis-month-year{margin-top:24px;padding-top:24px;border-top:1px solid #dce9e8}.analysis-month-year-title{margin:0 0 8px;font-size:20px;font-weight:750;color:#087c77}.analysis-month-year .analysis-bar-row{margin:0}

.analysis-line-accordion{margin:20px 0 30px}.analysis-line-section{border:1px solid #dce9e8;border-radius:12px;margin:10px 0;overflow:hidden}.analysis-line-section>summary{display:flex;align-items:center;gap:14px;padding:18px;cursor:pointer;list-style:none;background:#f4faf9}.analysis-line-section>summary::-webkit-details-marker{display:none}.analysis-line-section>summary>strong{flex:1}.analysis-line-amount{font-weight:700;white-space:nowrap;color:#087c77}.analysis-line-chevron{font-size:20px;color:#087c77;transition:transform .15s}.analysis-line-section[open] .analysis-line-chevron{transform:rotate(180deg)}.analysis-line-section>summary:hover{background:#e4f6f3}.analysis-line-section>summary:focus-visible{outline:2px solid #079e98;outline-offset:-2px}.analysis-line-body{padding:4px 20px 20px}.analysis-line-body h4{margin-top:22px}@media(max-width:560px){.analysis-line-section>summary{padding:14px;gap:10px}.analysis-line-body{padding:4px 14px 14px}}

.image-audit-missing{background:#b92c39;color:white;border:1px solid #b92c39;font-weight:700}.image-audit-missing:hover{background:#982331}.image-audit-ok,.image-audit-ok:disabled{background:#dff4e8;color:#22643d;border:1px solid #93c9a7;opacity:1;font-weight:700}

/* Touch navigation: double taps do not zoom; scrolling and deliberate pinch remain available. */
html{touch-action:manipulation}button,a,input,textarea,select,summary{touch-action:manipulation}
.catalog-share-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.catalog-share-actions button{font-size:14px}
@media(pointer:coarse){input,select,textarea{font-size:16px!important}.topbar,.mobile-sync-bar{max-width:100%;min-width:0}.mobile-sync-bar>span{min-width:0;overflow-wrap:anywhere}.mobile-sync-bar button{white-space:normal}}

.commercial-line-section .analysis-line-chevron{transform:none!important;display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #b8dcd8;border-radius:7px;font-size:22px;font-weight:700}

.analysis-family-section{border-bottom:1px solid #dce9e8}.analysis-family-section>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px 8px}.analysis-family-section>summary::-webkit-details-marker{display:none}.analysis-family-mark{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #b8dcd8;border-radius:6px;color:#07827d;font-weight:700}.analysis-family-section[open]>summary{background:#edf7f6;border-radius:8px}.analysis-family-products{padding:0 16px 16px;border-left:3px solid #b8dcd8;margin:8px}.analysis-family-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 0;border-bottom:1px solid #dce9e8}.analysis-family-product>.hint{grid-column:1/-1}.analysis-family-product>strong:last-of-type{white-space:nowrap}.analysis-family-section>summary:focus-visible{outline:2px solid #079e98;outline-offset:2px}

.analysis-family-section>summary>.analysis-line-amount{margin-left:auto;white-space:nowrap}

/* Revenue analysis stays visible in both navigation surfaces. */
.profile-menu button.analysis-ai-link,.user-menu button.analysis-ai-link { color:#007d79; font-weight:800; background:#e1f7f4; }
.profile-menu button.analysis-ai-link:hover,.user-menu button.analysis-ai-link:hover { background:#c7efea; }
.analysis-ai-title { color:#007d79; }
.bottom-nav { grid-template-columns:repeat(8,minmax(0,1fr)); }
.bottom-nav button.analysis-ai-link { color:#70e0d5; font-weight:800; background:#18b8b626; border:1px solid #70e0d54d; }
.bottom-nav button.analysis-ai-link:hover { background:#18b8b640; }
.bottom-nav button.analysis-ai-link.active { color:#052f2c; background:#39d6c9; border-color:#39d6c9; }
.bottom-nav .nav-upload-full,.bottom-nav .nav-upload-short { line-height:1.2; }

.nav-ai-short { display:none; }
@media(max-width:700px) {
  .bottom-nav button { font-size:9px; padding:8px 1px; overflow-wrap:normal; }
  .nav-ai-full { display:none; }
  .nav-ai-short { display:inline; }
  .bottom-nav .nav-upload-short,.bottom-nav .nav-ai-short { white-space:nowrap; line-height:1.2; }
}

.commercial-opportunity-intro { max-width:1000px; color:#294c48; line-height:1.6; }
.commercial-portfolio { color:#087c77; font-weight:700; }
.commercial-opportunity-grid { display:grid; gap:20px; margin-top:20px; }
.commercial-opportunity-card { border:1px solid #cce5e1; border-left:5px solid #16b9ae; border-radius:16px; background:linear-gradient(135deg,#f0fbf8,white 45%); padding:22px; }
.commercial-opportunity-header { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.commercial-opportunity-header h3 { margin:0 0 4px; }
.commercial-priority { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; border-radius:12px; background:#087c77; color:white; font-size:20px; font-weight:800; }
.commercial-confidence { margin-left:auto; padding:6px 10px; background:#fff4d7; color:#76540d; border-radius:20px; font-size:12px; font-weight:700; }
.commercial-opportunity-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.commercial-opportunity-stats>div { background:#e9f5f2; border-radius:10px; padding:12px; }
.commercial-opportunity-stats dt { font-size:12px; color:#4c6761; }
.commercial-opportunity-stats dd { margin:6px 0 0; font-weight:800; color:#075f5a; }
.commercial-opportunity-reason { padding:12px 16px; border-radius:10px; background:#e0f4ef; line-height:1.5; }
.commercial-proposal-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:14px 0 20px; }
.commercial-proposal-product { display:grid; align-content:start; gap:8px; padding:14px; border:1px solid #dce9e6; background:white; border-radius:12px; }
.commercial-proposal-product img,.commercial-proposal-photo-missing { width:100%; height:90px; object-fit:contain; }
.commercial-proposal-photo-missing { display:grid; place-items:center; color:#697a75; font-size:12px; background:#f4f8f7; border-radius:8px; }
.commercial-proposal-product p { margin:0; }
.commercial-proposal-price { color:#087c77; font-weight:750; font-size:13px; }
.customer-ranking-head .customer-ranking-name { flex:1; min-width:0; }
.customer-ranking-head .customer-ranking-shortcut { flex-shrink:0; font-size:12px; padding:8px 12px; margin:0; background:white; border:1px solid #abd7d0; color:#086b66; }
.customer-ranking-head .analysis-line-amount { margin-left:12px; }
@media(max-width:800px) {
  .customer-ranking-head { flex-wrap:wrap; }
  .customer-ranking-head .customer-ranking-name { flex-basis:calc(100% - 150px); }
  .customer-ranking-head .customer-ranking-shortcut { order:4; margin-top:8px; }
  .customer-ranking-head .analysis-line-amount { margin-left:auto; }
}
@media(max-width:560px) {
  .commercial-opportunity-card { padding:16px; }
  .commercial-opportunity-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .commercial-confidence { margin-left:54px; }
  .commercial-proposal-products { grid-template-columns:1fr; }
}

/* Controlli sincronizzazioni: stessa colonna per aggiorna, orologio e sospendi. */
.schedule-row:has(.schedule-sync-actions){display:grid;grid-template-columns:minmax(0,1fr) 410px;align-items:center;gap:16px}
.schedule-sync-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px 108px;gap:10px;width:100%}
.schedule-sync-actions button{min-height:44px;width:100%;margin:0}
.schedule-row>div:first-child>small{display:block;line-height:1.5}
.schedule-report-status{margin-top:10px}
.schedule-report-status button{min-height:40px;border-radius:10px;padding:10px 14px}
@media(max-width:1050px){.schedule-row:has(.schedule-sync-actions){grid-template-columns:minmax(0,1fr)}.schedule-sync-actions{max-width:410px;margin-left:auto}}
@media(max-width:600px){.schedule-sync-actions{max-width:none;grid-template-columns:minmax(0,1fr) 44px 100px;gap:8px}.schedule-sync-actions button{padding:10px 8px;font-size:13px}}

.image-report-dialog{width:min(1200px,calc(100vw - 32px));max-height:88vh;border:1px solid #b7d8d3;border-radius:18px;padding:24px;color:#17312c;box-sizing:border-box}
.image-report-dialog::backdrop{background:#16363288}
.image-report-header,.image-report-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.image-report-header h2{margin:0}.image-report-tools .admin-field{flex:1;min-width:200px}
.image-report-table-wrap{max-height:55vh;overflow:auto;margin-top:12px}
.image-report-dialog table{width:100%;border-collapse:collapse;font-size:13px}
.image-report-dialog th,.image-report-dialog td{text-align:left;padding:12px;border-bottom:1px solid #dce9e8;vertical-align:top}
.image-report-dialog th{position:sticky;top:0;background:#edf7f6;z-index:1}.image-report-dialog td:first-child{font-weight:700}
@media(max-width:600px){.image-report-dialog{padding:16px}.image-report-table-wrap{max-height:50vh}}

.presentation-page{height:calc(100% - 106px);overflow:auto;background:#edf3f2;border:1px solid #d7e5e2;border-radius:8px;text-align:center}.presentation-page img{display:block;width:100%;height:auto}.presentation-page img[hidden]{display:none}.presentation-page p{padding:18px}

/* Compact history shared by desktop, iPhone, iPad and Android. */
#orders .order-card{padding:14px 16px;border-radius:12px;box-shadow:none}
#orders .order-card.order-invoiced{background:#edf6fc;border-color:#bdd9ec}
#orders .order-number,#orders .order-customer{font-size:16px;font-weight:700;line-height:1.35;color:#203b38}
#orders .order-customer{margin:6px 0;overflow-wrap:anywhere}
#orders .order-status{padding:4px 8px;font-size:12px}
#orders .order-card-top{gap:6px}
#orders .order-card-meta{gap:4px 14px;font-size:12px}
#orders .order-amount{margin:8px 0;padding:6px 0;justify-content:flex-start;gap:12px}
#orders .order-amount strong{font-size:17px}
#orders .order-amount span{font-size:12px}
#orders .order-extra{font-size:12px;margin:6px 0;color:#526663}
#orders .order-extra p{font-size:12px;margin:5px 0}
#orders .order-extra summary{cursor:pointer}
#orders .order-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
#orders .order-actions button,#orders .order-actions a,#orders .order-invoice-links button{min-height:36px;padding:7px 10px;border-radius:7px;font-size:12px;flex:0 1 auto}
#orders .order-invoice-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;border-top:1px solid #c8ddeb;padding-top:8px}
#orders .order-invoice-links>.hint{flex-basis:100%;font-size:11px}
#orders .customer-document-trackings{flex-basis:100%}
@media(max-width:700px){#orders .order-card{padding:12px}#orders .order-actions button,#orders .order-actions a{flex:1 1 140px}}

/* Dedicated transmission lists: checkbox stays next to the order. */
.queue-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:20px}.queue-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.queue-order-row{justify-content:flex-start}.queue-order-row>input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0}.queue-order-row>div{min-width:0}.queue-order-row strong{overflow-wrap:anywhere}@media(max-width:700px){.queue-filters{grid-template-columns:1fr 1fr}.queue-filters>button{grid-column:1/-1}.queue-order-row{flex-direction:row;align-items:center}}

.queue-order-row>div:first-of-type{flex:1}.queue-status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.queue-report-dialog{width:min(94vw,960px);max-height:88vh;overflow:auto}.queue-report-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f8f8;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:13px}.queue-report-dialog textarea{width:100%;min-height:220px}@media(max-width:700px){.queue-order-row{flex-wrap:wrap}.queue-status-actions{width:100%;justify-content:flex-start}}

.monthly-province-layout{display:grid;grid-template-columns:minmax(180px,40%) minmax(0,1fr);gap:20px;align-items:center}.monthly-province-map{width:100%;max-height:320px}.monthly-province-map text{font-size:11px;font-weight:700;fill:#173b38;paint-order:stroke;stroke:#fff;stroke-width:2px;pointer-events:none}.monthly-region-detail{margin-top:24px;padding-left:18px;border-left:3px solid #b7e7e3}.monthly-province-layout .analysis-bar-row{padding:8px 0}@media(max-width:950px){.monthly-province-layout{grid-template-columns:1fr}}@media(max-width:650px){.monthly-region-detail{padding-left:12px}.monthly-province-map{max-height:290px}}

/* Server identity directly below the application version, on login and every app page. */
.brand-version{display:inline-flex;flex-direction:column;vertical-align:middle;margin-left:9px;gap:3px;text-align:left}
.brand .brand-version small,.login-brand .brand-version small{margin-left:0}
.server-node{font-size:10px;line-height:1.2;font-weight:600;letter-spacing:.03em;color:#c1dad7;white-space:normal;max-width:155px}
.failover-danger { background:#b42318; color:white; border:1px solid #b42318; border-radius:12px; padding:12px 18px; font-weight:700; cursor:pointer; }
.failover-danger:hover:not(:disabled) { background:#912018; }
.failover-danger:disabled { opacity:.45; cursor:not-allowed; }
.failover-dialog { width:min(740px,92vw); max-height:88dvh; overflow:auto; border:1px solid var(--line); border-radius:20px; color:var(--ink); }
.failover-dialog::backdrop { background:#10181799; }
.failover-dialog li { margin:10px 0; }
.failover-live { padding:14px; background:#fff4f2; border-radius:10px; font-weight:600; }

/* Independent order histories: headers stay outside each scroll region. */
.orders-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;height:max(420px,calc(100dvh - 230px));}
.orders-workspace .orders-column{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;margin:0;overflow:hidden;}
.orders-column-heading{flex:none;padding:18px 20px 12px;border-bottom:1px solid var(--line);background:#fff;}
.orders-column-heading h2{margin:0 0 8px;font-size:21px;}
.orders-column-heading .eyebrow{margin:0 0 6px;}
.orders-column-heading .hint{margin:6px 0;}
.orders-column-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px;}
.orders-column-scroll:focus-visible{outline:3px solid var(--tiffany);outline-offset:-3px;}
.orders-column-scroll .intro{font-size:13px;line-height:1.5;margin-top:0;}
.orders-column-scroll .order-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px;}
.orders-column-scroll .order-filters label:first-child,.orders-column-scroll #order-filter-clear{grid-column:1/-1;}
.orders-column-scroll .order-dashboard-stats{gap:8px;margin:14px 0;}
.orders-column-scroll .order-stat{padding:12px;min-width:0;}
.orders-column-scroll .order-stat strong{font-size:24px;}
.orders-column-scroll .order-stat span{font-size:12px;}
.orders-column-scroll .order-card,.orders-column-scroll .customer-document-entry{min-width:0;overflow-wrap:anywhere;}
.orders-pane-tabs,.orders-pane-choice{display:none;}
@media(max-width:759px){
 .orders-workspace{grid-template-columns:minmax(0,1fr);height:max(380px,calc(100dvh - 290px));}
 .orders-pane-tabs{display:flex;gap:8px;margin-bottom:12px;}
 .orders-pane-tabs label{flex:1;cursor:pointer;text-align:center;border:1px solid var(--line);border-radius:12px;padding:12px 8px;margin:0;background:#fff;font-size:13px;}
 .orders-pane-choice{display:block;position:absolute;width:1px;height:1px;opacity:0;}
 #orders-pane-app:checked~.orders-pane-tabs label[for="orders-pane-app"],#orders-pane-erp:checked~.orders-pane-tabs label[for="orders-pane-erp"]{background:var(--tiffany);color:#062624;border-color:var(--tiffany);}
 #orders-pane-app:focus-visible~.orders-pane-tabs label[for="orders-pane-app"],#orders-pane-erp:focus-visible~.orders-pane-tabs label[for="orders-pane-erp"]{outline:3px solid #54d7ce;outline-offset:2px;}
 #orders-pane-app:checked~.orders-workspace .orders-column-erp,#orders-pane-erp:checked~.orders-workspace .orders-column-app{display:none;}
 .orders-column-heading{padding:14px 16px 10px;}
 .orders-column-scroll{padding:12px;}
}