:root{
  --bg:#06101e;--bg2:#0a1627;--panel:#0d1b2d;--panel2:#102239;--card:#10243c;--line:rgba(153,215,255,.14);
  --text:#edf7ff;--muted:#8ba3b9;--primary:#67e8f9;--primary2:#5b7cff;--violet:#9c6cff;--green:#34d399;--amber:#fbbf24;--red:#fb7185;
  --shadow:0 24px 80px rgba(0,0,0,.35);--radius:22px;--sidebar:260px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(circle at 12% -5%,rgba(91,124,255,.22),transparent 32%),radial-gradient(circle at 95% 8%,rgba(103,232,249,.12),transparent 30%),linear-gradient(145deg,var(--bg),#040a13 70%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.w100{width:100%}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);overflow:hidden}.login-visual{padding:clamp(32px,7vw,96px);position:relative;display:flex;flex-direction:column;justify-content:space-between}.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(103,232,249,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.brand-row{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.brand-row img{width:56px;height:56px;border-radius:16px;box-shadow:0 0 44px rgba(103,232,249,.25)}.brand-name{font-size:25px;font-weight:900;letter-spacing:-.04em}.brand-name span{color:var(--primary)}.login-copy{position:relative;z-index:1;max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.eyebrow:before{content:"";width:24px;height:1px;background:var(--primary)}.login-copy h1{font-size:clamp(46px,6.5vw,92px);line-height:.94;letter-spacing:-.065em;margin:18px 0 24px}.gradient-text{background:linear-gradient(100deg,#fff 10%,var(--primary) 52%,#9e8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-copy p{color:#9fb4c7;font-size:18px;line-height:1.7;max-width:620px}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.feature-pills span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(13,27,45,.55);font-size:13px;color:#cfe4f5;backdrop-filter:blur(12px)}.login-panel{display:grid;place-items:center;padding:28px;background:rgba(7,17,31,.74);border-left:1px solid var(--line);backdrop-filter:blur(26px)}.login-card{width:min(460px,100%);padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,34,57,.94),rgba(8,20,35,.94));border-radius:30px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;margin:0 0 8px;letter-spacing:-.04em}.login-card p{margin:0 0 24px;color:var(--muted);line-height:1.5}.login-demo{margin-top:18px;padding:14px;border-radius:16px;background:rgba(103,232,249,.06);border:1px solid rgba(103,232,249,.13);font-size:12px;color:#9fc5d6;line-height:1.7}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px 14px;border-right:1px solid var(--line);background:rgba(6,16,30,.9);backdrop-filter:blur(26px);z-index:30;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:8px 10px 22px}.side-brand img{width:42px;height:42px;border-radius:13px}.side-brand strong{font-size:20px;letter-spacing:-.04em}.side-brand strong span{color:var(--primary)}.company-chip{padding:12px;border:1px solid var(--line);background:rgba(16,36,60,.55);border-radius:16px;margin:0 5px 16px}.company-chip label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:4px}.company-chip strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:grid;gap:5px;overflow:auto;padding-right:2px}.nav button{border:0;background:transparent;color:#90a8bc;padding:11px 12px;border-radius:13px;text-align:left;display:flex;align-items:center;gap:11px;font-weight:700;font-size:13px;transition:.18s}.nav button:hover{background:rgba(103,232,249,.06);color:#dffaff}.nav button.active{color:#06101e;background:linear-gradient(100deg,var(--primary),#8cecff);box-shadow:0 10px 30px rgba(103,232,249,.16)}.nav-icon{width:20px;text-align:center;font-size:17px}.side-footer{margin-top:auto;padding:14px 6px 4px}.user-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:16px;background:rgba(16,36,60,.52);border:1px solid var(--line)}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary2),var(--violet));font-weight:900}.user-card strong{font-size:12px;display:block}.user-card span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.logout-mini{border:0;background:transparent;color:var(--muted);font-size:18px;margin-left:auto}.main{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:0 clamp(18px,3vw,42px);background:rgba(6,16,30,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.mobile-menu{display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);width:42px;height:42px;border-radius:13px}.search-global{position:relative;flex:1;max-width:560px}.search-global input{padding-left:42px}.search-global:before{content:"⌕";position:absolute;left:15px;top:8px;font-size:22px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:9px}.icon-btn{border:1px solid var(--line);background:rgba(16,36,60,.65);color:var(--text);height:42px;min-width:42px;border-radius:13px;padding:0 12px;position:relative}.notification-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--panel)}.content{padding:clamp(20px,3vw,42px);max-width:1800px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.page-head h1{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.05em}.page-head p{margin:7px 0 0;color:var(--muted);line-height:1.5}.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:1px solid transparent;min-height:42px;padding:10px 15px;border-radius:13px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(100deg,var(--primary),#9af3ff);color:#07111f;box-shadow:0 12px 28px rgba(103,232,249,.15)}.btn-secondary{background:linear-gradient(100deg,var(--primary2),var(--violet));color:#fff}.btn-ghost{border-color:var(--line);background:rgba(16,36,60,.52);color:#dcecf8}.btn-danger{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.2);color:#ff9aaa}.btn-success{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.2);color:#6ee7b7}.btn-sm{min-height:34px;padding:7px 10px;border-radius:10px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.stat-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.8),rgba(10,24,41,.88));border-radius:20px;min-height:130px}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--glow,var(--primary));filter:blur(55px);opacity:.12;right:-18px;top:-25px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}.stat-value{font-size:34px;font-weight:900;letter-spacing:-.06em;margin:10px 0 3px}.stat-note{font-size:11px;color:#86a1b7}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.74),rgba(8,21,36,.82));border-radius:var(--radius);box-shadow:0 18px 50px rgba(0,0,0,.14);overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.panel-head h3{margin:0;font-size:17px;letter-spacing:-.03em}.panel-body{padding:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-action{border:1px solid var(--line);background:rgba(16,36,60,.52);color:var(--text);border-radius:16px;padding:16px;text-align:left}.quick-action b{display:block;font-size:14px;margin-bottom:5px}.quick-action span{font-size:11px;color:var(--muted)}.quick-action:hover{border-color:rgba(103,232,249,.35);background:rgba(103,232,249,.06)}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:800px}.table th{text-align:left;color:#7290a8;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:12px 14px;border-bottom:1px solid var(--line);background:rgba(6,16,30,.3);position:sticky;top:0}.table td{padding:13px 14px;border-bottom:1px solid rgba(153,215,255,.08);font-size:12px;vertical-align:middle}.table tr:hover td{background:rgba(103,232,249,.025)}.table .main-cell{font-weight:800;font-size:13px}.actions-cell{display:flex;gap:6px;justify-content:flex-end}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:rgba(139,163,185,.1);color:#a9bdcc}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.active,.status.available,.status.completed{color:var(--green);background:rgba(52,211,153,.1)}.status.confirmed,.status.reserved,.status.in_preparation,.status.partially_available{color:var(--amber);background:rgba(251,191,36,.1)}.status.suspended,.status.damaged,.status.missing,.status.cancelled,.status.return_late{color:var(--red);background:rgba(251,113,133,.1)}.status.outside,.status.loaded,.status.delivered,.status.in_progress{color:#8fa7ff;background:rgba(91,124,255,.12)}.status.maintenance,.status.washing,.status.to_check{color:#c59aff;background:rgba(156,108,255,.12)}
.filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto;gap:10px;margin-bottom:16px}.field{display:grid;gap:7px}.field label{font-size:10px;color:#88a1b5;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.input,input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);background:rgba(6,16,30,.58);color:var(--text);border-radius:13px;padding:11px 12px;outline:none;transition:.18s}input::placeholder,textarea::placeholder{color:#577187}input:focus,select:focus,textarea:focus{border-color:rgba(103,232,249,.55);box-shadow:0 0 0 3px rgba(103,232,249,.08)}select option{background:#102239;color:#fff}textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.image-preview{width:90px;height:90px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#07111f}.logo-preview{width:92px;height:92px;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:#fff;padding:8px}
.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.item-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.76),rgba(8,21,36,.84));border-radius:19px;padding:16px;transition:.18s;position:relative;overflow:hidden}.item-card:hover{transform:translateY(-3px);border-color:rgba(103,232,249,.28)}.item-code{font-size:10px;color:var(--primary);font-family:ui-monospace,monospace;margin-bottom:8px}.item-card h3{font-size:15px;margin:0 0 10px}.item-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.item-metric{padding:8px;background:rgba(6,16,30,.46);border-radius:10px}.item-metric b{font-size:16px;display:block}.item-metric span{font-size:9px;color:var(--muted);text-transform:uppercase}.location-bars{display:grid;gap:6px}.location-bar{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9db4c6}.card-actions{display:flex;gap:7px;margin-top:14px}.empty-state{padding:50px 24px;text-align:center;color:var(--muted)}.empty-icon{font-size:44px;margin-bottom:12px;opacity:.65}
.event-list{display:grid;gap:13px}.event-card{border:1px solid var(--line);border-radius:19px;background:rgba(16,36,60,.55);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.event-card h3{margin:0 0 6px;font-size:16px}.event-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted)}.event-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}.event-progress span{height:5px;border-radius:99px;background:rgba(139,163,185,.14)}.event-progress span.on{background:linear-gradient(90deg,var(--primary2),var(--primary))}.event-side{text-align:right}.event-side strong{font-size:24px;display:block}.checklist{display:grid;gap:9px}.check-line{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(72px,.5fr)) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(6,16,30,.34)}.check-line .name{font-weight:800;font-size:12px}.counter-field{display:flex;align-items:center;gap:5px}.counter-field input{padding:8px;font-size:11px}
.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px}.timeline-dot{position:relative}.timeline-dot:before{content:"";position:absolute;left:7px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.timeline-dot:after{content:"";position:absolute;left:10px;top:20px;bottom:-5px;width:1px;background:var(--line)}.timeline-row:last-child .timeline-dot:after{display:none}.timeline-content{padding:0 0 18px}.timeline-content strong{font-size:12px}.timeline-content p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,7,13,.74);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(153,215,255,.18);background:linear-gradient(145deg,#10243c,#081523);border-radius:24px;box-shadow:var(--shadow)}.modal.wide{width:min(1150px,100%)}.modal-head{position:sticky;top:0;z-index:2;padding:18px 20px;background:rgba(12,29,48,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:20px}.modal-close{border:1px solid var(--line);background:rgba(6,16,30,.6);color:var(--text);width:36px;height:36px;border-radius:11px}.modal-body{padding:20px}.modal-foot{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:0;background:rgba(12,29,48,.96)}
.toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:10px}.toast{width:min(380px,calc(100vw - 36px));padding:14px 16px;border-radius:15px;border:1px solid var(--line);background:#10243c;box-shadow:var(--shadow);font-size:12px;animation:toastIn .22s ease}.toast.success{border-color:rgba(52,211,153,.28)}.toast.error{border-color:rgba(251,113,133,.35)}@keyframes toastIn{from{transform:translateY(12px);opacity:0}}
.loading{min-height:50vh;display:grid;place-items:center}.loader{width:42px;height:42px;border-radius:50%;border:3px solid rgba(103,232,249,.12);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-overlay{display:none}.detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px}.detail-image{width:180px;height:180px;border-radius:20px;object-fit:cover;background:#07111f;border:1px solid var(--line)}.detail-image.placeholder{display:grid;place-items:center;font-size:58px}.stock-table{display:grid;gap:8px}.stock-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:11px 12px;border-radius:12px;background:rgba(6,16,30,.4)}.stock-row strong{font-size:12px}.stock-row span{font-size:12px;color:var(--primary)}.notice{padding:12px 14px;border-radius:14px;border:1px solid rgba(251,191,36,.2);background:rgba(251,191,36,.07);color:#f9d66d;font-size:12px;line-height:1.5}.danger-notice{border-color:rgba(251,113,133,.25);background:rgba(251,113,133,.08);color:#ffa2b1}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.tab{border:1px solid var(--line);background:rgba(16,36,60,.45);color:var(--muted);padding:9px 13px;border-radius:12px;font-weight:800;font-size:11px;white-space:nowrap}.tab.active{color:#07111f;background:var(--primary);border-color:transparent}





/* ShardsTrack 1.2: paginazione, checklist operativa e accessibilità */
.pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.pager-info{font-size:11px;color:var(--muted);min-width:130px;text-align:center}.check-value{display:grid;gap:3px;justify-items:start}.check-value label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.check-value strong{font-size:15px}.link-btn{border:0;background:transparent;color:var(--primary);font-size:10px;padding:1px 0;text-decoration:underline;text-underline-offset:3px}.event-check-line{grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(84px,.45fr)) minmax(105px,.5fr)}.event-check-line>div:last-child{display:grid;gap:7px;justify-items:start}.danger-text{color:var(--red)}.movement-line{grid-template-columns:minmax(180px,1.35fr) minmax(150px,1fr) minmax(150px,1fr) minmax(90px,.45fr) auto}.modal-open{overflow:hidden}.remove-line{margin-top:4px}.activity-filters{grid-template-columns:minmax(230px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto}.table-wrap{scrollbar-gutter:stable}.modal :focus-visible,.sidebar :focus-visible,.topbar :focus-visible,.content :focus-visible{outline:2px solid var(--primary);outline-offset:2px}



/* ShardsTrack 1.2 - interfaccia operativa semplificata */
.compact-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr)}.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.event-mini-grid{grid-template-columns:1fr 1fr}.top-create-event{min-width:132px}.event-create-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:16px;border:1px solid rgba(103,232,249,.24);border-radius:18px;background:linear-gradient(105deg,rgba(26,211,216,.09),rgba(16,36,60,.62))}.event-create-strip strong{display:block;font-size:16px;margin-bottom:4px}.event-create-strip span{font-size:12px;color:var(--muted)}.compact-tabs{overflow:auto;white-space:nowrap;padding-bottom:4px}.simple-event-card{align-items:center}.simple-event-card .event-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.simple-event-card .event-title-row h3{margin:0}.simple-event-card .card-actions{align-items:center;justify-content:flex-end}.simple-operation-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.field-help{font-size:10px;color:var(--muted);line-height:1.4}.simple-notice{margin:14px 0}.simple-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.simple-section-head strong{display:block;font-size:15px}.simple-section-head span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.simple-movement-list{display:grid;gap:10px}.simple-movement-line{position:relative;display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(150px,1fr) minmax(150px,1fr) minmax(90px,.45fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(6,16,30,.34)}.remove-movement-line{margin-bottom:2px}.summary-chips{display:flex;gap:8px;flex-wrap:wrap}.summary-chips span{padding:7px 10px;border:1px solid var(--line);background:rgba(16,36,60,.55);border-radius:99px;font-size:11px}.simple-event-form{display:grid;gap:14px}.simple-form-section{padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(6,16,30,.28)}.simple-section-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.simple-section-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--primary2),var(--primary));color:#04111d;font-weight:900}.simple-section-title strong{display:block;font-size:14px}.simple-section-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.choice-list{display:grid;gap:7px;max-height:150px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(6,16,30,.3)}.advanced-box{border:1px solid var(--line);border-radius:16px;background:rgba(16,36,60,.32);overflow:hidden}.advanced-box summary{cursor:pointer;padding:14px 16px;font-weight:800;font-size:12px;color:#b7ccdc}.advanced-box[open] summary{border-bottom:1px solid var(--line)}.advanced-content{padding:16px}.simple-event-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}.assign-simple-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(110px,.5fr) auto;gap:10px}.simplified-check-line{grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(90px,.48fr)) minmax(100px,.5fr)}




