/* MIX Analytics V0.7 - tema condiviso; solo presentazione */
:root{--mix-ink:#20252b;--mix-graphite:#303740;--mix-carbon:#161b20;--mix-accent:#168c9c;--mix-bg:#f3f5f7;--mix-line:#dde3e8;--mix-text:#202a34;--mix-muted:#6b7884;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;background:var(--mix-bg)!important;color:var(--mix-text)!important}
body{background:var(--mix-bg)!important;color:var(--mix-text)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;min-height:100vh}
*{box-sizing:border-box}a{color:var(--mix-accent)}
.mix-shell{background:linear-gradient(110deg,#171b20,#303842);color:white;padding:0 max(22px,calc((100vw - 1200px)/2));min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;box-shadow:0 4px 20px #0b152015;position:relative;z-index:2}
.mix-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff!important;padding:15px 0}.mix-mark{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:#161b20;font-weight:900;font-size:17px;letter-spacing:-1px;border-radius:10px}.mix-brand-name{font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.2}.mix-brand-caption{font-size:10px;color:#bdc8cf;letter-spacing:1.5px;text-transform:uppercase}
.mix-nav{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.mix-nav a{color:#d8e0e5!important;text-decoration:none!important;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:650;white-space:nowrap}.mix-nav a:hover,.mix-nav a.mix-active{background:#ffffff1c;color:#fff!important}.mix-nav a.mix-exit{border:1px solid #ffffff30;margin-left:5px}
body>header{display:none!important}body>main,main{max-width:1200px!important;margin:30px auto!important;padding:0 22px!important;width:100%}body>h1,body>p,body>section{max-width:1200px;margin-left:auto!important;margin-right:auto!important}body>section{margin-top:18px!important}body>p{padding:0 22px}
h1{font-size:clamp(25px,3vw,32px)!important;font-weight:800;letter-spacing:-.7px;color:var(--mix-ink)}h2,h3{color:var(--mix-ink);letter-spacing:-.3px}.panel,.stat,.card,section{border:1px solid var(--mix-line)!important;background:#fff!important;border-radius:15px!important;box-shadow:0 4px 16px #14202a08!important}.panel,.card{padding:22px!important}.stat{border-top:3px solid var(--mix-graphite)!important}.stat b,.stat strong{color:var(--mix-ink)!important;letter-spacing:-.5px}.muted,.foot{color:var(--mix-muted)!important}
input,select,textarea{border:1px solid #cdd5dc!important;border-radius:9px!important;background:#fff!important;color:var(--mix-text)!important;min-height:39px}input:focus,select:focus,textarea:focus{outline:2px solid #168c9c35;outline-offset:1px;border-color:var(--mix-accent)!important}
button,input[type=submit]{background:var(--mix-graphite)!important;color:#fff!important;border:0!important;border-radius:9px!important;font-weight:700!important;cursor:pointer}button:hover,input[type=submit]:hover{background:var(--mix-carbon)!important}table{width:100%;border-collapse:collapse}th{background:#f5f7f8;color:#596671!important;font-weight:750}td,th{border-bottom:1px solid #e7ecef!important}tr:hover td{background:#f8fafb}.notice{border-radius:10px!important}.charts .panel{min-width:0}.scroll{overflow-x:auto}
/* Login */body.mix-login{background:radial-gradient(circle at 10% 15%,#35414a,#171b20 60%)!important;display:grid!important;place-items:center!important;padding:24px!important}body.mix-login main{max-width:430px!important;width:100%!important;background:#fff!important;color:#202a34!important;padding:36px!important;border-radius:20px!important;box-shadow:0 24px 65px #0005!important;margin:auto!important}body.mix-login h1{color:#1a232b!important}body.mix-login p{color:#62717d!important}body.mix-login input{width:100%}body.mix-login button{width:100%;padding:13px!important}body.mix-login .muted{color:#62717d!important}body.mix-login .err{color:#a51f2d!important}
@media(max-width:850px){.mix-shell{padding:0 18px}.mix-nav{padding-bottom:13px}.mix-nav a{padding:8px 9px}body>main,main{padding:0 14px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.mix-shell{gap:0}.mix-nav{gap:2px}.mix-nav a{font-size:12px}.grid{grid-template-columns:1fr!important}.charts{grid-template-columns:1fr!important}.panel,.card{padding:15px!important}}

/* V0.7.1 - Brand MIX ufficiale */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');
:root{--mix-ink:#333333;--mix-graphite:#333333;--mix-carbon:#242424;--mix-accent:#DB002F;--mix-text:#333333;--mix-muted:#686868;--mix-bg:#f5f5f6;--mix-line:#e3e3e3;font-family:'Open Sans',Arial,sans-serif!important}
body,input,button,select,textarea{font-family:'Open Sans',Arial,sans-serif!important}
.mix-shell{background:#333333!important}
.mix-brand{gap:12px}.mix-official-logo{display:block;width:245px;max-width:48vw;height:auto;background:white;border-radius:7px;padding:6px 9px;object-fit:contain}
.mix-product-label{color:white;font-size:18px;font-weight:800;letter-spacing:-.3px}
.mix-nav a.mix-active{background:#DB002F!important;color:white!important}.mix-nav a:hover{background:#ffffff24!important}.mix-nav a.mix-active:hover{background:#c10029!important}
button,input[type=submit]{background:#DB002F!important;color:#fff!important}button:hover,input[type=submit]:hover{background:#b90028!important}
input:focus,select:focus,textarea:focus{outline:2px solid #DB002F30!important;border-color:#DB002F!important}
.stat{border-top:3px solid #DB002F!important}
body.mix-login{background:radial-gradient(circle at 15% 10%,#555,#242424 65%)!important}
.mix-login-logo{display:block;width:min(100%,340px);height:auto;margin:0 auto 22px;object-fit:contain}
body.mix-login h1{font-size:25px!important}
@media(max-width:850px){.mix-official-logo{width:210px}.mix-product-label{font-size:16px}}
@media(max-width:520px){.mix-official-logo{width:190px;max-width:70vw}.mix-brand{padding:12px 0}.mix-product-label{font-size:15px}}