:root{--bg:#0b0d10;--panel:#14171d;--panel2:#1b2028;--text:#f4f5f7;--muted:#9aa3af;--line:#2a303a;--accent:#ffffff;--red:#e03a3e;--green:#20c997;--yellow:#f6c343;--blue:#58a6ff;--shadow:0 18px 50px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:#07080a;border-right:1px solid var(--line);padding:22px;position:fixed;left:0;top:0;bottom:0;overflow:auto}.brand{display:flex;gap:13px;align-items:center;margin-bottom:24px}.brand-mark{width:44px;height:44px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-1px}.brand strong{display:block;font-size:14px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.nav{display:grid;gap:5px}.nav a{display:block;text-decoration:none;color:#c9ced6;padding:11px 12px;border-radius:12px;font-weight:650;font-size:14px}.nav a:hover,.nav a.active{background:var(--panel);color:#fff}.sidebar-footer{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.sidebar-footer a{color:#fff;text-decoration:none}.main{margin-left:270px;width:calc(100% - 270px);padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.topbar h1{margin:0;font-size:32px;letter-spacing:-.04em}.topbar p{margin:6px 0 0;color:var(--muted)}.quick-search input{width:310px}.content{display:grid;gap:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.card{background:linear-gradient(180deg,var(--panel),#11141a);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.card h2{font-size:18px;margin:0}.card p{margin:5px 0 0;color:var(--muted)}.kpi{padding:20px}.kpi strong{display:block;font-size:34px;letter-spacing:-.05em}.kpi span{display:block;color:var(--muted);margin-top:6px}.flash{padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:var(--panel2)}.flash.ok{border-color:rgba(32,201,151,.45)}.flash.err{border-color:rgba(224,58,62,.55)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{color:#fff;background:#0f1217;font-size:12px;text-transform:uppercase;letter-spacing:.07em}td{color:#e5e7eb;font-size:14px}tr:last-child td{border-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.inline{display:inline}.btn,button{appearance:none;border:0;border-radius:12px;padding:10px 13px;background:#fff;color:#0b0d10;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-size:14px}.btn:hover,button:hover{filter:brightness(.92)}.btn.secondary{background:var(--panel2);color:#fff;border:1px solid var(--line)}.btn.ghost{background:transparent;color:#fff;border:1px solid var(--line)}.btn.danger,button.danger{color:#fff;border-color:rgba(224,58,62,.45)}.btn.red{background:var(--red);color:#fff}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.field{display:grid;gap:7px;grid-column:span 6}.field.full{grid-column:span 12}.field.third{grid-column:span 4}.field.quarter{grid-column:span 3}.field span{font-size:13px;color:var(--muted);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#090b0f;color:#fff;border-radius:12px;padding:11px 12px;font-size:14px}textarea{min-height:92px;resize:vertical}.form-actions{display:flex;gap:10px;align-items:center;margin-top:15px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#252a33;color:#e5e7eb;font-weight:800;font-size:12px}.badge.good{background:rgba(32,201,151,.15);color:#74f2cd}.badge.warn{background:rgba(246,195,67,.15);color:#ffe08a}.badge.bad{background:rgba(224,58,62,.15);color:#ff9a9d}.note{color:var(--muted);font-size:13px;line-height:1.45}.print-only{display:none}.split-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-list{display:grid;gap:10px}.mini-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#10141b}.mini-item strong{display:block}.mini-item small{display:block;color:var(--muted);margin-top:4px}@media(max-width:980px){.sidebar{position:relative;width:100%;height:auto}.app-shell{display:block}.main{margin-left:0;width:100%;padding:18px}.topbar{display:grid}.quick-search input{width:100%}.col-3,.col-4,.col-6,.col-8{grid-column:span 12}.field,.field.third,.field.quarter{grid-column:span 12}}@media print{body{background:#fff;color:#111}.sidebar,.topbar,.no-print,.flash{display:none!important}.main{margin:0;width:100%;padding:0}.card{box-shadow:none;border:0;background:#fff;color:#111}.table-wrap{border:1px solid #ddd}th{background:#f3f4f6;color:#111}td{color:#111;border-color:#ddd}.print-only{display:block}.content{display:block}input,select,textarea{border:0;background:#fff;color:#111}.badge{border:1px solid #ccc;color:#111;background:#fff}} input[readonly]{opacity:.82;background:#121722;color:#d9dde5;cursor:not-allowed}.field.full input[name="description"]{font-size:15px;padding:13px 14px}.card .table-wrap table td strong{color:#fff}.note span{display:inline}.form-grid .field.full small.note{margin-top:-2px} .date-cell{white-space:nowrap;min-width:118px}.date-cell strong{font-size:14px;color:#fff}.date-cell .note{font-size:12px} /* v1.3 - Ordini cliente stile documento con righe multiple */ .document-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:16px;margin-bottom:18px}.doc-panel{border:1px solid var(--line);border-radius:16px;background:#10141b;padding:16px}.doc-panel h3{margin:0 0 14px;font-size:16px;letter-spacing:-.02em}.form-grid.compact{gap:10px}.form-grid.compact .field{grid-column:span 6}.mini-total-box{border-top:1px solid var(--line);margin-top:12px;padding-top:13px}.mini-total-box span,.mini-total-box small{display:block;color:var(--muted)}.mini-total-box strong{display:block;font-size:27px;letter-spacing:-.04em;margin:4px 0}.order-items-section{margin-top:10px;border-top:1px solid var(--line);padding-top:18px}.order-items{display:grid;gap:12px;margin-top:14px}.order-item-row{display:grid;grid-template-columns:28px 90px 160px minmax(280px,2fr) 82px 82px 125px 92px 80px 120px;gap:10px;align-items:end;border:1px solid var(--line);border-radius:16px;background:#0c0f14;padding:13px}.order-item-row .field{grid-column:auto}.item-handle{align-self:center;color:var(--muted);font-size:22px;text-align:center}.order-item-row .field span,.item-total span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.order-item-row input,.order-item-row textarea{border-radius:10px;padding:10px}.item-name input{min-width:100%;font-weight:750}.item-total{display:grid;gap:7px;align-self:stretch}.item-total strong{display:flex;align-items:center;justify-content:flex-end;height:41px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#111722;font-size:16px}.item-desc{grid-column:4 / span 4}.item-desc textarea{min-height:72px}.item-category{grid-column:8 / span 1}.item-add-bike{grid-column:9 / span 1}.remove-item{grid-column:10;align-self:center;justify-content:center}.order-bottom-grid{display:grid;grid-template-columns:1fr 1fr 300px;gap:16px;align-items:start;margin-top:18px}.order-bottom-grid .field{grid-column:auto}.order-summary-box{border:1px solid var(--line);border-radius:16px;background:#10141b;padding:16px;display:grid;gap:10px}.order-summary-box div{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.order-summary-box strong{color:#fff}.order-summary-box .grand{border-top:1px solid var(--line);padding-top:12px;font-size:19px;color:#fff}.order-summary-box .grand strong{font-size:25px}.document-items th.qty,.document-items td.qty{text-align:center;white-space:nowrap}.document-items th.amount,.document-items td.amount{width:95px}@media(max-width:1280px){.document-grid{grid-template-columns:1fr}.order-item-row{grid-template-columns:28px 90px 160px minmax(260px,1fr) 82px 82px 125px 92px 80px 120px}.order-bottom-grid{grid-template-columns:1fr}.order-summary-box{max-width:none}}@media(max-width:980px){.order-item-row{grid-template-columns:1fr}.item-handle{display:none}.order-item-row .field,.item-desc,.item-category,.remove-item{grid-column:auto}.item-total strong{justify-content:flex-start}.document-grid{grid-template-columns:1fr}} /* v1.4 - loghi ufficiali e acconti ordine */ .brand-logo{width:42px;height:42px;object-fit:contain;display:block;flex:0 0 42px;background:#fff;border-radius:10px;padding:4px} .order-payments-section{margin-top:24px;border-top:1px solid var(--line);padding-top:20px} .order-payments{display:flex;flex-direction:column;gap:12px} .payment-row{display:grid;grid-template-columns:140px 150px 150px 140px minmax(220px,1fr) minmax(220px,1fr) auto;gap:10px;align-items:end;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:14px} .payment-row .field{margin:0}.payment-row .remove-payment{white-space:nowrap} @media(max-width:1100px){.payment-row{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-row .remove-payment{grid-column:1/-1}} .money-input{text-align:right}.item-add-bike select{min-width:120px} /* v1.6 - Corrispettivi e magazzino biciclette */ .filter-row{display:grid;grid-template-columns:1fr 220px auto auto;gap:10px;align-items:center;margin-bottom:14px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.summary-strip div{background:#0d1117;border:1px solid var(--line);border-radius:14px;padding:12px}.summary-strip span{display:block;color:var(--muted);font-size:12px;font-weight:800}.summary-strip strong{display:block;font-size:18px;margin-top:4px}.month-form{display:flex;gap:8px;align-items:center}.month-form input{width:150px}tfoot th{border-top:1px solid var(--line);background:#111722}.card .table-wrap table tfoot th{color:#fff}.field input[name="product_name"]{font-weight:750}.field input[name="bike_color"],.field input[name="serial_number"]{min-width:0}@media(max-width:980px){.filter-row{grid-template-columns:1fr}.summary-strip{grid-template-columns:1fr 1fr}.month-form{width:100%;display:grid;grid-template-columns:1fr auto}.month-form input{width:100%}} /* v1.7 - Contabilità separata e WhatsApp */ .btn.whatsapp{background:#25D366;color:#05150b;border:0} .btn.disabled{opacity:.45;pointer-events:none;cursor:not-allowed} .accounting-dashboard .private-summary strong{font-size:24px}.secondary-summary strong{font-size:19px}.nav a[href$="contabilita.php"]{border:1px solid rgba(255,255,255,.08)} @media(max-width:980px){.accounting-dashboard .summary-strip{grid-template-columns:1fr}} /* v1.7.1 - paginazione elenco clienti */ .list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}.muted-small{font-size:13px;color:var(--muted)}.per-page-form label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.per-page-form select{width:auto;min-width:84px;padding:9px 11px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.pagination span{color:var(--muted);font-weight:700;padding:0 8px}.btn.disabled{opacity:.35;pointer-events:none} /* v1.8 - Dashboard più larga, KPI cliccabili, DDT */ .kpi-link{text-decoration:none;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.kpi-link:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28);filter:brightness(1.08)}.quick-actions-card .card-head{margin-bottom:12px}.quick-actions-row{display:flex;flex-wrap:wrap;gap:10px}.quick-actions-row .btn{white-space:nowrap}.ddt-items{display:grid;gap:12px;margin-top:12px}.ddt-item-row{display:grid;grid-template-columns:110px minmax(280px,2fr) 170px 90px 90px minmax(180px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:16px;background:#0c0f14;padding:13px}.ddt-item-row .field{grid-column:auto}.ddt-item-row .field span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.ddt-item-row textarea{min-height:52px}.label-preview{border:1px dashed var(--line);border-radius:16px;padding:14px;background:#0d1117}.label-preview strong{display:block;margin-bottom:4px}.kpi-link small{display:block;color:var(--muted);font-size:12px;margin-top:2px}@media(max-width:1200px){.ddt-item-row{grid-template-columns:1fr 1fr}.ddt-item-row .field{grid-column:auto}.ddt-item-row .remove-ddt-item{grid-column:1/-1}}@media(max-width:980px){.quick-actions-row{display:grid;grid-template-columns:1fr}.ddt-item-row{grid-template-columns:1fr}} /* v1.8.1 - Ricerca cliente DDT precisa con compilazione dati */ .customer-lookup{position:relative}.customer-results{display:none;position:absolute;left:0;right:0;top:74px;z-index:30;background:#080b10;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);max-height:360px;overflow:auto;padding:6px}.customer-results.open{display:block}.customer-result{width:100%;text-align:left;background:transparent;color:#fff;border:0;border-radius:12px;padding:11px 12px;display:block;cursor:pointer}.customer-result:hover{background:#171c24;filter:none}.customer-result strong{display:block;font-size:14px}.customer-result small{display:block;color:var(--muted);font-weight:600;margin-top:4px;line-height:1.35}.customer-result.muted{color:var(--muted);cursor:default}.customer-result.muted:hover{background:transparent} /* v1.9 */ .badge.info{background:#e9f1ff;color:#174ea6;border:1px solid #bfd4ff} .badge.bad{background:#ffecec;color:#b42318;border:1px solid #ffc5c5} .badge.warn{background:#fff7db;color:#7a4c00;border:1px solid #f4d37b} .badge.good{background:#e8f7ec;color:#116329;border:1px solid #b8e4c3} .today-board .today-section{margin-bottom:18px} .today-board .today-section h3{margin:0 0 10px 0} .document-number{font-weight:700;white-space:nowrap} .shop-bike-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px} .password-note{font-size:12px;color:var(--muted)} .tradein-box{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)} .trade-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px} .compact-table table{font-size:13px} .attachments-box { border:1px solid var(--line); border-radius:16px; padding:14px; background:rgba(255,255,255,.02); } input[type=file] { width:100%; color:var(--text); border:1px dashed var(--line); border-radius:14px; padding:14px; background:rgba(255,255,255,.03); } .nav a:nth-child(13) { margin-top:8px; } /* v1.13 - creazione rapida cliente/bici da intervento */ .inline-create-box{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;background:rgba(255,255,255,.025)} .checkline{display:flex;align-items:center;gap:10px;margin:0;font-weight:800;color:#fff;cursor:pointer} .checkline input{width:auto;min-width:18px;height:18px} .checkline span{color:#fff;font-size:14px} .nested-fields{margin-top:12px;border-top:1px solid var(--line);padding-top:12px} .form-grid.compact .field.third{grid-column:span 4} @media(max-width:980px){.form-grid.compact .field.third{grid-column:span 12}} /* v1.14 - officina: oggetti non bici e cambio stato rapido */ .inline-status{display:inline-block;margin:0} .status-select{min-width:170px;padding:9px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-weight:800;cursor:pointer} .status-select:hover{border-color:rgba(255,255,255,.35)} #bikeFieldsBox{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)} /* v1.15 - stati colorati per interventi/ordini e WhatsApp */ .badge.status-badge{border:1px solid transparent;font-weight:900;letter-spacing:.01em;white-space:nowrap} .status-badge.status-red,.status-select.status-red{background:rgba(224,58,62,.18)!important;color:#ff9a9d!important;border-color:rgba(224,58,62,.55)!important} .status-badge.status-yellow,.status-select.status-yellow{background:rgba(246,195,67,.18)!important;color:#ffe08a!important;border-color:rgba(246,195,67,.55)!important} .status-badge.status-blue,.status-select.status-blue{background:rgba(88,166,255,.18)!important;color:#9dccff!important;border-color:rgba(88,166,255,.55)!important} .status-badge.status-green,.status-select.status-green{background:rgba(32,201,151,.18)!important;color:#74f2cd!important;border-color:rgba(32,201,151,.55)!important} .status-badge.status-neutral,.status-select.status-neutral{background:rgba(154,163,175,.16)!important;color:#d1d5db!important;border-color:rgba(154,163,175,.45)!important} .status-select{font-weight:900;transition:background .15s ease,border-color .15s ease,color .15s ease;max-width:230px} .status-select option{background:#11141a;color:#fff} .status-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0} .status-legend .badge{font-size:11px} @media print{.status-badge,.status-select{border:1px solid #bbb!important;color:#111!important;background:#fff!important}} /* v1.16 - Schede nuovo intervento / nuovo ordine a tutta larghezza */ .workshop-editor .form-grid{ grid-template-columns:repeat(12,minmax(0,1fr)); align-items:start; } /* v1.63.5 · Carico massivo sicuro */ .warehouse-bulk-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .warehouse-bulk-entry-grid>.card{margin:0} .warehouse-bulk-table{min-width:1880px} .warehouse-bulk-table th,.warehouse-bulk-table td{vertical-align:top} .warehouse-bulk-table td{min-width:145px} .warehouse-bulk-table th:first-child,.warehouse-bulk-table td:first-child{min-width:48px;width:48px;text-align:center} .warehouse-bulk-table th:nth-child(2),.warehouse-bulk-table td:nth-child(2){min-width:190px} .warehouse-bulk-table th:nth-child(3),.warehouse-bulk-table td:nth-child(3){min-width:76px;width:76px} .warehouse-bulk-table th:nth-child(4),.warehouse-bulk-table td:nth-child(4){min-width:280px} .warehouse-bulk-table th:nth-child(8),.warehouse-bulk-table td:nth-child(8){min-width:190px} .warehouse-bulk-table input,.warehouse-bulk-table select,.warehouse-bulk-table textarea{width:100%;min-width:0;margin:0 0 7px} .warehouse-bulk-table textarea{min-height:42px;resize:none;overflow:hidden} .warehouse-bulk-table code{display:block;margin-bottom:8px;font-size:12px;white-space:nowrap} .warehouse-bulk-actions{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:12px} .warehouse-bulk-actions p{margin:4px 0 0} .warehouse-bulk-actions select,.warehouse-bulk-actions input,.warehouse-bulk-actions button{width:100%;margin:0;min-height:44px} .text-danger{color:var(--danger,#ef5350);font-weight:700} @media(max-width:980px){.warehouse-bulk-entry-grid{grid-template-columns:1fr}.warehouse-bulk-actions{grid-template-columns:1fr}} .workshop-editor .customer-lookup, .workshop-editor .inline-create-box, .workshop-editor #bikeFieldsBox{ grid-column:span 12; } .workshop-editor .field:not(.full):not(.third):not(.quarter){ grid-column:span 4; } .workshop-editor .field.third{ grid-column:span 3; } .workshop-editor .field.full{ grid-column:span 12; } .workshop-editor textarea{ min-height:118px; } .workshop-editor .nested-fields .field:not(.full):not(.third):not(.quarter){ grid-column:span 4; } .workshop-editor .nested-fields .field.full{ grid-column:span 12; } .workshop-editor .nested-fields .field.third{ grid-column:span 4; } .order-editor{ max-width:none; } .order-editor .document-grid{ grid-template-columns:1.15fr 1.15fr .9fr; } .order-editor .doc-panel{ min-width:0; } .order-editor .order-items-section, .order-editor .order-payments-section, .order-editor .order-bottom-grid{ width:100%; } .order-editor .order-item-row{ grid-template-columns:28px 100px 170px minmax(320px,2fr) 90px 85px 135px 90px 80px 130px; } .order-editor .payment-row{ grid-template-columns:150px 160px 170px 140px minmax(180px,1fr) minmax(220px,1.2fr) auto; } .order-editor .order-bottom-grid{ grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) minmax(300px,380px); } @media(max-width:1280px){ .workshop-editor .field:not(.full):not(.third):not(.quarter), .workshop-editor .field.third, .workshop-editor .nested-fields .field:not(.full):not(.third):not(.quarter), .workshop-editor .nested-fields .field.third{ grid-column:span 6; } .order-editor .document-grid, .order-editor .order-bottom-grid{ grid-template-columns:1fr; } .order-editor .order-item-row{ grid-template-columns:28px 110px 180px minmax(260px,1fr) 90px 85px 130px 90px 80px 120px; overflow-x:visible; } .order-editor .payment-row{ grid-template-columns:repeat(2,minmax(0,1fr)); } .order-editor .payment-row .remove-payment{ grid-column:1/-1; } } @media(max-width:980px){ .workshop-editor .field:not(.full):not(.third):not(.quarter), .workshop-editor .field.third, .workshop-editor .field.quarter, .workshop-editor .nested-fields .field:not(.full):not(.third):not(.quarter), .workshop-editor .nested-fields .field.third{ grid-column:span 12; } .order-editor .document-grid, .order-editor .order-item-row, .order-editor .payment-row, .order-editor .order-bottom-grid{ grid-template-columns:1fr; } } /* v1.18 - Tema chiaro/scuro selezionabile da Admin */ body.theme-dark{ color-scheme:dark; } body.theme-light{ color-scheme:light; --bg:#f3f5f8; --panel:#ffffff; --panel2:#f7f8fb; --text:#111827; --muted:#667085; --line:#d8dee8; --accent:#111827; --shadow:0 14px 34px rgba(16,24,40,.08); } body.theme-light{background:var(--bg);color:var(--text)} body.theme-light .sidebar{background:#ffffff;border-right:1px solid var(--line)} body.theme-light .brand strong,body.theme-light .topbar h1,body.theme-light .card h2,body.theme-light .card h3,body.theme-light .split-title strong,body.theme-light .mini-item strong,body.theme-light .order-summary-box strong,body.theme-light .order-summary-box .grand,body.theme-light .date-cell strong,body.theme-light .card .table-wrap table td strong,body.theme-light .card .table-wrap table tfoot th,body.theme-light .checkline,body.theme-light .checkline span{color:#111827} body.theme-light .brand small,body.theme-light .topbar p,body.theme-light .card p,body.theme-light .note,body.theme-light .muted,body.theme-light .muted-small,body.theme-light .field span,body.theme-light .mini-item small,body.theme-light .order-summary-box div,body.theme-light .password-note{color:var(--muted)} body.theme-light .nav a{color:#344054} body.theme-light .nav a:hover,body.theme-light .nav a.active{background:#111827;color:#ffffff} body.theme-light .sidebar-footer{border-top-color:var(--line);color:var(--muted)} body.theme-light .sidebar-footer a{color:#111827} body.theme-light .brand-logo,body.theme-light .brand-mark{background:#ffffff;border-color:#d8dee8} body.theme-light .card,body.theme-light .doc-panel,body.theme-light .mini-item,body.theme-light .order-summary-box,body.theme-light .label-preview,body.theme-light .attachments-box,body.theme-light .inline-create-box,body.theme-light #bikeFieldsBox,body.theme-light .tradein-box{background:#ffffff;background-image:none;border-color:var(--line);box-shadow:var(--shadow)} body.theme-light .card.soft,body.theme-light .order-item-row,body.theme-light .ddt-item-row,body.theme-light .payment-row{background:#f8fafc;border-color:var(--line)} body.theme-light input,body.theme-light select,body.theme-light textarea{background:#ffffff;color:#111827;border-color:#cfd6e2} body.theme-light input::placeholder,body.theme-light textarea::placeholder{color:#98a2b3} body.theme-light input[readonly]{background:#eef2f7;color:#475467} body.theme-light input[type=file]{background:#f8fafc;color:#111827;border-color:#cfd6e2} body.theme-light .quick-search input{background:#ffffff;color:#111827} body.theme-light .table-wrap{border-color:var(--line);background:#ffffff} body.theme-light table{background:#ffffff} body.theme-light th{background:#f2f4f7;color:#344054;border-color:var(--line)} body.theme-light td{color:#111827;border-color:#e4e7ec} body.theme-light tfoot th{background:#eef2f7;color:#111827} body.theme-light .btn.secondary,body.theme-light .btn.ghost{background:#ffffff;color:#111827;border:1px solid #cfd6e2} body.theme-light .btn.danger,body.theme-light button.danger{color:#b42318;border-color:#fda29b} body.theme-light .flash{background:#ffffff;border-color:var(--line);color:#111827} body.theme-light .customer-results{background:#ffffff;border-color:#cfd6e2;box-shadow:var(--shadow)} body.theme-light .customer-result{color:#111827} body.theme-light .customer-result:hover{background:#f2f4f7} body.theme-light .customer-result small{color:var(--muted)} body.theme-light .item-total strong{background:#eef2f7;color:#111827;border-color:#cfd6e2} body.theme-light .mini-total-box,body.theme-light .order-items-section,body.theme-light .order-payments-section,body.theme-light .nested-fields{border-color:var(--line)} body.theme-light .kpi-link:hover{border-color:#98a2b3} body.theme-light .status-select option{background:#ffffff;color:#111827} body.theme-light .badge{background:#eef2f7;color:#344054} body.theme-light .status-badge.status-red,body.theme-light .status-select.status-red{background:#fff1f3!important;color:#b42318!important;border-color:#fda29b!important} body.theme-light .status-badge.status-yellow,body.theme-light .status-select.status-yellow{background:#fffaeb!important;color:#93370d!important;border-color:#fedf89!important} body.theme-light .status-badge.status-blue,body.theme-light .status-select.status-blue{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important} body.theme-light .status-badge.status-green,body.theme-light .status-select.status-green{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important} body.theme-light .status-badge.status-neutral,body.theme-light .status-select.status-neutral{background:#f2f4f7!important;color:#344054!important;border-color:#d0d5dd!important} body.theme-light .btn.whatsapp{background:#25D366;color:#05150b} body.theme-light .summary-strip > div{background:#ffffff;border-color:var(--line)} body.theme-light .document-number{color:#111827} /* v1.20 - Menu con sottovoci */ .nav-group{margin:6px 0 8px;} .nav-group-label{padding:10px 12px 6px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;} .nav-subitems{display:grid;gap:4px;margin-left:8px;border-left:1px solid var(--line);padding-left:8px;} .nav a.nav-sub{font-size:14px;padding:9px 10px;border-radius:12px;} .nav-group.open .nav-group-label{color:var(--text);} /* v1.52.3 - identita piattaforma Velomiq, distinta dal marchio del tenant */ .platform-signature{margin-top:22px;padding:11px 12px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:5px;justify-items:start} .platform-signature span{color:#667085;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .platform-signature img{display:block;width:132px;max-width:100%;height:auto} .login-platform-brand{display:flex;justify-content:center;margin:-2px 0 18px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:15px} .login-platform-brand img{display:block;width:min(245px,80%);height:auto} .login-tenant-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)} .login-tenant-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:10px;padding:4px} .login-tenant-brand strong{display:block;font-size:16px;letter-spacing:.04em} .login-tenant-brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px} @media(max-width:980px){.platform-signature{width:min(190px,100%)}} @media print{.platform-signature{display:none!important}} .card-head .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;} .list-only-page .card-head{gap:16px;} /* v1.24 - Nuovo ordine cliente: layout fluido senza uscire dai lati */ .order-editor .document-grid{ grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(260px,.75fr); } .order-editor .doc-panel, .order-editor .order-items-section, .order-editor .order-payments-section, .order-editor .order-bottom-grid, .order-editor .order-items, .order-editor .order-payments{ min-width:0; max-width:100%; } .order-editor .order-item-row{ grid-template-columns:28px repeat(12,minmax(0,1fr)); align-items:end; overflow:visible; } .order-editor .order-item-row .item-handle{grid-column:1;grid-row:1 / span 2;} .order-editor .order-item-row .item-code{grid-column:2 / span 2;} .order-editor .order-item-row .item-serial{grid-column:4 / span 3;} .order-editor .order-item-row .item-name{grid-column:7 / span 5;} .order-editor .order-item-row .item-qty{grid-column:12 / span 1;} .order-editor .order-item-row .item-unit{grid-column:13 / span 1;} .order-editor .order-item-row .item-price{grid-column:2 / span 2;} .order-editor .order-item-row .item-discount{grid-column:4 / span 1;} .order-editor .order-item-row .item-vat{grid-column:5 / span 1;} .order-editor .order-item-row .item-total{grid-column:6 / span 2;} .order-editor .order-item-row .item-desc{grid-column:8 / span 3;} .order-editor .order-item-row .item-category{grid-column:11 / span 1;} .order-editor .order-item-row .item-add-bike{grid-column:12 / span 1;} .order-editor .order-item-row .remove-item{grid-column:13 / span 1;} .order-editor .order-item-row input, .order-editor .order-item-row textarea, .order-editor .order-item-row select, .order-editor .payment-row input, .order-editor .payment-row select{ min-width:0; width:100%; box-sizing:border-box; } .order-editor .item-add-bike select{min-width:0;} .quote-editor .order-item-row .item-handle{grid-column:1;grid-row:1 / span 2;} .quote-editor .order-item-row .item-code{grid-column:2 / span 2;} .quote-editor .order-item-row .item-barcode{grid-column:4 / span 2;} .quote-editor .order-item-row .item-name{grid-column:6 / span 5;} .quote-editor .order-item-row .item-qty{grid-column:11 / span 1;} .quote-editor .order-item-row .item-unit{grid-column:12 / span 1;} .quote-editor .order-item-row .item-price{grid-column:2 / span 2;} .quote-editor .order-item-row .item-discount{grid-column:4 / span 1;} .quote-editor .order-item-row .item-total{grid-column:5 / span 2;} .quote-editor .order-item-row .item-desc{grid-column:7 / span 3;} .quote-editor .order-item-row .item-category{grid-column:10 / span 2;} .quote-editor .order-item-row .remove-item{grid-column:12 / span 1;} .quote-editor .barcode-inline-panel{max-width:720px;margin-bottom:18px;} .order-editor .nested-fields{margin-top:12px;} .order-editor .nested-fields .form-grid.compact{grid-template-columns:repeat(12,minmax(0,1fr));} .order-editor .nested-fields .field:not(.full):not(.third){grid-column:span 4;} .order-editor .nested-fields .field.full{grid-column:span 12;} .order-editor .nested-fields .field.third{grid-column:span 4;} @media(max-width:1500px){ .order-editor .document-grid{grid-template-columns:1fr;} .order-editor .order-item-row{ grid-template-columns:28px repeat(6,minmax(0,1fr)); } .order-editor .order-item-row .item-handle{grid-column:1;grid-row:1 / span 3;} .order-editor .order-item-row .item-code{grid-column:2 / span 1;} .order-editor .order-item-row .item-serial{grid-column:3 / span 2;} .order-editor .order-item-row .item-name{grid-column:5 / span 3;} .order-editor .order-item-row .item-qty{grid-column:2 / span 1;} .order-editor .order-item-row .item-unit{grid-column:3 / span 1;} .order-editor .order-item-row .item-price{grid-column:4 / span 1;} .order-editor .order-item-row .item-discount{grid-column:5 / span 1;} .order-editor .order-item-row .item-vat{grid-column:6 / span 1;} .order-editor .order-item-row .item-total{grid-column:7 / span 1;} .order-editor .order-item-row .item-desc{grid-column:2 / span 3;} .order-editor .order-item-row .item-category{grid-column:5 / span 1;} .order-editor .order-item-row .item-add-bike{grid-column:6 / span 1;} .order-editor .order-item-row .remove-item{grid-column:7 / span 1;} .quote-editor .order-item-row .item-handle{grid-column:1;grid-row:1 / span 3;} .quote-editor .order-item-row .item-code{grid-column:2 / span 1;} .quote-editor .order-item-row .item-barcode{grid-column:3 / span 1;} .quote-editor .order-item-row .item-name{grid-column:4 / span 4;} .quote-editor .order-item-row .item-qty{grid-column:2 / span 1;} .quote-editor .order-item-row .item-unit{grid-column:3 / span 1;} .quote-editor .order-item-row .item-price{grid-column:4 / span 1;} .quote-editor .order-item-row .item-discount{grid-column:5 / span 1;} .quote-editor .order-item-row .item-total{grid-column:6 / span 2;} .quote-editor .order-item-row .item-desc{grid-column:2 / span 3;} .quote-editor .order-item-row .item-category{grid-column:5 / span 2;} .quote-editor .order-item-row .remove-item{grid-column:7 / span 1;} } @media(max-width:980px){ .order-editor .order-item-row, .order-editor .payment-row, .order-editor .nested-fields .form-grid.compact{ grid-template-columns:1fr; } .order-editor .order-item-row .item-handle, .order-editor .order-item-row .field, .order-editor .order-item-row .item-total, .order-editor .order-item-row .remove-item, .order-editor .nested-fields .field, .order-editor .nested-fields .field.full, .order-editor .nested-fields .field.third{ grid-column:auto; grid-row:auto; } .order-editor .order-item-row .item-handle{display:none;} } /* v1.25 - Correzione ordine cliente: pulsanti dentro i margini e Cliente con sottovoci */ .order-editor .payment-row{ grid-template-columns:repeat(12,minmax(0,1fr)); max-width:100%; min-width:0; overflow:visible; } .order-editor .payment-row .payment-date{grid-column:1 / span 2;} .order-editor .payment-row .payment-type{grid-column:3 / span 2;} .order-editor .payment-row .payment-method{grid-column:5 / span 2;} .order-editor .payment-row .payment-amount{grid-column:7 / span 2;} .order-editor .payment-row .payment-reference{grid-column:9 / span 4;} .order-editor .payment-row .payment-notes{grid-column:1 / span 10;} .order-editor .payment-row .remove-payment{ grid-column:11 / span 2; justify-content:center; width:100%; min-width:0; align-self:end; } .full-width-form{max-width:none;} .wide-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));} .wide-form-grid .field.third{grid-column:span 4;} .wide-form-grid .field.full{grid-column:1/-1;} @media(max-width:1280px){ .order-editor .payment-row .payment-date, .order-editor .payment-row .payment-type, .order-editor .payment-row .payment-method, .order-editor .payment-row .payment-amount, .order-editor .payment-row .payment-reference, .order-editor .payment-row .payment-notes, .order-editor .payment-row .remove-payment{ grid-column:span 6; } } @media(max-width:760px){ .order-editor .payment-row{grid-template-columns:1fr;} .order-editor .payment-row .payment-date, .order-editor .payment-row .payment-type, .order-editor .payment-row .payment-method, .order-editor .payment-row .payment-amount, .order-editor .payment-row .payment-reference, .order-editor .payment-row .payment-notes, .order-editor .payment-row .remove-payment, .wide-form-grid .field.third, .wide-form-grid .field.full{ grid-column:auto; } } /* v1.56.6 · Contatti cliente modificabili nelle schede operative */ .customer-inline-contact{display:none;grid-template-columns:minmax(180px,1fr) minmax(240px,1.35fr) auto;gap:10px;align-items:end;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft,rgba(127,127,127,.06))} .customer-inline-contact.is-visible{display:grid} .customer-inline-contact>label{display:grid;gap:6px;min-width:0} .customer-inline-contact>label>span{font-size:11px;font-weight:800;color:var(--muted)} .customer-inline-contact input{width:100%;min-width:0} .customer-contact-action{display:grid;gap:5px;justify-items:start;align-content:end;min-width:150px} .customer-contact-save{min-height:42px;white-space:nowrap} .customer-contact-status{display:block;max-width:220px;color:var(--muted);font-size:10px;line-height:1.3} @media(max-width:900px){ .customer-inline-contact{grid-template-columns:1fr 1fr} .customer-contact-action{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0} .customer-contact-status{max-width:none} } @media(max-width:620px){ .customer-inline-contact{grid-template-columns:1fr} .customer-contact-action{grid-column:auto;align-items:flex-start;flex-direction:column} } /* v1.56.4 · Descrizioni compatte e auto-espandibili sulle righe documento */ textarea.compact-autogrow{ display:block; width:100%; min-height:40px; height:40px; padding-top:9px; padding-bottom:9px; line-height:1.35; resize:none; overflow-y:hidden; box-sizing:border-box; } .workshop-part-row .part-details{grid-column:1/-1;min-width:0} .workshop-part-row .part-details textarea{min-height:40px} .order-editor .order-item-row .item-desc, .quote-editor .order-item-row .item-desc{grid-column:2/-1} .order-editor .order-item-row .item-desc textarea{min-height:40px} .ddt-item-row .ddt-line-notes{grid-column:1/-1} .ddt-item-row .ddt-line-notes textarea{min-height:40px} @media(max-width:980px){ .workshop-part-row .part-details, .order-editor .order-item-row .item-desc, .quote-editor .order-item-row .item-desc, .ddt-item-row .ddt-line-notes{grid-column:1/-1} } /* v1.50.0 - importazione universale multimarca */ details.card>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none} details.card>summary::-webkit-details-marker{display:none} details.card>summary:before{content:'+';display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-weight:900} details.card[open]>summary:before{content:'−'} details.card>summary small{margin-left:auto;color:var(--muted);font-weight:500;text-align:right} details.card[open]>form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)} .bike-import-row-card header small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4} @media(max-width:760px){details.card>summary{display:grid;grid-template-columns:30px 1fr}details.card>summary small{grid-column:2;text-align:left}} /* v1.49.0 - Magazzino bici intelligente */ .import-read-status{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--muted);font-weight:750} .import-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;color:var(--muted);font-size:13px} .document-chip-list{display:flex;flex-wrap:wrap;gap:10px} .document-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;min-width:min(100%,320px);padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);text-decoration:none} .document-chip strong{font-size:10px;letter-spacing:.08em;color:var(--accent)}.document-chip span{overflow-wrap:anywhere}.document-chip small{color:var(--muted)} .bike-import-preview-form{display:grid;gap:14px;margin-top:16px} .import-preview-toolbar{position:sticky;top:10px;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(15,18,23,.96);box-shadow:0 12px 32px rgba(0,0,0,.24);backdrop-filter:blur(12px)} .import-preview-toolbar>div:first-child{display:grid;gap:3px}.import-preview-toolbar small{color:var(--muted)} .bike-import-row-list{display:grid;gap:12px} .bike-import-row-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden} .bike-import-row-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;background:rgba(255,255,255,.025);border-bottom:1px solid var(--line)} .bike-import-row-card h3{margin:7px 0 0;font-size:18px}.import-row-number{color:var(--muted);font-weight:850} .import-row-decision label{display:grid;gap:5px;min-width:190px}.import-row-decision span,.import-row-fields label>span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase} .import-row-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:15px 16px} .import-row-fields label{display:grid;gap:6px;min-width:0}.import-row-fields label.wide{grid-column:span 2}.import-row-fields label.full{grid-column:1/-1}.import-row-fields input,.import-row-fields select{min-width:0;padding:9px 10px} .bike-import-row-card>footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:rgba(255,255,255,.018)} .import-row-source{display:flex;flex-wrap:wrap;gap:7px 16px;color:var(--muted);font-size:12px} .customer-suggestion{display:flex;align-items:flex-start;gap:9px;width:100%;padding:10px 12px;border:1px solid rgba(245,166,35,.35);border-radius:12px;background:rgba(245,166,35,.08);font-size:13px;line-height:1.45} .customer-suggestion input{margin-top:3px} .enrichment-flow{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.catalog-suggestion{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)} .check-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.check-card input{margin-top:3px} .import-data-details{padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.import-data-details summary{cursor:pointer;font-weight:850}.import-data-details>.form-grid{margin-top:14px}.shop-bike-clean-list table{min-width:0} .shop-bike-page-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:9px;flex-wrap:wrap}.shop-bike-tools{position:relative}.shop-bike-tools>summary,.shop-bike-more>summary,.shop-bike-editor>summary{list-style:none}.shop-bike-tools>summary::-webkit-details-marker,.shop-bike-more>summary::-webkit-details-marker,.shop-bike-editor>summary::-webkit-details-marker{display:none}.shop-bike-tools-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:45;display:grid;gap:7px;width:220px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);box-shadow:var(--shadow)}.shop-bike-tools-menu .btn{justify-content:flex-start} .shop-bike-editor{padding:0;overflow:visible;scroll-margin-top:16px}.shop-bike-editor-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;cursor:pointer}.shop-bike-editor-summary strong,.shop-bike-editor-summary small{display:block}.shop-bike-editor-summary strong{font-size:18px}.shop-bike-editor-summary small{margin-top:5px;color:var(--muted)}.shop-bike-editor-toggle{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;font-weight:850}.shop-bike-editor[open] .shop-bike-editor-summary{border-bottom:1px solid var(--line)}.shop-bike-editor[open] .shop-bike-editor-toggle{color:var(--text)}.shop-bike-editor-body{padding:18px} .shop-bike-list-card{min-width:0}.shop-bike-list-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.shop-bike-clean-list table{min-width:0;table-layout:fixed}.shop-bike-clean-list th:nth-child(1){width:11%}.shop-bike-clean-list th:nth-child(2){width:22%}.shop-bike-clean-list th:nth-child(3){width:8%}.shop-bike-clean-list th:nth-child(4){width:13%}.shop-bike-clean-list th:nth-child(5){width:13%}.shop-bike-clean-list th:nth-child(6){width:13%}.shop-bike-clean-list th:nth-child(7){width:8%}.shop-bike-clean-list th:nth-child(8){width:12%}.shop-bike-clean-list td{overflow-wrap:anywhere}.shop-bike-main-cell strong,.shop-bike-clean-list td[data-label="Prezzi"] strong,.shop-bike-meta,.shop-bike-description{display:block}.shop-bike-meta{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.shop-bike-description{display:-webkit-box;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-bike-clean-list td[data-label="Prezzi"] strong{margin:4px 0 6px}.shop-bike-list-actions{min-width:105px}.shop-bike-list-actions>.btn,.shop-bike-more>summary{width:100%;justify-content:center;padding:8px 9px;font-size:12px}.shop-bike-more{margin-top:7px}.shop-bike-more-menu{display:grid;gap:7px;margin-top:7px}.shop-bike-more-menu .btn,.shop-bike-more-menu button{width:100%;justify-content:center;padding:8px 9px;font-size:12px}.shop-bike-more-menu form{display:block;width:100%;margin:0} body.theme-light .shop-bike-tools-menu{background:#fff} @media(max-width:1180px){.shop-bike-clean-list{overflow:visible;border:0}.shop-bike-clean-list table,.shop-bike-clean-list tbody{display:block;width:100%;min-width:0}.shop-bike-clean-list thead{display:none}.shop-bike-clean-list tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.shop-bike-clean-list tr:last-child{margin-bottom:0}.shop-bike-clean-list td{display:block;padding:0;border:0}.shop-bike-clean-list td::before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.shop-bike-clean-list .shop-bike-main-cell,.shop-bike-clean-list .shop-bike-list-actions{grid-column:1/-1}.shop-bike-list-actions{display:flex;align-items:flex-start;gap:8px}.shop-bike-list-actions>.btn,.shop-bike-more>summary{width:auto;min-width:110px}.shop-bike-more{margin:0}.shop-bike-more-menu{grid-template-columns:repeat(2,minmax(110px,1fr));min-width:230px}.shop-bike-tools-menu{position:static;margin-top:8px}.shop-bike-page-actions{justify-content:flex-start}} @media(max-width:680px){.shop-bike-editor-summary{align-items:flex-start}.shop-bike-editor-toggle{display:none}.shop-bike-clean-list tr{grid-template-columns:1fr}.shop-bike-clean-list .shop-bike-main-cell,.shop-bike-clean-list .shop-bike-list-actions{grid-column:auto}.shop-bike-list-actions{display:grid}.shop-bike-list-actions>.btn,.shop-bike-more>summary{width:100%}.shop-bike-more-menu{grid-template-columns:1fr;min-width:0}.shop-bike-page-actions,.shop-bike-page-actions>.btn,.shop-bike-page-actions details,.shop-bike-page-actions summary,.shop-bike-list-tools,.shop-bike-list-tools>.btn,.shop-bike-list-tools .quick-search{width:100%;justify-content:center}} .shopify-bike-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.shopify-bike-toolbar>div:first-child{display:grid;gap:3px}.shopify-bike-toolbar small{color:var(--muted)}.shopify-bike-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.shopify-bike-toolbar-actions form{margin:0}.shopify-select-all,.shopify-row-select{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--muted)}.shopify-select-all input,.shopify-row-select input{width:auto}.shopify-row-select{margin-bottom:7px}.shopify-row-status{display:grid;gap:3px;padding:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03)}.shopify-row-status small{color:var(--muted);font-size:11px}.shopify-row-status strong{font-size:12px}.shop-bike-more-menu button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:780px){.shopify-bike-toolbar{align-items:stretch;display:grid}.shopify-bike-toolbar-actions{justify-content:flex-start}.shopify-bike-toolbar-actions form,.shopify-bike-toolbar-actions button{width:100%}.shopify-select-all{width:100%}} body.theme-light .import-preview-toolbar{background:rgba(255,255,255,.96)} body.theme-light .bike-import-row-card>header,body.theme-light .bike-import-row-card>footer{background:#f8fafc} @media(max-width:1180px){.import-row-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.enrichment-flow{grid-template-columns:1fr}} @media(max-width:760px){ .import-preview-toolbar,.bike-import-row-card>header{position:static;display:grid}.import-preview-toolbar .actions,.import-preview-toolbar .btn,.import-preview-toolbar button{width:100%;justify-content:center} .import-row-decision label{min-width:0}.import-row-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.import-row-fields label.wide{grid-column:1/-1} .document-chip{grid-template-columns:1fr}.bike-import-row-card>footer{display:grid}.bike-import-row-card>footer .actions,.bike-import-row-card>footer .btn{width:100%} } @media(max-width:480px){.import-row-fields{grid-template-columns:1fr}.import-row-fields label,.import-row-fields label.wide,.import-row-fields label.full{grid-column:1}} /* v1.52.4 - sezioni principali a colonna singola */ .content>.grid>.card:not(.kpi){grid-column:1/-1} .simple-editor-panel{scroll-margin-top:16px} .simple-editor-panel>summary strong,.simple-editor-panel>summary small{display:block} .simple-editor-panel>summary strong{font-size:18px} .simple-editor-panel>summary small{margin-top:4px} .simple-editor-panel>.single-column-form{max-width:980px} .simple-editor-panel>.single-column-form>.form-grid>.field{grid-column:1/-1} .simple-editor-panel>.single-column-form>.form-grid>.customer-lookup{grid-column:1/-1} @media(max-width:760px){.simple-editor-panel>.single-column-form{max-width:none}.single-column-page>.card>.card-head{align-items:stretch;flex-direction:column}.single-column-page>.card>.card-head>.actions,.single-column-page>.card>.card-head>.actions .quick-search,.single-column-page>.card>.card-head>.actions .quick-search input{width:100%}.single-column-page>.card>.card-head>.actions .btn{justify-content:center}} /* v1.48.0 - semplificazione operativa */ .workshop-sticky-bar{position:sticky;top:10px;z-index:35;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(160px,.9fr) minmax(115px,.65fr) auto;gap:12px;align-items:center;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(88,166,255,.42);border-radius:16px;background:rgba(15,18,23,.96);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(16px)} .workshop-sticky-bar small{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .workshop-sticky-identity,.workshop-sticky-phone,.workshop-sticky-total{min-width:0}.workshop-sticky-identity strong,.workshop-sticky-identity span,.workshop-sticky-phone strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workshop-sticky-identity span{color:var(--muted);font-size:12px}.workshop-sticky-status select{margin-top:4px;padding:8px 9px}.workshop-sticky-total strong{display:block;font-size:19px}.workshop-sticky-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.workshop-sticky-actions .btn,.workshop-sticky-actions button{padding:9px 11px}.save-state{display:block;margin-top:2px;font-size:10px;font-weight:850}.save-state.saved{color:var(--green)}.save-state.unsaved{color:var(--yellow)} .quick-status-state{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:800}.quick-status-state.pending{color:var(--yellow)}.quick-status-state.saved{color:var(--green)}.quick-status-state.error{color:var(--red)}.workshop-sticky-actions>span:not([hidden]){display:inline-flex} .workshop-template-picker{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(88,166,255,.07)}.workshop-template-picker small{display:block;margin-top:3px;color:var(--muted)} .template-item-rows{display:grid;gap:10px}.template-item-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(110px,.8fr) minmax(180px,1.8fr) 70px 95px 80px auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:13px;background:#0c0f14}.template-item-row .field{min-width:0}.template-item-row input,.template-item-row select{min-width:0}.template-item-row .js-remove-template-item{min-height:40px} .acceptance-destination{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.acceptance-choice{display:flex;gap:9px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);cursor:pointer}.acceptance-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(88,166,255,.16)}.acceptance-choice strong,.acceptance-choice small{display:block}.acceptance-choice small{margin-top:3px;color:var(--muted)} .search-result-card .mini-item{display:grid;gap:9px}.search-result-actions{display:flex;gap:7px;flex-wrap:wrap}.search-result-actions .btn{padding:7px 9px;font-size:12px} .week-period-button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}.week-period-button:hover strong{color:var(--accent)}.week-calendar-popover{display:none;position:relative;margin:-4px auto 14px;width:min(520px,100%);padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 18px 45px rgba(0,0,0,.28)}.week-calendar-popover.open{display:block}.week-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.week-calendar-head strong{text-transform:capitalize}.week-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week-calendar-grid>span{text-align:center;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;padding:5px}.week-calendar-day{min-height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);cursor:pointer}.week-calendar-day.outside{opacity:.38}.week-calendar-day.in-selected-week{background:rgba(88,166,255,.15);border-color:rgba(88,166,255,.32)}.week-calendar-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.week-calendar-day:hover{background:var(--accent);color:var(--bg)} body.theme-light .workshop-sticky-bar{background:rgba(255,255,255,.97);box-shadow:0 12px 28px rgba(16,24,40,.16)}body.theme-light .template-item-row{background:#fff}body.theme-light .week-calendar-popover{background:#fff} @media(max-width:1120px){.workshop-sticky-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.workshop-sticky-actions{grid-column:1/-1;justify-content:flex-start}.workshop-template-picker{grid-template-columns:1fr 1fr}.template-item-row{grid-template-columns:repeat(3,minmax(0,1fr))}.template-item-row .template-description{grid-column:span 2}} @media(max-width:720px){.workshop-sticky-bar{top:5px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.workshop-sticky-phone{display:none}.workshop-sticky-actions{grid-column:1/-1}.workshop-sticky-actions .btn,.workshop-sticky-actions button{flex:1;justify-content:center}.workshop-template-picker{grid-template-columns:1fr}.template-item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.template-item-row .field,.template-item-row .template-description,.template-item-row .js-remove-template-item{grid-column:1/-1}.acceptance-destination{grid-template-columns:1fr}} /* v1.31 - backup, log attività, scheda cliente estesa */ .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 0} .stat-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);padding:14px;min-height:78px} .stat-card small{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .stat-card strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:6px;color:var(--text)} body.theme-light .stat-card{background:#fff;border-color:#e5e7eb} @media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.stats-grid{grid-template-columns:1fr}} .purchase-line{border:1px solid var(--line);border-radius:16px;background:var(--panel2);padding:14px 16px;margin:10px 0}.purchase-line>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.purchase-line>summary::-webkit-details-marker{display:none}.purchase-line>summary>span:last-child{text-align:right;white-space:nowrap}.purchase-line[open]>summary{padding-bottom:13px;border-bottom:1px solid var(--line)}.purchase-line .form-actions{margin-top:14px}.empty-state{padding:24px;text-align:center;color:var(--muted)} @media(max-width:720px){.purchase-line>summary{align-items:flex-start;flex-direction:column}.purchase-line>summary>span:last-child{text-align:left;white-space:normal}} /* v1.32 - magazzino commerciale */ .metric-grid.compact { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; } .metric-grid.compact .metric-card { padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:var(--panel); } .metric-grid.compact .metric-card small { display:block; color:var(--muted); margin-bottom:4px; } .metric-grid.compact .metric-card strong { font-size:1.1rem; } .tag-sheet { max-width:1100px; margin:24px auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .bike-tag { background:#fff; color:#111; border:1px solid #ddd; border-radius:18px; padding:22px; min-height:460px; display:flex; flex-direction:column; page-break-inside:avoid; } .tag-top { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; border-bottom:2px solid #111; padding-bottom:14px; margin-bottom:16px; } .tag-top img { max-width:220px; max-height:70px; object-fit:contain; } .tag-top span { border:1px solid #111; border-radius:999px; padding:6px 12px; font-weight:700; } .bike-tag h1 { font-size:30px; line-height:1.1; margin:6px 0 12px; text-transform:uppercase; } .tag-desc { min-height:58px; font-size:15px; color:#333; } .tag-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; } .tag-grid div { border:1px solid #ddd; border-radius:12px; padding:10px; } .tag-grid small { display:block; color:#666; text-transform:uppercase; font-size:11px; margin-bottom:4px; } .tag-price { margin-top:auto; border-top:1px solid #ddd; padding-top:18px; text-align:right; } .tag-price small { display:block; color:#666; text-decoration:line-through; } .tag-price strong { display:block; font-size:42px; line-height:1; } .tag-price span { display:inline-block; margin-top:8px; background:#111; color:#fff; border-radius:999px; padding:6px 12px; font-weight:700; } .bike-tag footer { margin-top:16px; border-top:1px solid #eee; padding-top:10px; color:#555; font-size:12px; text-align:center; } @media (max-width: 900px) { .metric-grid.compact { grid-template-columns:repeat(2,minmax(0,1fr)); } .tag-sheet { grid-template-columns:1fr; } } @media print { .tag-sheet { max-width:none; margin:0; grid-template-columns:repeat(2,1fr); gap:10mm; } .bike-tag { border:1px solid #999; border-radius:0; min-height:130mm; } } .archived-readonly-banner{margin-bottom:16px;line-height:1.45}.archived-readonly-fieldset{border:1px dashed var(--line);border-radius:16px;padding:14px;margin:0;opacity:.78}.archived-readonly-fieldset input,.archived-readonly-fieldset select,.archived-readonly-fieldset textarea{cursor:not-allowed} /* v1.35 - Barcode */ .barcode-inline-panel, .barcode-scan-form { background: rgba(148, 163, 184, .08); border: 1px solid rgba(148, 163, 184, .20); border-radius: 16px; padding: 14px; margin-bottom: 14px; } .barcode-inline-panel input[type="search"], .barcode-scan-form input[type="search"] { font-size: 18px; letter-spacing: .03em; } .barcode-scan-status { margin-top: 6px; } code { background: rgba(148, 163, 184, .18); border-radius: 6px; padding: 2px 6px; } /* v1.35.2 - Oggi in negozio: moduli sempre a tutta larghezza per evitare scroll laterale nelle schede */ .today-board .today-section{grid-column:span 12} .today-board .table-wrap{max-width:100%} .today-board th,.today-board td{white-space:normal} /* v1.37 STAMPE PRO - cartellini bici A4 */ @media print { @page { size: A4; margin: 10mm; } body.print-page { background:#fff !important; color:#111 !important; } .print-page .print-actions { display:none !important; } .tag-sheet { max-width:none !important; margin:0 !important; grid-template-columns:repeat(2,1fr) !important; gap:8mm !important; } .bike-tag { border:1px solid #999 !important; border-radius:0 !important; min-height:132mm !important; page-break-inside:avoid !important; break-inside:avoid !important; } } /* v1.39 - CRM clienti */ .crm-page .filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px} .crm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0} .crm-tags.small{gap:5px;margin:0 0 4px} .crm-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.12);border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px;color:var(--text)} .crm-tag form{display:inline;margin:0;padding:0} .crm-tag button{border:0;background:transparent;color:inherit;padding:0 2px;min-height:0;font-size:16px;line-height:1;cursor:pointer} .crm-tag-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;gap:8px;margin-top:10px;align-items:end} .crm-timeline{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-height:620px;overflow:auto;padding-right:4px} .crm-timeline-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.035)} .crm-timeline-item strong{display:block} .crm-timeline-item small{display:block;color:var(--muted);margin-top:3px} .crm-timeline-item p{margin:8px 0 0;color:var(--text);line-height:1.45} .crm-inline-form{margin-bottom:16px} .crm-summary-card .crm-mini-list{margin-top:12px} body.theme-light .crm-tag{background:#f8fafc;border-color:#dbe3ef} body.theme-light .crm-timeline-item{background:#fff} @media(max-width:900px){.crm-tag-form{grid-template-columns:1fr}.crm-page .quick-search{width:100%}} /* v1.39.2 - Leggibilità stampe: totali e box su sfondo chiaro sempre con testo scuro */ @media print { .items tfoot th, .items tfoot td, table tfoot th, table tfoot td { background:#e8edf3 !important; color:#111827 !important; border-color:#bfc5ce !important; font-weight:900 !important; } .summary-strip > div, .totals-line > div, .bike-summary, .stat-card, .card.soft { color:#111827 !important; } .summary-strip > div *, .totals-line > div *, .bike-summary *, .stat-card *, .card.soft * { color:inherit; } .tag-price span { background:#111827 !important; color:#ffffff !important; } } /* v1.40 - Movimenti magazzino */ .movement-plus { color: #047857; } .movement-minus { color: #b91c1c; } .theme-dark .movement-plus { color: #86efac; } .theme-dark .movement-minus { color: #fca5a5; } /* v1.41 - Consensi privacy / marketing */ .consent-box{border:1px solid var(--line);border-radius:16px;background:rgba(148,163,184,.10);padding:14px;margin:8px 0 2px;grid-column:1/-1} .consent-box h3{margin:0 0 4px;font-size:15px} .consent-panel .card-head .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .consent-mini{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;gap:10px;margin-bottom:12px} .consent-quick-form{border-top:1px solid var(--line);padding-top:12px;margin-top:10px} .consent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .consent-inline-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(148,163,184,.09)} .consent-inline-box small{color:var(--muted)} .checkbox-line{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--text);font-weight:700} .checkbox-line input{width:auto} .notice.compact{display:inline-flex;align-items:center;padding:7px 10px;border-radius:10px;font-size:12px;margin:0} @media(max-width:900px){.consent-mini{grid-template-columns:1fr}.consent-panel .card-head{align-items:flex-start}} /* v1.41.1 - Link informativa privacy sempre visibile */ .privacy-policy-link a,.consent-inline-box a:not(.btn){font-weight:800;color:var(--accent);text-decoration:underline;text-underline-offset:2px} .consent-privacy-url{margin-top:6px} .consent-mini .mini-item a{word-break:break-all} /* v1.42 Campagne CRM / Email marketing */ .campaign-page textarea[spellcheck="false"]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.45} .inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0} .danger-text{color:#b91c1c;font-weight:700} .notice.info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a} .campaign-page code{display:inline-block;background:rgba(148,163,184,.14);padding:2px 6px;border-radius:6px;margin:2px} /* v1.43 - Centro attività / Scadenze operative */ .activity-center .activity-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .activity-center .activity-filters .btn{white-space:nowrap} .activity-summary{grid-template-columns:repeat(2,1fr);margin-bottom:0} .activity-summary a{display:block;text-decoration:none;color:inherit;background:#0d1117;border:1px solid var(--line);border-radius:14px;padding:12px} .activity-summary a:hover{filter:brightness(1.08)} .activity-summary span{display:block;color:var(--muted);font-size:12px;font-weight:800} .activity-summary strong{display:block;font-size:24px;margin-top:4px} body.theme-light .activity-summary a{background:#f8fafc;border-color:var(--line);color:#111827} @media(max-width:980px){.activity-summary{grid-template-columns:1fr}} /* v1.44 - Dashboard commerciale avanzata */ .commercial-dashboard{display:grid;gap:18px;min-width:0} .commercial-dashboard>.grid{min-width:0} .commercial-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap} .commercial-hero h2{font-size:24px;margin:0} .commercial-period-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0;justify-content:flex-end} .commercial-period-form select,.commercial-period-form input{width:auto;min-width:145px} .commercial-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .commercial-metric{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel),#10141b);padding:16px 18px;min-height:128px;min-width:0} .commercial-metric:hover{filter:brightness(1.06)} .commercial-metric span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .commercial-metric strong{display:block;font-size:29px;letter-spacing:-.045em;margin-top:7px;line-height:1.1;overflow-wrap:anywhere} .commercial-metric small{display:block;color:var(--muted);margin-top:6px;line-height:1.35} .metric-delta{margin-top:10px} .commercial-section{min-width:0} .commercial-mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .commercial-mini-kpis div{border:1px solid var(--line);border-radius:14px;background:rgba(148,163,184,.08);padding:13px;min-width:0} .commercial-mini-kpis span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .commercial-mini-kpis strong{display:block;font-size:22px;margin-top:5px;overflow-wrap:anywhere} .commercial-bars{display:grid;gap:12px} .commercial-bar-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:18px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(148,163,184,.06);min-width:0} .commercial-bar-row strong{display:block}.commercial-bar-row small{display:block;color:var(--muted);margin-top:3px}.commercial-bar{height:9px;background:rgba(148,163,184,.20);border-radius:999px;overflow:hidden;margin-top:8px}.commercial-bar span{display:block;height:100%;background:var(--accent);border-radius:999px} .commercial-trend{display:grid;gap:9px}.trend-month{display:grid;grid-template-columns:92px minmax(0,1fr) 120px;gap:12px;align-items:center}.trend-month span{color:var(--muted);font-weight:800}.trend-month strong{text-align:right} /* v1.44.1 - layout a tutta riga: nessuna scrollbar orizzontale nei moduli della dashboard commerciale */ .commercial-dashboard .table-wrap{overflow:visible;min-width:0} .commercial-dashboard .table-wrap table{min-width:0;width:100%;table-layout:auto} .commercial-dashboard .table-wrap th,.commercial-dashboard .table-wrap td{white-space:normal;overflow-wrap:anywhere;word-break:normal} .commercial-dashboard .table-wrap td .btn{white-space:nowrap} body.theme-light .commercial-metric,body.theme-light .commercial-mini-kpis div,body.theme-light .commercial-bar-row{background:#fff;color:#111827}.theme-light .commercial-bar span{background:#111827} @media(max-width:1280px){.commercial-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-hero{display:grid}.commercial-period-form{justify-content:flex-start}} @media(max-width:780px){.commercial-metrics-grid,.commercial-mini-kpis{grid-template-columns:1fr}.commercial-bar-row,.trend-month{grid-template-columns:1fr}.trend-month strong{text-align:left}.commercial-period-form select,.commercial-period-form input{width:100%}.commercial-dashboard .table-wrap th,.commercial-dashboard .table-wrap td{padding:10px 8px;font-size:12px}} /* v1.44.2 - Dashboard commerciale: massimo 2 colonne, sezioni principali sempre a riga intera */ .commercial-dashboard .grid{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; } .commercial-dashboard .grid > .card{ grid-column:1 / -1 !important; width:100% !important; min-width:0 !important; } .commercial-dashboard .commercial-metrics-grid, .commercial-dashboard .commercial-mini-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .commercial-dashboard .commercial-bars, .commercial-dashboard .commercial-trend{ grid-template-columns:minmax(0,1fr) !important; } @media(max-width:900px){ .commercial-dashboard .commercial-metrics-grid, .commercial-dashboard .commercial-mini-kpis{ grid-template-columns:minmax(0,1fr) !important; } } /* v1.45.0 · menu macro-categorie: aspetto sobrio coerente con il menu storico */ .sidebar .nav .nav-group-label{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:10px 12px 6px!important; margin:0; border:0!important; border-radius:0!important; outline:0; box-shadow:none!important; background:none!important; background-color:transparent!important; color:var(--muted)!important; font-family:inherit; font-size:12px!important; line-height:1.25; font-weight:800; text-align:left; text-transform:uppercase; letter-spacing:.08em; cursor:pointer; filter:none!important; } .sidebar .nav .nav-group-label:hover{background:transparent!important;color:var(--text)!important;filter:none!important} .sidebar .nav .nav-group.open>.nav-group-label{background:transparent!important;color:var(--text)!important} .sidebar .nav .nav-group-label:focus-visible{background:transparent!important;color:var(--text)!important;box-shadow:inset 2px 0 0 var(--blue)!important} .nav-group-label span{color:currentColor;transition:transform .18s ease}.nav-group.open>.nav-group-label span{transform:rotate(180deg)} .nav-group>.nav-subitems{display:none} .nav-group.open>.nav-subitems{display:grid} body.theme-light .sidebar .nav .nav-group-label{background:transparent!important;color:#667085!important} body.theme-light .sidebar .nav .nav-group-label:hover,body.theme-light .sidebar .nav .nav-group.open>.nav-group-label,body.theme-light .sidebar .nav .nav-group-label:focus-visible{background:transparent!important;color:#111827!important} /* v1.45.0 · Board Officina Kanban */ .kanban-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px} .kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:2px 2px 18px;align-items:start;overflow:visible} .kanban-column{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);min-width:0;display:flex;flex-direction:column} .kanban-column>header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:inherit;z-index:2;border-radius:var(--radius) var(--radius) 0 0} .kanban-column>header h3{font-size:14px;margin:0}.kanban-count{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:99px;background:rgba(88,166,255,.14);font-weight:700} .kanban-dropzone{padding:10px;min-height:150px;transition:background .15s}.kanban-dropzone.over{background:rgba(88,166,255,.10)} .kanban-card{background:linear-gradient(180deg,var(--panel),#11141a);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--radius);padding:12px;margin-bottom:10px;box-shadow:var(--shadow);cursor:grab} .kanban-card.is-late{border-left-color:#ef4444}.kanban-card.dragging{opacity:.45}.kanban-card-top,.kanban-dates{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.kanban-card h4{margin:9px 0 3px}.kanban-card p{margin:4px 0}.kanban-card small{display:block;margin-top:4px;color:var(--muted,#94a3b8)} .kanban-dates{font-size:11px;color:var(--muted,#94a3b8);margin:10px 0 4px}.kanban-amount{font-weight:800;margin:7px 0}.kanban-notes{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .kanban-move-label{display:grid;gap:5px;margin-top:10px}.kanban-move-label>span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.kanban-move-select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font:inherit;font-size:13px;font-weight:750;cursor:pointer}.kanban-move-select:disabled{opacity:.6;cursor:wait}.kanban-card[aria-busy="true"]{opacity:.72}.kanban-card .kanban-open{margin-top:8px;width:100%;text-align:center} body.theme-light .kanban-column{background:var(--panel2);border-color:var(--line)}body.theme-light .kanban-card{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}body.theme-light .kanban-move-select{background:#fff;color:var(--text);border-color:#cfd6e2} @media(max-width:1500px){.kanban-board{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1180px){.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.kanban-board{grid-template-columns:minmax(0,1fr)}} /* v1.45.0 · scheda commerciale bici */ .bike-type-panel[hidden]{display:none!important}.bike-commercial-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.bike-commercial-summary>div{padding:12px;border-radius:10px;background:rgba(99,102,241,.08);border:1px solid var(--border,#334155)} .bike-commercial-summary small,.bike-commercial-summary strong{display:block}.bike-photo-preview{width:100%;max-height:260px;object-fit:cover;border-radius:12px;border:1px solid var(--border,#334155)} .art36-compact{padding:12px;border-left:4px solid #f59e0b;background:rgba(245,158,11,.08);border-radius:10px;margin:10px 0} .audit-json{white-space:pre-wrap;word-break:break-word;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(15,23,42,.7);padding:10px;border-radius:8px;max-width:680px} @media(max-width:900px){.kanban-toolbar{align-items:flex-start;flex-direction:column}.bike-commercial-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v1.53.2 · coerenza magazzino/biciclette e dashboard commerciale */ .warehouse-shopify-panel{margin-top:18px;min-width:0} .stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))} .warehouse-shopify-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none} .warehouse-shopify-panel>summary::-webkit-details-marker{display:none} .warehouse-shopify-panel>summary:after{content:'Apri';color:var(--muted);font-size:12px;font-weight:800} .warehouse-shopify-panel[open]>summary:after{content:'Chiudi'} .warehouse-shopify-panel .card-head{align-items:center} .warehouse-shopify-panel .actions{align-items:center} .warehouse-shopify-panel .table-wrap{margin-top:12px} .commercial-period-form .field.compact{display:grid;gap:5px;margin:0} .commercial-period-form .field.compact>span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em} .commercial-custom-dates{display:none;align-items:end;gap:8px} .commercial-custom-dates.is-visible{display:flex} .commercial-primary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important} .commercial-primary-metrics .commercial-metric{min-height:118px} .commercial-more-metrics>summary,.commercial-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none} .commercial-more-metrics>summary::-webkit-details-marker,.commercial-collapsible>summary::-webkit-details-marker{display:none} .commercial-more-metrics>summary span:first-child,.commercial-collapsible>summary span:first-child{display:grid;gap:3px} .commercial-more-metrics>summary strong,.commercial-collapsible>summary strong{font-size:18px} .commercial-more-metrics>summary small,.commercial-collapsible>summary small{color:var(--muted)} .commercial-summary-toggle{color:var(--muted);font-size:12px;font-weight:800} .commercial-more-metrics>.commercial-metrics-grid,.commercial-collapsible>.commercial-bars,.commercial-collapsible>.commercial-trend,.commercial-collapsible>.table-wrap{margin-top:18px} .commercial-inline-action{display:flex;justify-content:flex-end;margin-top:14px} .commercial-dashboard .commercial-action-card{order:1} .commercial-dashboard .commercial-collapsible{order:2} .commercial-collapsible[open],.commercial-more-metrics[open]{border-color:var(--blue)} @media(max-width:1280px){.commercial-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:780px){.commercial-primary-metrics{grid-template-columns:1fr!important}.commercial-custom-dates,.commercial-custom-dates.is-visible{width:100%;display:none}.commercial-custom-dates.is-visible{display:grid}.commercial-inline-action{justify-content:stretch}.commercial-inline-action .btn{width:100%;justify-content:center}.warehouse-shopify-panel .actions,.warehouse-shopify-panel .actions form,.warehouse-shopify-panel .actions button{width:100%}} @media(max-width:560px){.stats-grid{grid-template-columns:1fr}} /* v1.53.3 · correzione griglia Dashboard e protezione cache */ .commercial-dashboard{grid-template-columns:minmax(0,1fr)!important;width:100%} .commercial-dashboard>.commercial-hero,.commercial-dashboard>.commercial-primary-metrics,.commercial-dashboard>.commercial-more-metrics,.commercial-dashboard>.grid{grid-column:1/-1;width:100%;min-width:0} .commercial-custom-dates[hidden]{display:none!important} .commercial-more-metrics{min-height:0} .commercial-more-metrics:not([open]){height:auto} /* v1.46.0 · Noleggio e moduli SaaS */ .content>*{min-width:0;max-width:100%} .rental-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.rental-availability-strip{display:grid;grid-template-columns:180px 220px minmax(0,1fr);gap:14px;align-items:end}.rental-availability-strip>div{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.rental-availability-strip span,.rental-availability-strip strong{display:block}.rental-availability-strip span{font-size:12px;color:var(--muted);font-weight:800}.rental-availability-strip strong{font-size:24px;margin-top:4px}.rental-availability-strip form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.rental-availability-strip label{display:grid;gap:5px}.rental-availability-strip label span{font-size:11px}.rental-fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rental-fleet-card{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),#11141a);text-decoration:none;box-shadow:var(--shadow)}.rental-fleet-card:hover{border-color:var(--blue)}.rental-fleet-card img{width:90px;height:74px;object-fit:cover;border-radius:12px}.rental-fleet-card>div{min-width:0}.rental-fleet-card small{display:block;color:var(--muted);margin-top:5px}.rental-bike-photo{width:100%;max-height:260px;object-fit:cover;border-radius:14px;border:1px solid var(--line);grid-column:1/-1}.rental-bike-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rental-bike-option{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);cursor:pointer}.rental-bike-option input{width:auto;grid-row:1/3}.rental-bike-option strong,.rental-bike-option small{display:block}.rental-bike-option small{color:var(--muted);margin-top:4px}.rental-bike-option.unavailable{opacity:.45;cursor:not-allowed}.signature-canvas{display:block;width:100%;height:180px;margin:12px 0;border:1px dashed var(--line);border-radius:14px;background:#fff;touch-action:none}.rental-checklist{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.rental-checklist label{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.rental-checklist input{width:auto}.rental-payment-form{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.rental-conditions-editor{min-height:460px}.rental-conditions-preview{white-space:pre-wrap;font-size:12px;line-height:1.5}.module-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-admin-card{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.module-admin-card select,.module-admin-card input{width:100%}.danger-zone{border-color:rgba(224,58,62,.45)}body.theme-light .rental-fleet-card{background:#fff}body.theme-light .rental-bike-option,body.theme-light .module-admin-card,body.theme-light .rental-checklist label,body.theme-light .rental-availability-strip>div{background:var(--panel2)} @media(max-width:1250px){.rental-bike-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.rental-fleet-grid{grid-template-columns:1fr}.rental-availability-strip{grid-template-columns:1fr 1fr}.rental-availability-strip form{grid-column:1/-1}} @media(max-width:760px){.rental-hero{align-items:flex-start;flex-direction:column}.rental-availability-strip,.rental-availability-strip form,.rental-bike-picker,.module-admin-grid{grid-template-columns:1fr}.rental-availability-strip form{grid-column:auto}.rental-fleet-card{grid-template-columns:70px 1fr}.rental-fleet-card img{width:70px;height:62px}} /* v1.46.1 · pagine Noleggio a riga intera e flusso WhatsApp con scheda */ .rental-single-column{grid-template-columns:minmax(0,1fr)} .rental-single-column>.card{grid-column:1/-1;width:100%;min-width:0} .whatsapp-sheet-flow>.card{min-width:0} .whatsapp-sheet-flow .notice{margin-bottom:18px} body.theme-dark .whatsapp-sheet-flow .notice.info{background:rgba(88,166,255,.12);border-color:rgba(88,166,255,.38);color:#dbeafe} .whatsapp-sheet-flow .mini-item{display:flex;flex-direction:column;min-height:150px} .whatsapp-sheet-flow .mini-item .form-actions{margin-top:auto;padding-top:18px} @media(max-width:760px){.whatsapp-sheet-flow .mini-item{grid-column:span 12}} /* v1.56.0 · centro operativo Shopify omnicanale */ .shopify-operations{display:grid;gap:16px;min-width:0} .shopify-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px} .shopify-command-bar>div:first-child{display:grid;gap:3px;min-width:0}.shopify-command-bar small{color:var(--muted)} .shopify-kpis{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:12px} .shopify-kpis>a{position:relative;display:grid;gap:7px;min-height:105px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);text-decoration:none;box-shadow:var(--shadow);overflow:hidden} .shopify-kpis>a:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--module-accent)} .shopify-kpis>a:hover{border-color:var(--module-accent);transform:translateY(-1px)} .shopify-kpis span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.shopify-kpis strong{font-size:25px;line-height:1.1} .shopify-health{display:grid;gap:0}.shopify-health>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.shopify-health>div:last-child{border-bottom:0}.shopify-health span:first-child{color:var(--muted)} .shopify-operations .table-wrap select{min-width:150px}.shopify-operations .actions{flex-wrap:wrap}.shopify-operations .actions form{margin:0} .shopify-order-items{margin-top:10px;min-width:250px}.shopify-order-items summary{cursor:pointer;font-weight:750;color:var(--muted)} .shopify-order-items>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.shopify-order-items>div:last-child{border-bottom:0} .shopify-order-items span small{display:block;color:var(--muted);margin-top:2px}.shopify-order-items a{white-space:nowrap} .shopify-tracking,.shopify-sync-error{display:block;margin-top:6px;color:var(--muted);max-width:240px}.shopify-sync-error{color:var(--danger)} .shopify-remote-action{margin-top:9px;min-width:310px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%);overflow:hidden} .shopify-remote-action summary{cursor:pointer;list-style:none;padding:9px 11px;font-weight:800;color:var(--accent)}.shopify-remote-action summary::-webkit-details-marker{display:none}.shopify-remote-action[open] summary{border-bottom:1px solid var(--line)} .shopify-remote-action form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}.shopify-remote-action label{display:grid;gap:4px}.shopify-remote-action label>span{font-size:.78rem;color:var(--muted);font-weight:750}.shopify-remote-action .full{grid-column:1/-1}.shopify-remote-action input,.shopify-remote-action select{width:100%;min-width:0!important}.shopify-remote-action button{grid-column:1/-1;justify-self:start} .shopify-cancel-action summary{color:var(--danger)} body.theme-light .shopify-kpis>a{background:#fff} @media(max-width:1500px){.shopify-kpis{grid-template-columns:repeat(4,minmax(140px,1fr))}} @media(max-width:980px){.shopify-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.shopify-command-bar{align-items:flex-start;flex-direction:column}.shopify-operations .col-8,.shopify-operations .col-4{grid-column:span 12}} @media(max-width:600px){.shopify-kpis{grid-template-columns:1fr}.shopify-command-bar .actions,.shopify-command-bar .actions>*{width:100%}.shopify-remote-action{min-width:260px}.shopify-remote-action form{grid-template-columns:1fr}.shopify-remote-action .full{grid-column:auto}} /* v1.47.1 - Appuntamenti: navigazione settimanale e stato inline */ .appointments-list .card-head{align-items:flex-end} .appointment-search{display:flex;gap:8px;align-items:center} .appointment-search input[name="q"]{min-width:230px} .appointment-search button{flex:0 0 auto} .week-picker{display:grid;grid-template-columns:48px minmax(0,1fr) auto 48px;gap:12px;align-items:stretch;margin:2px 0 12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(88,166,255,.10),rgba(255,255,255,.025))} .week-today{align-self:center;justify-content:center} .week-nav{display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);font-size:30px;font-weight:500;line-height:1;text-decoration:none} .week-nav:hover{border-color:rgba(255,255,255,.38);filter:brightness(1.08)} .week-period{min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:3px} .week-period span,.week-period small{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .week-period strong{font-size:clamp(18px,2vw,27px);letter-spacing:-.025em;white-space:normal} .appointment-day-filters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px} .appointment-day-filters .btn{justify-content:center;min-width:0;padding-left:8px;padding-right:8px;white-space:normal;text-align:center} .appointment-day-filters .btn.active{background:var(--accent);color:var(--bg);border:1px solid var(--accent)} .appointment-table table{min-width:0} .appointment-table .status-select{min-width:148px;max-width:190px} .linked-job-note{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:750} .appointment-origin{margin-bottom:16px;line-height:1.55} body.theme-light .week-picker{background:linear-gradient(135deg,#eff8ff,#f9fafb)} body.theme-light .week-nav{background:#fff;color:#101828} @media(max-width:980px){ .appointments-list .card-head{align-items:stretch} .appointment-search{width:100%} .appointment-search input[name="q"]{min-width:0} .appointment-day-filters{grid-template-columns:repeat(3,minmax(0,1fr))} .appointment-table{overflow:visible;border:0} .appointment-table table,.appointment-table tbody{display:block;width:100%} .appointment-table thead{display:none} .appointment-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0f1217} .appointment-table td{display:grid;grid-template-columns:minmax(86px,.65fr) minmax(0,1fr);gap:10px;align-items:start;padding:5px 0;border:0;min-width:0;overflow-wrap:anywhere} .appointment-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .appointment-table td.actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center} .appointment-table td.actions::before{width:100%} .appointment-table .status-select{width:100%;max-width:none;min-width:0} .appointment-table .empty-row{display:block} .appointment-table .empty-row td{display:block} .appointment-table .empty-row td::before{display:none} body.theme-light .appointment-table tr{background:#fff} } @media(max-width:560px){ .week-picker{grid-template-columns:42px minmax(0,1fr) 42px;padding:9px;gap:8px}.week-today{grid-column:1/-1;grid-row:2} .week-period strong{font-size:16px} .appointment-search{display:grid;grid-template-columns:minmax(0,1fr) auto} .appointment-day-filters{grid-template-columns:repeat(2,minmax(0,1fr))} .appointment-table tr{grid-template-columns:1fr} .appointment-table td,.appointment-table td.actions{grid-column:1} } /* v1.47.2 - compilazione intervento unificata */ .workshop-parts-editor{margin-top:8px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)} .workshop-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px} .workshop-section-head h3,.workshop-labor-heading h3{margin:0;font-size:18px;letter-spacing:-.02em} .workshop-section-head p,.workshop-labor-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45} .workshop-part-rows{display:grid;gap:10px} .workshop-part-row{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(180px,1.7fr) minmax(190px,2fr) 70px 115px 90px 110px auto;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0c0f14;transition:opacity .15s ease,border-color .15s ease} .workshop-part-row .part-field{display:grid;gap:6px;min-width:0} .workshop-part-row .part-field>span{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase} .workshop-part-row input,.workshop-part-row select{min-width:0;padding:9px 10px;border-radius:10px} .workshop-part-row .part-total strong{display:flex;align-items:center;height:39px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#111722;white-space:nowrap} .workshop-part-row .js-remove-workshop-part{justify-content:center;min-height:39px} .workshop-part-row.is-removed{border-color:rgba(224,58,62,.6);background:rgba(224,58,62,.08)} .workshop-part-row.is-removed .part-field{opacity:.35;pointer-events:none} .workshop-labor-heading{margin-top:8px;padding-top:18px;border-top:1px solid var(--line)} .workshop-labor-description{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--text)!important;line-height:1.45} body.theme-light .workshop-parts-editor{background:#f9fafb} body.theme-light .workshop-part-row{background:#fff} body.theme-light .workshop-part-row .part-total strong{background:#f2f4f7} body.theme-light .workshop-part-row.is-removed{background:#fff1f3} @media(max-width:1380px){ .workshop-part-row{grid-template-columns:repeat(6,minmax(0,1fr))} .workshop-part-row .part-barcode{grid-column:span 2} .workshop-part-row .part-inventory{grid-column:span 2} .workshop-part-row .part-description{grid-column:span 2} .workshop-part-row .part-quantity,.workshop-part-row .part-price,.workshop-part-row .part-discount,.workshop-part-row .part-total{grid-column:span 1} .workshop-part-row .js-remove-workshop-part{grid-column:span 2} } @media(max-width:760px){ .workshop-section-head{display:grid} .workshop-section-head .btn{width:100%;justify-content:center} .workshop-part-row{grid-template-columns:repeat(2,minmax(0,1fr))} .workshop-part-row .part-field,.workshop-part-row .part-barcode,.workshop-part-row .part-inventory,.workshop-part-row .part-description{grid-column:1/-1} .workshop-part-row .part-quantity,.workshop-part-row .part-price,.workshop-part-row .part-discount,.workshop-part-row .part-total{grid-column:span 1} .workshop-part-row .js-remove-workshop-part{grid-column:1/-1} } .brand{text-decoration:none} /* v1.54.0 · Velomiq visual system */ body{--module-accent:#2563eb;--module-soft:#eaf2ff;--module-strong:#1d4ed8;--accent:var(--module-accent);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.45} body.module-dashboard{--module-accent:#2563eb;--module-soft:#eaf2ff;--module-strong:#1d4ed8} body.module-crm{--module-accent:#7c3aed;--module-soft:#f3e8ff;--module-strong:#6d28d9} body.module-workshop{--module-accent:#d97706;--module-soft:#fff4dd;--module-strong:#b45309} body.module-rental{--module-accent:#0891b2;--module-soft:#e6f7fb;--module-strong:#0e7490} body.module-sales{--module-accent:#059669;--module-soft:#e7f7f1;--module-strong:#047857} body.module-warehouse{--module-accent:#ea580c;--module-soft:#fff0e8;--module-strong:#c2410c} body.module-bikes{--module-accent:#0284c7;--module-soft:#e8f6fd;--module-strong:#0369a1} body.module-documents{--module-accent:#475569;--module-soft:#eef2f6;--module-strong:#334155} body.module-admin{--module-accent:#64748b;--module-soft:#f1f5f9;--module-strong:#475569} body.module-integrations{--module-accent:#4f46e5;--module-soft:#eef0ff;--module-strong:#4338ca} body.module-shopify{--module-accent:#008060;--module-soft:#e7f6f1;--module-strong:#006e52} body.module-search{--module-accent:#0f766e;--module-soft:#e8f7f5;--module-strong:#0f5f59} .ui-icon{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor} .app-shell{background:var(--bg)} .main{padding:28px 32px 42px} .content{gap:16px;max-width:1640px;margin:0 auto;width:100%} .topbar{max-width:1640px;margin:0 auto 20px;padding:2px 0 18px;border-bottom:1px solid var(--line)} .page-title-block{display:grid;gap:2px;min-width:0} .page-eyebrow{display:flex;align-items:center;gap:7px;color:var(--module-accent);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase} .page-eyebrow .ui-icon{width:15px;height:15px;flex-basis:15px} .topbar h1{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin-top:3px} .topbar p{font-size:13px;margin-top:5px} .quick-search{position:relative;min-width:300px} .quick-search:before{content:'⌕';position:absolute;left:13px;top:50%;transform:translateY(-52%);color:var(--muted);font-size:20px;z-index:1;pointer-events:none} .quick-search input{width:340px;padding-left:38px;border-radius:13px;box-shadow:0 1px 2px rgba(15,23,42,.04)} .sidebar{width:260px;padding:18px 16px;background:#fff;border-color:#dce5f0} .main{margin-left:260px;width:calc(100% - 260px)} .brand{gap:11px;margin:0 4px 22px;padding:4px 2px 16px;border-bottom:1px solid var(--line)} .brand-logo{width:42px;height:42px;flex-basis:42px;border-radius:12px;border:1px solid var(--line);box-shadow:0 3px 10px rgba(15,23,42,.06)} .brand strong{font-size:13px;letter-spacing:.075em;line-height:1.25} .brand small{font-size:10px;line-height:1.35;margin-top:3px;letter-spacing:.015em} .nav{gap:2px} .nav-group{--nav-accent:#64748b;--nav-soft:#f1f5f9;margin:3px 0} .nav-module-dashboard{--nav-accent:#2563eb;--nav-soft:#eaf2ff} .nav-module-crm{--nav-accent:#7c3aed;--nav-soft:#f3e8ff} .nav-module-workshop{--nav-accent:#d97706;--nav-soft:#fff4dd} .nav-module-rental{--nav-accent:#0891b2;--nav-soft:#e6f7fb} .nav-module-sales{--nav-accent:#059669;--nav-soft:#e7f7f1} .nav-module-warehouse{--nav-accent:#ea580c;--nav-soft:#fff0e8} .nav-module-bikes{--nav-accent:#0284c7;--nav-soft:#e8f6fd} .nav-module-documents{--nav-accent:#475569;--nav-soft:#eef2f6} .nav-module-admin{--nav-accent:#64748b;--nav-soft:#f1f5f9} .nav-module-integrations{--nav-accent:#4f46e5;--nav-soft:#eef0ff} .nav-module-shopify{--nav-accent:#008060;--nav-soft:#e7f6f1} .nav-module-search{--nav-accent:#0f766e;--nav-soft:#e8f7f5} .sidebar .nav .nav-group-label{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;padding:9px 10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#526076!important;font-size:12px!important;font-weight:780!important;letter-spacing:.035em!important;text-transform:none!important;box-shadow:none!important;filter:none!important} .sidebar .nav .nav-group-label:hover{background:#f6f8fb!important;color:#172033!important} .sidebar .nav .nav-group.open>.nav-group-label{background:var(--nav-soft)!important;color:var(--nav-accent)!important} .nav-group-title{display:flex;align-items:center;gap:10px;min-width:0} .nav-group-title .ui-icon{color:var(--nav-accent);width:17px;height:17px;flex-basis:17px} .nav-chevron{font-size:13px;color:#94a3b8;transition:transform .18s ease} .nav-group.open>.nav-group-label .nav-group-title,.nav-group.open>.nav-group-label .nav-group-title>span{transform:none} .nav-group.open>.nav-group-label .nav-chevron{transform:rotate(180deg)} .nav-subitems{gap:2px;margin:3px 0 5px 17px;padding:2px 0 2px 13px;border-left:1px solid #e1e8f1} .nav a.nav-sub{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:650;border-radius:10px;color:#5a6679} .nav-sub-marker{width:5px;height:5px;flex:0 0 5px;border-radius:99px;background:#cbd5e1} .nav a.nav-sub:hover{background:#f6f8fb;color:#172033} .nav-group .nav-sub.active{background:var(--nav-soft)!important;color:var(--nav-accent)!important;font-weight:780;box-shadow:inset 3px 0 0 var(--nav-accent)} .nav-group .nav-sub.active .nav-sub-marker{background:var(--nav-accent)} .nav a.nav-direct{display:flex;align-items:center;gap:10px;margin-top:5px;padding:10px;border-radius:11px;color:#526076;font-size:13px} .nav a.nav-direct .ui-icon{color:var(--nav-accent)} .nav a.nav-direct:hover,.nav a.nav-direct.active{background:var(--nav-soft)!important;color:var(--nav-accent)!important} .platform-signature{margin-top:18px;padding:9px 10px;border-radius:12px;box-shadow:none} .platform-signature img{width:116px} .sidebar-footer{margin-top:14px;padding:14px 6px 4px;font-size:12px} .card{border-radius:16px;padding:18px;border-color:var(--line);box-shadow:0 5px 18px rgba(15,23,42,.045);background:var(--panel);background-image:none} .card-head{gap:14px;margin-bottom:15px} .card h2{font-size:18px;line-height:1.25;letter-spacing:-.018em} .card h3{letter-spacing:-.012em} .card p{font-size:13px;line-height:1.45} .kpi,.commercial-metric,.metric-card,.stat-card{position:relative;overflow:hidden} .kpi:before,.commercial-metric:before,.metric-card:before,.stat-card:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--module-accent);opacity:.82} .kpi strong,.commercial-metric strong,.metric-card strong,.stat-card strong{font-variant-numeric:tabular-nums} .commercial-metric{border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,.035);background:var(--panel)} .commercial-metric:hover,.kpi-link:hover{transform:translateY(-1px);border-color:var(--module-accent);filter:none} .commercial-more-metrics>summary,.commercial-collapsible>summary{min-height:44px} details.card>summary:before{border-color:var(--line);background:var(--module-soft);color:var(--module-accent)} details.card[open]>summary{color:var(--module-strong)} .btn,button{min-height:38px;border-radius:11px;padding:9px 13px;background:var(--module-accent);color:#fff;font-size:13px;font-weight:760;box-shadow:0 4px 11px rgba(15,23,42,.08);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,border-color .14s ease} .btn:hover,button:hover{filter:brightness(.97);transform:translateY(-1px);box-shadow:0 6px 15px rgba(15,23,42,.11)} .btn.secondary{background:var(--panel);color:var(--module-strong);border:1px solid var(--module-accent);box-shadow:none} .btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none} .btn.ghost:hover,.btn.secondary:hover{background:var(--module-soft);border-color:var(--module-accent)} .btn.danger,button.danger{background:#fff5f5;color:#b42318;border:1px solid #fecaca;box-shadow:none} .btn.red{background:#dc2626;color:#fff} .btn.whatsapp{background:#16a36a;color:#fff} .btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--module-soft);outline-offset:2px;border-color:var(--module-accent)} input,select,textarea{border-radius:11px;border-color:#cdd8e6;background:var(--panel);padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease} input:hover,select:hover,textarea:hover{border-color:#aebdce} input:focus,select:focus,textarea:focus{border-color:var(--module-accent);box-shadow:0 0 0 3px var(--module-soft)} .field span{font-size:12px;color:var(--muted);font-weight:720} .filter-row{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)} .table-wrap{border-radius:14px;border-color:var(--line);background:var(--panel);box-shadow:none} table{font-variant-numeric:tabular-nums} th{background:#f8fafc;color:#596579;font-size:10px;font-weight:850;letter-spacing:.075em;padding:11px 13px} td{font-size:13px;padding:12px 13px;border-color:#e7edf4} tbody tr{transition:background .12s ease} tbody tr:hover{background:#f8fbff} .table-wrap .actions .btn,.table-wrap .actions button{min-height:34px;padding:7px 10px;font-size:12px} .badge,.status-badge{border:1px solid transparent;font-size:11px;font-weight:780;letter-spacing:.01em;padding:5px 9px} .badge.good{background:#e9f8f1;color:#087a50;border-color:#bdebd6} .badge.warn{background:#fff7df;color:#9a5b08;border-color:#f9dda1} .badge.bad{background:#fff0f0;color:#b42318;border-color:#fecaca} .badge.info{background:#eaf2ff;color:#1d4ed8;border-color:#bfdbfe} .notice{border-radius:13px} .flash{border-radius:13px;box-shadow:0 3px 12px rgba(15,23,42,.045)} .flash.ok{background:#ecfdf5;color:#067647;border-color:#abefc6} .flash.err,.flash.bad{background:#fff1f2;color:#b42318;border-color:#fecdd3} .summary-strip,.metric-grid,.stats-grid{gap:12px} .summary-strip>div,.metric-card,.stat-card,.commercial-mini-kpis>div{border-radius:13px;box-shadow:none} .pagination{gap:6px} .pagination .btn{min-width:38px;justify-content:center} body.theme-light{--bg:#f4f7fb;--panel:#fff;--panel2:#f8fafc;--text:#16253b;--muted:#65758b;--line:#dce5f0;--shadow:0 6px 20px rgba(15,23,42,.055);background:var(--bg);color:var(--text)} body.theme-light .sidebar{background:#fff;border-color:var(--line)} body.theme-light .card,body.theme-light .doc-panel,body.theme-light .mini-item,body.theme-light .order-summary-box,body.theme-light .label-preview,body.theme-light .attachments-box,body.theme-light .inline-create-box,body.theme-light #bikeFieldsBox,body.theme-light .tradein-box{background:#fff;border-color:var(--line);box-shadow:0 5px 18px rgba(15,23,42,.045)} body.theme-light .nav a{color:#5a6679} body.theme-light .sidebar .nav a.nav-sub:hover{background:#f6f8fb!important;color:#172033!important} body.theme-light .sidebar .nav a.nav-sub:hover .nav-sub-marker{background:var(--nav-accent)!important} body.theme-light .sidebar .nav a.nav-direct:hover{background:var(--nav-soft)!important;color:var(--nav-accent)!important} body.theme-light .sidebar .nav a.nav-sub.active{background:var(--nav-soft)!important;color:var(--nav-accent)!important} /* v1.54.2 · Elenco clienti compatto */ .customers-table{min-width:920px;table-layout:auto} .customers-table th,.customers-table td{vertical-align:middle} .customers-table .customer-name-cell{width:27%;white-space:nowrap} .customers-table .customer-phone-cell{width:15%;white-space:nowrap;font-variant-numeric:tabular-nums} .customers-table .customer-email-cell{width:25%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px} .customers-table .customer-consent-cell{width:13%;white-space:nowrap} .customers-table .customers-actions-heading{text-align:right} .customers-table .customer-actions-cell{width:1%;white-space:nowrap} .customers-table .customer-row-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end} .customers-table .customer-row-actions form{flex:0 0 auto;margin:0} .customers-table .customer-row-actions .btn,.customers-table .customer-row-actions button{white-space:nowrap} @media(max-width:720px){.customers-table{min-width:820px}} /* v1.54.4 · Nota privacy campagne */ .campaign-privacy-notice{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:68px;margin-top:4px;padding:13px 16px;border:1px solid #d8c9ff;border-radius:14px;background:#faf8ff;color:#29354a;box-shadow:0 3px 12px rgba(76,29,149,.045)} .campaign-privacy-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#eee8ff;color:#7c3aed} .campaign-privacy-icon svg{width:20px;height:20px;fill:currentColor} .campaign-privacy-copy{display:grid;align-content:center;gap:2px;min-width:0;max-width:1120px;line-height:1.4} .campaign-privacy-copy>strong{color:#5b21b6;font-size:12px;font-weight:850;letter-spacing:.045em;text-transform:uppercase} .campaign-privacy-copy>span{font-size:13px;color:#4b5870} body.theme-dark .campaign-privacy-notice{background:rgba(167,139,250,.09);border-color:rgba(167,139,250,.30);color:#e8e2ff;box-shadow:none} body.theme-dark .campaign-privacy-icon{background:rgba(167,139,250,.15);color:#c4b5fd} body.theme-dark .campaign-privacy-copy>strong{color:#c4b5fd} body.theme-dark .campaign-privacy-copy>span{color:#cbd5e1} @media(max-width:620px){.campaign-privacy-notice{align-items:flex-start;justify-content:flex-start;padding:13px}.campaign-privacy-icon{flex-basis:34px;width:34px;height:34px}.campaign-privacy-copy>span{font-size:12px}} body.theme-light .btn:not(.secondary):not(.ghost):not(.danger):not(.red):not(.whatsapp){background:var(--module-accent);color:#fff} body.theme-light .btn.secondary{background:#fff;color:var(--module-strong);border-color:var(--module-accent)} body.theme-light .btn.ghost{background:transparent;color:var(--text);border-color:var(--line)} body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff;color:var(--text);border-color:#cdd8e6} body.theme-light th{background:#f7f9fc;color:#596579;border-color:var(--line)} body.theme-light td{color:var(--text);border-color:#e7edf4} body.theme-light tbody tr:hover{background:#f8fbff} body.theme-dark{--bg:#0c1422;--panel:#121d2d;--panel2:#172438;--text:#edf3fb;--muted:#9aabc0;--line:#293a52;--shadow:0 10px 28px rgba(0,0,0,.24);background:var(--bg);color:var(--text)} body.theme-dark.module-dashboard{--module-accent:#60a5fa;--module-soft:rgba(96,165,250,.14);--module-strong:#93c5fd} body.theme-dark.module-crm{--module-accent:#a78bfa;--module-soft:rgba(167,139,250,.14);--module-strong:#c4b5fd} body.theme-dark.module-workshop{--module-accent:#f59e0b;--module-soft:rgba(245,158,11,.14);--module-strong:#fbbf24} body.theme-dark.module-rental{--module-accent:#22d3ee;--module-soft:rgba(34,211,238,.13);--module-strong:#67e8f9} body.theme-dark.module-sales{--module-accent:#34d399;--module-soft:rgba(52,211,153,.13);--module-strong:#6ee7b7} body.theme-dark.module-warehouse{--module-accent:#fb923c;--module-soft:rgba(251,146,60,.14);--module-strong:#fdba74} body.theme-dark.module-bikes{--module-accent:#38bdf8;--module-soft:rgba(56,189,248,.13);--module-strong:#7dd3fc} body.theme-dark.module-documents{--module-accent:#cbd5e1;--module-soft:rgba(203,213,225,.11);--module-strong:#e2e8f0} body.theme-dark.module-admin{--module-accent:#94a3b8;--module-soft:rgba(148,163,184,.12);--module-strong:#cbd5e1} body.theme-dark.module-integrations{--module-accent:#818cf8;--module-soft:rgba(129,140,248,.14);--module-strong:#a5b4fc} body.theme-dark.module-shopify{--module-accent:#34d399;--module-soft:rgba(52,211,153,.14);--module-strong:#6ee7b7} body.theme-dark.module-search{--module-accent:#2dd4bf;--module-soft:rgba(45,212,191,.13);--module-strong:#5eead4} body.theme-dark .nav-module-dashboard{--nav-accent:#60a5fa;--nav-soft:rgba(96,165,250,.14)} body.theme-dark .nav-module-crm{--nav-accent:#a78bfa;--nav-soft:rgba(167,139,250,.14)} body.theme-dark .nav-module-workshop{--nav-accent:#f59e0b;--nav-soft:rgba(245,158,11,.14)} body.theme-dark .nav-module-rental{--nav-accent:#22d3ee;--nav-soft:rgba(34,211,238,.13)} body.theme-dark .nav-module-sales{--nav-accent:#34d399;--nav-soft:rgba(52,211,153,.13)} body.theme-dark .nav-module-warehouse{--nav-accent:#fb923c;--nav-soft:rgba(251,146,60,.14)} body.theme-dark .nav-module-bikes{--nav-accent:#38bdf8;--nav-soft:rgba(56,189,248,.13)} body.theme-dark .nav-module-documents{--nav-accent:#cbd5e1;--nav-soft:rgba(203,213,225,.11)} body.theme-dark .nav-module-admin{--nav-accent:#94a3b8;--nav-soft:rgba(148,163,184,.12)} body.theme-dark .nav-module-integrations{--nav-accent:#818cf8;--nav-soft:rgba(129,140,248,.14)} body.theme-dark .nav-module-shopify{--nav-accent:#34d399;--nav-soft:rgba(52,211,153,.14)} body.theme-dark .nav-module-search{--nav-accent:#2dd4bf;--nav-soft:rgba(45,212,191,.13)} body.theme-dark .sidebar{background:#0f1928;border-color:var(--line)} body.theme-dark .sidebar .nav .nav-group-label{color:#a5b4c7!important} body.theme-dark .sidebar .nav .nav-group-label:hover{background:#172438!important;color:#fff!important} body.theme-dark .sidebar .nav .nav-group.open>.nav-group-label{background:var(--nav-soft)!important;color:var(--nav-accent)!important} body.theme-dark .nav-subitems{border-color:#2b3d55} body.theme-dark .nav a.nav-sub,body.theme-dark .nav a.nav-direct{color:#a5b4c7} body.theme-dark .nav a.nav-sub:hover,body.theme-dark .nav a.nav-direct:hover{background:#172438;color:#fff} body.theme-dark .nav-group .nav-sub.active,body.theme-dark .nav a.nav-direct.active{background:var(--nav-soft)!important;color:var(--nav-accent)!important} body.theme-dark .platform-signature{background:#fff;border-color:#33445d} body.theme-dark .card,body.theme-dark .commercial-metric{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)} body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#0d1726;color:var(--text);border-color:#344862} body.theme-dark input:hover,body.theme-dark select:hover,body.theme-dark textarea:hover{border-color:#526984} body.theme-dark .filter-row,body.theme-dark .card.soft,body.theme-dark .order-item-row,body.theme-dark .ddt-item-row,body.theme-dark .payment-row{background:var(--panel2);border-color:var(--line)} /* v1.58.2 - Dati bici per ogni riga dell'ordine cliente */ .order-editor .order-item-row .item-handle{grid-column:1;grid-row:1 / span 3} .order-editor .order-item-row .item-code{grid-column:2 / span 2} .order-editor .order-item-row .item-barcode{grid-column:4 / span 2} .order-editor .order-item-row .item-name{grid-column:6 / span 4} .order-editor .order-item-row .item-qty{grid-column:10 / span 1} .order-editor .order-item-row .item-unit{grid-column:11 / span 1} .order-editor .order-item-row .item-add-bike{grid-column:12 / span 2} .order-editor .order-item-row .item-serial{grid-column:2 / span 3} .order-editor .order-item-row .item-bike-size{grid-column:5 / span 2} .order-editor .order-item-row .item-bike-color{grid-column:7 / span 2} .order-editor .order-item-row .item-category{grid-column:9 / span 2} .order-editor .order-item-row .item-price{grid-column:11 / span 1} .order-editor .order-item-row .item-discount{grid-column:12 / span 1} .order-editor .order-item-row .item-vat{grid-column:13 / span 1} .order-editor .order-item-row .item-desc{grid-column:2 / span 9} .order-editor .order-item-row .item-total{grid-column:11 / span 2} .order-editor .order-item-row .remove-item{grid-column:13 / span 1;align-self:end} @media(max-width:1500px){ .order-editor .order-item-row .item-handle{grid-column:1;grid-row:1 / span 4} .order-editor .order-item-row .item-code{grid-column:2 / span 1} .order-editor .order-item-row .item-barcode{grid-column:3 / span 1} .order-editor .order-item-row .item-name{grid-column:4 / span 4} .order-editor .order-item-row .item-serial{grid-column:2 / span 2} .order-editor .order-item-row .item-bike-size{grid-column:4 / span 1} .order-editor .order-item-row .item-bike-color{grid-column:5 / span 1} .order-editor .order-item-row .item-category{grid-column:6 / span 2} .order-editor .order-item-row .item-qty{grid-column:2 / span 1} .order-editor .order-item-row .item-unit{grid-column:3 / span 1} .order-editor .order-item-row .item-price{grid-column:4 / span 1} .order-editor .order-item-row .item-discount{grid-column:5 / span 1} .order-editor .order-item-row .item-vat{grid-column:6 / span 1} .order-editor .order-item-row .item-total{grid-column:7 / span 1} .order-editor .order-item-row .item-desc{grid-column:2 / span 4} .order-editor .order-item-row .item-add-bike{grid-column:6 / span 1} .order-editor .order-item-row .remove-item{grid-column:7 / span 1} } @media(max-width:980px){ .order-editor .order-item-row .item-handle, .order-editor .order-item-row .field, .order-editor .order-item-row .item-total, .order-editor .order-item-row .remove-item{grid-column:auto;grid-row:auto} } body.theme-dark th{background:#172438;color:#b5c2d4;border-color:var(--line)} body.theme-dark td{color:#e5edf8;border-color:#273950} body.theme-dark tbody tr:hover{background:#172438} body.theme-dark .btn.secondary{background:transparent;color:var(--module-strong);border-color:var(--module-accent)} body.theme-dark .btn.ghost{background:transparent;color:#dce6f3;border-color:#3a4d67} body.theme-dark .btn.ghost:hover,body.theme-dark .btn.secondary:hover{background:var(--module-soft);border-color:var(--module-accent)} /* Guida alle funzioni */ .guide-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center} .guide-function{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden;padding:0} .guide-function>summary{cursor:pointer;list-style:none;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px} .guide-function>summary::-webkit-details-marker{display:none} .guide-function>summary::after{content:'+';flex:0 0 auto;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--module-accent);font-size:20px;font-weight:800;line-height:1} .guide-function[open]>summary::after{content:'−'} .guide-function-title{min-width:0} .guide-function-title strong{display:block;font-size:15px} .guide-function-title small{display:block;color:var(--muted);line-height:1.45;margin-top:5px} .guide-function-body{padding:15px 17px 17px;border-top:1px solid var(--line);background:var(--panel)} .guide-function-body ul{margin:0;padding-left:20px;display:grid;gap:9px} .guide-function-body li{color:var(--text);line-height:1.5} .guide-function-state{display:flex;align-items:center;gap:8px;margin-top:10px} @media print{.guide-function{break-inside:avoid;margin-bottom:10px}.guide-function>summary::after{display:none}.guide-function-body{display:block!important}.guide-toolbar{display:none!important}} body.theme-dark .btn.danger,body.theme-dark button.danger{background:rgba(220,38,38,.11);color:#fda4af;border-color:rgba(251,113,133,.45)} body.theme-dark details.card>summary:before{background:var(--module-soft);border-color:var(--module-accent);color:var(--module-strong)} body.theme-dark .badge.good{background:rgba(52,211,153,.13);color:#6ee7b7;border-color:rgba(52,211,153,.28)} body.theme-dark .badge.warn{background:rgba(245,158,11,.14);color:#fbbf24;border-color:rgba(245,158,11,.30)} body.theme-dark .badge.bad{background:rgba(244,63,94,.13);color:#fda4af;border-color:rgba(244,63,94,.30)} body.theme-dark .badge.info{background:rgba(96,165,250,.14);color:#93c5fd;border-color:rgba(96,165,250,.30)} @media(max-width:1180px){.main{padding:24px}.topbar{align-items:flex-start}.quick-search,.quick-search input{width:100%;min-width:0}} @media(max-width:980px){.sidebar{width:100%;padding:15px}.main{margin-left:0;width:100%;padding:18px}.brand{margin-bottom:12px}.topbar{display:grid}.page-eyebrow{margin-top:3px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.nav-group,.nav-direct{min-width:0}.nav-group.open{grid-column:1/-1}.platform-signature{display:none}} @media(max-width:620px){.nav{grid-template-columns:1fr}.nav-group.open{grid-column:auto}.main{padding:14px}.topbar h1{font-size:26px}.card{padding:15px}.card-head{align-items:stretch;flex-direction:column}.card-head>.actions{width:100%}.card-head>.actions .btn,.card-head>.actions button{justify-content:center}.quick-search{min-width:0}} body.auth-page{background:linear-gradient(145deg,#eef4ff 0%,#f7f9fc 52%,#eefaf7 100%)} body.auth-page .login-card{border:1px solid #dce5f0;box-shadow:0 20px 55px rgba(15,23,42,.11);padding:24px} body.auth-page .login-platform-brand{background:#fff;border-color:#e2e8f0;border-radius:13px} body.auth-page .login-tenant-brand{border-color:#e2e8f0} body.auth-page .login-tenant-brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px} body.auth-page a{color:var(--module-strong);font-weight:700;text-underline-offset:3px} /* v1.63.2 · Scheda ordine stabile, filtri officina e tecnico lavorazione */ .order-editor .document-grid{ grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); align-items:start; } .order-editor .order-options-panel{ grid-column:1/-1; display:grid; grid-template-columns:minmax(260px,1fr) minmax(300px,1fr); column-gap:18px; align-items:start; } .order-editor .order-options-panel>h3{grid-column:1/-1} .order-editor .order-options-panel>.field, .order-editor .order-options-panel>.mini-total-box{min-width:0;margin-top:0} .order-editor .customer-lookup, .order-editor .customer-search-input, .order-editor .customer-inline-contact{min-width:0;max-width:100%} .order-editor .customer-inline-contact{ grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); } .order-editor .customer-inline-contact .customer-contact-action{ grid-column:1/-1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px; } .workshop-intake-row{grid-template-columns:1fr 1fr .85fr 1fr 1.15fr} @media(max-width:1250px){ .order-editor .document-grid{grid-template-columns:1fr} .order-editor .order-options-panel{grid-column:auto} .workshop-intake-row{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ .order-editor .order-options-panel, .order-editor .customer-inline-contact, .workshop-intake-row{grid-template-columns:1fr} .order-editor .order-options-panel>h3, .order-editor .customer-inline-contact .customer-contact-action{grid-column:auto} } /* v1.63.3 · Barre filtro uniformi negli elenchi */ .document-list-filters{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:0 0 16px; min-width:0; } .document-filter-search{display:block;width:100%;min-width:0;margin:0} .document-filter-controls{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0; } .document-filter-controls>select{ flex:0 1 340px; width:auto; min-width:220px; max-width:100%; margin:0; } .document-filter-actions{ display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin:0; } .document-filter-actions>button, .document-filter-actions>.btn{ min-height:42px; margin:0; justify-content:center; white-space:nowrap; } @media(max-width:760px){ .document-filter-controls{display:grid;grid-template-columns:minmax(0,1fr)} .document-filter-controls>select{width:100%;min-width:0} .document-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} .document-filter-actions>button,.document-filter-actions>.btn{width:100%} } /* v1.55.0 · Schede operative ordinate */ .form-section-divider{grid-column:1/-1;display:flex!important;align-items:center;gap:11px;margin:10px 0 0;padding:10px 0 8px;border-top:1px solid var(--line)} .form-section-divider:first-child{margin-top:0;border-top:0;padding-top:0} .form-section-index{display:grid!important;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:var(--module-soft);color:var(--module-accent)!important;font-size:11px!important;font-weight:900!important} .form-section-divider>div{display:grid;gap:1px;min-width:0} .form-section-divider strong{font-size:14px;color:var(--text)} .form-section-divider small{font-size:11px;color:var(--muted);line-height:1.35} .compact-field-row{display:grid!important;align-items:start;gap:11px} .compact-field-row>.field{grid-column:auto!important;min-width:0} .service-item-row{grid-template-columns:minmax(180px,.75fr) minmax(320px,2.25fr)} .appointment-schedule-row{grid-template-columns:1.2fr .85fr .85fr 1.15fr 1.2fr} .workshop-intake-row{grid-template-columns:repeat(3,minmax(0,1fr))} .appointment-editor textarea{min-height:90px} .bike-identity-row{grid-template-columns:1fr 1.5fr .55fr .55fr 1fr} .bike-components-row{grid-template-columns:repeat(5,minmax(0,1fr))} .bike-dates-row{grid-template-columns:repeat(2,minmax(0,1fr))} .bike-customer-editor textarea{min-height:100px} .shop-bike-compact-form>.field:not(.full){grid-column:span 3} .shop-bike-compact-form>.field.full,.shop-bike-compact-form>.customer-lookup,.shop-bike-compact-form>.form-section-divider{grid-column:1/-1} .customer-bikes-table{min-width:980px} .customer-bikes-table td{vertical-align:middle} .bike-inline-meta{display:inline-block;margin-left:9px;color:var(--muted);font-size:11px;white-space:nowrap} .customer-bike-actions-cell{width:1%;white-space:nowrap} .customer-bike-row-actions{flex-wrap:nowrap} .customer-bike-row-actions form{margin:0} .bike-list-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:nowrap} .bike-list-head-actions .quick-search{flex:1 1 340px;width:340px;min-width:260px;margin:0} .bike-list-head-actions .quick-search input{width:100%} .bike-list-head-actions>.btn{flex:0 0 auto;justify-content:center;white-space:nowrap;margin:0} @media(max-width:1280px){ .appointment-schedule-row{grid-template-columns:repeat(3,minmax(0,1fr))} .bike-identity-row,.bike-components-row{grid-template-columns:repeat(3,minmax(0,1fr))} .shop-bike-compact-form>.field:not(.full){grid-column:span 6} } @media(max-width:820px){ .customer-bikes-list-card .card-head{align-items:stretch;flex-direction:column} .bike-list-head-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%} .bike-list-head-actions .quick-search{width:100%;min-width:0} .bike-list-head-actions>.btn{width:100%} } @media(max-width:760px){ .compact-field-row,.service-item-row,.appointment-schedule-row,.workshop-intake-row,.bike-identity-row,.bike-components-row,.bike-dates-row{grid-template-columns:1fr} .shop-bike-compact-form>.field:not(.full){grid-column:1/-1} .form-section-divider{align-items:flex-start} .bike-inline-meta{display:block;margin:3px 0 0} } /* v1.63.6 · Tabelle senza barre interne e pulsanti coerenti */ .content,.grid,.grid>*,.card,.card-head,.doc-panel{min-width:0} .table-wrap{max-width:100%} .actions,.form-actions,.row-actions{min-width:0;flex-wrap:wrap;align-items:center;gap:8px} .form-actions{margin-top:15px} .card-head>.form-actions{margin-top:0} .actions>form,.form-actions>form,.row-actions>form{margin:0;max-width:100%} .btn,button{max-width:100%;justify-content:center;text-align:center;line-height:1.2;white-space:normal;vertical-align:middle} .field>button,.field>.btn{width:auto;justify-self:start} .table-wrap .row-actions{display:flex} .table-wrap .row-actions .btn,.table-wrap .row-actions button{min-height:34px;padding:7px 10px;font-size:12px} .table-wrap:not(.table-cards) td.actions{display:table-cell} .table-wrap:not(.table-cards) td.actions>.btn, .table-wrap:not(.table-cards) td.actions>button, .table-wrap:not(.table-cards) td.actions>form{margin:2px 5px 2px 0} .table-wrap:not(.table-cards) td.actions>form.inline{display:inline-flex} .filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .filter-row>input:not([type="hidden"]){flex:1 1 280px;min-width:180px;width:auto} .filter-row>select{flex:0 1 230px;min-width:170px;width:auto;max-width:100%} .filter-row>.inline-check,.filter-row>.checkline{flex:0 1 auto} .filter-row>button,.filter-row>.btn{flex:0 0 auto;width:auto;margin:0} /* v1.64.0 · Comando stato pratica incidenti compatto e allineato */ .incident-status-form{display:grid;grid-template-columns:minmax(260px,460px) max-content;align-items:end;justify-content:start;gap:8px;margin:4px 0 18px;width:fit-content;max-width:100%} .incident-status-form>.field{grid-column:auto!important;min-width:0;margin:0} .incident-status-form select{min-height:44px;margin:0} .incident-status-form .incident-status-submit{width:auto!important;min-height:34px;height:34px;margin:0 0 5px;padding:5px 10px;font-size:12px;line-height:1;white-space:nowrap;border-radius:10px} @media(max-width:680px){.incident-status-form{grid-template-columns:1fr;width:100%}.incident-status-form .incident-status-submit{justify-self:start;margin:0}} /* v1.64.1 · permessi utente e comandi compatti */ .user-permissions{border:1px solid var(--line);border-radius:14px;padding:14px 16px} .user-permissions legend{padding:0 8px;font-weight:800} .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:10px} .permission-grid .checkbox-line{margin:0;min-height:42px} @media(max-width:680px){.permission-grid{grid-template-columns:1fr}} @media screen{ .table-wrap.table-cards{overflow:visible;border:0;background:transparent} .table-wrap.table-cards>table, .table-wrap.table-cards>table>tbody, .table-wrap.table-cards>table>tfoot{display:block;width:100%;min-width:0!important} .table-wrap.table-cards>table>thead{display:none} .table-wrap.table-cards>table>tbody>tr, .table-wrap.table-cards>table>tfoot>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)} .table-wrap.table-cards>table>tbody>tr:last-child, .table-wrap.table-cards>table>tfoot>tr:last-child{margin-bottom:0} .table-wrap.table-cards>table>tbody>tr:hover{background:var(--panel2)} .table-wrap.table-cards>table>tbody>tr>td, .table-wrap.table-cards>table>tfoot>tr>td, .table-wrap.table-cards>table>tfoot>tr>th{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1fr);gap:9px;align-items:start;min-width:0!important;width:auto!important;max-width:none!important;padding:5px 0;border:0;overflow:visible;white-space:normal;overflow-wrap:anywhere} .table-wrap.table-cards>table>tbody>tr>td::before, .table-wrap.table-cards>table>tfoot>tr>td::before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.065em;text-transform:uppercase} .table-wrap.table-cards .adaptive-actions-cell{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:7px} .table-wrap.table-cards .adaptive-actions-cell::before{flex:0 0 100%;width:100%} .table-wrap.table-cards .adaptive-actions-cell>.btn, .table-wrap.table-cards .adaptive-actions-cell>button, .table-wrap.table-cards .adaptive-actions-cell>form{margin:0} .table-wrap.table-cards .adaptive-empty-row{display:block} .table-wrap.table-cards .adaptive-empty-row>td{display:block!important} .table-wrap.table-cards .adaptive-empty-row>td::before{display:none} .table-wrap.table-cards .warehouse-bulk-table>tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))} .table-wrap.table-cards .warehouse-bulk-table>tbody>tr>td{display:block} .table-wrap.table-cards .warehouse-bulk-table>tbody>tr>td::before{display:block;margin-bottom:7px} .table-wrap.table-cards .warehouse-bulk-table>tbody>tr>td:first-child, .table-wrap.table-cards .warehouse-bulk-table>tbody>tr>td:last-child{grid-column:1/-1;text-align:left} } @media(max-width:1180px){ .sidebar{position:relative;width:100%;height:auto;overflow-x:hidden} .app-shell{display:block} .main{margin-left:0;width:100%;padding:20px} .nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px} .nav-group,.nav-direct{min-width:0} .nav-group.open{grid-column:1/-1} .platform-signature{display:none} } @media(max-width:680px){ .nav{grid-template-columns:1fr} .nav-group.open{grid-column:auto} .table-wrap.table-cards>table>tbody>tr, .table-wrap.table-cards>table>tfoot>tr, .table-wrap.table-cards .warehouse-bulk-table>tbody>tr{grid-template-columns:1fr} .table-wrap.table-cards .adaptive-actions-cell, .table-wrap.table-cards .warehouse-bulk-table>tbody>tr>td:first-child, .table-wrap.table-cards .warehouse-bulk-table>tbody>tr>td:last-child{grid-column:auto} .table-wrap.table-cards>table>tbody>tr>td, .table-wrap.table-cards>table>tfoot>tr>td, .table-wrap.table-cards>table>tfoot>tr>th{grid-template-columns:minmax(88px,.55fr) minmax(0,1fr)} .filter-row>input:not([type="hidden"]),.filter-row>select{flex:1 1 100%;width:100%;min-width:0} .filter-row>button,.filter-row>.btn{flex:0 1 auto} .form-actions>.btn,.form-actions>button{flex:0 1 auto} } /* v1.63.7 · DDT: cliente e contatti sempre contenuti nella propria colonna */ .ddt-editor .document-grid{ grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,1fr); align-items:start; } .ddt-editor .doc-panel, .ddt-editor .customer-lookup, .ddt-editor .customer-search-input, .ddt-editor .customer-inline-contact{ min-width:0; max-width:100%; } .ddt-editor .customer-inline-contact{ grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); } .ddt-editor .customer-contact-action{ grid-column:1/-1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px; } .ddt-editor .customer-contact-status{max-width:none} @media(max-width:1250px){ .ddt-editor .document-grid{grid-template-columns:1fr} } @media(max-width:620px){ .ddt-editor .customer-inline-contact{grid-template-columns:1fr} .ddt-editor .customer-contact-action{grid-column:auto;align-items:flex-start;flex-direction:column} } .trek-scope,.trek-categories{margin:0;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel2)} .trek-scope legend,.trek-categories legend{padding:0 7px;color:var(--text);font-weight:800} .trek-scope-options,.trek-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px} .trek-scope-options .checkbox-line,.trek-category-grid .checkbox-line{margin:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel)} .trek-scope-options small,.trek-category-grid small{display:block;color:var(--muted);font-weight:650;margin-top:2px} .trek-catalog-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px minmax(200px,280px) auto auto} @media(max-width:1100px){.trek-scope-options,.trek-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trek-catalog-filters{grid-template-columns:1fr 1fr}} @media(max-width:680px){.trek-scope-options,.trek-category-grid,.trek-catalog-filters{grid-template-columns:1fr}.trek-catalog-filters .btn,.trek-catalog-filters button{width:100%;justify-content:center}} /* v1.65.5 · Configurazione, stato dati e catalogo Trek */ .trek-save-actions{grid-column:1/-1;justify-content:flex-start} .trek-save-button{width:auto!important;min-width:230px;min-height:52px;padding:14px 24px!important;justify-content:center;white-space:nowrap!important;line-height:1.2} .trek-data-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 16px} .trek-data-stat{display:grid;grid-template-columns:minmax(82px,auto) minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)} .trek-data-stat strong{display:block;min-width:82px;padding:10px 12px;border-radius:10px;background:rgba(126,139,255,.14);color:var(--text);font-size:25px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-align:center} .trek-data-stat span{display:block;color:var(--muted);font-size:14px;font-weight:750;line-height:1.35} #catalogo-trek{scroll-margin-top:18px} .trek-catalog-table td>small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45} .trek-catalog-table td>strong+small{margin-top:5px} .trek-legend-summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-width:0} .trek-legend-summary::-webkit-details-marker{display:none} .trek-legend-summary>span:first-child{display:grid;gap:5px;flex:1 1 auto;min-width:0} .trek-legend-summary strong{font-size:18px;color:var(--text)} .trek-legend-summary small{color:var(--muted);font-size:13px;line-height:1.35} .trek-legend-summary:after{content:'+';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--text);font-size:20px;font-weight:700} .trek-category-legend[open] .trek-legend-summary:after{content:'−'} .trek-legend-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)} .trek-legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .trek-legend-item{display:grid;grid-template-columns:minmax(105px,.55fr) minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)} .trek-legend-code{display:grid;gap:3px;min-width:0} .trek-legend-code strong{color:var(--text);font-size:14px;overflow-wrap:anywhere} .trek-legend-code small{color:var(--muted);font-size:11px;font-weight:650} .trek-legend-item input{min-width:0} .trek-price-repair{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 14px;border:1px solid rgba(246,195,67,.45);border-radius:13px;background:rgba(246,195,67,.08)} .trek-price-repair form{margin:0;flex:0 0 auto} .trek-price-repair button{white-space:nowrap} @media(max-width:1180px){.trek-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.trek-data-stats,.trek-legend-grid{grid-template-columns:1fr}.trek-data-stat{grid-template-columns:minmax(72px,auto) minmax(0,1fr)}.trek-data-stat strong{min-width:72px}.trek-legend-item{grid-template-columns:1fr}.trek-save-button{width:100%!important;min-width:0}.trek-price-repair{align-items:stretch;flex-direction:column}.trek-price-repair button{width:100%}.trek-legend-summary{align-items:flex-start;flex-wrap:wrap}.trek-legend-summary:after{margin-left:auto}} /* v1.65.6 · Flusso Trek operativo prima della configurazione tecnica */ .trek-data-overview .trek-data-stats{grid-template-columns:repeat(3,minmax(0,1fr))} .trek-advanced-config[open] .trek-legend-summary:after{content:'−'} .trek-link-explanation{margin:0 0 14px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)} .trek-action-reason{display:block;max-width:180px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35} @media(max-width:1080px){.trek-data-overview .trek-data-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.trek-data-overview .trek-data-stats{grid-template-columns:1fr}} /* v1.65.7 · Disponibilità frequenti Trek e pagamenti Shopify protetti */ .trek-availability-policy[open] .trek-legend-summary:after{content:'−'} .trek-time-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .trek-low-alerts{border-color:rgba(246,195,67,.5)} .trek-low-alerts .badge{white-space:nowrap} .trek-catalog-wrap .trek-catalog-table{min-width:1080px;table-layout:fixed} .trek-catalog-wrap .trek-catalog-table th,.trek-catalog-wrap .trek-catalog-table td{min-width:0;vertical-align:top;overflow-wrap:anywhere} .trek-catalog-wrap .trek-catalog-table th:nth-child(1){width:10%} .trek-catalog-wrap .trek-catalog-table th:nth-child(2){width:17%} .trek-catalog-wrap .trek-catalog-table th:nth-child(3){width:14%} .trek-catalog-wrap .trek-catalog-table th:nth-child(4){width:10%} .trek-catalog-wrap .trek-catalog-table th:nth-child(5){width:6%} .trek-catalog-wrap .trek-catalog-table th:nth-child(6){width:23%} .trek-catalog-wrap .trek-catalog-table th:nth-child(7){width:9%} .trek-catalog-wrap .trek-catalog-table th:nth-child(8){width:11%} .trek-catalog-wrap .trek-catalog-table .status-badge{display:inline-block;max-width:100%;white-space:normal;line-height:1.3;text-align:left;overflow-wrap:anywhere} .trek-catalog-wrap .trek-catalog-table td:last-child form{margin:0} .trek-catalog-wrap .trek-catalog-table td:last-child .btn{width:100%;min-width:0;padding:8px 9px;font-size:12px} .trek-catalog-wrap.table-cards .trek-catalog-table .status-badge{width:auto} .shopify-payment-state,.shopify-payment-review small,.shopify-payment-line small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4} .shopify-payment-review{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)} .shopify-payment-review>summary{cursor:pointer;padding:10px 12px;font-weight:800} .shopify-payment-line{display:grid;gap:2px;padding:10px 12px;border-top:1px solid var(--line)} .shopify-payment-line:first-of-type{border-top:1px solid var(--line)} .shopify-payment-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px} .shopify-payment-actions form{margin:0} .shopify-payment-toggle>span{display:grid;gap:4px} .shopify-payment-toggle small{color:var(--muted);font-weight:650;line-height:1.4} .kpi-link.kpi-alert{border-color:rgba(246,195,67,.6);box-shadow:inset 0 3px 0 rgba(246,195,67,.8)} .integration-urgent-alerts{border-color:rgba(246,195,67,.5)} .integration-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .integration-alert-item{display:grid;gap:5px;min-width:0;padding:14px;border:1px solid rgba(246,195,67,.42);border-radius:13px;background:rgba(246,195,67,.08);color:var(--text);text-decoration:none} .integration-alert-item:hover{border-color:rgba(246,195,67,.8)} .integration-alert-item span{color:var(--muted);font-size:13px;line-height:1.4} @media(max-width:680px){.trek-time-range,.integration-alert-grid{grid-template-columns:1fr}.shopify-payment-actions{display:grid}.shopify-payment-actions button{width:100%}} /* v1.66.0 · Calendario, accessori, listini e comunicazioni noleggio */ .rental-calendar-card{min-width:0;overflow:visible} .rental-calendar-toolbar .actions{justify-content:flex-end} .rental-accessory-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .rental-rule-form{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px} body.theme-light .rental-calendar-booking{background:#e6f7fb} @media(max-width:900px){.rental-calendar-toolbar .actions{justify-content:flex-start}.rental-accessory-picker{grid-template-columns:1fr}} @media(max-width:680px){.rental-calendar-toolbar .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.rental-calendar-toolbar .actions .btn{width:100%;justify-content:center}}