.approvvigionamento-status--annullato { border-color: #fecaca; background: #fee2e2; color: #dc2626; }

.approvvigionamento-status--nuovo { border-color: #d1d5db; background: #e5e7eb; color: #4b5563; }
.approvvigionamento-status--richiesta-inviata { border-color: #bfdbfe; background: #dbeafe; color: #2563eb; }
.approvvigionamento-status--parziale-ricevuto { border-color: #fed7aa; background: #ffedd5; color: #b45309; }
.approvvigionamento-status--completato { border-color: #a7f3d0; background: #d1fae5; color: #059669; }

.approvvigionamento-dettaglio__header,
.approvvigionamento-dettaglio__card,
.approvvigionamento-dettaglio__document { background: #fff; border: 1px solid #f1f1f2; border-radius: 16px; }
.approvvigionamento-dettaglio__header { padding: 24px; }
.approvvigionamento-dettaglio__header--successivo { margin-bottom: -24px; border-radius: 16px 16px 0 0; border-bottom: 0; }
.approvvigionamento-dettaglio__title { color: #111314; font: 500 20px/24px Manrope, sans-serif; }
.approvvigionamento-dettaglio__subtitle { margin-top: 8px; color: #444548; font: 400 14px/21px Manrope, sans-serif; }
.approvvigionamento-dettaglio__status-wrap { flex: 1 1 auto; min-width: 0; }
.approvvigionamento-dettaglio__status-tabs { padding: 4px; border: 1px solid #bc9f8f; border-radius: 37px; }
.approvvigionamento-dettaglio__status-tab { padding: 8px 14px; border: 0; border-radius: 100px; background: transparent; color: #bc9f8f; cursor: pointer; font: 500 14px/16px Manrope, sans-serif; white-space: nowrap; }
.approvvigionamento-dettaglio__status-tab.is-active { background: #bc9f8f; color: #fff; }
.approvvigionamento-dettaglio__status-tab:disabled { cursor: not-allowed; opacity: .45; }
.approvvigionamento-dettaglio__dates { color: #94949c; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__edit, .approvvigionamento-dettaglio__card-edit, .approvvigionamento-dettaglio__delete { border: 0; background: transparent; color: #bc9f8f; }
.approvvigionamento-dettaglio__edit { padding: 0; font-size: 20px; }
.approvvigionamento-dettaglio__summary { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.approvvigionamento-dettaglio__summary--inviato { grid-template-columns: 1fr; }
.approvvigionamento-dettaglio__summary--inviato .approvvigionamento-dettaglio__supplier { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; min-height: 0; }
.approvvigionamento-dettaglio__summary--inviato .approvvigionamento-dettaglio__field { margin-bottom: 0; }
.approvvigionamento-dettaglio__summary--successivo { grid-template-columns: 1fr; }
.approvvigionamento-dettaglio__summary--successivo .approvvigionamento-dettaglio__supplier { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; min-height: 0; border-top: 1px solid #f1f1f2; border-radius: 0 0 16px 16px; }
.approvvigionamento-dettaglio__summary--successivo .approvvigionamento-dettaglio__field { margin-bottom: 0; }
.approvvigionamento-dettaglio__card { position: relative; min-height: 248px; padding: 24px; }
.approvvigionamento-dettaglio__card-edit { position: absolute; top: 24px; right: 24px; padding: 0; }
.approvvigionamento-dettaglio__field { margin-bottom: 16px; }
.approvvigionamento-dettaglio__field:last-child { margin-bottom: 0; }
.approvvigionamento-dettaglio__field span { color: #6b7280; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__field strong { color: #111314; font: 400 14px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__notes .company-widget__header { margin-bottom: 16px; }
.approvvigionamento-dettaglio__supplier-note { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 8px; padding-top: 16px; border-top: 1px solid #f1f1f2; }
.approvvigionamento-dettaglio__supplier-note span { color: #6b7280; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__supplier-note strong { color: #111314; font: 400 14px/20px Manrope, sans-serif; }
.approvvigionamento-dettaglio__notes p { min-height: 64px; margin: 0 0 16px; color: #111314; font: 300 14px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__text-action { padding: 4px 0; border: 0; background: transparent; color: #94949c; font: 400 14px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__document { padding: 24px; }
.approvvigionamento-dettaglio__document--ordine-inviato { padding: 24px; }
.approvvigionamento-dettaglio__document--ordine-inviato .approvvigionamento-dettaglio__lines-toolbar { height: auto; margin-bottom: 16px; }
.approvvigionamento-dettaglio__document--ordine-inviato .approvvigionamento-dettaglio__document-head { padding: 0 12px 32px; }
.approvvigionamento-dettaglio__document--ordine-inviato .approvvigionamento-dettaglio__lines { background: #fff; }
.approvvigionamento-dettaglio__document--ricezione-documento .approvvigionamento-dettaglio__lines-toolbar { height: auto; margin-bottom: 16px; }
.approvvigionamento-dettaglio__document--ricezione-documento .approvvigionamento-dettaglio__lines { background: #fff; }
.approvvigionamento-dettaglio__document--ricezione-documento .approvvigionamento-dettaglio__receive { display: none; }
.approvvigionamento-dettaglio__document--ricezione-documento .approvvigionamento-dettaglio__receipt-history { display: none; }
.approvvigionamento-dettaglio__lines-head--ordinato { grid-template-columns: minmax(0, 1fr) 415px; padding: 12px 16px; border-radius: 8px; background: #f7f4f2; color: #444548; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__lines-head--ordinato span:last-child { text-align: right; }
.approvvigionamento-dettaglio__line--ordinato { grid-template-columns: minmax(0, 1fr) 415px; padding: 16px; border-bottom: 1px solid #f1f1f2; }
.approvvigionamento-dettaglio__line--ordinato .approvvigionamento-dettaglio__line-description { gap: 4px; }
.approvvigionamento-dettaglio__line-ordered-value { color: #444548; font: 400 14px/21px Manrope, sans-serif; }
.approvvigionamento-dettaglio__line-ordered-value > span:last-child { white-space: nowrap; }
.approvvigionamento-dettaglio__status-pill { padding: 6px 10px 8px; border: 1px solid #d8e6fd; border-radius: 16px; background: #ebf2fe; color: #3b82f6; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__line--ricezione-documento { grid-template-columns: minmax(0, 1fr) 415px; padding: 16px; border-bottom: 1px solid #f1f1f2; }
.approvvigionamento-dettaglio__received-list { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; width: 100%; }
.approvvigionamento-dettaglio__received { display: flex; align-items: center; justify-content: flex-end; gap: 8px; width: 100%; color: #444548; font: 400 14px/21px Manrope, sans-serif; }
.approvvigionamento-dettaglio__received-pill { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px 8px; border: 1px solid #cff1e6; border-radius: 16px; background: #e7f8f2; color: #10b981; font: 600 12px/12px Manrope, sans-serif; white-space: nowrap; }
.approvvigionamento-dettaglio__received-pill i { font-size: 14px; line-height: 12px; }
.approvvigionamento-dettaglio__received-quantity { min-width: 52px; text-align: right; white-space: nowrap; }
.approvvigionamento-dettaglio__document--nuovo { padding: 0; border: 0; background: transparent; }
.approvvigionamento-dettaglio__document-head { padding: 0 12px 32px; }
.approvvigionamento-dettaglio__document-note { padding: 0 12px 24px; color: #6b7280; }
.approvvigionamento-dettaglio__document-note h3 { margin: 0 0 8px; color: #444548; font: 500 16px/24px Manrope, sans-serif; }
.approvvigionamento-dettaglio__document-note p { margin: 0; font: 400 14px/20px Manrope, sans-serif; }
.approvvigionamento-dettaglio__document-note-item { margin-top: 12px; }
.approvvigionamento-dettaglio__document-note-item strong { display: block; color: #444548; font: 600 14px/20px Manrope, sans-serif; }
.approvvigionamento-dettaglio__company-logo { width: 250px; object-fit: contain; }
.approvvigionamento-dettaglio__company div { color: #616268; font: 400 14px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__company strong { color: #444548; font-weight: 500; line-height: 24px; }
.approvvigionamento-dettaglio__document-meta { color: #616268; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__document-meta strong { padding: 12px 24px; border: 1px solid #bc9f8f; border-radius: 24px; color: #bc9f8f; font: 500 16px/24px Manrope, sans-serif; }
.approvvigionamento-dettaglio__document--ordine-inviato .approvvigionamento-dettaglio__document-meta { color: #444548; }
.approvvigionamento-dettaglio__document--ordine-inviato .approvvigionamento-dettaglio__document-meta strong { border-color: #111314; background: #111314; color: #fff; }
.approvvigionamento-dettaglio__document--ricezione-documento .approvvigionamento-dettaglio__document-meta { color: #444548; }
.approvvigionamento-dettaglio__document--ricezione-documento .approvvigionamento-dettaglio__document-meta strong { border-color: #111314; background: #111314; color: #fff; }
.approvvigionamento-dettaglio__lines { padding: 32px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.approvvigionamento-dettaglio__document--nuovo .approvvigionamento-dettaglio__lines { box-shadow: none; }
.approvvigionamento-dettaglio__document--nuovo .approvvigionamento-dettaglio__lines { background: #fff; border: 1px solid #f1f1f2; border-radius: 16px; }
.approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__lines-head, .approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__line { grid-template-columns: minmax(0, 1fr) 100px; }
.approvvigionamento-dettaglio__document--successivo { padding: 0; border: 0; background: transparent; }
.approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__document-head,
.approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__document-note { display: none; }
.approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__lines { background: #fff; border: 1px solid #f1f1f2; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.approvvigionamento-dettaglio__document--successivo [data-approvvigionamento-quantita] { pointer-events: none; background: #fff; }
.approvvigionamento-dettaglio__document--successivo [data-approvvigionamento-descrizione], .approvvigionamento-dettaglio__document--successivo [data-approvvigionamento-riga-delete] { display: none; }
.approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__line-note { width: auto; border: 0; background: transparent; }
.approvvigionamento-dettaglio__document--successivo .approvvigionamento-dettaglio__quantity-value { color: #444548; font: 400 14px/20px Manrope, sans-serif; }
.approvvigionamento-dettaglio__lines-toolbar { height: 48px; margin-bottom: 16px; }
.approvvigionamento-dettaglio__lines-toolbar h3 { margin: 0; color: #444548; font: 500 16px/24px Manrope, sans-serif; }
.approvvigionamento-dettaglio__lines-head { grid-template-columns: minmax(0, 1fr) 100px 48px; padding: 12px 16px; border-radius: 8px; background: #f7f4f2; color: #444548; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__lines-head span:nth-child(n+2) { text-align: right; }
.approvvigionamento-dettaglio__line { grid-template-columns: minmax(0, 1fr) 100px 48px; padding: 16px; border-bottom: 1px solid #f1f1f2; }
.approvvigionamento-dettaglio__line-description { color: #444548; font: 400 14px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__line-description strong { font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-dettaglio__line-note { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-radius: 8px; color: #6b7280; font: 400 13px/18px Manrope, sans-serif; border: 1px solid; }
.approvvigionamento-dettaglio__line-note button { flex: 0 0 auto; padding: 0; border: 0; background: transparent; color: #bc9f8f; line-height: 1; }
.approvvigionamento-dettaglio__line-description .approvvigionamento-dettaglio__text-action { align-self: flex-start; margin-top: 8px; }
.approvvigionamento-dettaglio__line-quantity { text-align: right; color: #444548; font: 300 14px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__line-quantity { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.approvvigionamento-dettaglio__quantity-input { width: 76px; padding: 4px 6px; text-align: right; }
.approvvigionamento-dettaglio__delete { justify-self: end; padding: 0; }
.approvvigionamento-dettaglio__lines-head--ricezione,
.approvvigionamento-dettaglio__line--ricezione { grid-template-columns: minmax(0, 1fr) 110px 110px 110px 150px; }
.approvvigionamento-dettaglio__line--ricezione { padding-top: 20px; padding-bottom: 20px; }
.approvvigionamento-dettaglio__line-value { text-align: right; color: #444548; font: 400 14px/20px Manrope, sans-serif; }
.approvvigionamento-dettaglio__receipt-dates { display: none; }
.approvvigionamento-dettaglio__receipt-history { grid-column: 1 / -1; display: grid; width: 100%; margin-top: 4px; border: 1px solid #f1f1f2; border-radius: 8px; overflow: hidden; color: #6b7280; font: 400 12px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__receipt-history-head,
.approvvigionamento-dettaglio__receipt-history-row { display: grid; grid-template-columns: 110px 130px minmax(180px, 1fr); gap: 12px; padding: 8px 12px; }
.approvvigionamento-dettaglio__receipt-history-head { background: #f7f4f2; color: #444548; font-weight: 600; }
.approvvigionamento-dettaglio__receipt-history-row + .approvvigionamento-dettaglio__receipt-history-row { border-top: 1px solid #f1f1f2; }
.approvvigionamento-dettaglio__receive { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 12px; border: 1px solid #bc9f8f; border-radius: 8px; background: #fff; color: #bc9f8f; font: 500 12px/16px Manrope, sans-serif; }
.approvvigionamento-dettaglio__receive { width: 40px; height: 36px; padding: 0; }
.approvvigionamento-dettaglio__receive span { display: none; }
.approvvigionamento-dettaglio__receive,
.approvvigionamento-dettaglio__receive:hover,
.approvvigionamento-dettaglio__receive:focus { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; box-shadow: none; color: #bc9f8f; font-size: 24px; line-height: 1; }
.approvvigionamento-dettaglio__receive i { font-size: 24px; }
.approvvigionamento-dettaglio__document--ricezione .approvvigionamento-dettaglio__receive { justify-self: center; align-self: center; }
.approvvigionamento-dettaglio__document--ricezione .approvvigionamento-dettaglio__lines-head--ricezione span:last-child { text-align: center; }
.approvvigionamento-dettaglio__receive:hover { background: #f7f4f2; }
.approvvigionamento-ricezione-modal .form-label { color: #444548; font-size: 13px; }
.approvvigionamento-ricezione-multipla { color: #444548; }
.approvvigionamento-ricezione-multipla__hint { margin: 0 0 16px; font: 600 10px/14px Manrope, sans-serif; }
.approvvigionamento-ricezione-multipla__table { overflow: hidden; }
.approvvigionamento-ricezione-multipla__head,
.approvvigionamento-ricezione-multipla__row { display: grid; grid-template-columns: minmax(0, 1fr) 70px 120px 24px; gap: 16px; align-items: center; }
.approvvigionamento-ricezione-multipla__head { padding: 12px 16px; border-radius: 8px; background: #f7f4f2; font: 600 12px/12px Manrope, sans-serif; margin-bottom: 16px; }
.approvvigionamento-ricezione-multipla__head > span:first-child { padding-left: 0; }
.approvvigionamento-ricezione-multipla__head > span { text-align: right; }
.approvvigionamento-ricezione-multipla__head > span:first-child { text-align: left; }
.approvvigionamento-ricezione-multipla__row { min-height: 72px; padding: 8px; border-bottom: 1px solid #f1f1f2; }
.approvvigionamento-ricezione-multipla__product.is-selected { border-radius: 8px; background: #ebf2fe; }
.approvvigionamento-ricezione-multipla__article { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 8px; cursor: pointer; }
.approvvigionamento-ricezione-multipla__row--storico { opacity: .72; }
.approvvigionamento-ricezione-multipla__row--storico .approvvigionamento-ricezione-multipla__article { cursor: default; }
.approvvigionamento-ricezione-multipla__description { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.approvvigionamento-ricezione-multipla__description span { overflow: hidden; color: #444548; font: 400 14px/16px Manrope, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.approvvigionamento-ricezione-multipla__description strong { color: #444548; font: 600 12px/12px Manrope, sans-serif; }
.approvvigionamento-ricezione-multipla__input { min-width: 0; padding: 8px 12px; border-color: #bababf; border-radius: 7px; text-align: right; }
.approvvigionamento-ricezione-multipla__input[type="number"] { padding-right: 36px; }
.approvvigionamento-ricezione-multipla__number { width: 100%; min-width: 0; border-color: #bababf; }
.approvvigionamento-ricezione-multipla__number .input-number-input { height: 38px; padding: 0 28px 0 12px; text-align: right; font: 400 14px/20px Manrope, sans-serif; }
.approvvigionamento-ricezione-multipla__number.input-number-readonly { border-color: #bababf; }
.approvvigionamento-ricezione-multipla__lotto { text-align: left; }
.approvvigionamento-ricezione-multipla__readonly-label { color: #94949c; font: 600 10px/12px Manrope, sans-serif; text-align: center; }
.approvvigionamento-ricezione-multipla__duplicate,
.approvvigionamento-ricezione-multipla__delete { padding: 0; border: 0; background: transparent; color: #616268; font-size: 16px; }
.approvvigionamento-ricezione-multipla__duplicate:hover,
.approvvigionamento-ricezione-multipla__delete:hover { color: #bc9f8f; }
.approvvigionamento-ricezione-multipla__product + .approvvigionamento-ricezione-multipla__product { margin-top: 8px; border-top: 1px solid #f1f1f2; }
.approvvigionamento-ricezione-multipla__product > .approvvigionamento-ricezione-multipla__row:last-child { border-bottom: 0; }
.approvvigionamento-dettaglio__document--inviato .approvvigionamento-dettaglio__lines-head--ricezione,
.approvvigionamento-dettaglio__document--inviato .approvvigionamento-dettaglio__line--ricezione { grid-template-columns: minmax(0, 1fr) 110px 110px 110px 150px; }
.approvvigionamento-dettaglio__document--inviato .approvvigionamento-dettaglio__lines-head--ricezione span,
.approvvigionamento-dettaglio__document--inviato .approvvigionamento-dettaglio__line--ricezione > * { min-width: 0; }
.approvvigionamento-dettaglio__document--inviato .approvvigionamento-dettaglio__receive { width: 100%; }
.approvvigionamento-dettaglio__document--ricezione .approvvigionamento-dettaglio__lines-head--ricezione,
.approvvigionamento-dettaglio__document--ricezione .approvvigionamento-dettaglio__line--ricezione { grid-template-columns: minmax(0, 1fr) 110px 110px 110px 150px; }
.approvvigionamento-dettaglio__document--ricezione .approvvigionamento-dettaglio__receive { width: 100%; }
.approvvigionamento-dettaglio__document--inviato .approvvigionamento-dettaglio__receive,
.approvvigionamento-dettaglio__document--ricezione .approvvigionamento-dettaglio__receive { width: 40px; }
#modalApprovvigionamentoMaterie .modal-body { padding: 0; }
#modalApprovvigionamentoMaterie .commessa-product-picker__product-copy small,
#modalApprovvigionamentoMaterie .commessa-product-picker__color small { display: block; margin-top: 4px; color: var(--bs-black-60); font-size: 12px; line-height: 16px; }
#modalApprovvigionamentoMaterie .commessa-product-picker__color.is-present { cursor: not-allowed; opacity: .55; }
@media (max-width: 900px) { .approvvigionamento-dettaglio__header, .approvvigionamento-dettaglio__document-head, .approvvigionamento-dettaglio__actions { flex-wrap: wrap; } .approvvigionamento-dettaglio__status-wrap { order: 3; flex-basis: 100%; align-items: flex-start; } .approvvigionamento-dettaglio__summary { grid-template-columns: 1fr; } .approvvigionamento-dettaglio__summary--inviato .approvvigionamento-dettaglio__supplier, .approvvigionamento-dettaglio__summary--successivo .approvvigionamento-dettaglio__supplier { grid-template-columns: 1fr; } .approvvigionamento-dettaglio__status-tabs { max-width: 100%; overflow-x: auto; } .approvvigionamento-dettaglio__lines { padding: 16px; overflow-x: auto; } .approvvigionamento-dettaglio__lines-head, .approvvigionamento-dettaglio__line { min-width: 620px; } .approvvigionamento-dettaglio__lines-head--ricezione, .approvvigionamento-dettaglio__line--ricezione { min-width: 900px; } }