/* ShardsTrack 1.3 - contrasto logo, filtri automatici e azioni mobile esplicite */
.side-brand img{object-fit:contain;background:linear-gradient(145deg,#ffffff,#e8faff);padding:6px;border:1px solid rgba(103,232,249,.42);box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 22px rgba(103,232,249,.16)}
.top-action-btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:800}.top-action-symbol{display:inline-grid;place-items:center;min-width:18px;font-size:16px;font-weight:900}.auto-filter-note{margin:-7px 0 15px;padding-left:2px}.item-auto-filters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto}



/* ShardsTrack 1.4 */
.side-brand{cursor:pointer;border-radius:15px;transition:.18s}.side-brand:hover{background:rgba(103,232,249,.07)}.side-brand:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.account-panel{align-self:start}.location-row-actions{display:flex;gap:8px;flex-wrap:wrap}.delete-location-alert>p{margin-top:0;line-height:1.6}.location-manage-row{align-items:center}



/* ShardsTrack 1.5 */
.movement-period-panel{margin-bottom:16px}
.movement-period-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.movement-period-controls .field{min-width:180px;flex:0 1 220px}
.outstanding-summary{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--line);border-radius:15px;background:rgba(16,36,60,.5)}
.outstanding-summary strong{font-size:26px;color:var(--primary)}
.outstanding-summary span{color:var(--muted)}



