:root{ --bg:#141210; --bg-alt:#19140f; --surface:#221c17; --surface-2:#2b241d; --border:#3a322a; --border-soft:#2c261f; --ember-1:#ff7a3d; --ember-2:#ffb238; --ember-3:#ff4d4d; --text:#f3ede2; --text-muted:#a89a86; --text-dim:#726457; --success:#7cc98f; --warn:#f2b84b; --danger:#e2665a; --info:#6fa8dc; --radius:14px; } *{box-sizing:border-box} html,body{height:100%} body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;font-size:13.5px} h1,h2,h3,.display{font-family:'Fraunces',serif} .mono{font-family:'IBM Plex Mono',monospace} ::selection{background:var(--ember-1);color:#1a1310} button{font-family:inherit} a{color:var(--ember-2)} svg{display:block} *{scrollbar-width:none} *::-webkit-scrollbar{width:0px;height:0px;transition:width .2s} aside:hover, .notif-panel:hover, main:hover{scrollbar-width:thin} aside:hover::-webkit-scrollbar, .notif-panel:hover::-webkit-scrollbar{width:6px} *::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px} /* ---------- LOGIN ---------- */ #loginScreen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-alt);padding:24px} .bg-glow{position:absolute;inset:0;background: radial-gradient(650px 450px at 12% 15%, rgba(255,122,61,.18), transparent 60%), radial-gradient(550px 450px at 88% 85%, rgba(255,178,56,.12), transparent 60%); animation:glowshift 12s ease-in-out infinite alternate} @keyframes glowshift{0%{filter:brightness(1) saturate(1)}100%{filter:brightness(1.25) saturate(1.15)}} .ember-particle{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,var(--ember-2),var(--ember-1));opacity:.55;animation:rise linear infinite} @keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.6}100%{transform:translateY(-110vh) translateX(20px);opacity:0}} .login-card{position:relative;z-index:2;width:100%;max-width:430px;background:rgba(34,28,23,.92);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:20px;padding:38px 34px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)} .brand{display:flex;align-items:center;gap:12px;margin-bottom:6px} .brand .flame{width:34px;height:34px;animation:flicker 2.4s ease-in-out infinite} @keyframes flicker{0%,100%{filter:brightness(1) drop-shadow(0 0 0 transparent)}50%{filter:brightness(1.25) drop-shadow(0 0 6px rgba(255,138,61,.5))}} .brand-name{font-family:'Fraunces',serif;font-size:24px;font-weight:600;letter-spacing:.2px} .login-sub{color:var(--text-muted);font-size:13.5px;margin:0 0 22px;min-height:34px} .field{margin-bottom:14px} .field label{display:block;font-size:11.5px;color:var(--text-muted);margin-bottom:6px;letter-spacing:.03em;text-transform:uppercase} .field select,.field input,.field textarea{width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13.5px} .field select:focus,.field input:focus,.field textarea:focus{outline:none;border-color:var(--ember-1)} .pw-wrap{position:relative} .pw-wrap input{padding-right:40px} .pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--text-dim);cursor:pointer;padding:6px;width:auto} .pw-eye:hover{color:var(--text)} .pw-eye svg{width:16px;height:16px} .btn{border:0;border-radius:9px;padding:9px 14px;font-weight:700;font-size:12.5px;cursor:pointer;transition:transform .12s ease, filter .12s ease;display:inline-flex;align-items:center;gap:5px;width:auto;white-space:nowrap} .btn:active{transform:translateY(1px)} .btn svg{width:13px;height:13px;flex:none} .btn-primary{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));color:#1c1109} .btn-primary:hover{filter:brightness(1.08)} .btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)} .btn-ghost:hover{color:var(--text);border-color:var(--text-dim)} .btn-sm{padding:7px 12px;font-size:11.5px;border-radius:8px} .btn-xs{padding:5px 9px;font-size:10.5px;border-radius:7px} .btn-danger{background:rgba(226,102,90,.14);color:var(--danger);border:1px solid rgba(226,102,90,.3)} .btn-block{width:100%;justify-content:center} .login-error{background:rgba(226,102,90,.12);border:1px solid rgba(226,102,90,.3);color:var(--danger);font-size:12.5px;padding:9px 12px;border-radius:8px;margin-bottom:14px} .login-ok{background:rgba(124,201,143,.12);border:1px solid rgba(124,201,143,.3);color:var(--success);font-size:12.5px;padding:9px 12px;border-radius:8px;margin-bottom:14px} .login-hint{margin-top:18px;font-size:11px;color:var(--text-dim);line-height:1.6;border-top:1px dashed var(--border);padding-top:14px} .login-switch{text-align:center;margin-top:16px;font-size:12.5px;color:var(--text-muted)} .login-switch a{cursor:pointer;font-weight:700;text-decoration:none} .or-sep{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em} .or-sep:before,.or-sep:after{content:'';flex:1;height:1px;background:var(--border)} /* ---------- APP SHELL ---------- */ #mainApp{display:flex;min-height:100vh} aside{position:fixed;width:252px;height:100vh;background:var(--bg-alt);border-right:1px solid var(--border-soft);padding:20px 12px;display:flex;flex-direction:column;overflow-y:auto;z-index:10} .brand-mini{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;min-height:22px} .brand-mini svg{width:22px;height:22px;flex:none;display:block} .brand-mini span{font-family:'Fraunces',serif;font-weight:600;font-size:16.5px;color:var(--text);white-space:nowrap} nav{display:flex;flex-direction:column;gap:2px} .navgroup-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin:15px 9px 6px;font-weight:700} nav a{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer;font-size:12.5px;font-weight:600;text-decoration:none} nav a svg{width:15px;height:15px;flex:none;opacity:.85} nav a:hover{background:var(--surface);color:var(--text)} nav a.active{background:linear-gradient(135deg,rgba(255,122,61,.18),rgba(255,178,56,.10));color:#ffd7ad;box-shadow:inset 0 0 0 1px rgba(255,122,61,.25)} .sidebar-foot{border-top:1px solid var(--border-soft);padding-top:12px;margin-top:14px} .who{display:flex;align-items:center;gap:10px;padding:6px 4px} .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--ember-1),var(--ember-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#1c1109;font-size:12px;flex:none} .who-name{font-size:12.5px;font-weight:700;line-height:1.2} .who-role{font-size:10.5px;color:var(--text-dim)} .logout-btn{width:100%;margin-top:8px;justify-content:center} main{margin-left:252px;padding:26px 30px 60px;max-width:1320px;flex:1;width:100%} header.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:16px;position:relative} header.page-head h1{margin:0 0 4px;font-size:24px;font-weight:600} .page-sub{color:var(--text-muted);font-size:12.5px;margin:0} .headright{display:flex;align-items:center;gap:10px;flex:none;position:relative} .leaderboard-pill{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(255,122,61,.16),rgba(255,178,56,.09));border:1px solid rgba(255,122,61,.3);color:#ffd7ad;border-radius:20px;padding:8px 14px 8px 12px;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .15s ease, box-shadow .15s ease} .leaderboard-pill svg{width:14px;height:14px;flex:none} .leaderboard-pill:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(255,122,61,.5)} .leaderboard-pill.active{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));color:#1c1109;border-color:transparent} .bell-btn{position:relative;background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted)} .bell-btn:hover{color:var(--text);border-color:var(--text-dim)} .bell-btn svg{width:16px;height:16px;margin:0} .bell-badge{position:absolute;top:-4px;right:-4px;background:var(--ember-1);color:#1c1109;font-size:9.5px;font-weight:800;border-radius:20px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0 3px} .notif-panel{display:none;position:absolute;top:44px;right:0;width:350px;max-height:440px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.6);z-index:30;padding:6px} .notif-panel.open{display:block} .notif-head{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 6px} .notif-head b{font-size:12.5px} .notif-item{display:flex;gap:9px;padding:9px 10px;border-radius:10px;font-size:12px;line-height:1.5;border-left:3px solid var(--ember-1);margin-bottom:2px;text-decoration:none;color:var(--text)} .notif-item:hover{background:var(--surface-2)} .notif-item .nt-body{flex:1;min-width:0} .notif-item .nt-tag{font-size:10px;color:var(--ember-2);text-transform:uppercase;letter-spacing:.03em;font-weight:700} .notif-item .nt-date{font-size:10px;color:var(--text-dim);margin-top:2px} .notif-foot{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--border-soft);margin-top:4px} .notif-foot form{flex:1} .notif-foot .btn{width:100%} /* ---------- Chat privata ---------- */ .chat-panel{flex-direction:column;padding:0;overflow:hidden} .chat-panel.open{display:flex} .chat-head{display:flex;align-items:center;gap:8px;padding:12px 12px 10px;border-bottom:1px solid var(--border-soft);flex:none} .chat-head b{font-size:12.5px;flex:1} .chat-back{background:none;border:0;color:var(--text-muted);cursor:pointer;padding:3px;display:flex;width:auto} .chat-back:hover{color:var(--text)} .chat-contacts{display:flex;flex-direction:column;max-height:380px;overflow-y:auto;padding:6px} .chat-contact{display:flex;align-items:center;gap:9px;width:100%;padding:8px 8px;border:0;background:transparent;border-radius:10px;cursor:pointer;text-align:left} .chat-contact:hover{background:var(--surface-2)} .chat-unread-dot{background:var(--ember-1);color:#1c1109;font-size:10px;font-weight:800;border-radius:20px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px} .chat-messages{display:flex;flex-direction:column;gap:8px;padding:10px 12px;max-height:300px;min-height:120px;overflow-y:auto} .chat-msg{display:flex;flex-direction:column;max-width:80%} .chat-msg.mine{align-self:flex-end;align-items:flex-end} .chat-bubble{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:12.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word} .chat-msg.mine .chat-bubble{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));color:#1c1109;border-color:transparent;border-radius:14px 14px 4px 14px} .chat-time{font-size:9.5px;color:var(--text-dim);margin-top:3px;padding:0 4px} .chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border-soft);flex:none} .chat-input-row input{flex:1;padding:9px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12.5px} .chat-input-row input:focus{outline:none;border-color:var(--ember-1)} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px} .card,.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px;transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease} .card{position:relative;overflow:hidden} .card:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ember-1),var(--ember-2));opacity:0;transition:opacity .2s ease} .card:hover{border-color:rgba(255,122,61,.35);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)} .card:hover:before{opacity:1} .panel:hover{border-color:var(--border)} .card .k{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em} .card .v{font-family:'Fraunces',serif;font-size:28px;font-weight:600;margin-top:6px;transition:color .15s ease} .panel h2,.panel h3{margin-top:0} .panel h2{font-size:15px;font-weight:700} .panel + .panel{margin-top:16px} .grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start} .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .panel-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);cursor:pointer;margin-bottom:16px} .panel-link:hover{border-color:rgba(255,122,61,.4);transform:translateY(-1px)} .panel-link svg{color:var(--text-dim);flex:none} .roles-entry-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,rgba(255,122,61,.18),rgba(255,178,56,.10));display:flex;align-items:center;justify-content:center;color:var(--ember-2);flex:none} .table-wrap{overflow-x:auto} table{width:100%;border-collapse:collapse;min-width:460px} th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--border-soft);font-size:12.5px} th{color:var(--text-dim);font-weight:700;text-transform:uppercase;font-size:9.5px;letter-spacing:.05em;white-space:nowrap} tr:last-child td{border-bottom:0} tr.clickable{cursor:pointer} tr.clickable:hover{background:var(--surface-2)} .badge{padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;display:inline-block;white-space:nowrap;border:0} .badge.blue{background:rgba(111,168,220,.15);color:var(--info)} .badge.green{background:rgba(124,201,143,.15);color:var(--success)} .badge.orange{background:rgba(242,184,75,.16);color:var(--warn)} .badge.red{background:rgba(226,102,90,.15);color:var(--danger)} .badge.grey{background:rgba(168,154,134,.15);color:var(--text-muted)} input,select,textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:12.5px;font-family:inherit} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ember-1)} textarea{width:100%;resize:vertical} .toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px} .tabbar{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap} .tabbar a{background:none;border:0;color:var(--text-muted);font-weight:700;font-size:11.5px;padding:9px 4px;margin-right:16px;cursor:pointer;border-bottom:2px solid transparent;text-decoration:none} .tabbar a.active{color:var(--ember-2);border-color:var(--ember-1)} .embermeter{display:flex;gap:4px;margin:10px 0} .ember-seg{flex:1;height:8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border-soft);position:relative;overflow:hidden} .ember-seg.lit{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));box-shadow:0 0 10px rgba(255,138,61,.5), 0 0 3px rgba(255,178,56,.8);border-color:transparent} .phase-tag{font-size:10.5px;font-weight:700;color:var(--ember-2);text-transform:uppercase;letter-spacing:.05em} .stepper{display:flex;align-items:center;margin:14px 0 16px} .step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative} .step .dot{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-dim);z-index:2} .step.done .dot{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));border-color:transparent;color:#1c1109} .step.current .dot{border-color:var(--ember-1);color:var(--ember-2);box-shadow:0 0 0 4px rgba(255,122,61,.18)} .step .lbl{font-size:9.5px;color:var(--text-dim);margin-top:6px;text-align:center;max-width:76px;line-height:1.3} .step.done .lbl,.step.current .lbl{color:var(--text-muted)} .step:not(:last-child):after{content:'';position:absolute;top:14px;left:55%;width:90%;height:2px;background:var(--border);z-index:1} .step.done:not(:last-child):after{background:linear-gradient(90deg,var(--ember-1),var(--ember-2))} .miniprogress{height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin:6px 0 2px} .miniprogress i{display:block;height:100%;background:linear-gradient(90deg,var(--ember-1),var(--ember-2))} .progress-label{font-size:10.5px;color:var(--text-dim)} .cchk{display:flex;align-items:flex-start;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border-soft);cursor:pointer} .cchk:last-child{border-bottom:0} .cchk input{display:none} .cchk .box{width:19px;height:19px;border-radius:6px;border:2px solid var(--border);flex:none;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-top:1px} .cchk input:checked + .box{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));border-color:transparent;transform:scale(1.05)} .cchk input:checked + .box:after{content:'✓';color:#1c1109;font-size:12px;font-weight:900} .cchk .ci-text{font-size:12.5px;line-height:1.45} .cchk input:checked ~ .ci-text{color:var(--text-dim);text-decoration:line-through} .accountcard{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:15px;margin-bottom:11px;transition:border-color .15s;text-decoration:none;display:block;color:var(--text)} .accountcard:hover{border-color:var(--ember-1)} .accountcard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px} .accountcard-top strong{font-size:14px} .role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-size:12px;align-items:center;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:11px} .perm-check{display:flex;align-items:center;gap:7px} .perm-check input{width:14px;height:14px;accent-color:var(--ember-1)} .role-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:15px;margin-bottom:10px} .role-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px} .role-card-top b{font-size:13.5px} .perm-chips{display:flex;gap:5px;flex-wrap:wrap} .pchip{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px} .pchip.on{background:rgba(124,201,143,.15);color:var(--success)} .pchip.off{background:rgba(168,154,134,.1);color:var(--text-dim)} .guide-card{display:flex;gap:13px;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:13px;margin-bottom:9px;align-items:center} .guide-thumb{width:60px;height:54px;border-radius:8px;background:linear-gradient(135deg,#2b241d,#1c1712);display:flex;align-items:center;justify-content:center;flex:none} .guide-thumb svg{width:19px;height:19px;color:var(--ember-2)} .guide-meta{font-size:10.5px;color:var(--text-dim)} .empty{color:var(--text-dim);font-size:12.5px;padding:13px 4px} .note-box{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:12px;font-size:11.5px;color:var(--text-muted);line-height:1.6} .note-box b{color:var(--text)} .announce-banner{background:linear-gradient(135deg,rgba(255,122,61,.14),rgba(255,178,56,.08));border:1px solid rgba(255,122,61,.3);border-radius:12px;padding:13px 16px;margin-bottom:18px;font-size:13px;display:flex;gap:10px;align-items:flex-start} .section-content{white-space:pre-wrap;font-size:13px;line-height:1.7;color:var(--text)} .accordion{border:1px solid var(--border-soft);border-radius:12px;margin-bottom:10px;overflow:hidden} .accordion-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;cursor:pointer;background:var(--surface);text-decoration:none;color:var(--text)} .accordion-head:hover{background:var(--surface-2)} .accordion-head b{font-size:13px} .accordion-cat{font-size:9.5px;color:var(--ember-2);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:2px} .accordion-body{padding:0 15px 15px} .note-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:13px;margin-bottom:9px} .note-card .nd{font-size:10px;color:var(--text-dim);margin-bottom:5px} .note-card p{margin:0;font-size:12.5px;white-space:pre-wrap;line-height:1.5} .platform-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:20px;padding:4px 11px;font-size:11px;font-weight:700;color:var(--text-muted);margin:2px 4px 2px 0} .assign-list{display:flex;flex-wrap:wrap;gap:6px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:10px;max-height:140px;overflow-y:auto;transition:opacity .15s ease} .assign-list label{display:flex;align-items:center;gap:6px;font-size:11.5px;background:var(--surface);padding:5px 9px;border-radius:7px;cursor:pointer} .assign-list input{width:13px;height:13px;accent-color:var(--ember-1)} .assign-list.disabled{opacity:.4;pointer-events:none} .close-x{background:none;border:0;color:var(--text-dim);font-size:19px;cursor:pointer;line-height:1;padding:2px 6px;text-decoration:none} .modal-bg{position:fixed;inset:0;background:rgba(10,8,6,.65);z-index:50;align-items:center;justify-content:center;padding:20px;display:none} .modal-bg.open{display:flex} .modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:460px;width:100%;max-height:88vh;overflow-y:auto} .modal.lg{max-width:660px} .modal h3{margin-top:0;font-size:17px} .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px} .flash-list{margin-bottom:16px} .flash{padding:10px 14px;border-radius:10px;font-size:12.5px;margin-bottom:8px} .flash.ok{background:rgba(124,201,143,.12);border:1px solid rgba(124,201,143,.3);color:var(--success)} .flash.error{background:rgba(226,102,90,.12);border:1px solid rgba(226,102,90,.3);color:var(--danger)} .tool-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px} .tool-card h3{font-size:13.5px;margin:0 0 10px;display:flex;align-items:center;gap:8px} .tool-result{background:var(--surface-2);border-radius:8px;padding:10px;font-size:12.5px;margin-top:8px} .char-bar{height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin-top:6px} .char-bar i{display:block;height:100%} .calc-display{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;padding:12px;font-size:22px;font-weight:700;text-align:right;font-family:'IBM Plex Mono',monospace;margin-top:2px;overflow-x:auto;white-space:nowrap} .calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px} .calc-grid button{padding:11px 0;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit} .calc-grid button:hover{border-color:var(--text-dim)} .calc-grid button.calc-op{color:var(--ember-2)} .calc-grid button.calc-eq{background:var(--ember-1);border-color:var(--ember-1);color:#1c1109;grid-row:span 2} .calc-grid button.calc-zero{grid-column:span 2} .empty-state{text-align:center;padding:40px 20px;color:var(--text-dim)} .empty-state svg{width:36px;height:36px;margin:0 auto 12px;opacity:.5} @media(max-width:900px){ #mainApp{display:block} aside{position:static;width:100%;height:auto} main{margin-left:0;padding:18px} .cards{grid-template-columns:repeat(2,1fr)} .grid2,.grid3{grid-template-columns:1fr} .role-grid{grid-template-columns:1fr} } /* ---------- MODALI Modifica/Elimina (usate in tutto il sito) ---------- */ .modal-overlay{position:fixed;inset:0;background:rgba(10,8,6,.68);z-index:59;display:none} .modal-overlay.open{display:block} .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);z-index:60;display:none; background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0; max-width:480px;width:92%;max-height:86vh;overflow-y:auto;box-shadow:0 30px 70px -20px rgba(0,0,0,.65)} .modal.open{display:block} .modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border-soft)} .modal-head b{font-size:14.5px;font-family:'Fraunces',serif} .modal-close{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer} .modal-close:hover{color:var(--text)} .modal-body{padding:16px 18px} .modal-actions{display:flex;gap:8px;margin-top:14px} .modal-danger{border-top:1px solid var(--border-soft);padding:14px 18px 18px} .modal-danger p{font-size:12px;color:var(--text-muted);margin:0 0 10px} .modal-danger-row{display:flex;gap:8px} .btn-danger-outline{color:var(--danger);border-color:rgba(226,102,90,.35)} .btn-danger-outline:hover{background:rgba(226,102,90,.1)} .pencil-btn{gap:5px} .pencil-btn svg{width:12px;height:12px} /* ---------- TEMA CHIARO ---------- */ :root[data-theme="light"]{ --bg:#f6f2ec; --bg-alt:#efe8de; --surface:#ffffff; --surface-2:#f4efe7; --border:#e2d9c9; --border-soft:#ece4d6; --text:#241d16; --text-muted:#6b5f4f; --text-dim:#8c7f6a; } :root[data-theme="light"] .login-hint{color:var(--text-dim)} :root[data-theme="light"] .accountcard,:root[data-theme="light"] .panel,:root[data-theme="light"] .card{box-shadow:0 1px 3px rgba(60,45,20,.05)} /* ---------- TOPBAR: profilo, turno, impostazioni ---------- */ .headright{gap:8px} .icon-btn{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);text-decoration:none} .icon-btn:hover{color:var(--text);border-color:var(--text-dim)} .icon-btn svg{width:16px;height:16px} .shift-btn{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:7px 13px;cursor:pointer;font-size:11.5px;font-weight:700;color:var(--text-muted)} .shift-btn .dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim)} .shift-btn.on-shift{color:var(--success);border-color:rgba(124,201,143,.35);background:rgba(124,201,143,.08)} .shift-btn.on-shift .dot{background:var(--success);box-shadow:0 0 6px var(--success)} .profile-wrap{position:relative} .profile-btn{background:none;border:0;cursor:pointer;padding:0;border-radius:50%} .profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ember-1),var(--ember-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#1c1109;font-size:12.5px;overflow:hidden} .profile-avatar img{width:100%;height:100%;object-fit:cover} .profile-menu{display:none;position:absolute;top:44px;right:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.6);z-index:30;padding:8px;overflow:hidden} .profile-menu.open{display:block} .profile-menu-head{padding:9px 10px;border-bottom:1px solid var(--border-soft);margin-bottom:6px} .profile-menu-head .pn{font-size:12.5px;font-weight:700} .profile-menu-head .pr{font-size:10.5px;color:var(--text-dim)} .profile-menu a,.profile-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:9px;background:none;border:0;color:var(--text-muted);font-size:12px;font-weight:600;text-align:left;cursor:pointer;text-decoration:none} .profile-menu a:hover,.profile-menu button:hover{background:var(--surface-2);color:var(--text)} .profile-menu svg{width:14px;height:14px} .theme-toggle-row{display:flex;gap:6px;padding:6px 10px 10px} .theme-toggle-row button{flex:1;padding:7px 0;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer} .theme-toggle-row button.active{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));color:#1c1109;border-color:transparent} .logout-confirm-box{display:none;position:fixed;inset:0;background:rgba(10,8,6,.68);z-index:70;align-items:center;justify-content:center} /* ---------- ALERT INVADENTE A TUTTO SCHERMO ---------- */ .fs-alert-box{position:fixed;inset:0;background:rgba(10,7,5,.86);backdrop-filter:blur(3px);z-index:85;display:flex;align-items:center;justify-content:center;padding:20px;animation:fsIn .22s ease} .fs-alert-box.closing{animation:fsOut .18s ease forwards} @keyframes fsIn{from{opacity:0}to{opacity:1}} @keyframes fsOut{to{opacity:0}} .fs-alert-card{position:relative;width:100%;max-width:440px;background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid rgba(255,122,61,.35);border-radius:20px;padding:34px 30px;text-align:center;box-shadow:0 40px 90px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,122,61,.08);animation:fsPop .28s cubic-bezier(.2,.9,.3,1.3)} @keyframes fsPop{from{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}} .fs-alert-card svg{margin:0 auto 14px;color:var(--ember-1);filter:drop-shadow(0 0 12px rgba(255,122,61,.4))} .fs-alert-card b{display:block;font-family:'Fraunces',serif;font-size:19px;font-weight:600;margin-bottom:10px} .fs-alert-card p{color:var(--text-muted);font-size:13.5px;line-height:1.6;margin:0 0 22px;white-space:pre-wrap} .logout-confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;max-width:340px;width:92%;text-align:center} .logout-confirm-card p{font-size:13px;color:var(--text-muted);margin:8px 0 18px} .logout-confirm-actions{display:flex;gap:8px;justify-content:center} /* ---------- NSFW blur ---------- */ .nsfw-blur{position:relative;cursor:pointer} .nsfw-blur .nsfw-content{filter:blur(9px);transition:filter .15s} .nsfw-blur.revealed .nsfw-content{filter:none} .nsfw-blur .nsfw-tag{position:absolute;top:6px;right:6px;background:rgba(20,15,10,.75);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:20px;pointer-events:none;z-index:2} /* ---------- KPI ---------- */ .kpi-glossary{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:6px} .kpi-term{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:11px} .kpi-term b{font-size:12px} .kpi-term .formula{font-size:10.5px;color:var(--text-dim);margin-top:3px;font-family:'IBM Plex Mono',monospace} .kpi-report-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:15px;margin-bottom:10px} .kpi-report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px} .kpi-report-head b{font-size:14px} .kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-bottom:10px} .kpi-mini{background:var(--surface-2);border-radius:8px;padding:8px 10px} .kpi-mini .kl{font-size:9.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em} .kpi-mini .kv{font-size:14px;font-weight:700;margin-top:2px} /* ---------- COMMUNITY (bacheca stile classroom) ---------- */ .community-post{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:15px;margin-bottom:12px} .community-post.pinned{border-color:rgba(255,122,61,.4);background:linear-gradient(135deg,rgba(255,122,61,.06),transparent)} .community-post-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px} .cp-user{display:flex;align-items:center;gap:9px} .cp-meta{font-size:10.5px;color:var(--text-dim)} .community-post-body{font-size:13px;line-height:1.6;white-space:pre-wrap;margin-bottom:8px} .community-comments{border-top:1px solid var(--border-soft);margin-top:10px;padding-top:10px} .community-comment{display:flex;gap:8px;font-size:12px;padding:6px 0;align-items:flex-start} .community-comment .cc-body{flex:1;background:var(--surface-2);border-radius:10px;padding:7px 10px} .comment-form{display:flex;gap:8px;margin-top:8px} .comment-form input{flex:1} /* ---------- LEADERBOARD ---------- */ .lb-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft);margin-bottom:7px;transition:transform .15s ease, border-color .15s ease} .lb-row:hover{transform:translateX(3px);border-color:var(--border)} .lb-rank{width:26px;text-align:center;font-family:'Fraunces',serif;font-weight:700;color:var(--text-dim);font-size:15px} .lb-row:nth-child(1){background:linear-gradient(90deg,rgba(255,210,77,.12),transparent 60%);border-color:rgba(255,210,77,.35)} .lb-row:nth-child(2){background:linear-gradient(90deg,rgba(201,201,201,.1),transparent 60%);border-color:rgba(201,201,201,.28)} .lb-row:nth-child(3){background:linear-gradient(90deg,rgba(211,146,90,.1),transparent 60%);border-color:rgba(211,146,90,.28)} .lb-row:nth-child(1) .lb-rank{color:#ffd24d;font-size:19px} .lb-row:nth-child(2) .lb-rank{color:#c9c9c9;font-size:17px} .lb-row:nth-child(3) .lb-rank{color:#d3925a;font-size:17px} .lb-score{margin-left:auto;font-weight:800;font-family:'IBM Plex Mono',monospace} /* ---------- SOP: link + riordino ---------- */ .sop-order-btns{display:flex;flex-direction:column;gap:2px} .sop-order-btns button{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:6px;width:22px;height:18px;color:var(--text-dim);cursor:pointer;font-size:9px;line-height:1;padding:0} .sop-order-btns button:hover{color:var(--text)} .sop-link{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ember-2);text-decoration:none;margin-top:4px} /* ---------- Webhook leads ---------- */ .lead-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:14px;margin-bottom:9px} .lead-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .lead-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 14px;font-size:12px} .lead-fields .lf-k{color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.04em} .webhook-snippet{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:12px;font-family:'IBM Plex Mono',monospace;font-size:11px;white-space:pre-wrap;word-break:break-all;line-height:1.6} /* ---------- Google button / login divider ---------- */ .google-btn{gap:9px} .login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--text-dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em} .login-divider:before,.login-divider:after{content:'';flex:1;height:1px;background:var(--border)} @media(max-width:900px){ .profile-menu{right:-40px} } /* ---------- Segreti mascherati (token webhook, ecc.) ---------- */ .webhook-snippet.secret-hidden{filter:blur(5px);user-select:none;transition:filter .15s} .secret-toggle-row{margin-bottom:10px} /* ---------- Badge contatore accanto alle voci di menu ---------- */ nav a{position:relative} .nav-badge{margin-left:auto;background:var(--ember-1);color:#1c1109;font-size:9.5px;font-weight:800;border-radius:20px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px} /* ---------- Annuncio grande dismissibile ---------- */ .announce-banner-big{position:relative;padding-right:44px} .announce-close{position:absolute;top:10px;right:10px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer} .announce-close:hover{color:var(--text)} /* ---------- Community: annunci evidenziati ---------- */ .community-post.is-announcement{border-color:var(--ember-1);background:linear-gradient(135deg,rgba(255,122,61,.09),transparent)} /* ---------- NIENTE SCROLLBAR VISIBILE: solo rotellina/touch, mai la barra ---------- */ *{scrollbar-width:none !important} *::-webkit-scrollbar{width:0 !important;height:0 !important;display:none} aside:hover, .notif-panel:hover, main:hover{scrollbar-width:none !important} aside:hover::-webkit-scrollbar, .notif-panel:hover::-webkit-scrollbar{width:0 !important;display:none} /* ---------- Menu mobile: hamburger + drawer ---------- */ .mobile-topbar{display:none} .mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(10,8,6,.6);z-index:39} .mobile-menu-overlay.open{display:block} @media(max-width:900px){ .mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-alt);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:20} .mobile-topbar .brand-mini{padding:0} .hamburger-btn{background:var(--surface);border:1px solid var(--border-soft);border-radius:9px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text)} aside{position:fixed;left:-280px;top:0;height:100vh;width:260px;transition:left .2s ease;z-index:40;box-shadow:0 0 40px rgba(0,0,0,.5)} aside.open{left:0} main{margin-left:0;padding:16px} header.page-head{flex-wrap:wrap} .headright{flex-wrap:wrap;justify-content:flex-end} } /* ---------- Spaziature costanti per card/pannelli in tutto il sito ---------- */ :root{--space-xs:6px; --space-sm:10px; --space-md:14px; --space-lg:20px; --space-xl:28px} .community-post, .kpi-report-card, .lead-card, .role-card, .attach-row{margin-bottom:var(--space-sm)} .attach-row{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid var(--border-soft)} .attach-row:last-child{border-bottom:0} /* ---------- Toolkit v2 ---------- */ .tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)} .tool-card-v2{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px} .tool-card-v2 h3{margin:0;font-size:13px;display:flex;align-items:center;gap:8px} .tool-card-v2 .tool-desc{font-size:11px;color:var(--text-dim);margin:-4px 0 2px} .tool-owner-tag{font-size:9px;background:rgba(255,122,61,.15);color:var(--ember-2);padding:2px 7px;border-radius:20px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .drop-zone{border:1.5px dashed var(--border);border-radius:10px;padding:18px;text-align:center;font-size:11.5px;color:var(--text-dim);cursor:pointer} .drop-zone:hover{border-color:var(--ember-1);color:var(--text-muted)} .tool-canvas-wrap{max-width:100%;overflow:auto;border-radius:8px;background:var(--surface-2)} .tool-canvas-wrap canvas{max-width:100%;display:block} /* ---------- Avviso "aggiornamento disponibile" (quando l'utente sta scrivendo) ---------- */ .live-refresh-hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px); background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 16px; font-size:12px;color:var(--text-muted);box-shadow:0 12px 30px -8px rgba(0,0,0,.5); opacity:0;pointer-events:none;transition:opacity .2s, transform .2s;z-index:80} .live-refresh-hint.show{opacity:1;transform:translateX(-50%) translateY(0)} .notif-item-link{cursor:pointer} /* ========================================================================== */ /* EMBER UI POLISH — allineamento coerente + mobile-first production shell */ /* ========================================================================== */ :root{ --content-max:1180px; --card-pad:16px; --section-gap:16px; --control-h:38px; } main{ max-width:none; padding:28px 32px 64px; min-width:0; overflow-x:hidden; } main > *{max-width:var(--content-max);margin-left:auto;margin-right:auto} header.page-head{margin-bottom:24px;align-items:center} .panel,.card,.accountcard,.role-card,.community-post,.kpi-report-card,.lead-card,.tool-card,.tool-card-v2,.note-card,.guide-card{ border-radius:12px; } .panel,.card{margin-bottom:var(--section-gap)} .grid2,.grid3,.cards,.tools-grid,.kpi-glossary,.kpi-grid{align-items:stretch} .grid2>* ,.grid3>* ,.cards>* ,.tools-grid>*{min-width:0} .field input,.field select,.field textarea,input,select,textarea{max-width:100%} button,.btn,.icon-btn,.bell-btn,.shift-btn,.profile-btn,.hamburger-btn{touch-action:manipulation} .btn,.icon-btn,.bell-btn,.shift-btn{min-height:34px} .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px} table{width:100%;border-collapse:collapse} td,th{vertical-align:middle} .modal{overscroll-behavior:contain} .notif-panel{overscroll-behavior:contain} /* stato caricamento per navigazione interna */ body.ember-navigating main{opacity:.72;transition:opacity .12s ease} @media(max-width:900px){ :root{--card-pad:14px;--section-gap:12px} body{font-size:13px;overflow-x:hidden} .mobile-topbar{height:58px;padding:10px 12px} aside{width:min(86vw,300px);left:-320px;padding:16px 12px} aside.open{left:0} main{width:100%;padding:14px 12px 88px;overflow-x:hidden} main > *{width:100%;max-width:100%} header.page-head{display:block;margin-bottom:16px} header.page-head h1{font-size:21px;line-height:1.15} .page-sub{font-size:11.5px;margin-top:4px} .headright{margin-top:12px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 38px 38px 38px;gap:7px;align-items:center} .headright .leaderboard-pill{display:none} .headright .shift-btn{width:100%;justify-content:center;min-width:0;padding:7px 9px} .headright .icon-btn,.headright .bell-btn{width:38px;height:38px} .headright .profile-wrap{width:38px;height:38px} .profile-avatar{width:38px;height:38px} .profile-menu{position:fixed;top:64px;right:10px;left:auto;width:min(280px,calc(100vw - 20px));z-index:70} .notif-panel{position:fixed;left:10px;right:10px;top:64px;width:auto;max-height:calc(100dvh - 78px);z-index:68;border-radius:14px} .chat-panel{height:min(620px,calc(100dvh - 78px))} .cards,.grid2,.grid3,.tools-grid,.kpi-glossary,.kpi-grid{grid-template-columns:1fr!important;gap:10px!important} .role-grid{grid-template-columns:1fr} .panel,.card,.accountcard,.role-card,.community-post,.kpi-report-card,.lead-card,.tool-card,.tool-card-v2,.note-card,.guide-card{padding:14px;margin-bottom:10px} .accountcard-top,.community-post-head,.kpi-report-head,.role-card-top,.lead-card-head{gap:8px;flex-wrap:wrap} .comment-form{display:grid;grid-template-columns:1fr auto;gap:7px} .modal{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 24px);border-radius:14px} .modal-head{position:sticky;top:0;background:var(--surface);z-index:2;padding:14px} .modal-body{padding:14px} .modal-actions{position:sticky;bottom:0;background:var(--surface);padding-top:10px;flex-wrap:wrap} .modal-actions .btn{flex:1;justify-content:center} .modal-danger{padding:12px 14px 14px} .modal-danger-row{flex-wrap:wrap} .table-wrap{margin:0 -2px;width:calc(100% + 4px)} table{min-width:620px} .stepper{overflow-x:auto;justify-content:flex-start;padding-bottom:4px} .step{min-width:92px;flex:0 0 92px} .login-card{padding:26px 20px;border-radius:16px} .flash-list{margin-bottom:12px} .flash{padding:9px 11px} .live-refresh-hint{left:10px;right:10px;bottom:12px;transform:translateY(20px);text-align:center} .live-refresh-hint.show{transform:translateY(0)} } @media(max-width:420px){ main{padding-left:10px;padding-right:10px} .headright{grid-template-columns:minmax(0,1fr) 36px 36px 36px;gap:5px} .headright .icon-btn,.headright .bell-btn,.profile-avatar{width:36px;height:36px} .shift-btn{font-size:10.5px} .btn{white-space:normal;text-align:center;justify-content:center} .comment-form{grid-template-columns:1fr} .comment-form .btn{width:100%} } \n/* ===== Ember app polish 2026 ===== */\n.action-strip{display:flex;justify-content:flex-end;margin-bottom:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{margin:0}.toggle-line{display:flex;gap:8px;align-items:center;font-size:12.5px;margin-top:12px}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.notif-head form{margin:0}.notif-mark-all{border:0;background:none;color:var(--ember-1);font:inherit;font-size:10.5px;font-weight:700;cursor:pointer}.notif-row{position:relative;display:flex;border-bottom:1px solid var(--border-soft)}.notif-row.is-read{opacity:.62}.notif-row.is-unread{background:color-mix(in srgb,var(--ember-1) 7%,transparent)}.notif-item{display:flex!important;gap:10px;align-items:flex-start;flex:1;padding:12px 38px 12px 12px!important}.notif-type-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface-2);font-size:14px;flex:0 0 auto}.nt-body{display:flex;flex-direction:column;gap:3px;min-width:0}.nt-text{font-size:11.5px;line-height:1.4;color:var(--text)}.notif-x{position:absolute;right:9px;top:10px;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer}.notif-x:hover{background:var(--surface-2);color:var(--danger)}.notif-foot{padding:10px;text-align:center}.notification-page .notif-row{border:1px solid var(--border-soft);border-radius:12px;margin-bottom:8px}.notif-all-list{display:grid;gap:8px}.settings-hero{display:flex;justify-content:space-between;align-items:center;padding:24px;border:1px solid var(--border-soft);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));margin-bottom:16px}.settings-hero h2{font-size:24px;margin:4px 0}.settings-hero p{color:var(--text-muted);margin:0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--ember-1)}.settings-avatar{width:70px;height:70px;border-radius:20px;background:var(--surface-3);display:grid;place-items:center;font-weight:800;font-size:20px;overflow:hidden}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;margin-bottom:14px}.settings-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:18px}.settings-card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.settings-card-title>span{font-size:20px}.settings-card-title h3{margin:0;font-size:15px}.settings-card-title p{margin:2px 0 0;color:var(--text-muted);font-size:11px}.profile-setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border-soft)}.profile-setting-row small{display:block;color:var(--text-muted);margin-top:3px}.notif-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.pref-toggle{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border-soft);border-radius:10px;font-size:11.5px}.pref-toggle input{accent-color:var(--ember-1)}.request-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-soft)}.request-row span{color:var(--text-muted);margin-left:8px}.sfw-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text-muted);font-size:11px;font-weight:800;cursor:pointer}.sfw-toggle i{width:31px;height:18px;border-radius:20px;background:var(--text-dim);position:relative;transition:.2s}.sfw-toggle i:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:white;transition:.2s}.sfw-toggle.active i{background:var(--ember-1)}.sfw-toggle.active i:after{transform:translateX(13px)}.sfw-mode img:not(.profile-avatar img):not(.avatar img):not(.settings-avatar img){filter:blur(15px)!important}.sfw-mode input[type=password]{filter:blur(5px)}.pub-list{display:grid;gap:10px}.pub-card{border:1px solid var(--border-soft);border-radius:14px;padding:14px}.pub-main{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center}.pub-time{display:flex;flex-direction:column}.pub-time span{font-size:11px;color:var(--text-muted)}.review-form{display:grid;grid-template-columns:150px 1fr auto auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.team-tabs{overflow:auto}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.team-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:16px}.team-card-head{display:flex;gap:12px;align-items:center}.big-avatar{width:48px!important;height:48px!important}.big-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.team-card h3{margin:0;font-size:15px}.online-dot{color:var(--success)}.team-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:14px 0}.team-meta>div{background:var(--surface-2);border-radius:10px;padding:9px}.team-meta span{display:block;color:var(--text-muted);font-size:9px;text-transform:uppercase}.team-meta b{font-size:11px}.team-links{border-top:1px solid var(--border-soft);padding-top:12px}.inline-add{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.inline-add input{flex:1;min-width:100px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:11px;color:var(--text-muted)}.emoji-row{display:flex;gap:3px;flex-wrap:wrap;margin-top:6px}.emoji-row button{border:0;background:var(--surface-2);border-radius:7px;padding:4px 6px;cursor:pointer}.chat-delete-self{border:0;background:none;color:var(--danger);font-size:10px;cursor:pointer}.form-module-field{padding:10px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2)}.field-help{font-size:10px;color:var(--text-muted);margin-top:5px}.kpi-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.icon-action{width:38px;height:38px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface);color:var(--text);font-size:19px;cursor:pointer}.icon-action:hover{border-color:var(--ember-1)}\n@media(max-width:760px){.settings-grid,.team-grid{grid-template-columns:1fr}.settings-hero{padding:16px}.settings-avatar{width:54px;height:54px}.profile-setting-row{align-items:flex-start;flex-direction:column}.notif-pref-grid{grid-template-columns:1fr}.pub-main{grid-template-columns:58px 1fr;gap:8px}.pub-status{grid-column:2}.review-form{grid-template-columns:1fr}.team-meta{grid-template-columns:1fr 1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}.notif-panel{width:min(94vw,390px)!important;right:8px!important}.notif-item{padding-right:38px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-card,.team-card,.panel{border-radius:14px}.headright{gap:5px}.sfw-toggle span{display:none}.sfw-toggle{padding:0 3px}.inline-add{display:grid;grid-template-columns:1fr}.inline-add button{width:100%}}\n\n.users-grid{display:grid;gap:8px}.user-card{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:12px;padding:11px}.user-card-main{display:flex;align-items:center;gap:10px}.user-card-main .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-card-copy{min-width:0;flex:1}.user-card-copy b,.user-card-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-copy span{font-size:10.5px;color:var(--text-muted);margin-top:2px}.user-card-foot{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--border-soft);font-size:10px}.muted-dot{color:var(--text-dim)}.community-post{border-radius:16px!important;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 65%,var(--surface)))!important;box-shadow:0 7px 24px rgba(0,0,0,.08)}.community-post-body{font-size:13px!important;line-height:1.65}.community-comments{background:var(--surface-2);border-radius:12px;padding:10px;margin-top:12px}.comment-form{display:grid!important;grid-template-columns:1fr auto;gap:8px!important}.comment-form .emoji-row{grid-column:1/-1}.kpi-popbox{border-color:color-mix(in srgb,var(--ember-1) 38%,var(--border-soft));box-shadow:0 14px 40px rgba(0,0,0,.12)}\n@media(max-width:760px){.users-grid{grid-template-columns:1fr}.user-card{padding:10px}.comment-form{grid-template-columns:1fr}.comment-form .btn{width:100%}.team-card-head,.user-card-main{align-items:flex-start}.team-meta{font-size:10px}}\n .publisher-done-form{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-soft)} /* ===== Users & team management density pass ===== */ .users-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:stretch; } .user-card{ min-width:0; min-height:96px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--border-soft); background:var(--surface-2); border-radius:14px; padding:12px; overflow:hidden; } .user-card-main{ display:grid; grid-template-columns:40px minmax(0,1fr) 32px; align-items:center; gap:10px; min-width:0; } .user-card-main .avatar{ width:40px; height:40px; min-width:40px; border-radius:12px; font-size:11px; } .user-card-main .avatar img{border-radius:12px} .user-card-copy{min-width:0;overflow:hidden} .user-card-copy b{ font-size:12px; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .user-card-copy span{ font-size:10px; line-height:1.3; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .user-card-main .edit-btn, .user-card-main .icon-btn{ width:32px; height:32px; min-width:32px; padding:0; justify-self:end; } .user-card-foot{ min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; padding-top:9px; border-top:1px solid var(--border-soft); font-size:9.5px; } .user-card-foot .platform-chip{ max-width:58%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .user-card-foot .online-dot, .user-card-foot .muted-dot{white-space:nowrap} .role-card{overflow:hidden} .role-card-top{gap:8px;flex-wrap:wrap} .perm-chips{display:flex;flex-wrap:wrap;gap:5px} .pchip{max-width:100%;white-space:normal} @media(max-width:1180px){ .users-grid{grid-template-columns:1fr} } @media(max-width:760px){ .grid2{grid-template-columns:1fr!important} .users-grid{grid-template-columns:1fr} .user-card{min-height:88px;padding:10px;border-radius:12px} .user-card-main{grid-template-columns:38px minmax(0,1fr) 30px;gap:8px} .user-card-main .avatar{width:38px;height:38px;min-width:38px} .user-card-main .edit-btn,.user-card-main .icon-btn{width:30px;height:30px;min-width:30px} .user-card-copy b{font-size:11.5px} .user-card-copy span{font-size:9.5px} .user-card-foot{font-size:9px;gap:6px} .role-card{padding:11px} .perm-chips{gap:4px} .pchip{font-size:9px;padding:4px 6px} } @media(max-width:390px){ .user-card-main{grid-template-columns:36px minmax(0,1fr) 28px} .user-card-main .avatar{width:36px;height:36px;min-width:36px} .user-card-main .edit-btn,.user-card-main .icon-btn{width:28px;height:28px;min-width:28px} .user-card-foot{align-items:flex-start;flex-direction:column} .user-card-foot .platform-chip{max-width:100%} } /* v5 — presence, icons, profile and mobile polish */ .settings-title-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-2);color:var(--ember-1);flex:0 0 auto}.settings-title-icon svg{width:17px;height:17px}.profile-photo-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-photo-actions form{margin:0}.profile-photo-actions .btn{display:inline-flex;align-items:center;gap:6px}.profile-photo-actions .btn svg{width:14px;height:14px} .notif-type-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--ember-1);flex:0 0 auto}.notif-type-icon svg{width:15px;height:15px}.notif-x{display:grid;place-items:center}.notif-x svg{width:13px;height:13px}.icon-action{display:grid;place-items:center}.icon-action svg{width:18px;height:18px}.inline-icon{display:inline-flex;vertical-align:-2px}.inline-icon svg{width:13px;height:13px} .presence-chip,.shift-chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface);font-size:10px;line-height:1;white-space:nowrap}.presence-chip i,.chat-presence i{width:7px;height:7px;border-radius:50%;background:var(--text-dim);box-shadow:0 0 0 2px color-mix(in srgb,var(--text-dim) 16%,transparent)}.presence-chip.is-online i,.chat-presence.is-online i{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 18%,transparent)}.presence-chip.is-online{border-color:color-mix(in srgb,var(--success) 34%,var(--border-soft))}.shift-chip.is-on-shift{border-color:color-mix(in srgb,var(--ember-1) 35%,var(--border-soft));color:var(--ember-1)}.shift-chip.compact{padding:2px 6px;min-height:20px}.team-status-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.chat-presence{display:inline-flex;align-items:center;gap:4px}.user-card-foot{flex-wrap:wrap}.user-card-main{min-width:0}.user-card{min-width:0}.user-card-copy{min-width:0}.user-card-copy b,.user-card-copy span{max-width:100%} @media(max-width:760px){.profile-photo-actions{width:100%}.profile-photo-actions .btn,.profile-photo-actions form{width:100%}.profile-photo-actions form .btn{width:100%;justify-content:center}.user-card-foot{gap:6px}.presence-chip,.shift-chip{font-size:9.5px;padding:3px 7px}.team-status-line{gap:5px}.notif-type-icon{width:28px;height:28px}.settings-title-icon{width:32px;height:32px}.settings-card-title{align-items:flex-start}.settings-card-title>div{min-width:0}.settings-card-title h3,.settings-card-title p{overflow-wrap:anywhere}} /* ===== Warmup v6: percorso giornaliero, desktop + mobile ===== */ .warmup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} .warmup-summary{display:flex;align-items:center;gap:10px;color:var(--text-muted)} .warmup-summary-icon,.warmup-platform-icon,.warmup-hero-icon,.warmup-empty-icon{display:grid;place-items:center;color:var(--ember-2);background:rgba(255,138,61,.10);border:1px solid rgba(255,138,61,.18)} .warmup-summary-icon{width:36px;height:36px;border-radius:10px}.warmup-summary-icon svg{width:18px;height:18px} .warmup-summary div{display:flex;flex-direction:column}.warmup-summary b{font-size:13px;color:var(--text)}.warmup-summary span{font-size:10.5px} .warmup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .warmup-card{display:block;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:15px;transition:.16s ease;min-width:0} .warmup-card:hover{border-color:rgba(255,138,61,.5);transform:translateY(-1px)} .warmup-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.warmup-card-title{display:flex;gap:10px;align-items:center;min-width:0}.warmup-platform-icon{width:38px;height:38px;border-radius:11px;flex:none}.warmup-platform-icon svg{width:18px;height:18px}.warmup-card-title div{min-width:0}.warmup-card-title strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warmup-card-title span{display:block;margin-top:2px;color:var(--text-dim);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warmup-day-badge{flex:none;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:rgba(255,138,61,.11);color:var(--ember-2);border:1px solid rgba(255,138,61,.16)} .warmup-phase-row,.warmup-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.warmup-phase-row{margin-top:14px;font-size:10.5px;color:var(--text-muted)}.warmup-phase-row b{font-size:10.5px;color:var(--text)}.warmup-progress{height:7px;margin:7px 0;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border-soft)}.warmup-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ember-1),var(--ember-2));transition:width .25s ease}.warmup-card-foot{font-size:10px;color:var(--text-dim)}.warmup-open{display:flex;align-items:center;gap:3px;color:var(--text-muted)}.warmup-open svg{width:12px;height:12px} .warmup-empty{text-align:center;padding:36px!important}.warmup-empty-icon{width:48px;height:48px;border-radius:14px;margin:0 auto 12px}.warmup-empty-icon svg{width:23px;height:23px}.warmup-empty h2{margin-bottom:5px}.warmup-empty p{font-size:11.5px;color:var(--text-dim);margin:0 auto 14px;max-width:360px} .warmup-detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px} .warmup-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:linear-gradient(135deg,var(--surface),rgba(255,138,61,.055));border:1px solid var(--border-soft);border-radius:15px;margin-bottom:10px}.warmup-hero-main{display:flex;align-items:center;gap:13px;min-width:0}.warmup-hero-icon{width:48px;height:48px;border-radius:14px;flex:none}.warmup-hero-icon svg{width:24px;height:24px}.warmup-eyebrow{display:block;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:3px}.warmup-hero h2{font-size:19px;margin:0 0 2px}.warmup-hero p{font-size:11px;color:var(--text-muted);margin:0}.warmup-day-big{flex:none;display:flex;flex-direction:column;align-items:center;min-width:62px;padding:8px 12px;border-left:1px solid var(--border-soft)}.warmup-day-big span{font-size:8.5px;letter-spacing:.12em;color:var(--text-dim);font-weight:800}.warmup-day-big b{font-size:24px;line-height:1.15;color:var(--ember-2)} .warmup-stagebar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 12px}.warmup-stage{position:relative;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface);font-size:9.5px;color:var(--text-dim);min-width:0}.warmup-stage i{width:7px;height:7px;border-radius:50%;background:var(--border);flex:none}.warmup-stage span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warmup-stage.done i{background:var(--success)}.warmup-stage.current{border-color:rgba(255,138,61,.36);background:rgba(255,138,61,.06);color:var(--ember-2)}.warmup-stage.current i{background:var(--ember-1);box-shadow:0 0 0 3px rgba(255,138,61,.12)} .warmup-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:12px;align-items:start}.warmup-side{display:grid;gap:12px}.warmup-tasks-panel,.warmup-info-panel,.warmup-notes-panel{margin:0!important}.warmup-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.warmup-section-head.compact{margin-bottom:8px}.warmup-section-head h2{margin:0;font-size:15px}.warmup-section-kicker{display:block;font-size:8.5px;letter-spacing:.11em;font-weight:800;color:var(--text-dim);margin-bottom:3px}.warmup-count{display:flex;align-items:baseline;gap:2px;color:var(--text-muted)}.warmup-count b{font-size:19px;color:var(--text)}.warmup-count span{font-size:10px}.warmup-count.complete b{color:var(--success)}.warmup-progress.large{height:8px;margin:0 0 8px} .warmup-task-list{border-top:1px solid var(--border-soft)}.warmup-task{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid var(--border-soft);margin:0}.warmup-task>span{font-size:11.5px;line-height:1.4}.warmup-task.checked>span{color:var(--text-dim);text-decoration:line-through}.warmup-check{width:25px;height:25px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:#1c1109;display:grid;place-items:center;padding:0;cursor:pointer;transition:.14s}.warmup-check svg{width:13px;height:13px}.warmup-task.checked .warmup-check{background:linear-gradient(135deg,var(--ember-1),var(--ember-2));border-color:transparent}.warmup-check:disabled{cursor:default;opacity:.65} .warmup-complete-day{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.warmup-complete-day span{font-size:9.5px;color:var(--text-dim);text-align:right}.warmup-complete-day .btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)} .warmup-info-list{margin:0;display:grid}.warmup-info-list>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.warmup-info-list>div:last-child{border-bottom:0}.warmup-info-list dt{font-size:9.5px;color:var(--text-dim)}.warmup-info-list dd{margin:0;font-size:10.5px;color:var(--text);text-align:right;overflow-wrap:anywhere}.warmup-manual-day{border-top:1px solid var(--border-soft);margin-top:10px;padding-top:10px;display:flex;align-items:end;gap:7px}.warmup-manual-day .field{margin:0;flex:1}.warmup-manual-day input{width:100%} .warmup-note-form{display:grid;gap:7px;margin-bottom:10px}.warmup-note-form textarea{min-height:58px}.warmup-notes-list{display:grid;gap:7px;max-height:310px;overflow:auto}.warmup-note{padding:9px 10px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border-soft)}.warmup-note time{font-size:8.5px;color:var(--text-dim)}.warmup-note p{font-size:10.5px;line-height:1.45;margin:3px 0 0;overflow-wrap:anywhere} @media(max-width:900px){.warmup-grid{grid-template-columns:1fr}.warmup-detail-grid{grid-template-columns:1fr}.warmup-side{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.warmup-toolbar{align-items:stretch}.warmup-toolbar>.btn{flex:none}.warmup-summary div span{display:none}.warmup-card{padding:13px}.warmup-hero{padding:14px;gap:10px}.warmup-hero-icon{width:42px;height:42px;border-radius:12px}.warmup-hero h2{font-size:17px}.warmup-hero p{font-size:10px}.warmup-day-big{min-width:52px;padding:6px 8px}.warmup-stagebar{display:flex;overflow-x:auto;padding-bottom:2px}.warmup-stage{min-width:108px}.warmup-side{grid-template-columns:1fr}.warmup-complete-day{align-items:stretch;flex-direction:column}.warmup-complete-day .btn{width:100%}.warmup-complete-day span{text-align:left}.warmup-info-list>div{grid-template-columns:86px minmax(0,1fr)}.warmup-detail-toolbar .edit-btn-label{display:none}} /* Warmup v7 — workflow giornaliero stabile e mobile-first */ .warmup-card.is-complete{border-color:rgba(69,190,124,.28)} .warmup-day-badge.complete{background:rgba(69,190,124,.10);color:var(--success);border-color:rgba(69,190,124,.18)} .warmup-overall{padding:10px 13px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px} .warmup-overall>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--text-muted);margin-bottom:6px}.warmup-overall b{color:var(--text);font-size:11px} .warmup-section-desc{font-size:10.5px;color:var(--text-dim);margin:4px 0 0}.warmup-complete-day>div{display:flex;flex-direction:column;gap:2px}.warmup-complete-day>div b{font-size:10.5px}.warmup-complete-day>div span{font-size:9.5px;text-align:left} .warmup-readonly-note{margin-top:12px;padding:10px 11px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:10px;line-height:1.45;color:var(--text-dim)} .warmup-finished-panel{display:flex;align-items:center;gap:14px;padding:20px!important;border-color:rgba(69,190,124,.2)!important;background:linear-gradient(135deg,var(--surface),rgba(69,190,124,.04))!important}.warmup-finished-panel h2{margin:1px 0 4px;font-size:16px}.warmup-finished-panel p{margin:0;font-size:10.5px;color:var(--text-dim)}.warmup-finished-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(69,190,124,.12);color:var(--success);flex:none}.warmup-finished-icon svg{width:20px;height:20px}.warmup-complete-mark{display:grid;place-items:center;color:var(--success)!important}.warmup-complete-mark svg{width:23px;height:23px}.warmup-day-big small{font-size:8px;color:var(--text-dim);margin-top:1px} .warmup-create-modal{max-width:620px}.warmup-assign-list label{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:8px}.warmup-assign-list small{font-size:8.5px;color:var(--text-dim)} @media(max-width:620px){.warmup-toolbar{display:flex;align-items:center}.warmup-summary-icon{width:32px;height:32px}.warmup-detail-toolbar{position:sticky;top:0;z-index:5;background:var(--bg);padding:4px 0 8px}.warmup-hero{align-items:flex-start}.warmup-hero-main{align-items:flex-start}.warmup-hero-icon{width:38px;height:38px}.warmup-day-big{border-left:0;border-radius:10px;background:var(--surface-2);min-width:48px}.warmup-stagebar{margin-left:-2px;margin-right:-2px}.warmup-tasks-panel{padding:13px!important}.warmup-task{grid-template-columns:32px minmax(0,1fr);padding:12px 0}.warmup-task>span{font-size:12px}.warmup-check{width:28px;height:28px}.warmup-complete-day{margin-top:14px}.warmup-complete-day>div{order:2}.warmup-info-panel,.warmup-notes-panel{padding:13px!important}.warmup-finished-panel{align-items:flex-start;padding:15px!important}.warmup-create-modal .grid2{grid-template-columns:1fr}} /* ===== Warmup layout containment fix v8 ===== Keep the Warmup UI isolated from the application's global