/* Acquisti: layout adattato alla larghezza del workspace, non del viewport. */
@container app-workspace (max-width: 768px) {
body.page-acquisti #acq-tab-bar {
    margin-bottom: 12px !important;
}

body.page-ordini-estero #acq-tab-bar {
    margin-bottom: 12px !important;
}

body.page-acquisti .acq-page-shell {
    gap: 12px !important;
    padding-bottom: 16px !important;
}

body.page-ordini-estero .acq-page-shell {
    gap: 10px !important;
    padding-bottom: 16px !important;
}

body.page-acquisti .acq-page-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-acquisti .acq-page-actions > * {
    width: 100% !important;
    justify-content: center !important;
}

body.page-acquisti .sourcing-ai-dropzone {
    min-height: 132px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    touch-action: manipulation;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar {
    display: grid !important;
    grid-template-columns: repeat(5, 44px) !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > *,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > * {
    align-self: stretch !important;
    justify-self: stretch !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-page-panel {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar {
    display: grid !important;
    grid-template-columns: repeat(5, 44px) !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-page-panel {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .dropdown-filter-container {
    display: block !important;
    width: 44px !important;
    min-width: 0 !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .dropdown-filter-container {
    display: block !important;
    width: 44px !important;
    min-width: 0 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .dropdown-filter-btn {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 13px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: #ffffff !important;
    justify-content: center !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .dropdown-filter-btn {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 13px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: #ffffff !important;
    justify-content: center !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 13px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn span,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn span {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn i,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn i {
    width: auto !important;
    flex: 0 0 auto !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn.btn-fade-action,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn.btn-fade-action {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn.btn-fade-action.visible,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-catalog-mobile-toolbar > .acq-mobile-action-btn.btn-fade-action.visible {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .dropdown-filter-btn .btn-txt {
    display: none !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .dropdown-filter-btn .btn-txt {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    width: min(300px, calc(100vw - 34px)) !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255,255,255,0.86) !important;
    z-index: 1200 !important;
    max-height: min(420px, calc(100dvh - 210px)) !important;
    overflow-y: auto !important;
    backdrop-filter: none !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    width: min(300px, calc(100vw - 34px)) !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255,255,255,0.86) !important;
    z-index: 1200 !important;
    max-height: min(420px, calc(100dvh - 210px)) !important;
    overflow-y: auto !important;
    backdrop-filter: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown > div,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown > div {
    color: #64748b !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown > div[style*="text-transform"],
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown > div[style*="text-transform"] {
    margin: 0 0 8px !important;
    padding: 0 0 7px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
    color: #334155 !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown label,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown label {
    min-height: 38px !important;
    margin: 0 0 6px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    color: #1f2937 !important;
    font-size: 0.84rem !important;
    font-weight: 750 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown label input,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown label input {
    width: 16px !important;
    height: 16px !important;
    accent-color: #111111 !important;
    flex: 0 0 auto !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown label span,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] #catalogo-filtri-dropdown label span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-drawer {
    position: static !important;
    grid-column: 2 / span 4 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-drawer {
    position: static !important;
    grid-column: 2 / span 4 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary {
    display: none !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-body {
    display: contents !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-body {
    display: contents !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-copy,
body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-state {
    min-width: 0 !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-copy,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-state {
    min-width: 0 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-copy span,
body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-count {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-copy span,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-count {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 44px) !important;
    gap: 6px !important;
    align-items: stretch !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 44px) !important;
    gap: 6px !important;
    align-items: stretch !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn {
    width: 100% !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    font-size: 0.67rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn span,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn span {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn i,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn i {
    width: auto !important;
    text-align: center !important;
    flex: 0 0 auto !important;
    font-size: 0.88rem !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-primary,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-primary {
    grid-column: auto !important;
    min-height: 44px !important;
    background: #ffffff !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: #111111 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-secondary,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-secondary,
body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-danger,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-danger {
    grid-column: auto !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-secondary,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.is-secondary {
    background: #ffffff !important;
    color: #334155 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.btn-fade-action,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.btn-fade-action {
    display: inline-flex !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.btn-fade-action.visible,
body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-grid .acq-mobile-action-btn.btn-fade-action.visible {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.page-acquisti #floating-cart-btn,
body.page-ordini-estero #floating-cart-btn {
    position: fixed !important;
    right: 18px !important;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #111111 0%, #1f2937 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    z-index: 8500 !important;
    box-sizing: border-box !important;
}

body.page-acquisti #floating-cart-btn > i,
body.page-ordini-estero #floating-cart-btn > i {
    font-size: 1rem !important;
    line-height: 1 !important;
}

body.page-acquisti #floating-cart-btn > span,
body.page-ordini-estero #floating-cart-btn > span {
    position: absolute !important;
    inset: auto -5px -5px auto !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    padding: 0 !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    background: #2563eb !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28) !important;
}

body.page-acquisti #cart-qty-val,
body.page-ordini-estero #cart-qty-val {
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 20px !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbf7f2 100%) !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-card:has(.acq-mobile-mat-menu[open]) {
    z-index: 30 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-card:hover {
    transform: none !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-media {
    width: 100% !important;
    height: 122px !important;
    min-height: 122px !important;
    margin: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.86) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-media .mat-img-hint {
    opacity: 1 !important;
    transform: none !important;
    bottom: 14px !important;
    color: #475569 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-media .mat-badge-fornitore {
    display: inline-flex !important;
    max-width: calc(100% - 24px) !important;
    top: 12px !important;
    left: 12px !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding: 12px !important;
    min-width: 0 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-top {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-tag,
body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-code-chip {
    max-width: 100% !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-copy {
    min-width: 0 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-title {
    color: #1f2937 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-subtitle {
    margin-top: 3px !important;
    color: #64748b !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-meta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-meta-chip {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-meta-chip span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-action-zone {
    display: block !important;
    width: 100% !important;
    margin-top: 4px !important;
    padding: 10px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(226, 232, 240, 0.72) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 0 !important;
    align-items: center !important;
    border: 1px solid rgba(148, 163, 184, 0.20) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box .btn-qty-step {
    width: 40px !important;
    min-width: 40px !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    line-height: 1 !important;
}
body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box .btn-qty-step:active {
    background: rgba(0,0,0,0.05) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box .btn-qty-step i {
    line-height: 1 !important;
    pointer-events: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box input[type="number"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 36px !important;
    font-size: 0.9rem !important;
    font-weight: 850 !important;
    text-align: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-add {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    align-self: center !important;
    flex: 0 0 44px !important;
    margin: 0 0 0 auto !important;
    gap: 0 !important;
    font-size: 0.78rem !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-add i {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 0.9rem !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-add span {
    display: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-action-zone {
    width: 100% !important;
    box-sizing: border-box !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 3px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 3px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box .btn-qty-step {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-box input[type="number"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-add {
    width: 44px !important;
    min-width: 44px !important;
    height: auto !important;
    min-height: 42px !important;
    align-self: stretch !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 38px !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
    z-index: 7 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-trigger {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    list-style: none !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255,255,255,0.82) !important;
    color: #1f2937 !important;
    border-radius: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    font-size: 0.84rem !important;
    font-weight: 850 !important;
    cursor: pointer !important;
    backdrop-filter: blur(8px) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-trigger::-webkit-details-marker {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-label {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-label span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-chevron {
    color: #64748b !important;
    font-size: 0.72rem !important;
    transition: transform 0.18s ease !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu[open] .acq-mobile-mat-menu-chevron {
    transform: rotate(180deg) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-body {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    width: min(204px, calc(100vw - 64px)) !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    padding: 7px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16) !important;
    z-index: 8 !important;
    backdrop-filter: blur(10px) !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu[open] .acq-mobile-mat-menu-body {
    display: grid !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item {
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    border-radius: 11px !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    overflow: hidden !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item i {
    width: 14px !important;
    text-align: center !important;
    color: #64748b !important;
    flex: 0 0 14px !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item.is-danger {
    grid-column: auto !important;
    justify-content: flex-start !important;
    background: #fff7f7 !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #dc2626 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item.is-danger i {
    color: #dc2626 !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid.grid-sel-mode .acq-mobile-mat-menu {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-footer {
    display: none !important;
}

body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-footnote {
    max-width: none !important;
    font-size: 0.72rem !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-card {
    position: relative !important;
    overflow: visible !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-card:has(.acq-mobile-mat-menu[open]) {
    z-index: 30 !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 38px !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
    z-index: 7 !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-trigger {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    list-style: none !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255,255,255,0.82) !important;
    color: #1f2937 !important;
    border-radius: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    font-size: 0.84rem !important;
    font-weight: 850 !important;
    cursor: pointer !important;
    backdrop-filter: blur(8px) !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-trigger::-webkit-details-marker {
    display: none !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-body {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    width: min(204px, calc(100vw - 64px)) !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    padding: 7px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16) !important;
    z-index: 8 !important;
    backdrop-filter: blur(10px) !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu[open] .acq-mobile-mat-menu-body {
    display: grid !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item {
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    border-radius: 11px !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    overflow: hidden !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item i {
    width: 14px !important;
    text-align: center !important;
    color: #64748b !important;
    flex: 0 0 14px !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item.is-danger {
    grid-column: auto !important;
    justify-content: flex-start !important;
    background: #fff7f7 !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #dc2626 !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-item.is-danger i {
    color: #dc2626 !important;
}

body.page-ordini-estero #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid.grid-sel-mode .acq-mobile-mat-menu {
    display: none !important;
}

body.page-ordini-estero .acq-page-shell-ordini-estero {
    padding: 0 2px 16px !important;
}

body.page-ordini-estero .acq-page-shell-ordini-estero .acq-page-panel {
    padding: 14px 12px 16px !important;
    border-radius: 18px !important;
}

body.page-ordini-estero .ordini-acq-page {
    padding-bottom: 16px !important;
}

body.page-ordini-estero .ordini-acq-page .acq-panel-intro {
    margin-bottom: 8px !important;
    padding: 0 2px !important;
}

body.page-ordini-estero .ordini-acq-page .acq-panel-intro h2 {
    font-size: 1.05rem !important;
    line-height: 1.15 !important;
}

body.page-ordini-estero .oe-command-surface {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-ordini-estero .oe-command-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "views actions"
        "search search"
        "filters filters" !important;
    align-items: center !important;
    gap: 8px !important;
}

body.page-ordini-estero .oe-command-main {
    display: contents !important;
    min-width: 0 !important;
}

body.page-ordini-estero .oe-views-switcher {
    grid-area: views !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 3px !important;
    border-radius: 12px !important;
    background: #eef2f7 !important;
}

body.page-ordini-estero .oe-view-btn {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
}

body.page-ordini-estero .oe-search-wrap {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body.page-ordini-estero .oe-search-wrap input {
    min-height: 42px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.page-ordini-estero .oe-search-wrap > i {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body.page-ordini-estero .oe-filter-toggle {
    grid-area: filters !important;
    width: max-content !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.page-ordini-estero .oe-command-actions {
    grid-area: actions !important;
    justify-self: end !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
}

body.page-ordini-estero .oe-create-btn {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
}

body.page-ordini-estero .oe-actions-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
}

body.page-ordini-estero .oe-actions-wrap {
    position: relative !important;
}

body.page-ordini-estero .oe-actions-menu {
    right: 0 !important;
    width: min(290px, calc(100vw - 48px)) !important;
    border-radius: 14px !important;
}

body.page-ordini-estero #oe-filters-panel {
    margin-top: 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

body.page-ordini-estero #oe-filters-panel .acq-page-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
}

@container app-workspace (max-width: 480px) {
    body.page-acquisti .acq-page-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-acquisti .acq-hub-list-item,
    body.page-acquisti .acq-hub-inline-item {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body.page-ordini-estero .oe-command-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.page-ordini-estero .oe-view-btn {
        padding: 0 10px !important;
    }

    body.page-ordini-estero .oe-create-btn {
        padding: 0 10px !important;
    }

    body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-action-summary-count {
        display: none !important;
    }

    body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-qty-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }

    body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-add {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;
        margin-left: auto !important;
        padding: 0 !important;
        font-size: 0.74rem !important;
    }

    body.page-acquisti #contenitore-dati[data-acq-view="catalogo"] .acq-mobile-mat-grid .acq-mobile-mat-menu-body {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   ORDINI FORNITORI — redesign mobile (vista dentro Acquisti)
   Fix overflow stat-chip (Tailwind flex inline) + card ordine
   ristrutturata in stack pulito coerente col tema.
   ══════════════════════════════════════════════════════════════ */

/* Intro: titolo sopra, stats sotto a piena larghezza */
#contenitore-dati[data-acq-view="fornitori"] .acq-panel-intro {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
}
#contenitore-dati[data-acq-view="fornitori"] .acq-page-actions {
    width: 100% !important;
    margin: 0 !important;
}
/* Stat chips: 2x2 grid (la classe Tailwind flex causava overflow) */
#contenitore-dati[data-acq-view="fornitori"] .acq-page-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
}
#contenitore-dati[data-acq-view="fornitori"] .acq-stat-chip {
    min-width: 0 !important;
}

/* Card ordine: stessa estetica di Produzione (.ordine-wrapper condiviso) */
#contenitore-dati[data-acq-view="fornitori"] .of-ordine-wrapper {
    border-radius: 16px !important;
    margin-bottom: 12px !important;
    /* overflow visibile: il dropdown stato deve poter uscire dalla card chiusa */
    overflow: visible !important;
    background: #ffffff !important;
    border: 1px solid var(--v2-warm-border, #e7e4de) !important;
    box-shadow: var(--v2-elev-1, 0 1px 2px rgba(28,25,23,0.04), 0 1px 3px rgba(28,25,23,0.06)) !important;
}
/* La riga header non taglia il dropdown */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine {
    overflow: visible !important;
    background: linear-gradient(180deg, #ffffff 0%, var(--v2-warm-bg, #faf9f7) 100%) !important;
    border-bottom: 1px solid var(--v2-warm-border, #e7e4de) !important;
}
/* Wrapper del dropdown stato: relative per ancorare il popup */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine > div:last-child > div:first-child {
    position: relative !important;
}
/* Quando il dropdown e aperto (classe aggiunta dal JS), alza l'INTERA card
   sopra le sorelle che la seguono nel DOM, altrimenti il popup viene coperto */
#contenitore-dati[data-acq-view="fornitori"] .of-ordine-wrapper:has(.stato-aperto-ord),
#contenitore-dati[data-acq-view="fornitori"] .of-ordine-wrapper:has(.stato-dropdown-ord.open) {
    position: relative !important;
    z-index: 9000 !important;
}
/* Il popup del dropdown stato emerge sopra tutto il resto della card */
#contenitore-dati[data-acq-view="fornitori"] .of-stato-dropdown-ord.open,
#contenitore-dati[data-acq-view="fornitori"] .of-stato-dropdown.open,
#contenitore-dati[data-acq-view="fornitori"] .stato-dropdown-ord.open {
    z-index: 9100 !important;
}
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 14px !important;
}
/* Prima riga: avatar + fornitore + ordine */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
}
/* Seconda riga: stato/data/progress in stack ordinato */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine > div:last-child {
    width: 100% !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin: 0 !important;
}
/* Dropdown stato a tutta larghezza */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine > div:last-child > div:first-child {
    width: 100% !important;
}
#contenitore-dati[data-acq-view="fornitori"] .of-stato-dropdown-ord,
#contenitore-dati[data-acq-view="fornitori"] .of-stato-dropdown {
    width: 100% !important;
}
/* Riga data + progress affiancati, niente min-width che sfora */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine > div:last-child > div:nth-child(2) {
    width: 100% !important;
    justify-content: flex-start !important;
}
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine > div:last-child > div:nth-child(3) {
    width: 100% !important;
    min-width: 0 !important;
}
/* Chevron: piccolo a destra, non occupa una riga intera */
#contenitore-dati[data-acq-view="fornitori"] .of-riga-ordine .dettagli-chevron {
    margin-left: auto;
}

/* Card articolo dettaglio: già stack via w-full, garantiamo overflow safe */
#contenitore-dati[data-acq-view="fornitori"] .of-item-card {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 14px !important;
}
#contenitore-dati[data-acq-view="fornitori"] .of-item-card > div {
    width: 100% !important;
    min-width: 0 !important;
}

/* Guard: nessun figlio della pagina fornitori sfora il viewport */
#contenitore-dati[data-acq-view="fornitori"] .ordini-acq-page,
#contenitore-dati[data-acq-view="fornitori"] .ordini-acq-page * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}