.movement-days{display:grid;gap:16px}.movement-day-group .panel-head h2{text-transform:capitalize}

/* ShardsTrack 1.6 - gestione mezzi e revisione mobile completa */
.config-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.vehicle-list{display:grid;gap:14px}
.vehicle-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(16,36,60,.72),rgba(6,16,30,.64));box-shadow:0 12px 34px rgba(0,0,0,.12)}
.vehicle-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary2),var(--primary));color:#04111d;font-size:23px;font-weight:900}
.vehicle-card-main{min-width:0}.vehicle-card h3{margin:0 0 10px;font-size:18px}.vehicle-meta{display:flex;gap:10px;flex-wrap:wrap}.vehicle-meta span{display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(6,16,30,.44);font-size:11px;color:var(--muted)}.vehicle-meta b{color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.vehicle-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vehicle-form{max-width:680px}

html,body{max-width:100%;overflow-x:hidden}.main,.content,.panel,.grid,.dashboard-grid,.item-grid,.event-list,.table-wrap{min-width:0}.table-wrap{-webkit-overflow-scrolling:touch}.btn,.icon-btn,.mobile-menu,.modal-close{touch-action:manipulation}








/* ShardsTrack 1.7 - login leggibile e layout mobile app-like */
.login-logo-card{
  width:190px;
  max-width:52vw;
  padding:12px 16px;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff,#eafaff);
  border:1px solid rgba(103,232,249,.5);
  box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 34px rgba(103,232,249,.16);
}
.login-logo-card img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  border-radius:0;
  object-fit:contain;
  box-shadow:none;
}
.login-first-field{margin-top:25px}

/* Gli override devono venire dopo compact-dashboard, che nelle versioni precedenti
   riattivava accidentalmente le due colonne sugli schermi stretti. */






/* Il backdrop-filter del topbar creava un contenitore per la barra fixed su iOS/Chromium. */


/* ShardsTrack 1.8 — interfacce per ruolo, flusso guidato e layout app */
.ui-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}.side-brand{width:100%;border:0;background:transparent;color:var(--text);text-align:left}.side-logo-wrap{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fff,#e9fbff);padding:5px;box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 24px rgba(103,232,249,.15)}.side-logo-wrap img{width:100%;height:100%;object-fit:contain;border-radius:0;padding:0}.company-switch{margin:0 5px 16px;padding:11px;border:1px solid var(--line);background:rgba(16,36,60,.55);border-radius:15px}.company-switch label{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.company-switch select{min-height:40px;padding:8px 9px;font-size:12px}.nav-icon{display:grid;place-items:center}.nav button span:last-child{min-width:0}.secondary-profile-link{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--muted);padding:9px 10px;margin-bottom:8px;border-radius:12px;font-weight:700}.secondary-profile-link:hover{background:rgba(103,232,249,.06);color:var(--text)}.topbar-title{display:flex;flex-direction:column;min-width:0}.topbar-title strong{font-size:15px}.topbar-title span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.top-icon-action{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(16,36,60,.58);color:var(--text);display:grid;place-items:center}.top-icon-action #notificationDot{position:absolute;right:-4px;top:-5px}.top-icon-action #notificationDot b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:9px;box-shadow:0 0 0 3px var(--bg)}.top-move-button{height:42px}.superadmin-operating-banner{position:sticky;top:76px;z-index:18;display:flex;align-items:center;gap:10px;padding:10px clamp(18px,3vw,42px);background:rgba(91,124,255,.16);border-bottom:1px solid rgba(91,124,255,.32);backdrop-filter:blur(20px);font-size:13px}.superadmin-operating-banner .btn{margin-left:auto}.mobile-bottom-nav{display:none}

.stat-card>span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.stat-card>strong{display:block;font-size:32px;letter-spacing:-.06em;margin:10px 0 4px}.stat-card>small{display:block;color:#86a1b7}.stat-card.green{--glow:var(--green)}.stat-card.amber{--glow:var(--amber)}.stat-card.red{--glow:var(--red)}.stat-card.blue{--glow:var(--primary2)}

.today-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.today-task-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.82),rgba(8,21,36,.84));border-radius:20px}.today-task-card .task-icon{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:rgba(103,232,249,.09);color:var(--primary);display:grid;place-items:center}.today-task-card strong{font-size:28px;line-height:1}.today-task-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.primary-operation-cta{width:100%;border:0;border-radius:22px;padding:20px 24px;margin:0 0 20px;background:linear-gradient(100deg,var(--primary),#9af3ff);color:#05111d;display:flex;align-items:center;gap:16px;text-align:left;box-shadow:0 18px 45px rgba(103,232,249,.18)}.primary-operation-cta>span{flex:1;display:grid;gap:3px}.primary-operation-cta strong{font-size:20px}.primary-operation-cta small{font-size:12px;opacity:.72}.today-event-list{display:grid;gap:8px}.today-event-row{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid rgba(153,215,255,.09);background:rgba(6,16,30,.35);color:var(--text);border-radius:15px;padding:12px;text-align:left}.today-event-row:hover{border-color:rgba(103,232,249,.3)}.event-time{font-size:16px;font-weight:900}.event-row-main{display:grid;gap:3px;min-width:0}.event-row-main strong,.event-row-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-row-main small{color:var(--muted)}.event-state{padding:6px 9px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase;background:rgba(139,163,185,.12);color:var(--muted)}.event-state.warn{background:rgba(251,191,36,.12);color:#fcd34d}.event-state.active{background:rgba(103,232,249,.11);color:var(--primary)}.event-state.done{background:rgba(52,211,153,.11);color:var(--green)}.quiet-empty{padding:24px;text-align:center;color:var(--muted)}.success-empty{color:var(--green)}.attention-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:14px 16px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.06);border-radius:16px}.attention-strip>div{display:flex;align-items:center;gap:9px;color:#fde68a}

.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:16px;align-items:start}.admin-dashboard-grid .outside-summary-card{grid-column:2}.count-pill{min-width:30px;height:30px;border-radius:99px;display:grid;place-items:center;background:rgba(103,232,249,.1);color:var(--primary);font-weight:900}.exception-list{display:grid;padding:10px}.exception-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:0;border-bottom:1px solid rgba(153,215,255,.08);background:transparent;color:var(--text);text-align:left}.exception-row:last-child{border-bottom:0}.exception-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(251,113,133,.1);color:var(--red)}.exception-row>span:nth-child(2){display:grid;gap:3px}.exception-row small{color:var(--muted)}.upcoming-list{display:grid;padding:10px}.upcoming-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:0;border-bottom:1px solid rgba(153,215,255,.08);background:transparent;color:var(--text);text-align:left}.upcoming-list button span{display:grid;gap:4px}.upcoming-list small{color:var(--muted)}

