.vlans-row,.tasks-row{display:flex;gap:10px;flex-wrap:wrap}.tasks-row .box,.vlans-row .box{border:1px solid color-mix(in srgb,var(--color-azzure) 50%,transparent);border-radius:var(--border-radius);padding:10px;text-align:center;min-height:400px;max-height:400px;transition:border var(--time-ease) ease}.tasks-row .box:hover,.vlans-row .box:hover{border:1px solid var(--color-azzure)}.vlan-box{box-shadow:0 2px 4px 0 transparent;border:1px solid color-mix(in srgb,var(--color-azzure) 30%,transparent);border-radius:calc(var(--border-radius) / 2);padding:10px 30px;margin:5px;display:flex;align-items:center;gap:10px;font-size:1.2rem;justify-content:space-between;transition:box-shadow var(--time-ease) ease,border var(--time-ease) ease,padding var(--time-ease) ease,margin var(--time-ease) ease}.vlan-box:hover{box-shadow:0 4px 8px 0 color-mix(in srgb,var(--color-grey) 90%,transparent);border:1px solid var(--color-white);padding:9px 29px;margin:6px 5px}.vlan-box .vlan-line .icon{border:1px solid color-mix(in srgb,var(--color-azzure) 30%,transparent);padding:15px 30px;border-radius:calc(var(--border-radius) / 2);margin:0 10px;font-size:1.5rem}.vlan-box .label{color:var(--color-lavagna);font-weight:bold;font-size:1.2rem;margin-left:10px}.vlan-box .label.text{font-size:1rem;font-weight:normal}.vlan-line{display:flex;justify-content:space-between;align-items:center}.vlan-box .details{display:flex;justify-content:space-between;align-items:center;gap:10px;height:100%}.vlan-box .vlan-grid{display:flex;flex-direction:column;justify-content:center;text-align:left}.vlan-box .vlan-grid div{display:flex;align-items:center;font-size:1rem}.vlan-box .vlan-grid div .icon{padding:0;margin-left:10px;margin-right:5px;box-shadow:none;border:none;font-size:1rem}.vlan-box .vlan-grid div .hover{user-select:none}.vlan-box .details .mini{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--color-azzure) 30%,transparent);padding:5px 20px;justify-content:center;align-items:center;border-radius:calc(var(--border-radius) / 2);font-size:0.8rem;height:100%}.vlan-box .details .mini.no{color:var(--color-white)!important;box-shadow:none!important;border:1px solid transparent!important;user-select:none}.vlan-box .details .mini.no .label{color:var(--color-white)!important}.vlan-box .details .mini.critical{box-shadow:0 0 6px 0 color-mix(in srgb,var(--color-violet) 75%,transparent)}.vlan-box .details .mini.low{box-shadow:0 0 6px 0 color-mix(in srgb,var(--color-green) 75%,transparent)!important}.vlan-box .details .mini.medium{box-shadow:0 0 6px 0 color-mix(in srgb,var(--color-orange) 75%,transparent)!important}.vlan-box .details .mini.high{box-shadow:0 0 6px 0 color-mix(in srgb,var(--color-red) 75%,transparent)!important}.vlan-box .details .mini .label{font-size:0.8rem;margin:0}.vlan-box .details .mini .text{font-size:1rem}.vlan-box .details .mini.no .text{color:var(--color-white)!important}.vlan-box .text.critical{font-weight:bold;color:var(--color-violet)}.vlan-box .text.high{font-weight:bold;color:var(--color-red)}.vlan-box .text.medium{font-weight:bold;color:var(--color-orange)}.vlan-box .text.low{font-weight:bold;color:var(--color-green)}.agents-sites-row .cards-list{max-height:calc(100% - 40px)!important}.vlan-grid .hover{position:relative}.vlan-grid .hover::after{background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-azzure) 30%,transparent);color:var(--color-lavagna);content:attr(data-tooltip);font-family:var(--font-family-core);font-size:0.9rem;margin-left:10px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;left:100%;top:50%;transform-origin:left center;transform:translateY(-50%) scale(0.85);transition:opacity var(--time-ease) ease,transform var(--time-ease) ease;white-space:nowrap;z-index:3}.vlan-grid .hover:hover::after{opacity:1;transform:translateY(-50%) scale(1);transition-delay:0.5s}.tasks-row .box .task-box{box-shadow:0 2px 4px 0 transparent;border:1px solid color-mix(in srgb,var(--color-azzure) 30%,transparent);padding:10px;border-radius:calc(var(--border-radius) / 2);margin:5px;min-width:300px;transition:box-shadow var(--time-ease) ease,border var(--time-ease) ease,padding var(--time-ease) ease,margin var(--time-ease) ease}.tasks-row .box .task-box:hover{box-shadow:0 4px 8px 0 color-mix(in srgb,var(--color-grey) 90%,transparent);border:1px solid transparent;padding:9px;margin:6px 5px}.task-box.orange .first-line .mark.hover::after{box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-orange) 30%,transparent)}.task-box.red .first-line .mark.hover::after{box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-red) 30%,transparent)}.task-box.green .first-line .mark.hover::after{box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-green) 30%,transparent)}.task-box:hover .task-grid span,.task-box:hover .details span{color:var(--color-lavagna)}.task-box .first-line{display:flex;gap:10px;align-items:center;position:relative;z-index:1}.task-box .details{display:flex;justify-content:space-between;align-items:center;padding-top:2px}.task-box .first-line .mark.hover{position:relative}.task-box .first-line .mark.hover::after{background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-azzure) 30%,transparent);color:var(--color-lavagna);content:attr(data-tooltip);font-family:var(--font-family-core);font-size:1rem;margin-left:10px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;left:100%;top:50%;transform-origin:left center;transform:translateY(-50%) scale(0.85);transition:opacity var(--time-ease) ease,transform var(--time-ease) ease;white-space:nowrap;z-index:3}.task-box .first-line .mark.hover:hover::after{opacity:1;transform:translateY(-50%) scale(1);transition-delay:0.5s}.task-box img.icon{width:30px;height:30px;margin-right:10px;margin-left:10px;padding:4px}.task-box .first-line .icon{font-size:1.5rem!important}.task-tag{position:absolute;right:0;font-size:0.8rem;border-radius:var(--border-radius);background:var(--color-azzure);padding:0 5px;color:var(--color-white)!important;font-family:var(--font-family-mono);user-select:none;bottom:0;transform:translateY(50%)}.task-tag:hover{color:var(--color-white)!important}.task-progress{display:flex;align-items:center;gap:10px;width:100%}.task-progress .progress-bar{flex:1;height:4px;background:color-mix(in srgb,var(--color-azzure) 20%,transparent);border-radius:3px;overflow:hidden}.task-progress .progress-bar .progress{height:100%;background:var(--color-azzure);border-radius:3px;transition:width var(--time-ease) ease}.task-progress .progress-text{font-size:0.8rem;color:var(--color-azzure);font-family:var(--font-family-mono);min-width:35px;text-align:right}.task-progress.red .progress-bar{background:color-mix(in srgb,var(--color-red) 10%,transparent)}.task-progress.red .progress-bar .progress{background:var(--color-red)}.task-progress.red .progress-text{color:var(--color-red)}.task-progress.green .progress-bar{background:color-mix(in srgb,var(--color-green) 10%,transparent)}.task-progress.green .progress-bar .progress{background:var(--color-green)}.task-progress.green .progress-text{color:var(--color-green)}.task-progress.orange .progress-bar{background:color-mix(in srgb,var(--color-orange) 10%,transparent)}.task-progress.orange .progress-bar .progress{background:var(--color-orange)}.task-progress.orange .progress-text{color:var(--color-orange)}.agent{display:flex;align-items:center;gap:5px;padding:0 10px}.details .agent span{font-size:1rem}.details .agent.hover{position:relative;user-select:none}.agent.hover::after{background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 0 4px 4px color-mix(in srgb,var(--color-azzure) 30%,transparent);color:var(--color-lavagna);content:attr(data-tooltip);font-family:var(--font-family-core);font-size:0.9rem;margin-left:10px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;left:100%;top:50%;transform-origin:left center;transform:translateY(-50%) scale(0.85);transition:opacity var(--time-ease) ease,transform var(--time-ease) ease;white-space:nowrap;z-index:3}.agent.hover:hover::after{opacity:1;transform:translateY(-50%) scale(1);transition-delay:0.5s}.task-grid{display:flex;flex-direction:column;text-align:left}.task-grid .label{font-weight:bold;color:var(--color-lavagna)}.task-grid .text{font-size:0.8rem;color:var(--color-lavagna)}.toggle-chart{position:absolute;top:1rem;right:1rem;border-radius:var(--border-radius);background:var(--color-white);color:var(--color-azzure);border:1px solid var(--color-azzure);padding:10px;display:flex;justify-content:center;align-items:center;height:40px;width:40px;z-index:1;cursor:pointer;transition:color var(--time-ease) ease,background-color var(--time-ease) ease,font-weight var(--time-ease) ease,transform calc(var(--time-ease) / 4) ease}.toggle-chart:hover{background:var(--color-azzure);color:var(--color-white);font-weight:bold}.toggle-chart:active{transform:scale(0.95);background:var(--color-azzure);color:var(--color-white);font-weight:bold}.toggle-chart .icon{opacity:1}.vlans-row .chart:has(.slideIn):has(.slideOut){overflow:hidden!important}.vlans-row .chart{overflow:visible!important}.slideNone #site-vulnerabilities-scope>div:nth-child(2){display:block!important}.slideIn #site-vulnerabilities-scope>div:nth-child(2),.slideOut #site-vulnerabilities-scope>div:nth-child(2){display:none!important}.task-box .first-line .more-options{color:var(--color-lavagna);position:relative}.task-box .first-line .more-options>span:hover{color:var(--color-azzure);cursor:pointer}.task-box .first-line .task-more-options{position:absolute;top:-5px;left:0;transform:translateX(-100%);display:flex;flex-direction:column;background:var(--color-white);border-radius:calc(var(--border-radius) / 2);padding:10px;gap:2px;transition:opacity var(--time-ease) ease,transform var(--time-ease) ease,box-shadow var(--time-ease) ease;pointer-events:none;opacity:0;animation:none;background:var(--color-white);box-shadow:0 2px 4px 0 transparent}.task-box .first-line .task-more-options.show{pointer-events:auto;transform:translateX(calc(-100% - 10px));opacity:1;box-shadow:0 4px 8px 0 color-mix(in srgb,var(--color-grey) 90%,transparent)}.task-box .first-line .task-more-options>div{display:flex;justify-content:left;align-items:center;color:var(--color-lavagna);transition:color var(--time-ease) ease,background-color var(--time-ease) ease,transform calc(var(--time-ease) / 4) ease}.task-box .first-line .task-more-options>div:hover{color:var(--color-azzure);font-variation-settings:'FILL' 1}.task-box .first-line .task-more-options>div>span{cursor:pointer;margin:0 5px}