.ac-page{width:100%;max-width:none;color:#17304f}.ac-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ac-header h2{font-size:28px;margin:5px 0}.ac-header p,.ac-note{color:#60738d}.ac-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;color:#537298}.ac-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.ac-summary>div{border:1px solid #dce5f0;background:#fff;border-radius:12px;padding:17px}.ac-summary span{font-size:12px;color:#62738a}.ac-summary strong{display:block;font-size:29px;margin-top:8px}.ac-list{background:#fff;border:1px solid #dce5f0;border-radius:12px;overflow:hidden}.ac-list-title{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:12px}.ac-list-title h3{margin:0}.ac-list-title span{font-size:12px;color:#61718a}#ac-filters{padding:0 18px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}#ac-filters label{display:grid;gap:6px;font-size:12px;color:#61718a}.ac-search{flex:1;min-width:220px}#ac-filters input,#ac-filters select{width:100%;padding:10px 12px;min-height:40px;border:1px solid #d5e0ee;border-radius:8px;background:#fff;color:#19324f;font:inherit}#ac-message{padding:0 18px;color:#596e87;font-size:12px;min-height:18px}.ac-table-scroll{overflow-x:auto}.ac-page table{border-collapse:collapse;width:100%;min-width:1000px;text-align:left;font-size:13px}.ac-page th{padding:13px;background:#192c47;color:#fff;font-size:12px}.ac-page td{padding:15px 13px;border-bottom:1px solid #e5ecf4;vertical-align:middle}.ac-page tr:nth-child(even){background:#f8fbff}.ac-page small{display:block;color:#687a91;font-size:11px;margin-top:5px}.ac-page td>div+div{margin-top:12px}.ac-status{display:inline-block;font-size:12px;color:#64748b;white-space:nowrap}.ac-status:before{content:'●';margin-right:5px;font-size:10px}.ac-online,.ac-responding,.ac-confirmed{color:#087c59}.ac-offline,.ac-failed{color:#ba3546}.ac-uncertain,.ac-no_response,.ac-stale,.ac-never_seen{color:#99610a}.ac-module{display:inline-block;background:#edf4ff;color:#2666bd;border-radius:6px;padding:4px 7px;font-size:12px}#ac-pagination{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#60738d}#ac-pagination>div{display:flex;gap:8px}.ac-note{font-size:12px;line-height:1.6}.ac-empty{text-align:center;padding:32px!important}.ac-detail{position:fixed;right:0;top:0;bottom:0;z-index:1100;width:430px;max-width:100%;background:#fff;box-shadow:-15px 0 40px #12305226;border-left:1px solid #d6e2ef;padding:24px;overflow-y:auto}.ac-detail[hidden]{display:none}.ac-close{display:block;margin-left:auto;margin-bottom:22px}.ac-detail h3{font-size:23px;margin:10px 0}.ac-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px;padding:18px 0;border-bottom:1px solid #dce5f0}.ac-detail dt{color:#60738d}.ac-detail dd{margin:0;text-align:right;overflow-wrap:anywhere}.ac-detail article{padding:13px 0;border-bottom:1px solid #e5ecf4}.ac-detail article p{margin:5px 0;color:#60738d;font-size:12px}.ac-detail h4{margin:23px 0 10px}.ac-page .btn{min-height:38px}body:has(.ac-page) #content{max-width:none;width:100%}@media(min-width:1600px){.ac-page td{padding-top:18px;padding-bottom:18px}}@media(max-width:850px){.ac-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-header h2{font-size:24px}}@media(max-width:520px){.ac-header{align-items:start}.ac-summary{gap:8px}.ac-summary>div{padding:12px}.ac-summary strong{font-size:24px}#ac-filters{padding:0 12px}.ac-search{flex-basis:100%;min-width:0}#ac-filters input,#ac-filters select{font-size:16px}.ac-list-title,#ac-pagination{flex-wrap:wrap;padding:12px}.ac-page .btn{min-height:44px}.ac-detail{padding:18px}.ac-note{overflow-wrap:anywhere}}
.ac-page>.ac-header{height:auto;min-height:0;position:static;top:auto;z-index:auto;background:transparent;border:0;padding:0;text-align:left;flex-wrap:wrap}.ac-page>.ac-header p{margin:0}.ac-page>.ac-detail{display:block;color:#17304f;border-right:0;height:100dvh;flex-direction:initial}.ac-page>.ac-detail[hidden]{display:none}.ac-page>.ac-header:before{flex-basis:100%}
.ac-page table td{padding:10px 13px;font-size:12px;line-height:1.35}.ac-page table td small{margin-top:3px}.ac-page table td>div+div{margin-top:8px}
.ac-page,.ac-list,.ac-table-scroll{min-width:0;max-width:100%}.ac-header>div{min-width:0}.ac-page .ac-header p{overflow-wrap:anywhere}.ac-page .ac-summary>div{min-width:0}