.section-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:6px}.section-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(16,36,60,.45);color:var(--muted);padding:9px 13px;border-radius:12px;font-weight:800}.section-tabs button.active{background:rgba(103,232,249,.12);border-color:rgba(103,232,249,.35);color:var(--primary)}.material-filter-bar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,1fr)) auto;gap:10px;margin-bottom:16px}.search-input-wrap{position:relative}.search-input-wrap>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-input-wrap input{padding-left:42px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.material-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.78),rgba(8,21,36,.86));border-radius:21px}.material-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start}.material-card-top h3{margin:2px 0 4px;font-size:16px;line-height:1.2}.material-card-top>div:nth-child(2)>span{font-size:11px;color:var(--muted)}.material-photo{width:48px;height:48px;border-radius:14px;background:rgba(103,232,249,.08);display:grid;place-items:center;color:var(--primary);overflow:hidden}.material-photo.small{width:42px;height:42px}.material-photo.large{width:84px;height:84px}.material-photo img{width:100%;height:100%;object-fit:cover}.material-quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.material-quantities>div{padding:10px;background:rgba(6,16,30,.38);border-radius:12px}.material-quantities strong,.material-quantities span{display:block}.material-quantities strong{font-size:17px}.material-quantities span{font-size:9px;text-transform:uppercase;color:var(--muted);margin-top:3px}.material-locations{display:grid;gap:7px;margin-bottom:14px}.material-locations>span{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.material-locations b{color:#cde3f1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-card .card-actions{margin-top:auto}.material-detail-hero{display:flex;gap:16px;align-items:center}.detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.detail-stat-grid .stat-card{min-height:100px;padding:14px}.detail-section h3{margin:0 0 10px}.stock-list{display:grid;gap:8px}.stock-list>div{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(6,16,30,.3)}.inventory-entry-list{display:grid;gap:8px;margin-top:16px}.inventory-entry{display:grid;grid-template-columns:minmax(180px,1fr) 120px minmax(180px,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px}.inventory-entry span{display:grid;gap:3px}.inventory-entry small{color:var(--muted)}

.event-card-list{display:grid;gap:12px}.event-card-v18{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.76),rgba(8,21,36,.84));border-radius:20px}.event-date-block{width:62px;height:66px;border-radius:16px;background:rgba(103,232,249,.08);display:grid;place-items:center;align-content:center;color:var(--primary)}.event-date-block strong{font-size:24px;line-height:1}.event-date-block span{text-transform:uppercase;font-size:10px;margin-top:3px}.event-card-main{min-width:0}.event-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.event-card-heading h3{margin:0 0 4px}.event-card-heading p{margin:0;color:var(--muted);font-size:11px}.event-progress-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:13px}.event-progress-row>div{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.progress{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;height:100%;background:var(--primary);border-radius:inherit}.progress.return i{background:var(--green)}.event-open-button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--primary);font-weight:900}.event-detail-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.event-meta-line{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.event-meta-line span{display:flex;align-items:center;gap:6px}.event-detail-status{margin-top:10px}.event-phase-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.event-phase{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(6,16,30,.3)}.event-phase>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(139,163,185,.08);color:var(--muted)}.event-phase div{display:grid;gap:2px}.event-phase small{color:var(--muted);font-size:9px}.event-phase.done{border-color:rgba(52,211,153,.25)}.event-phase.done>span{background:rgba(52,211,153,.12);color:var(--green)}.event-phase.active{border-color:rgba(103,232,249,.32)}.event-phase.active>span{background:rgba(103,232,249,.12);color:var(--primary)}.event-phase.warn{border-color:rgba(251,191,36,.28)}.event-phase.warn>span{background:rgba(251,191,36,.12);color:var(--amber)}.event-attention-box{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.06);border-radius:15px;color:#fde68a}.event-attention-box p{margin:5px 0 0;color:#d9b85d}.event-material-section{margin-top:18px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title-row h3{margin:0}.section-title-row span{color:var(--muted);font-size:11px}.responsive-table{overflow:auto;-webkit-overflow-scrolling:touch}.responsive-table table{width:100%;border-collapse:collapse;min-width:720px}.responsive-table th,.responsive-table td{padding:12px;border-bottom:1px solid rgba(153,215,255,.09);text-align:left;font-size:11px}.responsive-table th{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.08em}.attention-text{color:var(--amber)}.ok-text{color:var(--green)}.icon-text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:800}.icon-text-button.danger{color:var(--red)}.event-material-assign{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:14px;align-items:end;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(6,16,30,.3)}.event-material-assign h3,.event-material-assign p{margin:0}.event-material-assign p{margin-top:4px;color:var(--muted);font-size:11px}.assign-row{display:grid;grid-template-columns:minmax(160px,1fr) 120px auto;gap:8px}.event-main-action{display:flex;justify-content:center;margin:20px 0 4px}.btn-large{min-height:54px;padding:13px 22px;font-size:15px}.event-complete-message{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:800}

