:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#17282b;background:#f3f6f5}*{box-sizing:border-box}body{margin:0}.shell{width:min(1180px,100%);margin:auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:8px 0 26px}.eyebrow{color:#517c72;font-weight:750;font-size:11px;letter-spacing:.14em}h1{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}h1 small{font-size:12px;color:#647d7d;font-weight:500;margin-left:8px}h2{font-size:17px;margin:0 0 16px}.panel{border:1px solid #e1eae6;background:white;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 14px #25372c09}.narrow{max-width:480px;margin:50px auto}.narrow form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,select{background:white;border:1px solid #bbc9c4;border-radius:9px;padding:11px 12px;font:inherit;min-width:180px}button{border:none;border-radius:9px;padding:11px 18px;color:white;background:#236b5b;font-weight:700;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e8f0ec;color:#254a40}.muted{color:#6a8079}.small{font-size:12px}.tiny{font-size:11px}.error{color:#b43636;min-height:20px}.notice{padding:15px 18px;border:1px solid #d0d9d4;background:#f9fbfa;border-radius:12px;margin-bottom:16px}.notice p{margin-bottom:0}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;gap:12px}.subtle{font-size:13px;overflow-wrap:anywhere}.status{background:#ecf0ed;color:#4c625b;border-radius:100px;font-size:12px;padding:7px 11px;font-weight:750}.status.good{background:#e1f4ec;color:#167653}.status.bad{background:#fff0e8;color:#975a32}.summary{display:flex;justify-content:space-between;gap:20px;align-items:center}.summary>div:first-child{font-size:19px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric{padding:20px;border:1px solid #e1eae6;background:white;border-radius:15px}.metric .value{font-size:29px;font-weight:780;letter-spacing:-.04em;margin:9px 0 3px}.metric .unit{font-size:13px;font-weight:500;margin-left:3px}.metric .name{font-size:12px;color:#678078}.chartbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.chartbar h2{margin:0}.periods{display:flex;gap:5px;border-radius:10px;background:#e9efed;padding:4px}.periods button{padding:9px 12px;background:transparent;color:#44645a}.periods button.active{background:#236b5b;color:white}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.chart{border:1px solid #e8eeeb;border-radius:12px;padding:12px;overflow:hidden}.chart-title{font-weight:700;font-size:13px;margin:1px 0 10px}.chart canvas{width:100%;height:180px;display:block}footer{color:#70857d;text-align:center;font-size:11px;margin:24px 0 8px}@media(max-width:750px){.shell{padding:14px}.header{align-items:start}h1{font-size:22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px}.metric .value{font-size:25px}.chart-grid{grid-template-columns:1fr}.summary{display:block}.summary>div+div{margin-top:9px}}

/* Ver.3.1 受信監視 */
.monitor-grid{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:12px}.monitor-grid>div{background:#f3f7f5;border-radius:10px;padding:14px}.monitor-grid strong{display:block;margin-top:8px;font-size:1.2rem;line-height:1.5;overflow-wrap:anywhere}.gap-list{padding-left:22px;line-height:1.8;margin-top:6px}@media(max-width:680px){.monitor-grid{grid-template-columns:1fr}}