/* IVS Shop - stile del negozio, coerente con la skin techtronic-IVS4 (blu #0b2474, verde #390: variabili --ivs-accent e --ivs-buy, ogni sito puo' cambiarle), Arial per i titoli). */

.ivs-shop { font-size: 15px; line-height: 1.45; --ivs-accent: #0b2474; --ivs-buy: #390; --ivs-line: #e3e6ef; }
/* colori del sito: ogni skin puo' ridefinirli, es. .ivs-shop { --ivs-accent: #c00; --ivs-buy: #c00; } */
.ivs-shop a { color: var(--ivs-accent, #0b2474); }

/* navigazione categorie */
.ivs-catnav ul { list-style: none; margin: 4px 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ivs-catnav li a { display: inline-block; padding: 6px 14px; border: 1px solid #c9d0e0; border-radius: 18px; text-decoration: none; font-family: Arial, sans-serif; font-size: 14px; background: #fff; }
.ivs-catnav li a:hover { background: #eef1f8; }
.ivs-catnav li.sel a { background: var(--ivs-accent, #0b2474); border-color: var(--ivs-accent, #0b2474); color: #fff; }

.ivs-section { font-family: Arial, sans-serif; font-size: 22px; color: var(--ivs-accent, #0b2474); margin: 22px 0 10px; padding-bottom: 4px; border-bottom: 2px solid #f2f2f2; }
.ivs-section a { text-decoration: none; }
.ivs-cathead { margin-bottom: 14px; }
.ivs-cattitle { font-family: Arial, sans-serif; font-size: 26px; color: var(--ivs-accent, #0b2474); margin: 0 0 6px; }
.ivs-empty { color: #666; font-style: italic; }

/* griglia di schede: vedi "catalogo" in fondo */

/* prezzi */
.ivs-pricebox { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.ivs-price { font-family: Arial, sans-serif; font-weight: 700; font-size: 18px; color: var(--ivs-accent, #0b2474); }
.ivs-compare { color: #999; font-size: 14px; }
.ivs-from, .ivs-vat { font-size: 12px; color: #666; }

/* scheda prodotto */
.ivs-crumbs { font-size: 13px; color: #666; margin: 4px 0 14px; }
.ivs-crumbs a { text-decoration: none; }
.ivs-pgrid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.ivs-mainimg { display: flex; align-items: center; justify-content: center; background: #f6f7fb; border-radius: 8px; aspect-ratio: 4 / 3; overflow: hidden; }
.ivs-mainimg img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ivs-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ivs-thumb { width: 72px; height: 54px; padding: 0; border: 2px solid #dde2ee; border-radius: 6px; background: #fff; cursor: pointer; overflow: hidden; }
.ivs-thumb img { width: 100%; height: 100%; object-fit: contain; }
.ivs-thumb.sel { border-color: var(--ivs-accent, #0b2474); }
.ivs-title { font-family: Arial, sans-serif; font-size: 28px; color: var(--ivs-accent, #0b2474); margin: 0 0 8px; }
.ivs-short { font-size: 16px; color: #333; margin: 0 0 14px; }
.ivs-pricerow { margin: 0 0 14px; }
.ivs-pricerow .ivs-price { font-size: 26px; }
.ivs-varlabel { display: block; font-weight: 700; margin: 0 0 4px; }
.ivs-variant { width: 100%; max-width: 420px; padding: 8px; font-size: 15px; margin-bottom: 12px; }
.ivs-delivery { font-size: 13px; color: #390; margin: 0 0 12px; }
.ivs-oos { color: #b00; font-weight: 700; }
.ivs-addcart { display: inline-block; padding: 12px 28px; font-size: 16px; font-weight: 700; color: #fff; background: var(--ivs-buy, #390); border: 0; border-radius: 6px; cursor: pointer; }
.ivs-addcart[disabled] { background: #9bbf88; cursor: not-allowed; }
.ivs-soon { font-size: 13px; color: #666; margin: 8px 0; }
.ivs-sku { font-size: 12px; color: #888; }
.ivs-desc { margin-top: 26px; padding-top: 10px; border-top: 2px solid #f2f2f2; }
.ivs-desc h3 { font-family: Arial, sans-serif; color: var(--ivs-accent, #0b2474); }
.ivs-desc img { max-width: 100%; height: auto; }

@media (max-width: 760px) {
	.ivs-pgrid { grid-template-columns: 1fr; gap: 16px; }
	.ivs-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
	.ivs-title { font-size: 24px; }
}

/* ---------------- gestione (admin) ---------------- */
.ivs-admin { font-size: 14px; }
.ivs-adminnav { font-size: 13px; margin: 0 0 10px; }
.ivs-admintitle { font-family: Arial, sans-serif; font-size: 22px; color: var(--ivs-accent, #0b2474); margin: 4px 0 10px; }
.ivs-ok, .ivs-err { padding: 8px 12px; border-radius: 6px; margin: 8px 0; }
.ivs-ok { background: #e8f5e1; border: 1px solid #9c6; }
.ivs-err { background: #fdeaea; border: 1px solid #d99; color: #900; }
.ivs-btn { display: inline-block; padding: 7px 16px; background: var(--ivs-accent, #0b2474); color: #fff !important; border: 0; border-radius: 5px; font-weight: 700; cursor: pointer; text-decoration: none; font-size: 14px; }
.ivs-btn2 { background: #666; }
.ivs-linkbtn { background: none; border: 0; padding: 0; color: var(--ivs-accent, #0b2474); text-decoration: underline; cursor: pointer; font-size: 13px; }
.ivs-linkbtn.danger { color: #b00; }
.ivs-table { width: 100%; border-collapse: collapse; margin: 8px 0 14px; }
.ivs-table th, .ivs-table td { border-bottom: 1px solid #e3e6ef; padding: 6px 8px; text-align: left; vertical-align: middle; }
.ivs-table th { background: #f2f4f9; color: var(--ivs-accent, #0b2474); font-family: Arial, sans-serif; }
.ivs-table td.num { text-align: right; white-space: nowrap; }
.ivs-thumbcell img { width: 48px; height: 36px; object-fit: contain; background: #f6f7fb; }
.ivs-actions { white-space: nowrap; }
.ivs-lang { display: inline-block; font-size: 11px; padding: 1px 5px; border-radius: 3px; text-transform: uppercase; }
.ivs-lang.on { background: #dfeedd; color: #2a6a1a; }
.ivs-lang.off { background: #f6dede; color: #a33; }
.ivs-on { color: #390; font-weight: 700; }
.ivs-off { color: #999; }
.ivs-fs { border: 1px solid #dde2ee; border-radius: 8px; padding: 10px 14px 12px; margin: 0 0 16px; }
.ivs-fs legend { font-family: Arial, sans-serif; font-weight: 700; color: var(--ivs-accent, #0b2474); padding: 0 6px; }
.ivs-form .ivs-row { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 4px 14px; padding: 6px 0; border-bottom: 1px dashed #eef0f5; }
.ivs-lbl { font-weight: 700; padding-top: 5px; }
.ivs-in input[type=text], .ivs-in input[type=number], .ivs-in select, .ivs-in textarea { width: 100%; max-width: 560px; padding: 5px 7px; box-sizing: border-box; font-size: 14px; font-family: inherit; }
.ivs-in input[name=slug] { max-width: 300px; }
.ivs-in textarea.ivs-html { font-family: Consolas, monospace; font-size: 13px; }
.ivs-prefix { color: #888; padding: 0 3px; }
.ivs-help { font-size: 12px; color: #777; margin-top: 3px; }
.ivs-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
.ivs-tab { padding: 6px 14px; border: 1px solid #c9d0e0; background: #fff; border-radius: 5px 5px 0 0; cursor: pointer; font-weight: 700; }
.ivs-tab.sel { background: var(--ivs-accent, #0b2474); color: #fff; border-color: var(--ivs-accent, #0b2474); }
.ivs-missing { font-size: 10px; font-weight: 400; background: #f6dede; color: #a33; padding: 1px 4px; border-radius: 3px; }
.ivs-catchk { display: block; padding: 2px 0; }
.ivs-scroll { overflow-x: auto; }
.ivs-vartable input[type=text], .ivs-vartable input[type=number] { width: 100%; min-width: 90px; box-sizing: border-box; }
.ivs-vartable input.short { min-width: 60px; max-width: 90px; }
.ivs-imglist { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
.ivs-imgitem { border: 1px solid #dde2ee; border-radius: 6px; padding: 6px; text-align: center; font-size: 12px; background: #fff; }
.ivs-imgitem img { display: block; width: 150px; height: 112px; object-fit: contain; background: #f6f7fb; margin-bottom: 4px; }
.ivs-savebar { position: sticky; bottom: 0; background: #fff; padding: 10px 0; border-top: 1px solid #e3e6ef; }
@media (max-width: 760px) { .ivs-form .ivs-row { grid-template-columns: 1fr; } }

/* ---------------- fase 2: carrello, cassa, ordini ---------------- */
.ivs-topbar { display: flex; justify-content: flex-end; gap: 16px; margin: 0 0 4px; font-size: 14px; }
/* pagine del negozio: meno spazio sotto la fascia del titolo della pagina (skin con riquadro bianco .inner-wrapper) */
.inner-wrapper:has(.ivs-shop) { padding-top: 6px; }
.ivs-topbar a { text-decoration: none; }
.ivs-cartlink { font-weight: 700; }
.ivs-cartcount { display: inline-block; min-width: 20px; padding: 1px 6px; border-radius: 10px; background: var(--ivs-buy, #390); color: #fff; font-size: 12px; text-align: center; }
.ivs-okmsg { background: #e8f5e1; border: 1px solid #9c6; padding: 8px 12px; border-radius: 6px; margin: 8px 0 12px; }
.ivs-errmsg { background: #fdeaea; border: 1px solid #d99; color: #900; padding: 8px 12px; border-radius: 6px; margin: 8px 0 12px; }
.ivs-errmsg ul { margin: 0; padding-left: 18px; }
.ivs-carttable { width: 100%; border-collapse: collapse; margin: 6px 0 12px; }
.ivs-carttable th, .ivs-carttable td { padding: 8px; border-bottom: 1px solid #e3e6ef; text-align: left; vertical-align: middle; }
.ivs-carttable th { background: #f2f4f9; color: var(--ivs-accent, #0b2474); font-family: Arial, sans-serif; }
.ivs-carttable .num { text-align: right; white-space: nowrap; }
.ivs-cartimg img { width: 64px; height: 48px; object-fit: contain; background: #f6f7fb; border-radius: 4px; }
.ivs-qty { width: 64px; padding: 5px; font-size: 15px; text-align: right; }
.ivs-cartfoot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
.ivs-carttotal { text-align: right; display: flex; flex-direction: column; gap: 4px; font-size: 16px; }
.ivs-carttotal small { color: #666; font-size: 12px; }
.ivs-cartactions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ivs-btnlink { display: inline-block; padding: 9px 18px; border: 1px solid var(--ivs-accent, #0b2474); border-radius: 6px; text-decoration: none; font-weight: 700; }
.ivs-btnlink.ivs-go, a.ivs-btnlink.ivs-go { background: var(--ivs-buy, #390); border-color: var(--ivs-buy, #390); color: #fff !important; }
.ivs-addrow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 6px 0 8px; }
.ivs-qtylabel { font-weight: 700; }
.ivs-loginbox { border: 1px solid #dde2ee; border-radius: 8px; padding: 14px 18px; background: #f8f9fc; max-width: 640px; }

.ivs-cogrid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr); gap: 22px; align-items: start; }
.ivs-coform { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px 12px; margin-top: 4px; }
.ivs-cofield { display: flex; flex-direction: column; gap: 3px; grid-column: span 6; }
.ivs-cofield.ivs-half { grid-column: span 3; }
.ivs-cofield.ivs-third { grid-column: span 2; }
.ivs-cofield label { font-weight: 700; font-size: 13px; }
.ivs-cofield input, .ivs-cofield select, .ivs-notes { width: 100%; padding: 7px 8px; font-size: 15px; box-sizing: border-box; border: 1px solid #c9d0e0; border-radius: 5px; font-family: inherit; }
.ivs-cofield[hidden], .ivs-shipfields[hidden], .ivs-privonly[hidden] { display: none !important; }
.ivs-ro { padding: 7px 0; color: #333; }
.ivs-radio { display: inline-block; margin: 2px 18px 2px 0; font-size: 15px; }
.ivs-consent label { display: block; margin: 4px 0 10px; }
.ivs-cosummary { position: sticky; top: 90px; border: 1px solid #dde2ee; border-radius: 8px; padding: 14px 16px; background: #f8f9fc; }
.ivs-cosummary h3 { font-family: Arial, sans-serif; color: var(--ivs-accent, #0b2474); margin: 0 0 8px; }
.ivs-colines { list-style: none; margin: 0 0 10px; padding: 0; }
.ivs-colines li { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px dashed #dde2ee; font-size: 14px; }
.ivs-cototals { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; margin: 8px 0 12px; }
.ivs-cototals dt { color: #555; } .ivs-cototals dd { margin: 0; text-align: right; white-space: nowrap; }
.ivs-cototals .ivs-grand { font-size: 19px; font-weight: 700; color: var(--ivs-accent, #0b2474); padding-top: 6px; border-top: 2px solid #dde2ee; }
.ivs-taxnote { font-size: 13px; color: #333; background: #fff; border-left: 3px solid var(--ivs-accent, #0b2474); padding: 6px 10px; }
.ivs-wide { display: block; width: 100%; margin: 8px 0; }
.ivs-thanks { border: 2px solid #390; border-radius: 8px; padding: 12px 18px; background: #f4faf0; margin-bottom: 16px; }
.ivs-thanks h2 { color: #390; font-family: Arial, sans-serif; margin: 0 0 6px; }
.ivs-orderstate { color: #444; }
.ivs-subtitle { font-family: Arial, sans-serif; color: var(--ivs-accent, #0b2474); margin: 18px 0 6px; }
.ivs-status { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 12px; font-weight: 700; background: #eee; color: #444; }
.ivs-st-pending-payment { background: #fff3cd; color: #8a6100; }
.ivs-st-paid { background: #dff0d8; color: #2a6a1a; }
.ivs-st-shipped { background: #d9e8fb; color: var(--ivs-accent, #0b2474); }
.ivs-st-completed { background: #e3e6ef; color: #333; }
.ivs-st-cancelled { background: #f6dede; color: #a33; }
.ivs-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.ivs-chip { padding: 4px 12px; border: 1px solid #c9d0e0; border-radius: 14px; text-decoration: none; font-size: 13px; }
.ivs-chip.sel { background: var(--ivs-accent, #0b2474); color: #fff !important; border-color: var(--ivs-accent, #0b2474); }
.ivs-events { list-style: none; margin: 0; padding: 0; } .ivs-events li { padding: 6px 0; border-bottom: 1px solid #eef0f5; }
.ivs-actbtns .ivs-btn { margin: 0 6px 6px 0; }
.ivs-btn-danger { background: #b00; }
.ivs-vattable input.short { width: 80px; }
@media (max-width: 860px) {
	.ivs-cogrid { grid-template-columns: 1fr; }
	.ivs-cosummary { position: static; }
	.ivs-cofield.ivs-half, .ivs-cofield.ivs-third { grid-column: span 6; }
}

/* ---------------- fase 3: pagamenti online ---------------- */
.ivs-paymethods { display: flex; flex-direction: column; gap: 8px; }
.ivs-paymethod { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid #dde2ee; border-radius: 8px; cursor: pointer; background: #fff; }
.ivs-paymethod:has(input:checked) { border-color: var(--ivs-accent, #0b2474); background: #f4f6fc; }
.ivs-paymethod input { margin-top: 3px; }
.ivs-paymethod small { color: #666; }
.ivs-testbadge { display: inline-block; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 3px; background: #fff3cd; color: #8a6100; vertical-align: middle; }
.ivs-paynow { border: 2px solid var(--ivs-accent, #0b2474); border-radius: 8px; padding: 10px 16px; margin: 12px 0; }
.ivs-paynow h3 { margin: 0 0 8px; color: var(--ivs-accent, #0b2474); font-family: Arial, sans-serif; }
.ivs-paynow .ivs-btnlink { margin: 0 6px 6px 0; }

/* ---------------- fasi 4-5: consegna, coupon, gestione ---------------- */
.ivs-licbox { border: 2px solid #390; border-radius: 8px; padding: 10px 16px; margin: 12px 0; background: #f8fcf5; }
.ivs-licbox h3 { margin: 0 0 6px; color: #390; font-family: Arial, sans-serif; }
.ivs-code { font-family: Consolas, monospace; font-weight: 700; letter-spacing: .03em; }
.ivs-coupon { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ivs-couponin { width: 160px; padding: 6px; text-transform: uppercase; }
.ivs-couponon { background: #e8f5e1; border: 1px dashed #390; padding: 4px 10px; border-radius: 6px; }
.ivs-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin: 6px 0 16px; }
.ivs-kpi { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid #dde2ee; border-radius: 8px; text-decoration: none; background: #fff; color: #222 !important; }
.ivs-kpi.alert { border-color: #e0a800; background: #fffaf0; }
.ivs-kpil { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: .03em; }
.ivs-kpiv { font-size: 26px; font-weight: 700; color: var(--ivs-accent, #0b2474); font-family: Arial, sans-serif; }
.ivs-kpis2 { font-size: 12px; color: #777; }
.ivs-table tr.sel td { background: #f4f6fc; }
.ivs-st-refunded { background: #ede3f6; color: #5b2a86; }

/* 2026-10-23: valuta scelta nella tendina in alto (solo indicativa, si paga in euro) */
.ivs-fx { color: #888; font-size: .85em; font-weight: normal; margin-left: .35em; white-space: nowrap; }
dd.ivs-grand .ivs-fx { display: block; margin: 2px 0 0; }
.ivs-fxnote { font-size: .85em; color: #777; margin: .6em 0 0; }

/* ---------------- catalogo (2026-10-23): filtri a sinistra, riquadri / elenco, ordinamento ---------------- */
.ivs-catalog .ivs-crumbs { margin: 0 0 6px; }
.ivs-crumbs .sep { color: #bbb; margin: 0 3px; }
.ivs-crumbs .cur { color: var(--ivs-accent); font-weight: 700; }
.ivs-catalog .ivs-cattitle { margin: 0 0 14px; }
.ivs-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }

/* filtri */
.ivs-filters { border: 0; }
.ivs-filtersbtn { display: none; }
.ivs-fgroup { margin: 0 0 22px; }
.ivs-ftitle { font-family: Arial, sans-serif; font-size: 17px; font-weight: 700; color: #222; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--ivs-line); position: relative; }
.ivs-ftitle::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 48px; height: 2px; background: var(--ivs-accent); }
.ivs-ftitle small { font-weight: 400; font-size: 12px; color: #888; }
.ivs-fvalues { list-style: none; margin: 0; padding: 0; }
.ivs-fvalues.long { max-height: 290px; overflow-y: auto; padding-right: 4px; }
.ivs-fvalues li { margin: 0; padding: 0; }
.ivs-fvalues a { display: flex; align-items: center; gap: 9px; padding: 6px 0; text-decoration: none; color: #333 !important; font-size: 14px; }
.ivs-fvalues a:hover { color: var(--ivs-accent) !important; }
.ivs-fvalues .n { color: #888; font-size: 12px; }
.ivs-fvalues li.up a { color: #666 !important; font-size: 13px; }
.ivs-fcheck .box { flex: none; width: 18px; height: 18px; border: 2px solid #c9d0e0; border-radius: 3px; box-sizing: border-box; background: #fff; }
.ivs-fcheck:hover .box { border-color: var(--ivs-accent); }
.ivs-fcheck.sel .box { border-color: var(--ivs-accent); background: var(--ivs-accent); box-shadow: inset 0 0 0 3px #fff; }
.ivs-fcheck.sel { font-weight: 700; }
.ivs-prange { display: flex; align-items: center; gap: 6px; }
.ivs-prange input { width: 78px; padding: 6px; border: 1px solid #c9d0e0; border-radius: 5px; font-size: 14px; }
.ivs-pgo { padding: 6px 12px; border: 0; border-radius: 5px; background: var(--ivs-accent); color: #fff; font-weight: 700; cursor: pointer; }

/* barra sopra i prodotti */
.ivs-active { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 12px; font-size: 13px; }
.ivs-active .ivs-chip { background: #f4f6fc; }
.ivs-active .ivs-chip:hover { border-color: var(--ivs-accent); }
.ivs-clear { font-size: 13px; color: #b00 !important; margin-left: 4px; }
.ivs-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 0 0 16px; }
.ivs-views { display: flex; gap: 4px; }
.ivs-viewbtn { display: flex; padding: 4px; border: 0; background: none; cursor: pointer; border-radius: 4px; }
.ivs-viewbtn svg { fill: #bbb; }
.ivs-viewbtn:hover svg { fill: #777; }
.ivs-viewbtn.sel svg { fill: var(--ivs-accent); }
.ivs-count { color: #777; font-size: 14px; flex: 1; }
.ivs-sort { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #555; }
.ivs-sort select { padding: 7px 34px 7px 14px; border: 1px solid #d5d9e3; border-radius: 20px; font-size: 14px; background-color: #fff; min-width: 210px; }

/* schede: riquadri */
.ivs-products.ivs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 20px; }
.ivs-card { position: relative; display: flex; flex-direction: column; border: 1px solid var(--ivs-line); border-radius: 4px; background: #fff; transition: box-shadow .15s; }
.ivs-card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .10); }
.ivs-card-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 12px; box-sizing: border-box; background: #fff; }
.ivs-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .2s; }
.ivs-card:hover .ivs-card-img img { transform: scale(1.03); }
.ivs-badges { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
.ivs-badge { position: static; display: inline-block; background: var(--ivs-accent); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 7px; border-radius: 2px; }
.ivs-badge.new { background: #d00; }
.ivs-badge.sale { background: #e67e00; }
.ivs-badge.feat { background: #390; }
.ivs-card-body { display: flex; flex-direction: column; gap: 6px; padding: 10px 14px 14px; flex: 1; }
.ivs-card-brand { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: .04em; }
.ivs-card-name { font-family: Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.35; color: #222 !important; text-decoration: none; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.ivs-card-name:hover { color: var(--ivs-accent) !important; }
.ivs-grid .ivs-card-short { display: none; }
.ivs-card-buy { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.ivs-card .ivs-price { font-size: 18px; color: #222; }
.ivs-card-btn { display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 3px; background: var(--ivs-buy); color: #fff !important; font-weight: 700; font-size: 14px; text-align: center; text-decoration: none; cursor: pointer; box-sizing: border-box; }
.ivs-card-btn:hover { filter: brightness(1.1); }
.ivs-card-btn.off { background: #ccc; cursor: default; }

/* schede: elenco */
.ivs-products.ivs-list { display: flex; flex-direction: column; gap: 14px; }
.ivs-list .ivs-card { flex-direction: row; align-items: stretch; }
.ivs-list .ivs-card-img { flex: none; width: 190px; aspect-ratio: auto; min-height: 150px; }
.ivs-list .ivs-card-body { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 22px; padding: 14px 18px; }
.ivs-list .ivs-card-brand, .ivs-list .ivs-card-name, .ivs-list .ivs-card-short { flex: 1 1 100%; }
.ivs-list .ivs-card-name { min-height: 0; font-size: 16px; }
.ivs-list .ivs-card-short { display: block; font-size: 13px; color: #555; }
.ivs-list .ivs-card-buy { flex: 1 1 100%; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 4px; }
.ivs-list .ivs-card-btn { width: auto; padding: 9px 28px; }

/* pagine */
.ivs-pager { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 24px 0 8px; }
.ivs-pager a, .ivs-pager span { min-width: 34px; padding: 6px 10px; border: 1px solid var(--ivs-line); border-radius: 4px; text-align: center; text-decoration: none; font-size: 14px; box-sizing: border-box; }
.ivs-pager .cur { background: var(--ivs-accent); border-color: var(--ivs-accent); color: #fff; font-weight: 700; }
.ivs-pager .gap { border: 0; }

/* scheda tecnica nella pagina del prodotto */
.ivs-brand { font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 4px; }
.ivs-specs { border-collapse: collapse; width: 100%; max-width: 640px; margin: 8px 0 0; font-size: 14px; }
.ivs-specs th, .ivs-specs td { text-align: left; padding: 7px 10px; border-bottom: 1px solid var(--ivs-line); }
.ivs-specs th { width: 40%; color: #555; font-weight: 700; background: #f8f9fc; }

@media (max-width: 899px) {
	.ivs-layout { grid-template-columns: 1fr; gap: 10px; }
	.ivs-filtersbtn { display: block; cursor: pointer; padding: 9px 14px; border: 1px solid #c9d0e0; border-radius: 4px; font-weight: 700; list-style: none; }
	.ivs-filtersbtn::-webkit-details-marker { display: none; }
	.ivs-filtersbtn::after { content: " \25BE"; }
	.ivs-filters[open] .ivs-filtersbtn { margin-bottom: 14px; }
	.ivs-sort { flex: 1 1 100%; }
	.ivs-sort select { flex: 1; min-width: 0; }
}
@media (max-width: 560px) {
	.ivs-products.ivs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.ivs-card-body { padding: 8px 10px 10px; }
	.ivs-list .ivs-card { flex-direction: column; }
	.ivs-list .ivs-card-img { width: 100%; }
}

/* gestione: caratteristiche nella scheda del prodotto */
.ivs-featrow { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 4px 14px; padding: 6px 0; border-bottom: 1px dashed #eef0f5; }
.ivs-featvals { display: flex; flex-wrap: wrap; gap: 2px 16px; max-height: 160px; overflow-y: auto; }

/* ---------------- lista dei desideri e carrelli salvati (2026-10-23) ---------------- */
.ivs-heart { position: absolute; top: 8px; right: 8px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.ivs-heart svg { fill: none; stroke: #444; stroke-width: 1.8; transition: transform .15s, fill .15s, stroke .15s; }
.ivs-heart:hover svg { stroke: #d00; transform: scale(1.1); }
.ivs-heart.on svg { fill: #d00; stroke: #d00; }
.ivs-heart-text { position: static; width: auto; height: auto; gap: 8px; padding: 10px 16px; border: 1px solid #c9d0e0; border-radius: 6px; background: #fff; box-shadow: none; font-weight: 700; font-size: 14px; color: #333; }
.ivs-heart-text .t-on, .ivs-heart-text.on .t-off { display: none; }
.ivs-heart-text.on .t-on { display: inline; color: #d00; }
.ivs-wishlink { text-decoration: none; }
.ivs-wishcount { background: #d00; }
.ivs-saved { margin-top: 30px; padding-top: 14px; border-top: 2px solid #f2f2f2; }
.ivs-savecart { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 6px 0 8px; }
.ivs-savecart label { font-weight: 700; }
.ivs-savecart input { flex: 1 1 260px; max-width: 360px; padding: 7px 9px; border: 1px solid #c9d0e0; border-radius: 5px; font-size: 15px; }
.ivs-savedtable td small { color: #555; }
.ivs-savedacts { white-space: nowrap; }
.ivs-savedacts .ivs-btn { padding: 5px 12px; font-size: 13px; }

/* ---------------- area "Il mio account" (2026-10-23) ---------------- */
.ivs-acctitle { text-align: center; font-weight: 400; margin: 0 0 18px; }
.ivs-acclayout { display: grid; grid-template-columns: 260px minmax(0, 1fr); border: 1px solid var(--ivs-line); background: #fff; }
.ivs-accmenu { border-right: 1px solid var(--ivs-line); padding: 14px 6px; }
.ivs-accmenu ul { list-style: none; margin: 0; padding: 0; }
.ivs-accmenu li { border-bottom: 1px solid var(--ivs-line); margin: 0; }
.ivs-accmenu a { display: flex; align-items: center; gap: 10px; padding: 11px 10px; text-decoration: none; color: #333 !important; font-size: 14px; }
.ivs-accmenu a:hover { color: var(--ivs-accent, #0b2474) !important; background: #f8f9fc; }
.ivs-accmenu li.sel a { color: var(--ivs-accent, #0b2474) !important; font-weight: 700; background: #f4f6fc; }
.ivs-accmenu .ic { width: 18px; text-align: center; font-size: 14px; }
.ivs-accbody { padding: 18px 20px 22px; min-width: 0; }
.ivs-acchead { font-family: Arial, sans-serif; font-size: 19px; color: #222; margin: 0 0 12px; }
.ivs-accintro { margin: 0 0 14px; color: #333; }
.ivs-acctable { font-size: 14px; }
.ivs-acctable th { background: #f2f2f2; color: #444; font-weight: 700; }
.ivs-acctable tbody tr:nth-child(odd) td { background: #f7f7f7; }
.ivs-acctable td { padding: 12px 10px; }
.ivs-ordref { font-weight: 700; text-decoration: none; color: #555 !important; }
.ivs-accacts { white-space: nowrap; }
.ivs-accacts a, .ivs-accacts .ivs-linkbtn { display: block; margin: 2px 0; text-align: center; font-size: 14px; color: #333 !important; text-decoration: none; }
.ivs-accacts a:hover, .ivs-accacts .ivs-linkbtn:hover { color: var(--ivs-accent, #0b2474) !important; text-decoration: underline; }
.ivs-addrgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.ivs-addr { border: 1px solid var(--ivs-line); border-radius: 6px; padding: 12px 14px; background: #fff; }
.ivs-addr.def { border-color: var(--ivs-accent, #0b2474); }
.ivs-addr p { margin: 6px 0 0; font-size: 14px; color: #444; }
.ivs-addracts { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.ivs-addrpick select { max-width: 100%; padding: 6px; font-size: 14px; }
.ivs-rma-requested { background: #fff3cd; color: #8a6100; }
.ivs-rma-approved { background: #d9e8fb; color: #0b2474; }
.ivs-rma-received { background: #e3e6ef; color: #333; }
.ivs-rma-resolved { background: #dff0d8; color: #2a6a1a; }
.ivs-rma-rejected { background: #f6dede; color: #a33; }
.ivs-account .ivs-saved { margin-top: 0; padding-top: 0; border-top: 0; }
.ivs-account .ivs-saved .ivs-subtitle { display: none; }
@media (max-width: 760px) {
	.ivs-acclayout { grid-template-columns: 1fr; }
	.ivs-accmenu { border-right: 0; border-bottom: 1px solid var(--ivs-line); }
	.ivs-accmenu ul { display: flex; flex-wrap: wrap; }
	.ivs-accmenu li { border: 0; }
	.ivs-accmenu a { padding: 7px 9px; font-size: 13px; }
	.ivs-accbody { padding: 14px 10px; }
}

/* account, lista dei desideri e carrello sulla stessa riga di vista / numero prodotti / ordinamento */
.ivs-cathead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; margin: 0 0 14px; }   /* titolo a sinistra, account/desideri/carrello a destra */
.ivs-catalog .ivs-cathead .ivs-cattitle { margin: 0; }
.ivs-cathead .ivs-topbar { margin: 0 0 0 auto; flex-wrap: wrap; }
.ivs-active .ivs-none { color: #777; }
.ivs-toolbar + .ivs-active { margin-top: -6px; }

/* ---------------- configuratore di PC e workstation (2026-10-23) ---------------- */
.ivs-config { margin: 6px 0 14px; }
.ivs-cfgtitle { font-family: Arial, sans-serif; font-size: 17px; margin: 0 0 8px; color: #222; }
.ivs-cfggroup { border: 1px solid var(--ivs-line); border-radius: 6px; padding: 6px 12px 8px; margin: 0 0 10px; }
.ivs-cfggroup legend { font-weight: 700; padding: 0 6px; font-size: 14px; color: var(--ivs-accent, #0b2474); }
.ivs-cfgopt { display: flex; align-items: center; gap: 8px; padding: 5px 4px; border-radius: 4px; cursor: pointer; font-size: 14px; margin: 0; font-weight: 400; }
.ivs-cfgopt:hover { background: #f6f7fb; }
.ivs-cfgopt:has(input:checked) { background: #f4f6fc; font-weight: 700; }
.ivs-cfgopt .n { flex: 1; }
.ivs-cfgopt .d { white-space: nowrap; color: #555; font-size: 13px; }
.ivs-cfgopt.oos, .ivs-cfgopt.conflict { opacity: .45; cursor: not-allowed; }
.ivs-cfgwarn { background: #fff3cd; border: 1px solid #e6c65c; color: #6b4e00; padding: 7px 10px; border-radius: 5px; font-size: 14px; }
/* gestione */
.ivs-cfgadmin .ivs-cfgnames { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; margin-bottom: 4px; }
.ivs-cfgadmin .ivs-cfgnames input[type=text] { width: 190px; padding: 4px 6px; }
.ivs-cfgadmin .ivs-cfgnames .danger { color: #b00; }
.ivs-cfgadmin select { max-width: 340px; }
.ivs-rulesel { min-width: 180px; max-width: 240px; font-size: 12px; }

/* pagine di gestione del negozio a tutta larghezza, libere dalla larghezza della skin (24/10/2026) */
.container:has(.ivs-admin) { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; align-self: stretch !important; box-sizing: border-box; padding-left: 24px; padding-right: 24px; }
/* stessa cosa nella skin di ivsedits.com (techtronic: #wrapwebsite > #wrapcenter > cella centrale, larghe 1024 px) */
#wrapwebsite:has(.ivs-admin) { width: auto !important; max-width: none !important; margin-left: 12px !important; margin-right: 12px !important; }
#wrapwebsite:has(.ivs-admin) #wrapcenter { width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.art-layout-cell:has(> .ivs-admin) { float: none !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; }
/* elenco prodotti: colore della riga per stato + interruttore rapido "in vendita" */
.ivs-prodlist tr.ivs-st-sale td { background: #e9f7e1; }
.ivs-prodlist tr.ivs-st-hidden td { background: #e3f0fc; }
.ivs-prodlist tr.ivs-st-out td { background: #fbe1e1; }
.ivs-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 8px; font-size: 13px; }
.ivs-legend span { padding: 3px 10px; border-radius: 4px; border: 1px solid rgba(0,0,0,.08); }
.ivs-legend .ivs-st-sale { background: #e9f7e1; } .ivs-legend .ivs-st-hidden { background: #e3f0fc; } .ivs-legend .ivs-st-out { background: #fbe1e1; }
.ivs-switch { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #b9c0cc; background: #fff; color: #555; border-radius: 14px; padding: 3px 10px 3px 4px; font: 700 12px Arial, sans-serif; cursor: pointer; white-space: nowrap; }
.ivs-switch .knob { width: 26px; height: 14px; border-radius: 7px; background: #c4c9d2; position: relative; transition: background .15s; }
.ivs-switch .knob::after { content: ""; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: #fff; transition: left .15s; }
.ivs-switch.on { border-color: #4a9a2a; color: #2f7a12; }
.ivs-switch.on .knob { background: #3c9a1c; }
.ivs-switch.on .knob::after { left: 14px; }
.ivs-switch:hover { box-shadow: 0 0 0 2px rgba(0,0,0,.08); }
.ivs-outnote { color: #b01818; font-weight: 700; }
.ivs-prodlist tr:target td { outline: 2px solid #d4141c; outline-offset: -2px; }

/* ===== Gestionale (InvoxOne web) - pannelli come il desktop: filtri | elenco | scheda (24/10/2026) ===== */
.ivs-adminnav .gx-navlink { font-weight: 700; color: #b01818; }
.gx-ro { font-size: 13px; font-weight: 400; color: #777; margin-left: 8px; }
.gx { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 14px; align-items: start; }
.gx.has-detail { grid-template-columns: 240px minmax(0, 1fr) minmax(420px, 40%); }
@media (max-width: 1400px) { .gx.has-detail { grid-template-columns: 240px minmax(0, 1fr); } .gx.has-detail .gx-detail { grid-column: 1 / -1; } }
@media (max-width: 800px) { .gx, .gx.has-detail { grid-template-columns: 1fr; } }
.gx-panel { background: #fff; border: 1px solid #dfe3ea; border-radius: 8px; padding: 12px 14px; box-shadow: 0 1px 3px rgba(0,0,0,.05); min-width: 0; }
.gx-panel h3 { font: 700 12px Arial, sans-serif; text-transform: uppercase; letter-spacing: .5px; color: #666; margin: 14px 0 6px; }
.gx-panel h3:first-child { margin-top: 0; }
.gx-search { display: flex; gap: 6px; }
.gx-search input { flex: 1; min-width: 0; padding: 6px 8px; border: 1px solid #c8ced8; border-radius: 4px; }
.gx-search .ivs-btn { padding: 6px 10px; }
.gx-chip { margin: 8px 0 0; font-size: 13px; background: #fff4d6; padding: 4px 8px; border-radius: 4px; }
.gx-chip a { text-decoration: none; font-weight: 700; margin-left: 4px; color: #b01818; }
.gx-facets { list-style: none; margin: 0; padding: 0; }
.gx-facets li a, .gx-facets li.gx-muted { display: flex; justify-content: space-between; gap: 8px; padding: 4px 8px; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; }
.gx-facets li a:hover { background: #f1f3f7; }
.gx-facets li.on a { background: #b01818; color: #fff; }
.gx-facets li span { color: #888; font-size: 12px; }
.gx-facets li.on span { color: #ffd9d9; }
.gx-scroll { max-height: 340px; overflow-y: auto; }
.gx-toggle { text-decoration: none; color: #333; font-size: 14px; }
.gx-toggle.on { color: #b01818; font-weight: 700; }
.gx-muted { color: #999; font-size: 13px; }
.gx-listhead { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; font-weight: 700; color: #444; }
.gx-pager { font-weight: 400; font-size: 14px; } .gx-pager a { text-decoration: none; font-size: 18px; padding: 0 6px; }
.gx-tablewrap { overflow: auto; max-height: calc(100vh - 230px); }
.gx-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.gx-table th { position: sticky; top: 0; background: #f2f4f9; color: #b01818; text-align: left; padding: 6px 8px; border-bottom: 2px solid #dfe3ea; white-space: nowrap; z-index: 1; }
.gx-table td { padding: 5px 8px; border-bottom: 1px solid #edf0f5; vertical-align: top; }
.gx-table td.num, .gx-table th.num { text-align: right; white-space: nowrap; }
.gx-list .gx-table tbody tr { cursor: pointer; }
.gx-list .gx-table tbody tr:nth-child(even) td { background: #fafbfd; }
.gx-list .gx-table tbody tr:hover td { background: #fff4d6; }
.gx-list .gx-table tbody tr.sel td { background: #ffe1e1; }
.gx-list .gx-table tbody tr.off td { color: #999; }
.gx-list .gx-table tbody tr.blk td:first-child { box-shadow: inset 3px 0 #b01818; }
.gx-list .gx-table a { color: inherit; text-decoration: none; font-weight: 700; }
.gx-detail { position: relative; }
.gx-close { position: absolute; top: 8px; right: 12px; font-size: 24px; line-height: 1; text-decoration: none; color: #999; }
.gx-close:hover { color: #b01818; }
.gx-dhead h3 { font: 700 20px Arial, sans-serif; color: #222; text-transform: none; letter-spacing: 0; margin: 6px 30px 2px 0; }
.gx-sub { margin: 0 0 2px; color: #666; font-size: 13px; }
.gx-badge { display: inline-block; font: 700 11px Arial, sans-serif; text-transform: uppercase; padding: 2px 8px; border-radius: 10px; background: #e3f0fc; color: #1d5a8f; margin-right: 4px; }
.gx-badge.t1 { background: #e9f7e1; color: #2f7a12; } .gx-badge.t2 { background: #e3f0fc; color: #1d5a8f; }
.gx-badge.off { background: #eee; color: #777; } .gx-badge.blk { background: #fbe1e1; color: #b01818; }
.gx-warn { background: #fbe1e1; color: #8a1010; padding: 6px 10px; border-radius: 4px; font-size: 13px; }
.gx-boxes { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin-top: 12px; }
.gx-box { border: 1px solid #e6e9ef; border-radius: 6px; padding: 8px 10px; background: #fcfcfd; }
.gx-box h4 { font: 700 13px Arial, sans-serif; color: #b01818; margin: 0 0 6px; }
.gx-box h4 small { color: #888; font-weight: 400; margin-left: 6px; }
.gx-box dl { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 3px 10px; font-size: 13px; }
.gx-box dt { color: #777; } .gx-box dd { margin: 0; color: #222; word-break: break-word; }
.gx-docs { margin-top: 10px; }

/* Gestionale - documenti: stato, composizioni (padre giallo, componenti verdi come nel desktop), totali */
.gx-stato { display: inline-block; font: 700 11px Arial, sans-serif; padding: 2px 7px; border-radius: 10px; background: #eee; color: #666; white-space: nowrap; }
.gx-stato.s1 { background: #fff1c9; color: #8a6200; } .gx-stato.s2 { background: #e9f7e1; color: #2f7a12; } .gx-stato.s3, .gx-stato.s5 { background: #fbe1e1; color: #b01818; } .gx-stato.s4 { background: #e3f0fc; color: #1d5a8f; }
.gx-years li { display: inline-block; } .gx-years li a { display: inline-flex; }
.gx-doc .gx-righe { margin-top: 10px; } .gx-doc .gx-righe .gx-tablewrap { max-height: none; }
.gx-righe tr.comp-padre td { background: #fff4c2; } .gx-righe tr.comp-figlio td { background: #eaf6e4; font-size: 12px; } .gx-righe tr.comp-figlio td:nth-child(2) { padding-left: 22px; }
.gx-righe tr.solo-testo td { color: #555; font-style: italic; } .gx-righe tr.nonstampa td { opacity: .6; }
.gx-tag { display: inline-block; font: 700 10px Arial, sans-serif; text-transform: uppercase; padding: 1px 6px; border-radius: 8px; background: rgba(0,0,0,.08); color: #555; margin-left: 4px; }
.gx-totals { display: flex; flex-direction: column; align-items: flex-end; margin-top: 10px; }
.gx-totals table { border-collapse: collapse; font-size: 14px; min-width: 340px; }
.gx-totals td { padding: 3px 8px; } .gx-totals td.num { text-align: right; white-space: nowrap; }
.gx-totals tr.gx-aliq td { font-size: 12px; color: #777; }
.gx-totals tr.gx-grand td { border-top: 2px solid #b01818; font-weight: 700; font-size: 16px; color: #b01818; }
.gx-totals p { margin: 6px 0 0; font-size: 12px; }
.gx-alldocs { margin: 0 0 6px; font-size: 13px; } .gx-alldocs a { font-weight: 700; }
tr.gx-link { cursor: pointer; } tr.gx-link:hover td { background: #fff4d6; } tr.gx-link a { color: inherit; text-decoration: none; }
.gx-list tr.st3 td, .gx-list tr.st5 td { color: #888; }

/* Gestionale - articoli: giacenze colorate, magazzini virtuali (ordinati), riquadri larghi */
.gx-table td.gx-pos { color: #2f7a12; font-weight: 700; } .gx-table td.gx-zero { color: #999; } .gx-table td.gx-low { color: #b86e00; font-weight: 700; } .gx-table td.gx-neg { color: #b01818; font-weight: 700; }
.gx-table tr.gx-virt td { color: #777; font-style: italic; }
.gx-boxes .gx-wide, .gx-detail > .gx-wide { grid-column: 1 / -1; }
.gx-art .gx-box { margin-top: 10px; } .gx-art .gx-boxes .gx-box { margin-top: 0; }
.gx-art .gx-box .gx-table { font-size: 12px; }

/* Gestionale - fatture elettroniche: viste AdE / AssoSoftware / XML */
.gx-fe-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 14px 0 8px; flex-wrap: wrap; }
.gx-tabs { display: inline-flex; border: 1px solid #dfe3ea; border-radius: 6px; overflow: hidden; }
.gx-tabs a { padding: 6px 12px; text-decoration: none; color: #444; font-size: 13px; border-right: 1px solid #dfe3ea; }
.gx-tabs a:last-child { border-right: 0; } .gx-tabs a.on { background: #b01818; color: #fff; font-weight: 700; } .gx-tabs a:hover:not(.on) { background: #f1f3f7; }
.gx-fe-frame { width: 100%; height: 75vh; border: 1px solid #dfe3ea; border-radius: 6px; background: #fff; }
.gx-xml { max-height: 75vh; overflow: auto; background: #1e1e1e; color: #d4d4d4; padding: 12px; border-radius: 6px; font: 12px/1.45 Consolas, monospace; white-space: pre; }
.gx-att { margin: 0; padding-left: 18px; font-size: 13px; } .gx-att a { font-weight: 700; }
.gx-list tr.fe-dir2 td:nth-child(4) { color: #1d5a8f; }

/* Gestionale - articoli nel negozio: interruttore, riquadro nella scheda, pulsante di aggiornamento */
.gx-shopbox { margin: 10px 0 0; padding: 8px 10px; border: 1px solid #f0d6d6; background: #fff7f7; border-radius: 6px; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.gx-syncbtn { margin: 8px 0 4px; width: 100%; font-size: 12px; padding: 6px 8px; white-space: normal; }
.gx-list .ivs-switch { font-size: 11px; padding: 2px 8px 2px 3px; }