@media (max-width: 768px){h1{font-size:23px}.servico.expanded .antares-container span{font-size:10px}.header-titulo-hml{margin-left:-18px}.header-titulo{margin-left:-12px}.servico span{font-size:14px}.statusBtn{width:90px!important;height:30px!important;font-size:12px!important}.status-container{flex-direction:column;align-items:center;gap:5px}.servico{text-align:center}.header-title{font-size:10px!important}.logo{max-width:100px!important;height:auto}.search-container{width:80%!important}.search-container input{font-size:14px!important;padding:6px!important}.servico-header{font-size:14px!important}.sub-servico{padding-left:0!important}.sub-servico .status-container{gap:5px!important}.sub-servico .statusBtn{width:80px!important;height:25px!important;font-size:10px!important}.dropdown-content,.antares-dropdown{width:90px!important;font-size:10px!important;padding:5px!important}.servico.expanded span{font-size:8px}}@media (max-width: 480px){h1{font-size:16px}.servico.expanded .antares-container span{font-size:10px}.header-titulo-hml,.header-titulo{margin-left:-22px;font-size:10px}.servico span{font-size:12px}.statusBtn{width:80px!important;height:30px!important;font-size:10px!important}.status-container{flex-direction:column;align-items:center;gap:1px}.servico{text-align:center}.header-title{font-size:10px!important}.logo{max-width:70px!important;height:auto}.search-container{flex-direction:column;align-items:stretch;gap:6px}.searchInput,.searchBtn{width:100%!important;border-radius:8px!important}.searchInput:focus{width:100%!important}.servico-header{font-size:12px!important}.sub-servico{padding-left:1px!important}.sub-servico .status-container{gap:3px!important}.sub-servico .statusBtn{width:70px!important;height:20px!important;font-size:8px!important}.dropdown-content,.antares-dropdown{width:80px!important;font-size:8px!important;padding:3px!important}.servico.expanded span{font-size:8px}}@media (max-width: 412px){h1{font-size:16px}.servico.expanded .antares-container span{font-size:10px}.header-titulo-hml,.header-titulo{margin-left:-22px;font-size:8px}.header-ambiente{font-size:8px}.servico span{font-size:10px}.statusBtn{width:60px!important;height:30px!important;font-size:8px!important}.status-container{flex-direction:column;align-items:center;gap:1px}.servico{text-align:center}.header-title{font-size:8px!important}.logo{max-width:65px!important;height:auto}.search-container{width:60%!important;margin-left:37px}.search-container input{font-size:11px!important;padding:6px!important}.servico-header{font-size:12px!important}.sub-servico{padding-left:10px!important}.sub-servico .status-container{gap:2px!important}.sub-servico .statusBtn{width:60px!important;height:18px!important;font-size:7px!important}.dropdown-content,.antares-dropdown{width:70px!important;font-size:7px!important;padding:2px!important}.servico.expanded span{font-size:8px}}body{font-family:Roboto,sans-serif;background-color:#f5f5f5;color:#333;margin:0 20%}button{border:none;border-radius:8px;width:110px;height:35px}.container{max-width:800px;margin:20px auto;display:flex;justify-content:space-between;align-items:center}.logo{max-height:50px;margin:10px 0}h1{color:#2ecc71;font-weight:400;margin-bottom:20px}.search-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.searchInput{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:8px 0 0 8px;outline:none;width:200px;transition:width .3s ease}.searchBtn{padding:10px;font-size:12px;border:1px solid #ccc;border-left:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer}.searchInput:focus{width:300px}.servico-header{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:10px;font-weight:700;background-color:#ddd;border-radius:10px;margin-bottom:20px}.header-ambiente{text-align:left}.header-status{display:grid;grid-template-columns:1fr 1fr;gap:40px;justify-self:flex-end;text-align:center}.header-titulo{text-align:center;padding-left:35px;flex:1}.header-titulo-hml{text-align:center;flex:1;display:flex;justify-content:flex-end;margin-right:10px}.servico{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:center;padding:10px;background-color:#ecf0f1;margin-bottom:20px;border-radius:10px}.servico-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-self:end;text-align:center}.servico span{text-align:left;font-weight:500}.servico:hover{background-color:#ddd}.status-container{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:50px;height:35px}.statusBtn{width:120px;height:35px;border:none;border-radius:8px;font-size:14px;font-weight:700}.statusBtn.operacional{background-color:green;color:#fff}.statusBtn.instabilidade{background-color:orange;color:#fff}.statusBtn.indisponibilidade{background-color:red;color:#fff}.statusBtn.sem-dados{background-color:gray;color:#fff}.dropdown-content{display:none;position:absolute;top:40px;left:50%;transform:translate(-50%);background-color:#f5f5f5;box-shadow:0 4px 8px #0003;z-index:100;padding:10px;border-radius:5px;width:200px;font-size:12px;color:#333;text-align:center;white-space:normal}.status-container:hover .dropdown-content{display:block}.sub-servico .statusBtn{position:relative}.sub-servico .statusBtn .antares-dropdown{display:none;position:absolute;top:35px;left:50%;transform:translate(-50%);background-color:#f5f5f5;box-shadow:0 4px 8px #0003;z-index:100;padding:10px;border-radius:5px;width:200px;font-size:12px;font-weight:100;color:#333;text-align:center;white-space:normal}.statusBtn:hover{filter:brightness(1.1);transform:scale(1.02);transition:all .2s ease}.sub-servico .statusBtn:hover .antares-dropdown{display:block}.toggle-arrow{cursor:pointer;margin-left:10px;transition:transform .3s ease,color .3s ease;font-size:15px;display:inline-block}.servico.expanded .antares-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.servico.expanded .antares-container span{font-size:16px}.antares-container:hover .toggle-arrow{color:#27ae60;transform:scale(1.1) rotate(90deg);transition:transform .3s ease,color .3s ease}.antares-container span{cursor:pointer}.servico.expanded .toggle-arrow{transform:rotate(90deg);color:#2ecc71}.subambientes-container{display:none;padding-left:12px;margin-top:5px;border-left:2px solid #ccc;padding-top:5px;margin-right:15px}.servico.expanded .subambientes-container{display:flex;flex-direction:column}.sub-servico{display:flex;transition:background-color .3s ease,box-shadow .3s ease;border-radius:6px;justify-content:space-between;align-items:center;width:100%}.sub-servico:hover{background-color:#ebebeb;box-shadow:0 0 4px #0000001a}.sub-servico:hover span{font-weight:700;color:#2c3e50}.sub-servico .status-container{justify-content:flex-end;gap:10px;display:flex;align-items:center}.servico.expanded .servico-status{display:none}