/* GRO / VisualPan — versione 4 articoli, ottobre 2026. CSS isolato e senza dipendenze dal sito principale. */
:root{--ink:#142e34;--ink-light:#3c595d;--muted:#698281;--teal:#0b7667;--teal-deep:#09594e;--teal-lift:#11977e;--tint:#e8f5ee;--lime:#d5f4df;--bg:#f5f8f6;--white:#fff;--line:#dce9e3;--accent:#eaa259;--radius:20px;--shadow:0 18px 54px rgba(19,48,42,.065);--font:"Inter","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #88cdb4;outline-offset:3px}[hidden]{display:none!important}
.site-wrap{width:min(1250px,calc(100% - 48px));margin-inline:auto}.topbar{height:80px;background:var(--white);border-bottom:1px solid #e5eee9}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:white;background:var(--teal-deep);font-size:24px;font-weight:900;box-shadow:0 8px 18px rgba(15,96,72,.16)}.brand-titles strong{display:block;font-size:24px;letter-spacing:-.055em;line-height:1}.logo-point,.brand-dot{color:var(--accent)}.brand-titles small{display:block;color:#66837d;font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-top:6px}.topbar-right{display:flex;align-items:center;gap:24px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:30px;padding:9px 14px;background:#edf8f2;border:1px solid #caebdb;color:#137454;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#24ae75;box-shadow:0 0 0 4px #d7f3e4}.brand-secondary{font-size:11px;font-weight:900;letter-spacing:.12em;color:#5c7570;white-space:nowrap}
.hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:37px 0 28px}.hero-main{max-width:750px}.eyebrow,.overline{font-size:11px;letter-spacing:.13em;color:#087d69;text-transform:uppercase;font-weight:850}.signal{display:inline-block;background:#21b67c;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #d9f3e4;margin-right:7px}.hero h1{font-size:clamp(32px,3.5vw,48px);font-weight:850;line-height:1.1;letter-spacing:-.052em;margin:15px 0 13px}.hero h1 span{color:var(--teal)}.hero p{font-size:15px;line-height:1.65;color:var(--ink-light);margin:0;max-width:690px}.hero-metric{width:260px;min-width:240px;padding:17px 20px;background:#e9f3ec;border:1px solid #d5e9dc;border-radius:16px}.metric-label{font-size:10px;color:#577e6e;text-transform:uppercase;letter-spacing:.12em;font-weight:850;margin-bottom:10px}.metric-step{display:flex;align-items:center;gap:12px;font-weight:800;font-size:12px;color:#27584b;padding:4px 0}.metric-num{color:#48a48b;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
.safety-banner{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:10px 15px;background:#edf9f2;border:1px solid #d5efdf;border-radius:11px;font-size:11px;line-height:1.55;color:#55796c}.safety-banner b{color:#166b4f}.mini-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;color:white;background:#36a677;border-radius:50%;font-size:12px;font-weight:900}
.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:21px;align-items:stretch}.panel{background:var(--white);border:1px solid #e2ebe6;border-radius:var(--radius);box-shadow:var(--shadow);padding:27px}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.section-top h2{font-size:27px;letter-spacing:-.043em;margin:8px 0 6px;line-height:1.18}.section-top p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.count-tag{display:flex;align-items:baseline;gap:4px;border:1px solid #d6eadd;background:#eaf7ef;color:var(--teal-deep);border-radius:13px;font-size:23px;font-weight:900;padding:8px 13px;white-space:nowrap}.count-tag small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.number-tag{width:40px;height:40px;display:grid;place-items:center;background:#eaf7ef;border-radius:12px;color:var(--teal);font-size:23px;font-weight:900}
.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f6faf7;border:1px solid #e4eee8;padding:14px 18px;border-radius:12px;margin-bottom:13px}.field-label{display:block;color:#65837c;font-size:11px;font-weight:750;margin:0 0 5px}.order-meta strong{font-size:13px}.table-head{display:flex;justify-content:space-between;color:#7d9590;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850;padding:4px 11px 9px}.product-list{display:grid;gap:9px}.product-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;background:#f8faf8;border:1px solid #e5ede7;border-radius:12px;min-height:70px;transition:background .16s,border-color .16s}.product-row:focus-within{background:#f0fbf5;border-color:#9fd7ba}.product-name-block{display:flex;align-items:center;gap:12px;min-width:0}.product-index{width:33px;height:33px;flex:none;display:grid;place-items:center;color:#238b6b;background:#e2f4e9;border-radius:10px;font-size:11px;font-weight:850}.product-name-block strong{font-size:17px;letter-spacing:-.025em;line-height:1.2;display:block}.product-name-block small{font-size:11px;color:#7d948a;display:block;margin-top:4px}.weight-input,.client-weight-wrap{width:128px;flex:none;position:relative}.weight-input input,.client-weight-wrap input{width:100%;height:53px;padding:0 40px 0 10px;background:#fff;border:1px solid #ccdfd4;border-radius:10px;color:var(--teal-deep);font-size:22px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums;outline:none}.weight-input:focus-within input,.client-weight-wrap:focus-within input{border-color:#169776;box-shadow:0 0 0 3px #ddf5e8}.unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:850;color:#719a88;pointer-events:none}.total-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 12px;margin-top:10px;background:#e8f6ed;border-radius:11px;color:#3c6958;font-size:13px;font-weight:750}.total-line strong{font-size:23px;color:var(--teal-deep);letter-spacing:-.03em}.form-divider{height:1px;background:#e5eee8;margin:21px 0}.send-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.send-icon{width:42px;height:42px;display:grid;place-items:center;background:#e5f7ec;color:var(--teal);border-radius:13px;font-size:25px;font-weight:800}.send-heading h3{font-size:19px;letter-spacing:-.03em;margin:0 0 4px}.send-heading p{color:var(--muted);font-size:11px;line-height:1.45;margin:0}.phone-label{font-size:12px;color:#2d5d53;margin-bottom:7px}.phone-input-wrap{position:relative;display:flex;align-items:center;margin-bottom:10px}.phone-input-wrap input{width:100%;padding:14px 52px 14px 47px;min-height:49px;border:1px solid #cfded7;border-radius:11px;font-size:15px;color:var(--ink);font-weight:750;outline:none}.phone-input-wrap input:focus{border-color:#188c70;box-shadow:0 0 0 3px #dbf4e7}.phone-glyph{position:absolute;left:17px;color:var(--teal);font-size:19px}.check-glyph{position:absolute;right:13px;background:#e4f5eb;color:#168362;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:900}.consent-row{display:flex;gap:9px;align-items:flex-start;margin:10px 0 12px;color:#708880;font-size:11px;line-height:1.6}.consent-row input{flex:none;accent-color:var(--teal);margin-top:2px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;border-radius:11px;padding:13px 17px;font-size:12px;font-weight:850;border:1px solid transparent;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-main{width:100%;justify-content:space-between;background:var(--teal-deep);color:#fff;padding:16px 20px;font-size:16px;box-shadow:0 9px 22px rgba(11,104,78,.16)}.button-main:hover:not(:disabled){background:#0a806b}.hint{font-size:10px;color:#7a9289;line-height:1.6;margin:10px 0 0}.feedback{padding:12px 14px;border-radius:10px;margin-top:13px;font-size:12px;line-height:1.6}.feedback.error{color:#9d4b30;background:#fff2ed;border:1px solid #f0d0c7}.feedback.success{color:#116d4b;background:#e8f7ef;border:1px solid #bbe7d1}.feedback.info{color:#58776e;background:#f5f8f6}
.results-panel{display:flex;flex-direction:column;min-height:570px}.result-status{display:flex;align-items:center;gap:9px;color:#536f63;background:#f1f7f2;border:1px solid #dfece4;border-radius:12px;padding:13px;font-size:12px;font-weight:850}.status-dot{background:#86b6a3;box-shadow:0 0 0 4px #e0f0e7;width:9px;height:9px;border-radius:50%;flex:none}.result-status.waiting{background:#fff8ed;border-color:#f3e3ca;color:#966b27}.result-status.waiting .status-dot{background:#dbac50;box-shadow:0 0 0 4px #f7eccf}.result-status.done{background:#e7f8ee;color:#126948;border-color:#bce6ca}.result-status.done .status-dot{background:#15a66b;box-shadow:0 0 0 4px #c9efd6}.result-status.error{background:#fff0ed;border-color:#efd2cb;color:#994b36}.result-empty{text-align:center;max-width:300px;margin:auto;align-self:center;padding:45px 10px}.empty-graphic{position:relative;display:grid;place-items:center;height:105px;margin-bottom:12px}.empty-envelope{display:grid;place-items:center;width:90px;height:70px;background:#eaf5ed;color:#76ac91;border-radius:16px;font-size:48px;transform:rotate(-5deg)}.empty-check{position:absolute;left:calc(50% + 20px);top:56px;border:5px solid white;border-radius:50%;display:grid;place-items:center;background:#bbebd1;width:43px;height:43px;color:#0a895d;font-size:25px;font-weight:900}.result-empty h3{font-size:20px;letter-spacing:-.03em;margin:13px 0}.result-empty p{font-size:13px;line-height:1.7;color:#779185}.result-order-meta{display:flex;justify-content:space-between;gap:10px;margin-top:17px;margin-bottom:12px;font-size:11px;color:#749084}.result-order-meta strong{color:var(--ink)}.comparison-labels,.compare-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 90px;gap:6px;align-items:center}.comparison-labels{color:#829b91;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.08em;border-bottom:1px solid #e0ece5;padding:0 6px 12px}.comparison-labels span:not(:first-child){text-align:right}.compare-row{min-height:74px;padding:12px 9px;border-bottom:1px solid #edf2ee;font-size:13px}.compare-name{font-size:14px;font-weight:800}.compare-old{text-align:right;color:#80948b}.compare-new{text-align:right;color:#205a4d;font-weight:900;font-size:16px}.is-changed{background:#eaf8ef;border-radius:10px;border:1px solid #c6edd3;margin:4px 0;padding-inline:9px}.is-changed .compare-new{color:#068d60}.delta{display:block;color:#0a9061;font-size:11px;font-weight:850;margin-top:4px}.changes-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:17px 4px;font-size:12px;color:#6c897c}.changes-summary strong{color:var(--teal-deep);font-size:13px}.action-links{display:flex;flex-wrap:wrap;gap:8px}.action-links .button{font-size:11px;padding:11px 12px;flex:1 1 auto}.button-ghost{background:#eaf6ec;border-color:#c7e7d3;color:#186f51}.button-alt{background:#f4faf6;border-color:#cce7d5;color:#167358}.button-light{background:#fff;border-color:#dce8e1;color:#567667}.result-hint{font-size:11px;line-height:1.6;color:#81978f;margin:11px 0 0}.info-card{display:flex;gap:12px;align-items:flex-start;background:#f7faf7;border:1px solid #e5eee8;border-radius:12px;padding:14px 15px;margin-top:auto}.info-icon{width:23px;height:23px;flex:none;display:grid;place-items:center;color:#1b8160;background:#e1f5e9;border-radius:50%;font-weight:850;font-family:Georgia,serif}.info-card strong{font-size:12px}.info-card p{margin:5px 0 0;color:#7a9085;line-height:1.6;font-size:11px}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dce9e1;margin-top:36px;padding:20px 3px 32px;color:#8fa096;font-size:11px}
.client-body{min-height:100vh;background:radial-gradient(circle at 15% 0,#e7f5e9,transparent 45%),var(--bg)}.customer-shell{max-width:530px;width:calc(100% - 30px);margin:28px auto}.customer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px 20px}.customer-brand{display:flex;align-items:center;gap:11px}.customer-brand-mark{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--teal-deep);font-size:22px;font-weight:900}.customer-brand b{display:block;font-size:22px;letter-spacing:-.04em;line-height:1}.customer-brand small{display:block;font-size:10px;color:#6a8a7c;margin-top:5px;text-transform:uppercase;letter-spacing:.07em}.customer-demo{border:1px solid #bce8d1;background:#e1f6e9;border-radius:22px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:.07em;color:#137956}.customer-card{background:#fff;border:1px solid #e0ebe4;border-radius:21px;padding:28px;box-shadow:0 18px 55px rgba(14,63,46,.1)}.customer-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e5f6ed;color:#198461;font-size:24px;font-weight:900;margin-bottom:18px}.customer-card h1{font-size:32px;line-height:1.14;letter-spacing:-.047em;margin:10px 0}.client-lead{font-size:14px;line-height:1.6;color:#638378;margin:0 0 23px}.client-message{padding:20px;border-radius:12px;background:#f7faf8;color:#718c81;font-size:13px}.client-message.error{background:#fff3f0;color:#a04d3e}.client-title-row{display:flex;justify-content:space-between;padding:0 2px 11px;border-bottom:1px solid #dfebe4;color:#779689;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.client-product-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;margin-top:9px;border-radius:11px;background:#f7faf7;border:1px solid #e5eee8;min-height:75px}.client-product-label{color:var(--ink);font-size:16px;font-weight:850;letter-spacing:-.02em}.client-weight-wrap{width:118px}.client-total{display:flex;align-items:center;justify-content:space-between;margin:15px 0;padding:15px;background:#eaf6ee;border-radius:10px;font-size:13px;font-weight:800;color:#557b67}.client-total b{font-size:23px;color:var(--teal-deep)}.customer-success{text-align:center;padding:16px 0}.big-check{margin:3px auto 18px;background:#d5f4e2;color:#11966a;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:900}.customer-success h2{font-size:26px;letter-spacing:-.04em}.customer-success p{color:#698679;font-size:13px;line-height:1.6}.customer-summary-line{display:flex;justify-content:space-between;gap:15px;text-align:left;padding:13px 0;border-bottom:1px solid #e3eee6;font-size:13px}.customer-summary-line strong{color:#0c7c5d}.customer-footer{text-align:center;font-size:11px;color:#8aa398;padding:22px 0}
@media(max-width:980px){.workspace{grid-template-columns:1fr}.hero-metric{display:none}.results-panel{min-height:420px}.info-card{margin-top:20px}.result-empty{padding:38px 10px}.topbar-right .brand-secondary{display:none}}
@media(max-width:580px){.site-wrap{width:calc(100% - 24px)}.topbar{height:68px}.brand-mark{width:38px;height:38px;font-size:21px}.brand-titles strong{font-size:21px}.brand-titles small{font-size:9px}.pill{font-size:9px;padding:7px 9px}.hero{padding:27px 0 22px}.hero h1{font-size:33px}.hero p{font-size:13px}.safety-banner{font-size:10px}.panel{padding:18px;border-radius:15px}.section-top h2{font-size:24px}.order-meta{padding:12px;gap:9px}.order-meta strong{font-size:12px}.product-row{padding:9px;min-height:68px}.product-index{height:30px;width:30px}.product-name-block{gap:7px}.product-name-block strong{font-size:14px}.product-name-block small{font-size:10px}.weight-input{width:112px}.weight-input input,.client-weight-wrap input{height:50px;font-size:19px}.compare-row,.comparison-labels{grid-template-columns:minmax(0,1fr) 65px 79px;gap:5px}.compare-row{padding:10px 4px}.compare-name{font-size:12px}.compare-new{font-size:14px}.footer{flex-direction:column;margin-top:23px}.customer-shell{width:calc(100% - 20px);margin:18px auto}.customer-card{padding:19px}.customer-card h1{font-size:27px}.client-product-label{font-size:14px}.client-weight-wrap{width:111px}}

/* GRO DEMO v5: confronto ordini e prova cliente senza schermate esterne. */
.refresh-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;color:#719084}
.refresh-button{background:transparent;border:1px solid #d5e8dc;border-radius:9px;color:var(--teal-deep);padding:8px 11px;font-size:11px;font-weight:850;white-space:nowrap}
.refresh-button:hover{background:#edf8f1}
.recent-orders{margin-top:25px;padding:17px;background:#f7faf7;border-radius:14px;border:1px solid #dfece4}
.recent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.recent-head strong{font-size:13px;color:var(--teal-deep)}.recent-head small{font-size:10px;color:#7c9288;text-align:right;max-width:160px}
.history-list{display:grid;gap:7px;max-height:235px;overflow:auto}
.history-order{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:white;border:1px solid #e1ebe3;border-radius:10px;padding:10px 11px;color:var(--ink)}
.history-order:hover{border-color:#8bd1b0;background:#f5fcf7}.history-order.selected{background:#e6f6ed;border-color:#98d6b5;box-shadow:inset 3px 0 0 var(--teal)}
.history-info{display:flex;flex-direction:column;gap:3px}.history-ref{font-size:13px;font-weight:900;letter-spacing:.02em}.history-info small{font-size:10px;color:#729082}
.history-state{font-size:10px;font-weight:800;white-space:nowrap;color:#916d3a;background:#fff5e7;border-radius:9px;padding:6px 8px}.history-state.confirmed{color:#08784b;background:#e0f7e8}
.client-dialog{border:0;border-radius:20px;padding:0;width:min(540px,calc(100vw - 24px));height:min(780px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);box-shadow:0 25px 90px rgba(4,40,31,.35);overflow:hidden;background:var(--bg)}
.client-dialog::backdrop{background:rgba(4,39,31,.58);backdrop-filter:blur(3px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;background:var(--teal-deep);padding:13px 18px;color:white;font-size:15px}
.dialog-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;color:white;background:rgba(255,255,255,.13);font-size:29px;line-height:1}
.client-dialog iframe{border:0;width:100%;height:calc(100% - 60px);display:block;background:var(--bg)}
@media(max-width:580px){.refresh-line{align-items:flex-start;flex-direction:column}.recent-head{flex-direction:column;gap:3px}.recent-head small{text-align:left;max-width:none}}