.clock-auto-section>.toolbar{align-items:flex-start}.clock-auto-section>.toolbar p{max-width:720px;margin-top:6px}.clock-connection{margin-top:16px;overflow:hidden}.clock-connection.active{border-top:3px solid #286b57}.clock-connection.error{border-top:3px solid #b75a44}.clock-connection.paused{border-top:3px solid #98a39e}.clock-connection .card-head{flex-wrap:wrap;gap:15px}.clock-connection .card-head>.row{gap:13px}.clock-connection .card-head>.row>svg{width:31px;height:31px;color:#307760;flex-shrink:0}.clock-status{display:inline-flex;align-items:center;gap:7px;border-radius:30px;padding:6px 12px;font-size:.8rem;white-space:nowrap}.clock-status.active{background:#e7f3ec;color:#286146}.clock-status.error{background:#fff0e9;color:#a34729}.clock-status.paused{background:#eef0ef;color:#697670}.clock-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 22px}.clock-facts dt{color:#788780;font-size:.8rem}.clock-facts dd{margin:5px 0 0;font-size:.94rem;font-weight:600}.clock-adms-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.clock-adms-counts{padding-top:18px;border-top:1px solid #edf1ef}.clock-adms .clock-result{display:flex;align-items:center;gap:7px}.clock-adms .clock-result svg{width:17px}.clock-lan-section{padding-top:8px}.clock-alert{display:flex;align-items:center;flex-wrap:wrap;gap:7px;background:#f9f3e6;border:1px solid #eee2c9;border-radius:9px;padding:10px 13px;font-size:.84rem;margin:12px 0}.clock-alert svg{flex-shrink:0;width:18px}.clock-alert.error{background:#fff0eb;border-color:#efd5cc;color:#93452d}.clock-result{font-size:.84rem;color:#64796e;margin-bottom:16px}.clock-controls{gap:9px}.clock-history{margin-top:20px;border-top:1px solid #e5ebe8;padding-top:15px}.clock-history summary{font-size:.85rem;font-weight:600;cursor:pointer}.clock-history .table-wrap{margin-top:10px}.clock-history td{font-size:.79rem}.clock-history th{font-size:.76rem}.clock-history td:last-child{min-width:260px}.clock-mapping-period{font-size:.8rem;color:#687c70}@media(max-width:1050px){.clock-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.clock-connection .card-head{padding:18px}.clock-connection .card-body{padding:18px}.clock-facts{gap:16px 12px}.clock-facts dd{font-size:.85rem}.clock-controls .btn{flex:1 1 140px}.clock-status{font-size:.72rem}.clock-auto-section>.toolbar>.btn{width:100%}}