.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:22px}.wizard-progress>div{position:relative;display:grid;justify-items:center;gap:5px;color:var(--muted)}.wizard-progress>div:after{content:"";position:absolute;top:14px;left:58%;width:84%;height:1px;background:var(--line)}.wizard-progress>div:last-child:after{display:none}.wizard-progress span{position:relative;z-index:1;width:29px;height:29px;border-radius:99px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);font-size:10px;font-weight:900}.wizard-progress small{font-size:9px}.wizard-progress .active{color:var(--primary)}.wizard-progress .active span{background:var(--primary);color:#06101e;border-color:var(--primary)}.wizard-progress .done{color:var(--green)}.wizard-progress .done span{background:rgba(52,211,153,.14);color:var(--green);border-color:rgba(52,211,153,.35)}.wizard-stage{max-width:800px;margin:auto}.wizard-heading{text-align:center;margin-bottom:18px}.wizard-heading>span{color:var(--primary);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.wizard-heading h3{font-size:25px;margin:6px 0}.wizard-heading p{margin:0;color:var(--muted)}.operation-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px}.operation-choice button{display:grid;justify-items:center;gap:8px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(16,36,60,.72),rgba(6,16,30,.58));color:var(--text)}.operation-choice button:hover{border-color:var(--primary);transform:translateY(-2px)}.operation-choice strong{font-size:23px}.operation-choice small{color:var(--muted)}.wizard-no-event,.wizard-event-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(6,16,30,.3);color:var(--text);text-align:left}.wizard-no-event.selected,.wizard-event-card.selected{border-color:rgba(103,232,249,.45);background:rgba(103,232,249,.07)}.wizard-no-event span,.wizard-event-card>span:nth-child(2){display:grid;gap:3px}.wizard-no-event small,.wizard-event-card small{color:var(--muted)}.wizard-event-list{display:grid;gap:8px}.wizard-event-date{width:45px;height:45px;border-radius:12px;background:rgba(103,232,249,.08);display:grid;place-items:center;align-content:center;color:var(--primary)}.wizard-event-date strong{font-size:18px;line-height:1}.wizard-group-title{margin:18px 0 8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.wizard-vehicle-field{margin-top:18px}.wizard-material-search{position:relative;margin-bottom:10px}.wizard-material-search>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.wizard-material-search input{padding-left:42px}.wizard-material-list{display:grid;gap:7px;max-height:380px;overflow:auto}.wizard-material-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(6,16,30,.3);color:var(--text);text-align:left}.wizard-material-row>span:nth-child(2){display:grid;gap:3px}.wizard-material-row small{color:var(--muted)}.selected-material-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:15px;border:1px solid rgba(103,232,249,.28);border-radius:16px;background:rgba(103,232,249,.05)}.selected-material-card h4,.selected-material-card p{margin:0}.selected-material-card p{margin-top:4px;color:var(--muted)}.change-selection{position:absolute;right:10px;top:10px;border:0;background:transparent;color:var(--primary);font-weight:800}.wizard-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.fixed-location{min-height:46px;display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(6,16,30,.45)}.quantity-stage{display:grid;justify-items:center}.quantity-control{display:grid;grid-template-columns:64px 150px 64px;gap:10px;align-items:center}.quantity-control button{height:58px;border-radius:17px;border:1px solid var(--line);background:rgba(16,36,60,.7);color:var(--text)}.quantity-control input{text-align:center;font-size:27px;font-weight:900;height:58px}.quantity-all{margin-top:12px}.movement-summary-sentence{padding:20px;border:1px solid rgba(103,232,249,.25);border-radius:18px;background:rgba(103,232,249,.05);font-size:17px;line-height:1.7;text-align:center;margin-bottom:16px}.wizard-success{text-align:center;max-width:650px;margin:30px auto;color:var(--green)}.wizard-success h3{font-size:28px;margin:12px 0}.wizard-success p{color:var(--text);line-height:1.6}.wizard-success-actions{display:grid;gap:10px;justify-items:center;margin-top:20px}.wizard-success-actions small{color:var(--muted)}

.client-grid,.company-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(16,36,60,.65)}.client-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary2),var(--violet));font-weight:900}.client-card h3,.client-card p{margin:0}.client-card p,.client-card small{color:var(--muted)}.history-date-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.history-date-controls .field{min-width:180px}.movement-day-groups{display:grid;gap:14px;margin-top:14px}.movement-day .panel-head>span{color:var(--muted);font-size:11px}.movement-type{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:900;text-transform:uppercase}.movement-type.delivery{color:var(--primary);background:rgba(103,232,249,.1)}.movement-type.return{color:var(--green);background:rgba(52,211,153,.1)}.outside-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.outside-overview article{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(16,36,60,.65)}.outside-overview strong,.outside-overview span{display:block}.outside-overview strong{font-size:28px}.outside-overview span{color:var(--muted)}.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.report-card-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(16,36,60,.65)}.report-card-grid h3{margin:10px 0 5px}.report-card-grid p{color:var(--muted);min-height:40px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-bottom:1px solid rgba(153,215,255,.08)}.activity-dot{width:10px;height:10px;border-radius:99px;background:var(--primary);margin-top:5px}.activity-row p{margin:4px 0 0;color:var(--muted)}

.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.settings-nav{display:grid;align-content:start;gap:6px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(16,36,60,.52)}.settings-nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:var(--muted);padding:11px;border-radius:12px;text-align:left;font-weight:800}.settings-nav button.active{background:rgba(103,232,249,.1);color:var(--primary)}.settings-content{min-width:0}.settings-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.settings-section-head h2,.settings-section-head p{margin:0}.settings-section-head p{margin-top:4px;color:var(--muted)}.settings-card-list{display:grid;gap:9px}.settings-card-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(16,36,60,.54)}.settings-item-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(103,232,249,.09);color:var(--primary)}.settings-card-list article>div{display:grid;gap:3px}.settings-card-list small{color:var(--muted)}.location-delete-warning{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.22);color:var(--red)}.location-delete-warning h3,.location-delete-warning p{margin:0}.location-delete-warning p{margin-top:4px;color:#e59aaa}.location-content-list{display:grid;gap:7px;margin:14px 0}.location-content-list>div{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:11px}

.super-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.company-admin-grid article{padding:17px;border:1px solid var(--line);border-radius:19px;background:rgba(16,36,60,.62)}.company-admin-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.company-admin-head h3,.company-admin-head p{margin:0}.company-admin-head p{color:var(--muted);font-size:11px}.company-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.company-counts span{padding:9px;background:rgba(6,16,30,.34);border-radius:10px;color:var(--muted);font-size:10px}.company-counts b{display:block;color:var(--text);font-size:17px}.table-actions{display:flex;gap:6px}.company-status-list{display:grid;gap:10px}.company-status-card{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr) auto;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(16,36,60,.58)}.company-status-card h3{margin:0 0 7px}.company-status-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.company-status-metrics span{padding:9px;border-radius:10px;background:rgba(6,16,30,.35);font-size:10px;color:var(--muted)}.company-status-metrics b{display:block;color:var(--text);font-size:17px}.backup-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px}.backup-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(103,232,249,.1);color:var(--primary)}.backup-hero h2,.backup-hero p{margin:0}.backup-hero p{margin-top:5px;color:var(--muted)}.backup-result{display:flex;align-items:center;gap:12px;margin-top:14px;padding:15px;border:1px solid rgba(52,211,153,.25);background:rgba(52,211,153,.06);color:var(--green);border-radius:15px}.backup-result div{display:grid;gap:3px}.access-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.access-company-grid>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(16,36,60,.58);color:var(--text);text-align:left}.access-company-grid>button>span:nth-child(2){display:grid;gap:3px}.access-company-grid small{color:var(--muted)}.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(16,36,60,.58)}.notification-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(251,191,36,.1);color:var(--amber)}.notification-card h3,.notification-card p{margin:0}.notification-card p{margin-top:4px;color:var(--muted)}.notification-actions{display:flex;gap:7px}.profile-card{max-width:650px}.profile-identity{display:flex;align-items:center;gap:13px;margin-bottom:18px}.avatar.large{width:58px;height:58px;border-radius:17px;font-size:18px}.profile-identity h2,.profile-identity p{margin:0}.profile-identity p{margin-top:4px;color:var(--muted)}

