@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap);:root{--filters-h:64px;--navbar-h:64px;--techmon-sidebar-small:72px;--techmon-sidebar-large:300px;--dark:#082330;--dark-light:#0b3447;--text:#f9fafb;--accent:#d4af37}*{font-family:'Nunito Sans',sans-serif;font-weight:400}html,body{height:100%;margin:0}body{font-size:1.1rem}h1,h2,h3,h4,h5,h6,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-family:'Nunito Sans',sans-serif}h1{font-weight:700;font-size:2rem}h1 strong{font-weight:700}h2{font-weight:700;font-size:1.8rem}h2 strong,h2 span{font-weight:700;font-size:1.8rem}h3{font-weight:700;font-size:1.6rem}h3 strong{font-weight:700}h4{font-weight:700;font-size:1.4rem}h4 strong{font-weight:700}h5{font-weight:700;font-size:1.2rem}h5 strong{font-weight:700}h6{font-weight:700;font-size:1.1rem}h6 strong{font-weight:700}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.font-size-4{font-size:4rem;line-height:4.4rem}.font-size-3{font-size:3rem;line-height:3.4rem}.font-size-2{font-size:2rem;line-height:2.4rem}.font-size-1-5{font-size:1.5rem;line-height:1.9rem}.font-size-1-3{font-size:1.3rem}.font-size-1-2{font-size:1.2rem}.font-size-1-1{font-size:1.1rem}.font-size-0-9{font-size:0.9rem!important}.font-size-0-8{font-size:.8rem;line-height:.9rem}.container-fluid{max-width:2500px}.border-radius{border-radius:.5rem}.btn{overflow:hidden;max-width:none;text-overflow:ellipsis;font-size:1rem;font-weight:700}.btn-secondary,.btn-secondary:hover{color:white}.text-black{color:#000}.btn.btn-default{background-color:lightgrey;color:gray}.btn-delete{color:#fff;background-color:tomato;border-color:darkred;overflow:hidden;max-width:none;text-overflow:ellipsis}.btn-delete:hover{color:#fff;background-color:darkred;border-color:tomato}.btn-delete:focus,.btn-delete.focus{box-shadow:0 0 0 3px rgba(88,80,87,.5)}.btn-delete.disabled,.btn-delete:disabled{background-color:#90898E;border-color:#90898E}.btn-delete:active,.btn-delete.active,.show>.btn-delete.dropdown-toggle{background-color:tomato;background-image:none;border-color:darkred}.bg-delete{background-color:tomato!important;color:white}.text-delete{color:darkred}.btn-gray-1{color:#fff;background-color:#90898E;border-color:#90898E;overflow:hidden;max-width:none;text-overflow:ellipsis}.btn-gray-1:hover{color:#fff;background-color:#736d71;border-color:#787276}.btn-gray-1:focus,.btn-gray-1.focus{box-shadow:0 0 0 3px rgba(88,80,87,.5)}.btn-gray-1.disabled,.btn-gray-1:disabled{background-color:#90898E;border-color:#90898E}.btn-gray-1:active,.btn-gray-1.active,.show>.btn-gray-1.dropdown-toggle{background-color:#736d71;background-image:none;border-color:#787276}.bg-light-primary{background-color:rgb(255,226,218)}.bg-gray-1{background-color:#90898E!important;color:white}.text-gray-1{color:#90898E}.btn-gray-2{color:#fff;background-color:#B9B3B7;border-color:#B9B3B7;overflow:hidden;max-width:none;text-overflow:ellipsis}.btn-gray-2:hover{color:#fff;background-color:#968f94;border-color:#9b9499}.btn-gray-2:focus,.btn-gray-2.focus{box-shadow:0 0 0 3px rgba(88,80,87,.5)}.btn-gray-2.disabled,.btn-gray-2:disabled{background-color:#B9B3B7;border-color:#B9B3B7}.btn-gray-2:active,.btn-gray-2.active,.show>.btn-gray-2.dropdown-toggle{background-color:#968f94;background-image:none;border-color:#9b9499}.bg-gray-2{background-color:#B9B3B7!important;color:white}.text-gray-2{color:#B9B3B7}.btn-gray-3{color:#fff;background-color:#D4D1D3;border-color:#D4D1D3;overflow:hidden;max-width:none;text-overflow:ellipsis}.btn-gray-3:hover{color:#fff;background-color:#aea9ad;border-color:#b4afb3}.btn-gray-3:focus,.btn-gray-3.focus{box-shadow:0 0 0 3px rgba(88,80,87,.5)}.btn-gray-3.disabled,.btn-gray-3:disabled{background-color:#D4D1D3;border-color:#D4D1D3}.btn-gray-3:active,.btn-gray-3.active,.show>.btn-gray-3.dropdown-toggle{background-color:#aea9ad;background-image:none;border-color:#b4afb3}.bg-gray-3{background-color:#D4D1D3!important;color:white}.text-gray-3{color:#D4D1D3}.btn-gray-4{color:#585057;background-color:#E5E3E5;border-color:#E5E3E5;overflow:hidden;max-width:none;text-overflow:ellipsis}.btn-gray-4:hover{color:#585057;background-color:#dcdadc;border-color:#d7d5d7}.btn-gray-4:focus,.btn-gray-4.focus{box-shadow:0 0 0 3px rgba(88,80,87,.5)}.btn-gray-4.disabled,.btn-gray-4:disabled{background-color:#E5E3E5;border-color:#E5E3E5}.btn-gray-4:active,.btn-gray-4.active,.show>.btn-gray-4.dropdown-toggle{background-color:#dcdadc;background-image:none;border-color:#d7d5d7}.bg-gray-4{background-color:#E5E3E5!important;color:#585057}.text-gray-4{color:#E5E3E5}.btn-gray-5{color:#585057;background-color:#EFEFF1;border-color:#EFEFF1;overflow:hidden;max-width:none;text-overflow:ellipsis}.btn-gray-5:hover{color:#585057;background-color:#e6e6e8;border-color:#e1e1e3}.btn-gray-5:focus,.btn-gray-5.focus{box-shadow:0 0 0 3px rgba(88,80,87,.5)}.btn-gray-5.disabled,.btn-gray-5:disabled,.btn-disabled{background-color:#EFEFF1!important;border-color:#EFEFF1!important;color:#e7e6e6}.btn-gray-5:active,.btn-gray-5.active,.show>.btn-gray-5.dropdown-toggle{background-color:#e6e6e8;background-image:none;border-color:#e1e1e3}.bg-gray-5{background-color:#EFEFF1!important;color:#585057}.text-gray-5,.text-disabled{color:#EFEFF1!important}.container-fluid{margin-bottom:15px}.colorDisabled{color:lightgrey}.text-small{max-width:100px}.badge.badge-secondary{color:white}.badge.badge-transparent{color:black;display:block;white-space:wrap;text-align:left}footer.sticky-footer{display:none}.fa-refresh-animate{-animation:spin .7s infinite linear;-webkit-animation:spin2 .7s infinite linear;font-size:2rem}@-webkit-keyframes spin2{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:scale(1) rotate(0deg)}to{transform:scale(1) rotate(360deg)}}.copytoclipboard{cursor:pointer}.copytoclipboard:active{-animation:spin .7s infinite linear;-webkit-animation:spin2 .7s infinite linear}.modal{z-index:5000}.modal-content{border-radius:.5rem;border:0}::-webkit-scrollbar{position:absolute;width:8px;background-color:#fff}::-webkit-scrollbar-track{background-color:rgba(88,80,87,.1);border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:#585057;border-radius:.5rem}.modal-backdrop.show{opacity:.8}.multigroup{min-height:0!important}.multigroupadd{border:none!important;background-color:white!important}.multigroupadd a{text-decoration:underline!important}.dependency,.dependency-empty{aspect-ratio:2/1;display:flex;justify-content:center;align-items:center;position:relative}.dependency{border:1px solid #000;border-radius:.5rem}.dependency-link,.dependency-link-empty{aspect-ratio:5/1;position:relative;display:flex;justify-content:center;align-items:center}.dependency-num-count{position:absolute;bottom:.1rem;left:0;width:100%;color:white;text-align:center;font-size:.8rem}.dependency-link-line{position:absolute;top:0;height:100%;left:50%;width:1px;background-color:#000}.dependency-link-label{margin:auto;z-index:1;border:1px solid #000;border-radius:.5rem}.carousel-prev-next,.carousel-close{position:absolute;top:60%;z-index:1;width:100%}.carousel-close{top:0%}.carousel-prev-next a,.carousel-close a{font-size:1rem;color:black;border-radius:50%;background-color:white;aspect-ratio:1/1;box-shadow:2px 2px 9px #888;position:absolute}.carousel-prev-next a i,.carousel-close a i{padding:7px 10px}.carousel-next,.carousel-close a{right:-50px}.carousel-prev{left:-50px}.dependencies-upstream .carousel-prev-next{top:20%}.dependencies-downstream .carousel-prev-next{top:60%}#popup-stream .modal-body{height:80vh;overflow:auto}#body-grid{overflow:hidden}.brand-logo{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#495057;margin-right:.5rem}.brand-comnom{font-size:1.2rem;margin-left:.5rem;margin-top:.5rem}#searchInput{font-size:.8rem}#filtersBar{position:fixed;top:var(--nav-h);left:0;right:0;height:var(--filters-h);z-index:1029;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:none;padding:8px 12px}#tableArea{height:calc(100vh - var(--navbar-h));overflow-y:auto;overflow-x:auto;background:#f8f9fa;padding:0}#tableArea .table-responsive{overflow:visible!important}#tableArea table{width:100%;margin:0;border-collapse:separate!important;border-spacing:0}#tableArea thead th{position:sticky!important;top:0;z-index:50;background:#fff!important;box-shadow:0 2px 0 rgba(0,0,0,.1)}#body-grid table tr th{font-weight:700}#body-grid table tr th:nth-child(1){width:40%}#body-grid table tr th:nth-child(2){width:20%;text-align:center}#body-grid table tr td:nth-child(2){text-align:center}#body-grid table tr th:nth-child(3){width:5%;text-align:center}#body-grid table tr td:nth-child(3){text-align:center}#body-grid table tr th:nth-child(4){width:20%}#body-grid table tr th:nth-child(5){width:15%;text-align:center}#body-grid table tr td:nth-child(5){text-align:center}#body-grid.filters-open #filtersBar{display:block}#body-grid.filters-open #tableArea{top:calc(var(--nav-h) + var(--filters-h))}#body-grid table{width:100%;background:#fff;margin:0}#body-grid thead th{position:sticky;top:0;background:#fff;z-index:5;border-top:0}#body-login{height:auto;background:#f4f6f9;display:flex;align-items:flex-start;justify-content:center;margin-top:5vh}#body-login .login-card{width:100%;max-width:500px;border:none;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}#body-login .login-header{text-align:center;padding:25px 20px}#body-login .login-header img{width:120px;margin-bottom:10px}#body-login .form-control{height:45px;border-radius:8px}#body-login .btn-login{height:45px;border-radius:8px;font-weight:600}.badge-device-status-1{background-color:#22a4de}.badge-device-status-2{background-color:#28a745}.badge-device-status-3{background-color:orangered}.badge-device-status-9{background-color:gray}.event-log{font-family:Arial,sans-serif}.event-line{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #eee}.event-icon{text-align:center;font-size:16px}.event-content{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-content .badge{margin-right:6px}.event-time{font-size:12px;color:#777;white-space:nowrap}.event-link{font-size:12px;color:#444;white-space:nowrap}.icon-circle{width:40px;height:40px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.badge-inter-emergency-0{background-color:#22a4de}.badge-inter-emergency-1{background-color:yellowgreen}.badge-inter-emergency-2{background-color:orange}.badge-inter-emergency-3{background-color:rgba(255,69,0,.77)}.badge-inter-emergency-4{background-color:#dc3545}.inter-late{color:#dc3545;font-weight:700}.badge-action-status-1{background-color:#22a4de}.badge-action-status-2{background-color:#22a4de}.badge-action-status-3{background-color:yellowgreen}.badge-action-status-4{background-color:orange}.badge-action-status-5{background-color:rgba(255,69,0,.77)}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6}#navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);background:var(--dark);color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:0 22px;z-index:1000;overflow:visible;z-index:2000}.nav-left{display:flex;align-items:center;gap:18px;flex:1;min-width:0;overflow:hidden}.logo{font-size:22px;font-weight:700;color:var(--accent);flex-shrink:0}#burger{font-size:22px;cursor:pointer;flex-shrink:0}.brand-comnom{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-name{font-weight:500;flex-shrink:0;margin-left:12px;white-space:nowrap}.user-name{position:relative;z-index:2100}.user-name .dropdown-menu{z-index:2200}@media (max-width:768px){#navbar{padding:0 12px}.nav-left{gap:10px}.brand-comnom{max-width:calc(100vw - 180px)}}#techmon-sidebar{position:fixed;top:var(--navbar-h);left:0;width:var(--techmon-sidebar-small);height:calc(100vh - var(--navbar-h));background:var(--dark-light);color:var(--text);overflow:hidden;transition:width 0.25s ease,transform 0.25s ease;z-index:900}#techmon-sidebar.expanded,#techmon-sidebar:hover{width:var(--techmon-sidebar-large)}.techmon-sidebar-menu{margin:0;padding:16px 0;list-style:none}.techmon-sidebar-menu a{display:flex;align-items:center;gap:18px;height:52px;padding:0 24px;color:var(--text);text-decoration:none;white-space:nowrap;transition:background 0.2s ease}.techmon-sidebar-menu a:hover{background:rgba(255,255,255,.08)}.techmon-sidebar-menu i{width:24px;min-width:24px;text-align:center;font-size:18px}.techmon-sidebar-label{opacity:0;transition:opacity 0.2s ease}#techmon-sidebar.expanded .techmon-sidebar-label,#techmon-sidebar:hover .techmon-sidebar-label{opacity:1}#contents{margin-top:var(--navbar-h);margin-left:var(--techmon-sidebar-small);padding:0;height:calc(100vh - var(--navbar-h));transition:margin-left 0.25s ease;overflow-y:auto;overflow-x:hidden;background-color:#e9ecef}#contents-container{padding:1.5rem}#contents-container h1{font-size:1.5rem;margin-top:1rem}#contents-container h2{font-size:1.2rem;margin-top:1rem}#techmon-sidebar.expanded~#contents,#techmon-sidebar:hover~#contents{margin-left:var(--techmon-sidebar-large)}.rounded-card{background:white;border-radius:14px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.techmon-sidebar-divider{height:1px;margin:12px 12px;background:rgba(255,255,255,.15);list-style:none;transition:all .25s ease}.intervention-cards{display:flex;flex-wrap:wrap;gap:20px;overflow-x:auto;scrollbar-width:none;padding:0}.intervention-cards::-webkit-scrollbar{display:none}.intervention-card{min-width:30%;min-height:20vh;height:auto;padding:22px;border-radius:18px;background:linear-gradient(145deg,var(--dark),var(--dark-light));color:var(--text);border:1px solid rgba(212,175,55,.25);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-decoration:none}.intervention-card:hover{transform:scale(.99);border-color:rgba(212,175,55,.55);text-decoration:none}.intervention-card:active,.intervention-card:focus{text-decoration:none;outline:none}.intervention-card-unique{width:100%}.intervention-card-devnom{padding-top:1.5rem;padding-bottom:0;margin:0;font-weight:700;font-size:1rem}.intervention-card-devlocalisation{padding-top:0;font-style:italic;font-size:.8rem;margin:0;color:#ccc}.intervention-card-interinstruction{padding-top:1.5rem;padding-bottom:0;margin:0;font-weight:700;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.intervention-card h1,.intervention-card h2,.intervention-card h3,.intervention-card h4,.intervention-card h5,.intervention-card h6,.intervention-card strong{color:#fff;font-weight:700}.intervention-card .text-muted,.intervention-card small{color:rgba(249,250,251,.7)!important}.intervention-card .badge{font-weight:700;border-radius:999px;padding:.45rem .65rem}.intervention-card .btn{border-radius:999px}.warning-image{position:absolute;right:1rem;top:1rem}.photo-preview{max-width:50%;border:1px solid #ccc;padding:5px}.photo-modal{display:none;position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.9);justify-content:center;align-items:center}.photo-modal img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px}.photo-modal-close{position:absolute;top:20px;right:25px;color:white;font-size:40px;font-weight:700;cursor:pointer;z-index:100000}.photo-modal-close:hover{opacity:.7}