:root{--bg:#0d1421;--sidebar:#101b2d;--card:#152234;--card2:#1c2a3f;--line:#2a3a50;--text:#e8eef7;--sub:#97abc3;--brand:#4b92f6;--accent:#79b1ff;--red:#ff818e;--good:#5ad6a5;--shadow:0 16px 60px #0006}*{box-sizing:border-box}body{margin:0;font:14px/1.48 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:18px}a{color:var(--accent)}.hidden{display:none!important}.muted{color:var(--sub)}.small{font-size:12px}.layout{display:flex;min-height:100vh}.sidebar{background:var(--sidebar);width:245px;min-width:245px;min-height:100vh;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:2px 12px 30px;font-size:20px;letter-spacing:-.5px}.brand-icon,.logo-large{display:grid;place-items:center;color:white;background:linear-gradient(130deg,#468cff,#3159a9);border-radius:12px;width:40px;height:40px;font-size:26px}.brand small{display:block;color:var(--sub);font-weight:600;letter-spacing:2px;font-size:9px;margin-top:-2px}.sidebar nav{display:grid;gap:5px}.navbtn{border:0;text-align:left;background:transparent;padding:13px 14px;border-radius:10px;font-weight:600;color:var(--sub);width:100%}.navbtn:hover,.navbtn.selected{color:white;background:#263952}.sidebar-bottom{margin-top:auto}.sidebar-hint{padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;color:var(--sub);font-size:12px}.sidebar-hint span{color:#b8cde7}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:93px;border-bottom:1px solid var(--line);padding:18px 34px;display:flex;align-items:center;gap:14px}.topbar .muted{font-size:12px}.top-spacer{flex:1}.user-pill{font-size:12px;background:var(--card);border:1px solid var(--line);padding:10px 14px;border-radius:25px;color:var(--sub)}.content{max-width:1520px;width:100%;margin:0 auto;padding:32px 34px 70px;flex:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px}.stat{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:13px}.stat span{display:block;color:var(--sub);font-size:12px}.stat strong{display:block;font-size:33px;line-height:1.4;font-weight:750;font-variant-numeric:tabular-nums}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-head p{font-size:12px;margin-top:3px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--card2);border:1px solid #40536b;padding:10px 16px;border-radius:9px;font-weight:650;font-size:13px;white-space:nowrap}.btn:hover{filter:brightness(1.18)}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.danger{background:#4a2435;border-color:#794256;color:#ffc6cc}.btn.tiny{font-size:12px;padding:7px 10px}.btn.full{width:100%}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:15px}.computer{border:1px solid var(--line);background:var(--card);padding:18px;border-radius:13px;min-width:0}.computer:hover{border-color:#44658c}.computer-top{display:flex;align-items:center;gap:12px}.computer-icon{width:44px;height:44px;border-radius:11px;background:#273e62;display:grid;place-items:center;font-size:24px;color:#afd0ff;flex:none}.computer-title{font-weight:750;overflow-wrap:anywhere}.computer-desc{font-size:11px;color:var(--sub);overflow-wrap:anywhere}.computer p{color:var(--sub);min-height:39px;font-size:12px;margin:14px 0}.computer-actions{display:flex;gap:7px;flex-wrap:wrap}.tag{display:inline-block;font-size:10px;letter-spacing:.3px;color:#a7c9ff;background:#233d5b;border-radius:5px;padding:3px 6px;margin-right:5px}.fav{background:transparent;border:0;color:#eac877;font-size:19px;margin-left:auto}.toolbar{display:flex;gap:10px;margin-bottom:18px}input,select,textarea{border:1px solid #405168;background:#0d1929;color:var(--text);border-radius:9px;padding:10px 12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--brand)}.toolbar input{flex:1}.toolbar select{max-width:220px}label{display:grid;gap:6px;color:#bcd0e6;font-size:12px;font-weight:620}label input,label select,label textarea{width:100%}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 0%,#213e68,#0d1421 60%)}.login-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:36px;width:min(100%,410px);border-radius:18px;display:grid;gap:19px}.login-card h1{font-size:25px}.login-card>p{color:var(--sub);font-size:12px}.logo-large{width:54px;height:54px;font-size:35px}.error{color:var(--red);font-size:12px}.info-note{margin-top:25px;border:1px solid var(--line);border-radius:11px;padding:16px;color:var(--sub);font-size:12px;background:#17243b}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;background:var(--card)}table{border-collapse:collapse;width:100%;text-align:left}th,td{border-bottom:1px solid var(--line);padding:13px 17px}th{color:var(--sub);font-weight:650;font-size:12px}td{font-size:13px}tr:last-child td{border-bottom:0}.modal-layer{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:12px}.modal{width:min(100%,650px);max-height:93vh;overflow:auto;background:#18263a;border:1px solid #3b5069;border-radius:15px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line)}.iconbtn{border:0;background:transparent;font-size:26px}.form-body{padding:21px 23px;display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checkline{display:flex;gap:9px;align-items:center;font-weight:400}.checkline input{width:auto}.form-foot{display:flex;gap:9px;justify-content:flex-end;border-top:1px solid var(--line);padding:17px 23px}.toast{position:fixed;bottom:23px;right:23px;background:#25513e;color:#e8fff4;border:1px solid #44896a;border-radius:10px;padding:13px 18px;z-index:110;max-width:min(400px,90vw);box-shadow:var(--shadow)}.toast.bad{background:#662c3d;border-color:#b25366}footer{color:#5e7899;padding:15px 34px;border-top:1px solid var(--line);font-size:11px}.no-results{padding:30px;border:1px dashed var(--line);border-radius:12px;color:var(--sub);grid-column:1/-1;text-align:center}.file-list{display:grid;gap:7px}.file-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:9px;overflow-wrap:anywhere}.checkboxes{max-height:180px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:8px;display:grid;gap:9px}.burger{display:none}@media(max-width:1000px){.sidebar{width:70px;min-width:70px;padding:20px 6px}.brand{justify-content:center;padding:0 0 20px}.brand span:not(.brand-icon),.sidebar-hint{display:none}.navbtn{font-size:0;text-align:center}.navbtn::first-letter{font-size:23px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.layout{display:block}.sidebar{height:auto;width:100%;min-height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:7px;flex-direction:row;align-items:center;gap:3px}.brand{padding:0 6px 0 0}.brand-icon{width:31px;height:31px}.sidebar nav{display:flex;flex:1;justify-content:flex-start;overflow-x:auto}.navbtn{padding:8px 10px;white-space:nowrap}.sidebar-bottom{margin:0}.topbar{height:auto;padding:18px}.content{padding:22px 16px 50px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:27px}.section-head{align-items:flex-start}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{flex:1}.form-grid{grid-template-columns:1fr}.form-body{padding:16px}footer{padding:14px}.user-pill{display:none}}

.settings-panel{display:grid;gap:18px;max-width:670px;border-radius:14px;background:var(--card);border:1px solid var(--line);padding:25px}.settings-panel hr{width:100%;border:0;border-top:1px solid var(--line)}.settings-panel button{justify-self:start}

/* Versione visibile sotto il logo, senza alterare la disposizione del menu */
.brand .brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.brand .brand-version{font-size:11px;line-height:1.6;letter-spacing:.25px;color:#9fbce2;font-weight:650;margin-top:1px}
.login-card .login-version{color:#9fc4ff;font-size:12px;font-weight:750;letter-spacing:.4px;margin-top:-16px}

/* RemoteDesk Manager - aggiornamenti e rollback */
.rdm-update-dashboard{border:1px solid var(--border,#33465f);background:rgba(71,123,204,.06);border-radius:12px;padding:20px;margin:18px 0;display:grid;gap:13px}
.rdm-update-header,.rdm-update-row,.rdm-update-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rdm-update-pct{font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;color:#72a9f8}
.rdm-progress-track{width:100%;height:17px;background:#0c1626;border:1px solid #3b506b;border-radius:999px;overflow:hidden}
.rdm-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#2867d1,#6fb4f9);border-radius:999px;transition:width .45s ease}
.rdm-update-actions{justify-content:flex-start}
.rdm-update-actions select{min-width:210px;max-width:100%;flex:1}
#updateHistory table{width:100%;font-size:.83rem}
#updateHistory td{vertical-align:top}
@media(max-width:580px){.rdm-update-dashboard{padding:12px}.rdm-update-actions button{width:100%}}

/* Aggiornamento e riconnessione GUI, compatibile con tutti i temi. */
.rdm-reconnect-overlay{position:fixed;inset:0;z-index:99999;background:rgba(6,12,24,.88);display:flex;align-items:center;justify-content:center;padding:20px;color:#f4f7ff}
.rdm-reconnect-overlay.hidden{display:none}
.rdm-reconnect-panel{width:min(480px,100%);text-align:center;border:1px solid #52617c;border-radius:18px;padding:35px;background:#152239;box-shadow:0 20px 60px #0008}
.rdm-reconnect-panel p{line-height:1.6}.rdm-reconnect-panel small{color:#b5c6da}
.rdm-reconnect-spinner{width:38px;height:38px;border-radius:50%;border:4px solid #62759c;border-top-color:#85b7ff;animation:rdm-spin .9s linear infinite;margin:0 auto 16px}
@keyframes rdm-spin{to{transform:rotate(360deg)}}

/* RemoteDesk 2.0.16: fluid desktop/tablet/mobile, keeping existing theme tokens. */
.mobile-menu-toggle{display:none;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font-size:22px;cursor:pointer}
.mobile-menu-backdrop{position:fixed;inset:0;background:#080d17a6;z-index:198}
.pwa-install{flex:none;padding:9px 12px}
@media(max-width:1100px){
 .layout{display:flex!important;min-width:0}
 .layout.hidden{display:none!important}
 .sidebar{position:fixed!important;top:0;bottom:0;left:0;z-index:200;width:min(310px,85vw)!important;min-width:0!important;height:100dvh!important;padding:18px 12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow-y:auto;transform:translateX(-110%);transition:transform .2s ease;box-shadow:18px 0 48px #0006}
 .layout.mobile-menu-open .sidebar{transform:translateX(0)}
 .sidebar .brand{justify-content:flex-start!important;padding:2px 12px 28px!important}
 .sidebar .brand span{display:flex!important}
 .sidebar .brand-icon{display:grid!important}
 .sidebar .sidebar-hint{display:block!important}
 .sidebar nav{display:grid!important;overflow:visible!important;flex:none!important;gap:5px!important}
 .sidebar nav .navbtn{font-size:13px!important;text-align:left!important;padding:13px 14px!important;white-space:normal!important}
 .sidebar nav .navbtn::first-letter{font-size:inherit!important}
 .sidebar-bottom{margin-top:auto!important}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
 .topbar{height:auto;min-height:76px;padding:12px 18px}
 .main{min-width:0;width:100%}
 .content{padding:22px 18px 60px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .topbar{gap:9px;flex-wrap:wrap;padding:10px 12px;min-height:70px}
 .topbar h2{font-size:18px;line-height:1.2}
 .topbar .theme-quick{max-width:128px}
 .pwa-install{font-size:11px;padding:8px}
 .content{padding:15px 12px 54px;overflow-x:hidden}
 .cards{grid-template-columns:minmax(0,1fr)!important}
 .stats{gap:8px}.stat{padding:13px}.stat strong{font-size:26px}
 .section-head{flex-direction:column;align-items:stretch;gap:8px}
 .section-head .btn{align-self:flex-start}
 .toolbar{gap:8px}.toolbar>input,.toolbar select{width:100%;max-width:none!important}
 .modal{width:100%;max-height:calc(100dvh - 16px)}
 .modal-head,.form-foot{padding:14px}.form-body{padding:14px}
 .form-grid{grid-template-columns:minmax(0,1fr)!important}
 .user-pill{display:none}.theme-quick span{display:none}
 .table-wrap{max-width:calc(100vw - 24px);overflow-x:auto}
}

/* 2.0.18: manageable per-connection share tree */
.shared-tree-item{flex-wrap:wrap;align-items:center;gap:9px}.shared-tree-item .share-tree-name{flex:1 1 150px;overflow-wrap:anywhere}.shared-tree-item .computer-actions{display:flex;gap:5px;flex-wrap:wrap}.share-rename-editor{display:flex;flex:1 0 100%;gap:7px;flex-wrap:wrap}.share-rename-editor input{flex:1 1 180px;min-width:120px}.shared-tree-item button{min-height:32px}
@media(max-width:650px){.shared-tree-item .computer-actions{width:100%}.shared-tree-item .computer-actions>*{flex:1}}

/* 2.0.19: isolated license management, responsive */
.rdm-license-panel{margin-bottom:16px;max-width:1080px}.rdm-license-status{font-size:1.06rem;overflow-wrap:anywhere}
.rdm-license-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}
.rdm-license-facts>div{padding:12px;border:1px solid var(--border,rgba(128,128,128,.25));border-radius:10px;min-width:0}
.rdm-license-facts small{display:block;opacity:.8;font-size:.83rem;margin-bottom:6px}
.rdm-license-facts strong,.rdm-license-facts code{overflow-wrap:anywhere;font-size:.93rem}
#licenseActivationKey{width:100%}#licenseWarning{margin-bottom:16px}
@media(max-width:600px){.rdm-license-facts{grid-template-columns:minmax(0,1fr)}.rdm-license-panel .computer-actions{flex-wrap:wrap}}

/* RemoteDesk 2.0.20 - admin shell help: responsive, copy-only command reference. */
.rdm-shell-guide-list{display:grid;gap:14px;min-width:0;margin-top:16px}
.rdm-shell-guide-category{min-width:0}
.rdm-shell-command{padding:13px 0;border-top:1px solid var(--line,rgba(140,150,165,.25))}
.rdm-shell-command-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rdm-shell-command-top code{display:block;min-width:0;flex:1 1 340px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;user-select:text}
.rdm-shell-command-top .btn{flex-shrink:0}
.rdm-shell-command p{margin:6px 0 0}
.rdm-shell-risk{font-size:.74em;font-weight:600;opacity:.9;margin-left:.5em}
.rdm-shell-sensitive{text-decoration:underline;text-decoration-style:dotted}
@media(max-width:650px){.rdm-shell-command-top{align-items:stretch}.rdm-shell-command-top code{flex-basis:100%}.rdm-shell-command-top button{width:100%}}


/* Signed UUPM release notice. Plain text; responsive on desktop, tablet and mobile. */

/* UUPM 2.1.28: developer notice is part of Updates, never a popup. */
.rdm-developer-message{border:1px solid var(--border,rgba(128,128,128,.25));border-radius:12px;padding:clamp(12px,2.5vw,18px);margin:12px 0;min-width:0}
.rdm-developer-message h4{margin:0 0 6px;font-size:1rem}
.rdm-developer-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;max-height:50vh;overflow-y:auto;font:inherit}
@media(max-width:600px){.rdm-developer-message{padding:12px}.rdm-developer-message-text{max-height:45vh}}

/* 2.0.27: optional Windows WinRM credentials in connection editor */
.winrm-credential-group{border:1px solid rgba(130,155,190,.30);border-radius:10px;margin:12px 0;padding:12px;min-width:0}.winrm-credential-group legend{font-weight:700;padding:0 6px}.winrm-credential-group input{min-width:0}