/* ========================================================================== 
   COMPONENTI 1.9
   ========================================================================== */
.mobile-only{display:none}.desktop-only{display:block}.topbar-title{display:flex;align-items:center;min-width:0}.topbar-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-icon-action{display:inline-grid!important;place-items:center!important;padding:0!important;line-height:0}.top-icon-action .ui-icon{display:block;margin:auto}.top-icon-action #notificationDot{line-height:normal}.today-task-card{position:relative;width:100%;color:var(--text);text-align:left;cursor:pointer}.today-task-card:hover{border-color:rgba(103,232,249,.38);transform:translateY(-1px)}.task-card-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.active-filter-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(103,232,249,.22);background:rgba(103,232,249,.07);border-radius:15px}.active-filter-banner>span{display:flex;align-items:center;gap:8px}.event-phase-strip{position:relative}.event-phase{position:relative}.phase-marker{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;flex:0 0 24px;background:rgba(139,163,185,.12)!important;color:var(--muted)!important}.phase-marker i{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(103,232,249,.12)}.phase-marker b{width:9px;height:9px;border-radius:50%;border:2px solid var(--muted)}.event-phase.done .phase-marker{background:rgba(52,211,153,.14)!important;color:var(--green)!important}.event-phase.active{border-color:rgba(103,232,249,.42);box-shadow:0 0 0 1px rgba(103,232,249,.08) inset}.event-phase.active .phase-marker{background:rgba(103,232,249,.14)!important}.phase-icon{display:none!important}.event-action-stack{width:min(560px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.event-material-mobile-list,.mobile-data-list{display:grid;gap:10px}.event-material-mobile-card,.mobile-data-card{border:1px solid var(--line);background:rgba(6,16,30,.38);border-radius:17px;padding:14px}.mobile-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mobile-card-head>span:nth-child(2){display:grid;min-width:0}.mobile-card-head small{color:var(--muted);font-size:10px}.mobile-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mobile-metric-grid span{min-width:0;padding:9px;border-radius:12px;background:rgba(16,36,60,.55);display:grid;gap:3px}.mobile-metric-grid small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.mobile-metric-grid b{font-size:13px;overflow-wrap:anywhere}.mobile-card-actions{display:flex;gap:7px;margin-top:12px}.movement-mobile-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px}.movement-mobile-route span,.outside-mobile-location{display:flex;align-items:center;gap:8px;min-width:0}.movement-mobile-route span{display:grid;gap:2px}.movement-mobile-route small,.outside-mobile-location small{color:var(--muted);font-size:9px}.movement-mobile-route b,.outside-mobile-location b{font-size:11px;overflow-wrap:anywhere}.outside-mobile-location{margin-bottom:10px;padding:10px;border-radius:12px;background:rgba(103,232,249,.055)}.account-mobile-card .mobile-card-head{justify-content:flex-start}.account-mobile-card .mobile-card-head>.status{margin-left:auto}.wizard-quantity-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.wizard-quantity-facts span{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(6,16,30,.35);display:grid;gap:4px}.wizard-quantity-facts span.max{border-color:rgba(103,232,249,.28);background:rgba(103,232,249,.07)}.wizard-quantity-facts small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.wizard-quantity-facts strong{font-size:15px}.single-item-quantity{margin:18px auto;max-width:330px;padding:22px;border:1px solid rgba(103,232,249,.26);background:rgba(103,232,249,.07);border-radius:18px;text-align:center;display:grid;gap:6px}.single-item-quantity small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.single-item-quantity strong{font-size:30px}.single-item-quantity span{color:var(--muted);font-size:11px}.last-material-chip{display:inline-flex;padding:7px 10px;margin-bottom:10px;border-radius:99px;background:rgba(103,232,249,.07);color:var(--muted);font-size:10px}.operation-progress-summary{padding:12px;border-radius:14px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.18);color:var(--green);font-weight:800}.load-builder-intro{display:grid;gap:3px;margin-bottom:14px}.load-builder-intro span{color:var(--muted);font-size:12px}.event-load-list{display:grid;gap:10px;margin-top:14px}.event-load-line{border:1px solid var(--line);background:rgba(6,16,30,.35);border-radius:16px;padding:13px}.load-check{display:flex;align-items:center;gap:10px;margin-bottom:10px}.load-check input{width:20px;height:20px}.load-check span{display:grid}.load-check small,.load-max{color:var(--muted);font-size:10px}.load-line-controls{display:grid;grid-template-columns:minmax(180px,1fr) 110px auto;gap:8px}.single-load-quantity{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(16,36,60,.5);font-weight:900}.load-max{display:block;margin-top:7px}.admin-more-grid{display:grid;gap:8px}.admin-more-grid>button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:rgba(16,36,60,.48);color:var(--text);border-radius:15px;text-align:left}.admin-more-grid>button>span{display:grid;gap:3px}.admin-more-grid small{color:var(--muted)}

/* ========================================================================== 
   DESKTOP E TABLET
   ========================================================================== */
