/* Tema originale: manuale/demo.template.html, adattato al portale server. */
html{color-scheme:light;background:#fff8ed}body{margin:0}a{color:inherit}button,a,input,textarea{touch-action:manipulation}

#campioni-manuale-demo{width:100%;background:transparent}
#campioni-manuale-demo *{box-sizing:border-box}
#campioni-manuale-demo [hidden]{display:none!important}
#campioni-manuale-demo .cm-app{--scale:1;--paper:#fff8ed;--surface:#ffffff;--ink:#32271f;--soft-ink:#756354;--line:#e6dbce;--coral:#ae3b29;--coral-fill:#b83d2b;--coral-ink:#ffffff;--coral-soft:#ffede2;--green:#25613f;--green-soft:#eaf3e8;--amber:#825017;--amber-soft:#fff0d6;--blue:#315f83;--blue-soft:#edf3fa;--neutral-soft:#f3eee7;font:calc(14px * var(--scale))/1.4 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);isolation:isolate;overflow-wrap:anywhere}
#campioni-manuale-demo button,#campioni-manuale-demo input{font:inherit;color:inherit}
#campioni-manuale-demo button{touch-action:manipulation}
#campioni-manuale-demo button:focus-visible,#campioni-manuale-demo input:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
#campioni-manuale-demo .cm-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:23px 27px 21px;background:var(--surface);border-bottom:1px solid var(--line)}
#campioni-manuale-demo .cm-brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:-.4px}
#campioni-manuale-demo .cm-brand strong{font-weight:700;color:var(--coral)}
#campioni-manuale-demo .cm-brand small{display:block;margin-top:3px;font-size:12px;color:var(--soft-ink);letter-spacing:.2px}
#campioni-manuale-demo .cm-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--coral-soft);color:var(--coral);flex-shrink:0}
#campioni-manuale-demo .cm-mark svg{width:27px;height:27px}
#campioni-manuale-demo .cm-demo{font-size:11px;color:var(--soft-ink);letter-spacing:.5px;padding-right:75px}
#campioni-manuale-demo .cm-nav{display:flex;gap:4px;flex-wrap:wrap;padding:10px 21px;background:var(--surface);border-bottom:1px solid var(--line)}
#campioni-manuale-demo .cm-nav-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 13px;min-height:44px;background:transparent;color:var(--soft-ink);font-weight:600}
#campioni-manuale-demo .cm-nav-button[aria-pressed="true"]{background:var(--coral-soft);color:var(--coral)}
#campioni-manuale-demo .cm-nav-button svg{width:17px;height:17px;flex-shrink:0}
#campioni-manuale-demo .cm-main{padding:25px 27px}
#campioni-manuale-demo .cm-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
#campioni-manuale-demo .cm-eyebrow{font-size:11px;font-weight:700;color:var(--coral);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px}
#campioni-manuale-demo h1{font-size:calc(27px * var(--scale));line-height:1.15;letter-spacing:-.65px;margin:0;color:var(--ink)}
#campioni-manuale-demo .cm-subtitle{font-size:13px;color:var(--soft-ink);margin:7px 0 0;max-width:650px}
#campioni-manuale-demo .cm-role{font-size:12px;color:var(--soft-ink);border:1px solid var(--line);border-radius:20px;padding:6px 11px;white-space:nowrap}
#campioni-manuale-demo .cm-totals{display:flex;gap:25px;flex-wrap:wrap;padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid var(--line)}
#campioni-manuale-demo .cm-total{display:flex;gap:8px;align-items:baseline;color:var(--soft-ink);font-size:12px}
#campioni-manuale-demo .cm-total strong{font-size:27px;line-height:1;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
#campioni-manuale-demo .cm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:17px}
#campioni-manuale-demo .cm-search{display:flex;gap:9px;align-items:center;color:var(--soft-ink);flex:1 1 260px;max-width:450px}
#campioni-manuale-demo .cm-search input{min-width:0;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:11px 12px;min-height:44px;font-size:16px}
#campioni-manuale-demo .cm-search svg{width:18px;height:18px;flex-shrink:0}
#campioni-manuale-demo .cm-page-label{font-size:12px;color:var(--soft-ink)}
#campioni-manuale-demo .cm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#campioni-manuale-demo .cm-pilot{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);min-width:0;display:flex;flex-direction:column;gap:11px;text-align:left}
#campioni-manuale-demo button.cm-pilot{width:100%;position:relative;color:var(--ink)}
#campioni-manuale-demo button.cm-pilot:hover:not(:disabled){border-color:var(--coral);background:var(--coral-soft)}
#campioni-manuale-demo button.cm-pilot:disabled{cursor:default}
#campioni-manuale-demo .cm-pilot-top{display:flex;justify-content:space-between;align-items:center;gap:7px}
#campioni-manuale-demo .cm-number{display:inline-flex;justify-content:center;align-items:center;min-width:44px;height:40px;padding:3px 8px;border-radius:8px;background:var(--neutral-soft);color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-.7px;flex-shrink:0}
#campioni-manuale-demo .cm-status{display:inline-flex;align-items:center;gap:5px;background:var(--neutral-soft);color:var(--soft-ink);border-radius:30px;padding:4px 8px;font-size:11px;font-weight:600;max-width:100%}
#campioni-manuale-demo .cm-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
#campioni-manuale-demo .cm-status.park{background:var(--green-soft);color:var(--green)}
#campioni-manuale-demo .cm-status.transfer{background:var(--amber-soft);color:var(--amber)}
#campioni-manuale-demo .cm-status.ride{background:var(--blue-soft);color:var(--blue)}
#campioni-manuale-demo .cm-pilot-name{display:block;font-size:calc(18px * var(--scale));font-weight:700;line-height:1.2;letter-spacing:-.3px;min-height:44px}
#campioni-manuale-demo .cm-pilot-stats{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto}
#campioni-manuale-demo .cm-waiting{display:flex;align-items:center;gap:8px;color:var(--soft-ink);font-size:12px}
#campioni-manuale-demo .cm-waiting b{font-size:30px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
#campioni-manuale-demo .cm-started{font-size:11px;color:var(--soft-ink);text-align:right}
#campioni-manuale-demo .cm-action-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0 0;border-top:1px solid var(--line);font-weight:700;font-size:15px;color:var(--coral);min-height:36px}
#campioni-manuale-demo .cm-action-label svg{width:18px;height:18px;flex-shrink:0}
#campioni-manuale-demo button.cm-pilot:disabled .cm-action-label{color:var(--soft-ink);font-weight:400;font-size:12px}
#campioni-manuale-demo .cm-station-strip{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:9px;background:var(--coral-soft);color:var(--coral);font-size:13px;margin-bottom:18px}
#campioni-manuale-demo .cm-station-strip svg{width:19px;height:19px;flex-shrink:0}
#campioni-manuale-demo .cm-page-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:19px}
#campioni-manuale-demo .cm-buttons{display:flex;gap:7px;flex-wrap:wrap}
#campioni-manuale-demo .cm-small-button{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 12px;min-height:44px;font-weight:600;font-size:12px;white-space:normal}
#campioni-manuale-demo .cm-small-button:disabled{opacity:.4;cursor:default}
#campioni-manuale-demo .cm-feedback{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:19px;padding:13px 15px;border-radius:9px;background:var(--green-soft);color:var(--green);font-size:13px}
#campioni-manuale-demo .cm-feedback.is-error{background:var(--amber-soft);color:var(--amber)}
#campioni-manuale-demo .cm-feedback .cm-small-button{flex-shrink:0}
#campioni-manuale-demo .cm-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 27px;border-top:1px solid var(--line);font-size:12px;color:var(--soft-ink);background:var(--surface)}
#campioni-manuale-demo .cm-footer strong{color:var(--coral);font-weight:600}
#campioni-manuale-demo .cm-empty{padding:35px 0;color:var(--soft-ink);font-size:14px}
#campioni-manuale-demo .cm-log{list-style:none;padding:0;margin:0}
#campioni-manuale-demo .cm-log li{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}
#campioni-manuale-demo .cm-log time{font-size:12px;min-width:58px;color:var(--soft-ink);font-variant-numeric:tabular-nums}
#campioni-manuale-demo .cm-log strong{font-size:14px;display:block}
#campioni-manuale-demo .cm-log small{display:block;font-size:12px;color:var(--soft-ink);margin-top:4px}
#campioni-manuale-demo .cm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
#campioni-manuale-demo .cm-list-column{min-width:0}
#campioni-manuale-demo .cm-list-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);min-height:60px}
#campioni-manuale-demo .cm-list-number{font-weight:700;font-variant-numeric:tabular-nums;color:var(--soft-ink)}
#campioni-manuale-demo .cm-list-name{font-weight:600;font-size:13px;display:block;margin-bottom:4px}
#campioni-manuale-demo .cm-list-count{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
#campioni-manuale-demo .cm-list-count small{display:block;font-size:10px;color:var(--soft-ink);font-weight:400}
@media(max-width:750px){#campioni-manuale-demo .cm-header{padding:20px}#campioni-manuale-demo .cm-main{padding:21px 20px}#campioni-manuale-demo .cm-nav{padding:8px 13px}#campioni-manuale-demo .cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#campioni-manuale-demo .cm-demo{padding-right:0}#campioni-manuale-demo .cm-totals{gap:18px}#campioni-manuale-demo .cm-footer{padding:15px 20px}#campioni-manuale-demo .cm-list{grid-template-columns:1fr}}
@media(max-width:440px){#campioni-manuale-demo .cm-header{padding:17px}#campioni-manuale-demo .cm-brand{font-size:18px}#campioni-manuale-demo .cm-main{padding:20px 16px}#campioni-manuale-demo .cm-grid{grid-template-columns:1fr}#campioni-manuale-demo .cm-pilot{gap:8px}#campioni-manuale-demo .cm-pilot-name{min-height:0}#campioni-manuale-demo .cm-nav-button{padding:11px 9px;font-size:12px}#campioni-manuale-demo .cm-nav{gap:2px}#campioni-manuale-demo .cm-title-row{gap:10px}#campioni-manuale-demo .cm-totals{gap:16px}#campioni-manuale-demo .cm-total strong{font-size:25px}#campioni-manuale-demo .cm-total{font-size:11px}#campioni-manuale-demo .cm-footer{padding:14px 16px}#campioni-manuale-demo .cm-demo{padding-left:59px}#campioni-manuale-demo .cm-list-row{gap:7px}}
#campioni-manuale-demo .cm-app{max-width:1440px;min-height:100vh;margin:auto}
#campioni-manuale-demo h2{font-size:22px;line-height:1.2;margin:0 0 12px}
#campioni-manuale-demo a.cm-nav-button{text-decoration:none}
#campioni-manuale-demo a.cm-nav-button[aria-current="page"]{background:var(--coral-soft);color:var(--coral)}
#campioni-manuale-demo button:not(:disabled),#campioni-manuale-demo a{cursor:pointer}
#campioni-manuale-demo a:focus-visible,#campioni-manuale-demo textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
#campioni-manuale-demo .cm-session{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--soft-ink);max-width:100%}
#cm-session:empty{display:none}
#campioni-manuale-demo .cm-network{padding:11px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:9px;background:var(--amber-soft);color:var(--amber);font-size:13px}
#campioni-manuale-demo .cm-network.is-fresh{background:var(--green-soft);color:var(--green)}
#campioni-manuale-demo .cm-login{max-width:420px;display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
#campioni-manuale-demo .cm-login p{margin:0 0 8px;color:var(--soft-ink)}
#campioni-manuale-demo .cm-login input,#campioni-manuale-demo textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface);color:var(--ink);width:100%;min-width:0;min-height:44px;font-size:16px}
#campioni-manuale-demo .cm-primary{background:var(--coral-fill);color:var(--coral-ink);border-color:var(--coral-fill)}
#campioni-manuale-demo .cm-register{margin-top:32px;border-top:1px solid var(--line);padding-top:25px}
#campioni-manuale-demo .cm-log li{flex-wrap:wrap;align-items:flex-start}
#campioni-manuale-demo .cm-log li>div{flex:1 1 180px;min-width:0}
#campioni-manuale-demo .cm-regia-actions{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:10px}
#campioni-manuale-demo .cm-regia-actions button{flex:1 1 45%;padding:8px;font-size:12px}
#campioni-manuale-demo .cm-list-row{min-width:0}
#campioni-manuale-demo dialog{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;max-width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto}
#campioni-manuale-demo dialog::backdrop{background:rgba(50,39,31,.5)}
#campioni-manuale-demo dialog label{display:block;margin-bottom:8px}
#campioni-manuale-demo dialog p{font-size:13px}
#campioni-manuale-demo .cm-grid.is-stale{opacity:.7}
@media(min-width:1000px){#campioni-manuale-demo .cm-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:440px){#campioni-manuale-demo .cm-network{padding:10px}#campioni-manuale-demo .cm-session{font-size:11px}#campioni-manuale-demo .cm-login{padding:16px}#campioni-manuale-demo dialog{padding:18px}#campioni-manuale-demo .cm-page-controls .cm-buttons{width:100%}#campioni-manuale-demo .cm-page-controls button{flex:1}}
@media(prefers-reduced-motion:no-preference){#campioni-manuale-demo button.cm-pilot{transition:border-color .12s,background-color .12s}}