.customer-shell{min-height:100vh;background:#f5f7f8;color:#17242b}.customer-side{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 18px;background:#102c35;color:#fff;display:flex;flex-direction:column;z-index:20}.customer-side>span{font-size:10px;letter-spacing:.15em;color:#88a7b0;margin:20px 0 14px}.customer-side nav{display:grid;gap:3px}.customer-side nav a{padding:10px 12px;border-radius:8px;color:#c6d6da;cursor:pointer;font-size:14px}.customer-side nav a.active,.customer-side nav a:hover{background:#1e4652;color:#fff}.customer-side .user-role{margin-top:auto}.customer-main{margin-left:250px}.customer-head{height:66px;background:#fff;border-bottom:1px solid #dfe7e9;padding:0 28px;display:flex;align-items:center;justify-content:flex-end;gap:20px;position:sticky;top:0;z-index:10}.customer-head button{display:none}.customer-page{padding:28px;max-width:1450px;margin:auto}.ctitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ctitle h1{margin:4px 0;font-size:30px}.cquick{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.cmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cmetrics article,.cpanel{background:#fff;border:1px solid #e0e7e9;border-radius:14px;padding:19px;box-shadow:0 3px 12px #183b4510}.cmetrics article{display:grid;gap:5px}.cmetrics strong,.big{font-size:28px}.cmetrics span,.cpanel p,.cpanel small{color:#697b80;font-size:13px}.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cpanel{margin-bottom:18px;overflow:hidden}.slotbar{height:12px;background:#e7edef;border-radius:8px;overflow:hidden}.slotbar i{display:block;height:100%;background:linear-gradient(90deg,#16a56a,#efb33d)}.ctable{overflow:auto;background:#fff;border:1px solid #e0e7e9;border-radius:13px}.ctable table{width:100%;border-collapse:collapse}.ctable th,.ctable td{text-align:left;padding:12px;border-bottom:1px solid #e9eeef;font-size:13px}.ctable th{font-size:11px;color:#6d7d82;text-transform:uppercase}.ctable td small{display:block;color:#74858a}.ctable tr:hover{background:#f7fafb}.cbadge{display:inline-block;padding:5px 8px;border-radius:20px;background:#edf2f3;font-size:11px}.cbadge.ready,.cbadge.active,.cbadge.attivo,.cbadge.completed,.cbadge.delivered{background:#dff5e9;color:#11744b}.cbadge.blocked,.cbadge.high,.cbadge.error,.cbadge.with_anomalies{background:#ffebe8;color:#a93329}.cfilters{margin-bottom:12px}.cfilters input{min-width:320px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.report-grid article{background:#fff;border:1px solid #e0e7e9;border-radius:12px;padding:18px}.upload{cursor:pointer;background:#183f4a;color:#fff;padding:7px;border-radius:7px}.upload input{display:none}.customer-page pre{white-space:pre-wrap;background:#122d36;color:#d9e7ea;padding:20px;border-radius:12px;max-height:500px;overflow:auto}.danger{background:#a83a32!important}
@media(max-width:900px){.customer-side{transform:translateX(-100%);transition:.2s}.customer-side.open{transform:none}.customer-main{margin-left:0}.customer-head button{display:block;margin-right:auto}.customer-page{padding:18px}.cmetrics{grid-template-columns:1fr 1fr}.cgrid{grid-template-columns:1fr}}@media(max-width:560px){.cmetrics,.report-grid{grid-template-columns:1fr}.ctitle{align-items:flex-start;flex-direction:column;gap:10px}.ctitle button,.cquick>*{width:100%}.cfilters input{min-width:0;width:100%}}
.pickup-info{display:grid;gap:5px;margin:12px 0;padding:14px;border-radius:10px;background:#e7f3e2;border-left:4px solid #4d851d}.pickup-info span{font-size:13px;color:#5d6a63}
.unit-cost{border-color:#cadde2;background:linear-gradient(135deg,#fff 0%,#f3faf8 100%)}.unit-cost-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.unit-cost-head>div:first-child{max-width:720px}.unit-cost-head h2{margin:4px 0 7px}.unit-cost-head>div>small{color:#16805b;font-weight:800;letter-spacing:.08em}.unit-real{min-width:230px;padding:15px 18px;border-radius:12px;background:#133d48;color:#fff;display:grid;gap:2px}.unit-real small,.unit-real span{color:#c9dde1}.unit-real strong{font-size:27px}.unit-cost-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:18px}.unit-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unit-facts span{display:grid;padding:13px;border:1px solid #dde8e9;border-radius:10px;background:#fff}.unit-facts small{color:#718186}.unit-simulator{padding:17px;border-radius:12px;background:#eaf3f4}.unit-simulator h3{margin:0 0 12px}.unit-simulator>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unit-simulator label{display:grid;gap:5px;font-size:12px;color:#64777d}.unit-simulator input,.unit-simulator select{width:100%}.unit-simulator output{display:grid;margin-top:14px}.unit-simulator output b{font-size:28px;color:#126746}.unit-note{padding:12px 14px!important;border-left:4px solid #16a56a;background:#fff;border-radius:6px}.unit-cost details{font-size:13px;color:#53666c}.unit-cost summary{cursor:pointer;font-weight:700;color:#173f49}
@media(max-width:900px){.unit-cost-head{display:grid}.unit-real{min-width:0}.unit-cost-grid{grid-template-columns:1fr}}
@media(max-width:560px){.unit-facts,.unit-simulator>div{grid-template-columns:1fr}}
.product-cost>label{display:grid;gap:5px;margin-bottom:10px;font-size:12px;color:#64777d}.product-cost select{width:100%}.product-cost output span{color:#526b72}.product-cost>p{margin:10px 0 0;font-size:12px}.unit-cost>.unit-facts{grid-template-columns:repeat(4,1fr);margin-top:14px}
@media(max-width:900px){.unit-cost>.unit-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.unit-cost>.unit-facts{grid-template-columns:1fr}}