@media(max-width:1200px){.material-grid,.client-grid,.company-admin-grid,.access-company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.super-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-phase-strip{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:5px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-grid .outside-summary-card{grid-column:auto}}
@media(max-width:900px){.today-task-grid,.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-filter-bar{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{flex:0 0 auto}.company-status-card{grid-template-columns:1fr}.company-status-metrics{grid-template-columns:repeat(4,1fr)}.event-card-v18{grid-template-columns:60px minmax(0,1fr)}.event-open-button{grid-column:1/-1;justify-self:end}.event-material-assign{grid-template-columns:1fr}.assign-row{grid-template-columns:1fr 110px auto}.wizard-quantity-facts{grid-template-columns:1fr 1fr}.wizard-quantity-facts .max{grid-column:1/-1}}

/* ========================================================================== 
   MOBILE APP
   ========================================================================== */
@media(max-width:760px){
  html,body,#app{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{padding:0;overscroll-behavior-y:contain}.app-shell{display:block!important;min-height:100dvh;width:100%;overflow-x:hidden}.main{width:100%;max-width:100%;margin:0!important;grid-column:auto!important}.content{width:100%;max-width:100%;padding:14px 12px calc(86px + env(safe-area-inset-bottom));overflow-x:hidden}.content>*{min-width:0;max-width:100%}
  .sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(320px,88vw)!important;transform:translateX(-105%);transition:transform .22s ease;z-index:60;padding-top:calc(12px + env(safe-area-inset-top))}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;z-index:55;transition:.2s}.mobile-overlay.show{opacity:1;pointer-events:auto}
  .topbar{position:sticky!important;top:0!important;z-index:35!important;height:auto!important;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px!important;display:flex!important;gap:8px;background:rgba(6,16,30,.98)!important;border-bottom:1px solid var(--line);backdrop-filter:none!important}.mobile-menu{display:grid!important;place-items:center;flex:0 0 44px;width:44px!important;height:44px!important}.topbar-title{flex:1;min-width:0}.topbar-title strong{font-size:15px}.top-actions{position:static!important;display:flex!important;width:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-left:auto!important;gap:7px!important}.top-icon-action{width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;padding:0!important}.top-icon-action .ui-icon{width:23px;height:23px;margin:0!important}.top-move-button{width:46px;height:44px;padding:0!important}.top-move-button span{display:none}.role-user .top-move-button,.role-admin .top-move-button{display:none}
  .superadmin-operating-banner{position:static;top:auto;display:grid;grid-template-columns:auto 1fr;padding:10px 12px;font-size:11px}.superadmin-operating-banner .btn{grid-column:1/-1;width:100%;margin:0}
  .role-user .mobile-bottom-nav,.role-admin .mobile-bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:45;grid-template-columns:repeat(5,1fr);padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:rgba(6,16,30,.98);border-top:1px solid var(--line);box-shadow:0 -12px 35px rgba(0,0,0,.28)}.mobile-bottom-nav button{min-width:0;border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:3px;padding:5px 2px;font-size:9px;font-weight:800}.mobile-bottom-nav button.active{color:var(--primary)}.mobile-bottom-nav svg{width:21px;height:21px}.role-user .content,.role-admin .content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .page-head{display:grid!important;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.page-head h1{font-size:29px}.head-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}.head-actions .btn{width:100%}.today-task-grid,.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.today-task-card{padding:13px 34px 13px 13px;grid-template-columns:auto 1fr;column-gap:9px}.today-task-card .task-icon{width:36px;height:36px}.today-task-card strong{font-size:23px}.today-task-card p{font-size:10px}.primary-operation-cta{padding:17px;border-radius:18px}.primary-operation-cta strong{font-size:17px}.today-event-row{grid-template-columns:50px minmax(0,1fr) auto;padding:10px}.today-event-row>svg{display:none}.event-state{grid-column:2;justify-self:start}.attention-strip{align-items:flex-start;flex-direction:column}.attention-strip .btn{width:100%}.admin-dashboard-grid{display:grid;grid-template-columns:1fr}.admin-dashboard-grid>*{min-width:0}.stat-card{min-height:105px;padding:14px}.stat-card>strong{font-size:26px}
  .material-filter-bar{grid-template-columns:1fr;gap:8px}.material-grid,.client-grid,.company-admin-grid,.access-company-grid{grid-template-columns:1fr}.material-card{padding:14px}.material-card-top{grid-template-columns:auto minmax(0,1fr)}.material-card-top>.status{grid-column:2;justify-self:start}.material-quantities{gap:6px}.material-quantities>div{padding:8px}.material-card .card-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.material-card .card-actions .btn:last-child:nth-child(3){grid-column:1/-1}.detail-stat-grid{grid-template-columns:repeat(2,1fr)}.material-detail-hero{align-items:flex-start}.inventory-entry{grid-template-columns:1fr}.inventory-entry input{width:100%}
  .event-card-v18{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:13px}.event-date-block{width:48px;height:54px}.event-card-heading{display:grid;gap:7px}.event-progress-row{grid-template-columns:1fr;gap:8px}.event-open-button{width:100%;justify-content:center;border:1px solid var(--line);padding:10px;border-radius:12px}.event-detail-top{display:grid}.event-meta-line{display:grid}.event-phase-strip{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:0;margin:16px 0}.event-phase{border:0;border-left:2px solid var(--line);border-radius:0;background:transparent;padding:10px 10px 10px 18px;margin-left:12px}.event-phase:last-child{border-left-color:transparent}.event-phase.done{border-left-color:var(--green)}.event-phase.active{border-left-color:var(--primary);box-shadow:none}.phase-marker{position:absolute;left:-13px;top:12px}.event-material-assign{padding:12px}.assign-row{grid-template-columns:1fr}.event-main-action .btn,.event-action-stack .btn{width:100%}.event-action-stack{grid-template-columns:1fr}.event-attention-box{font-size:12px}.desktop-only{display:none!important}.mobile-only{display:block!important}
  .wizard-progress{gap:2px;margin-bottom:16px}.wizard-progress small{display:none}.wizard-progress>div:after{left:62%;width:75%}.wizard-heading h3{font-size:22px}.operation-choice{grid-template-columns:1fr}.operation-choice button{padding:21px}.wizard-event-card,.wizard-no-event{padding:10px}.wizard-event-list{max-height:280px;overflow:auto}.wizard-location-grid{grid-template-columns:1fr}.wizard-quantity-facts{grid-template-columns:1fr}.wizard-quantity-facts .max{grid-column:auto}.quantity-control{grid-template-columns:54px minmax(110px,150px) 54px}.movement-summary-sentence{font-size:15px;padding:16px}.modal.movement-wizard-modal .modal-body{padding-bottom:20px}.wizard-success{margin:15px auto}.wizard-success-actions .btn{width:100%}.load-line-controls{grid-template-columns:1fr}.event-load-line .btn{width:100%}
  .history-date-controls{display:grid;grid-template-columns:1fr 1fr}.history-date-controls .field{min-width:0}.history-date-controls .btn{width:100%}.outside-overview{grid-template-columns:1fr}.report-card-grid{grid-template-columns:1fr}.settings-layout{display:block}.settings-nav{display:flex;gap:6px;padding:6px;margin-bottom:12px}.settings-nav button{white-space:nowrap}.settings-card-list>article{grid-template-columns:auto minmax(0,1fr)}.settings-card-list>article>.btn{grid-column:auto;min-width:0}.settings-card-list>article>.btn:nth-last-child(2){grid-column:1/2}.settings-card-list>article>.btn:last-child{grid-column:2/3}.settings-section-head{display:grid}.settings-section-head .btn{width:100%}.company-status-metrics{grid-template-columns:repeat(2,1fr)}.backup-hero{grid-template-columns:1fr;text-align:center}.backup-icon{margin:auto}.backup-hero .btn{width:100%}.notification-card{grid-template-columns:auto minmax(0,1fr)}.notification-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr}.notification-actions .btn{width:100%}.super-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-actions{display:grid}.company-counts{grid-template-columns:repeat(3,1fr)}
  .modal-backdrop{padding:0;align-items:stretch}.modal,.modal.wide{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.modal-head{padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.modal-body{padding:14px;overflow-y:auto;overflow-x:hidden}.modal-foot{position:sticky;bottom:0;display:grid;grid-template-columns:1fr;gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(6,16,30,.99)}.modal-foot .btn{width:100%}.form-grid,.form-grid.cols-3{grid-template-columns:1fr!important}.span-2,.span-3{grid-column:auto!important}.login-v18{display:flex!important;flex-direction:column;min-height:100dvh}.login-v18 .login-visual{padding:calc(20px + env(safe-area-inset-top)) 18px 24px;min-height:auto;gap:24px}.login-v18 .login-logo-card{width:180px;max-width:68vw}.login-v18 .login-copy h1{font-size:40px}.login-v18 .login-panel{padding:16px 12px calc(22px + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line)}.login-v18 .login-card{padding:22px 18px;border-radius:22px}.login-v18 .login-card .field{margin-top:13px}
}

/* ========================================================================== 
   SCHERMI MOLTO PICCOLI E SAFE AREA
   ========================================================================== */
@media(max-width:390px){.content{padding-left:9px;padding-right:9px}.today-task-grid,.admin-stat-grid,.super-stat-grid{grid-template-columns:1fr 1fr}.today-task-card{padding:11px 30px 11px 11px}.today-task-card p{font-size:9px}.material-card .card-actions{grid-template-columns:1fr!important}.material-card .card-actions .btn{grid-column:auto!important}.quantity-control{grid-template-columns:48px minmax(100px,130px) 48px}.company-counts{grid-template-columns:1fr}.topbar{gap:5px!important}.top-icon-action{width:41px!important;height:41px!important;min-width:41px!important}.mobile-menu{width:41px!important;height:41px!important;flex-basis:41px}.mobile-metric-grid{grid-template-columns:1fr 1fr}.mobile-metric-grid span:last-child:nth-child(3){grid-column:1/-1}}

/* ========================================================================== 
   NOTIFICHE PUSH · SHARDSTRACK 2.0
   Il service worker non usa cache offline e questa sezione non altera i dati.
   ========================================================================== */
.profile-layout{display:grid;gap:18px;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);align-items:start}.push-settings-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,36,60,.9),rgba(8,21,38,.94));border-radius:22px;padding:20px;box-shadow:var(--shadow)}.push-settings-card.compact{margin-bottom:18px}.push-settings-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.push-settings-head h3{margin:0 0 4px;font-size:19px}.push-settings-head p{margin:0;color:var(--muted);line-height:1.45}.push-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--primary);background:rgba(103,232,249,.1);border:1px solid rgba(103,232,249,.2)}.push-status{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-align:center}.push-status.active{color:#4ee2b2;background:rgba(78,226,178,.1)}.push-status.denied{color:#ff8e9a;background:rgba(255,91,112,.12)}.push-status.inactive{color:#a8bfd1;background:rgba(134,165,190,.1)}.push-message,.push-device-count{margin:15px 0 0;color:var(--muted);line-height:1.55}.push-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.push-ios-help{margin-top:16px;padding:15px 17px;border-radius:16px;background:rgba(103,232,249,.07);border:1px solid rgba(103,232,249,.18)}.push-ios-help strong{display:block;margin-bottom:8px}.push-ios-help ol{margin:0;padding-left:20px;color:var(--muted);line-height:1.7}.loading-inline{padding:18px;color:var(--muted);text-align:center}.notification-summary{display:inline-flex;align-items:baseline;gap:7px;margin:0 0 14px;padding:8px 13px;border-radius:999px;background:rgba(103,232,249,.08);color:var(--muted)}.notification-summary strong{font-size:20px;color:var(--primary)}.notification-card.is-read{opacity:.72}.notification-card.is-unread{border-color:rgba(103,232,249,.34);box-shadow:0 12px 35px rgba(0,0,0,.18)}.notification-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-title-row h3{margin:0}.notification-card time{display:block;margin-top:8px;color:var(--muted);font-size:11px}.unread-badge{padding:4px 8px;border-radius:999px;background:var(--primary);color:#06101e;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}}
@media(max-width:760px){.push-settings-card{padding:15px;border-radius:18px}.push-settings-head{grid-template-columns:auto minmax(0,1fr)}.push-status{grid-column:1/-1;justify-self:start}.push-actions{display:grid;grid-template-columns:1fr}.push-actions .btn{width:100%}.notification-title-row{align-items:flex-start}.profile-layout{gap:12px}}
.push-server-setup{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:end;margin-top:16px;padding:14px;border-radius:16px;border:1px dashed rgba(103,232,249,.28);background:rgba(6,16,30,.42)}.push-server-setup small{grid-column:1/-1;color:var(--muted)}
@media(max-width:760px){.push-server-setup{grid-template-columns:1fr}.push-server-setup .btn{width:100%}.push-server-setup small{grid-column:auto}}


/* 2.1.0 fixes */
.login-v18 .login-card .field + .field{margin-top:14px}
.login-v18 .login-card .check-row{margin:18px 0 14px;gap:12px;align-items:center}
.login-v18 .login-card .check-row input{width:22px;height:22px;accent-color:var(--primary);flex:0 0 22px}
.login-v18 .login-card .btn.w100{margin-top:4px}
.mobile-menu,.modal-close,.top-icon-action{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
.mobile-menu .ui-icon,.modal-close .ui-icon,.top-icon-action .ui-icon{display:block!important;margin:auto!important;transform:translate(0,0)!important}
.modal-close{width:44px;height:44px;border-radius:14px}
.notification-toolbar-simple{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0 18px}
.notification-summary-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(16,36,60,.45)}
.notification-summary-pill strong{font-size:22px}
.segment-control{display:inline-grid;grid-auto-flow:column;gap:6px;padding:5px;border:1px solid var(--line);background:rgba(6,16,30,.42);border-radius:14px}
.segment-control button{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;font-weight:800}
.segment-control button.active{background:rgba(103,232,249,.14);color:var(--text)}
.notification-section-block{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(10,24,40,.45)}
.notification-section-block.completed{background:rgba(8,18,32,.32)}
.notification-card.simple{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(6,16,30,.36)}
.notification-card.simple.is-completed{opacity:.9}
.notification-card.simple .notification-main{display:grid;gap:7px;min-width:0}
.notification-card.simple .notification-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.notification-card.simple .notification-title-row h3{margin:0;font-size:20px}
.notification-card.simple .notification-state{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:5px 8px;border-radius:99px;background:rgba(103,232,249,.08)}
.notification-card.simple p{margin:0;color:#b3c6d8;line-height:1.55}
.notification-card.simple time{font-size:12px;color:var(--muted)}
.notification-actions.single{display:flex;align-items:center}
@media(max-width:760px){
  .notification-toolbar-simple{align-items:stretch}
  .notification-summary-pill{justify-content:center}
  .segment-control{width:100%;grid-auto-flow:column;grid-template-columns:1fr 1fr}
  .segment-control button{width:100%}
  .notification-section-block{padding:14px}
  .notification-card.simple{grid-template-columns:1fr;padding:14px}
  .notification-actions.single .btn{width:100%}
}

/* ========================================================================== 
   NOTIFICHE ESSENZIALI · SHARDSTRACK 2.2
   ========================================================================== */
.push-compact-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(12,29,48,.62)}
.push-compact-status>.ui-icon{width:24px;height:24px;color:var(--primary)}
.push-compact-status>span{display:grid;gap:3px;min-width:0}
.push-compact-status strong{font-size:14px}
.push-compact-status small{color:var(--muted);line-height:1.4}
.push-compact-status.active{border-color:rgba(52,211,153,.24);background:rgba(52,211,153,.055)}
.push-compact-status.active>.ui-icon{color:var(--green)}
.push-compact-status.inactive{border-color:rgba(139,163,185,.2)}
.completed-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.notification-history-filters{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(145px,.8fr) minmax(145px,.8fr) auto auto;gap:10px;align-items:end;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(6,16,30,.32)}
.notification-history-filters .btn{min-height:43px}
.attention-strip>div>span{display:grid;gap:3px}
.attention-strip>div>span small{color:var(--muted);font-weight:500}
.notification-card.simple.is-completed .notification-state{color:var(--green);background:rgba(52,211,153,.08)}
.notification-section-block.completed .notification-card.simple{background:rgba(6,16,30,.24)}

@media(max-width:900px){
  .notification-history-filters{grid-template-columns:1fr 1fr}
  .notification-history-filters .field:first-child{grid-column:1/-1}
}
@media(max-width:760px){
  .push-compact-status{grid-template-columns:auto minmax(0,1fr);padding:13px}
  .push-compact-status .btn{grid-column:1/-1;width:100%}
  .completed-head-actions{width:100%;justify-content:space-between}
  .completed-head-actions .btn{flex:1}
  .notification-history-filters{grid-template-columns:1fr;padding:12px}
  .notification-history-filters .field:first-child{grid-column:auto}
  .notification-history-filters .btn{width:100%}
  .attention-strip>div{align-items:flex-start}
}