.page-tabs { display: flex; align-items: flex-end; width: 100%; border-bottom: 1px solid var(--bs-black-40); }
.page-tab { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--bs-black-100); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 16px; letter-spacing: .42px; transition: border-color 180ms ease, color 180ms ease; }
.page-tab i { font-size: 20px; }
.page-tab.is-active { border-bottom-color: var(--bs-primary); color: var(--bs-primary); }
.page-tab-panel { min-height: 180px; padding-top: 36px; transition: opacity 180ms ease; }
.page-tab-panel.is-loading { opacity: .45; }
.page-tab-content { width: 100%; border-radius: 15px !important; }
.disegno-machine-cover { width: 105px; height: 58px; flex: 0 0 105px; }
.page-tab-attribute { border-radius: 10px !important; min-height: 76px; transition: background-color .28s ease, color .28s ease; }
.page-tab-attribute { background-color: var(--disegno-rapporto-colore, #eff6ff) !important; }
.page-tab-attribute .form-control:focus, .page-tab-attribute .ts-wrapper.focus { border-color: var(--bs-primary) !important; }
.page-tab-attribute > div { width: 100%; }
.page-tab-attribute > div > span:first-child { min-width: 92px; font-size: 14px; color: #111314; }
.page-tab-attribute .badge { border: 1px solid currentColor; background: transparent !important; color: var(--bs-primary) !important; border-radius: 6px; white-space: nowrap; font-weight: 500; }
.page-tab-attribute .disegno-rapporto-pill { color: var(--disegno-rapporto-scuro) !important; transition: color .28s ease, border-color .28s ease; }
.page-tab-attribute input.form-control, .page-tab-attribute select.form-control { min-width: 0; flex: 1 1 0; height: 40px; }
.page-tab-attribute button { white-space: nowrap; height: auto; background: none; color: var(--disegno-rapporto-scuro); }
.page-tab-attribute > div > input.form-control:first-of-type { flex: 1.35 1 0; }
.page-tab-attribute > div > input.form-control:nth-of-type(2) { flex: 1.25 1 0; }
.page-tab-attribute > div { min-width: 0; }
.disegno-rapporto-stazione { flex: 0 0 92px; }
.disegno-rapporto-pill { flex: 0 0 118px; text-align: center; }
.page-tab-attribute > div > .disegno-rapporto-tipologia { flex: 1 1 0; min-width: 220px; }
.page-tab-attribute > div > .disegno-rapporto-tipologia.senza-extra { flex: 1 1 0; min-width: 280px; }
.disegno-rapporto-tipologia .form-control, .disegno-rapporto-tipologia .ts-wrapper { width: 100%; }
.page-tab-attribute > div > .disegno-rapporto-tipologia { flex-grow: 1.55; flex-basis: 0; }
.page-tab-attribute > div > .disegno-rapporto-punti { flex: 0.8 1 0; width: auto; max-width: none; min-width: 180px; }
.disegno-rapporto-extra { display: flex; flex: 0 1 220px; min-width: 150px; gap: 8px; }
.disegno-rapporto-extra .form-control { min-width: 0; flex: 1 1 100px; }
.disegno-rapporto-switch { flex: 0 0 320px; display: flex; align-items: center; gap: 8px; min-width: 0; }
.disegno-rapporto-switch .page-segmented-filter { background-color: #fff !important; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-around; }
.disegno-rapporto-switch .page-segmented-filter__option span { font-size: 12px; font-style: normal; font-weight: 600; line-height: 12px; }
.disegno-rapporto-switch .page-segmented-filter__option.is-active { border-color: var(--disegno-rapporto-scuro) !important; color: var(--disegno-rapporto-scuro) !important; transition: color .28s ease, border-color .28s ease, background-color .28s ease; }
.disegno-rapporto-switch__label { margin-right: 2px; }
.disegno-rapporto-switch__quantita { display: none; align-items: center; gap: 6px; flex: 0 0 auto; padding: 0 4px 0 8px; border-left: 1px solid rgba(17, 19, 20, .08); color: var(--disegno-rapporto-scuro); }
.page-segmented-filter__option.is-active .disegno-rapporto-switch__quantita { display: inline-flex; }
.disegno-rapporto-switch__btn { width: 20px; height: 20px; border: 0; border-radius: 4px; background: var(--disegno-rapporto-scuro); color: #fff; font: 700 13px/20px Manrope, sans-serif; padding: 0; text-align: center; }
.disegno-rapporto-switch__btn:active { transform: translateY(1px); }
.disegno-rapporto-switch__value { min-width: 12px; text-align: center; font-size: 12px; font-style: normal; font-weight: 700; line-height: 12px; }
.disegno-rapporto-elimina { flex: 0 0 28px; width: 28px; min-width: 28px; padding: 0; border: 0; background: transparent; color: #bc9f8f; font-size: 20px; line-height: 1; }
.disegno-riepilogo { display: flex; align-items: stretch; gap: 16px; }
.disegno-riepilogo__blocco { display: flex; flex: 1 1 0; flex-direction: column; gap: 8px; min-width: 0; padding: 18px; border: 1px solid #f1f1f2; border-radius: 8px; }
.disegno-riepilogo__titolo { color: #444548; font: 400 14px/16px Manrope, sans-serif; }
.disegno-riepilogo__valore { color: #111827; font: 500 20px/24px Manrope, sans-serif; }
.disegno-riepilogo__blocco--evidenza { border-color: #e0d3cc; }
.disegno-riepilogo__blocco--evidenza .disegno-riepilogo__titolo, .disegno-riepilogo__blocco--evidenza .disegno-riepilogo__valore { color: #bc9f8f; }
@media (max-width: 1200px) { .disegno-rapporto-switch { flex-basis: 280px; } .disegno-rapporto-tipologia { min-width: 180px; } }
@media (max-width: 900px) { .disegno-riepilogo { flex-wrap: wrap; } .disegno-riepilogo__blocco { flex-basis: calc(50% - 8px); } }
.disegno-stazioni-search { display:flex; align-items:center; gap:8px; padding:12px 16px; margin-bottom:16px; background:#f7f7f8; border-radius:8px; color:#94949c; }
.disegno-stazioni-search input { width:100%; border:0; outline:0; background:transparent; font:400 16px/20px Manrope,sans-serif; }
.disegno-stazioni-list { display:flex; flex-direction:column; gap:16px; max-height:430px; overflow-y:auto; }
.disegno-stazione-option { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:16px; width:100%; padding:16px; border:1px solid #f1f1f2; border-radius:10px; background:#fff; color:#111827; text-align:left; font:400 16px/20px Manrope,sans-serif; }
.disegno-stazione-option.is-selected { border-color:#bc9f8f; }
.disegno-stazione-option strong { font-size:14px; font-weight:500; white-space:nowrap; }
.disegno-stazione-pill { padding:6px 8px; border:1px solid #e0d3cc; border-radius:7px; color:#bc9f8f; font-size:14px; white-space:nowrap; }