.device-page{width:100%;min-width:0}.device-page .device-content{width:90%;max-width:1000px;margin:20px auto}.device-page .title-box{border-bottom:1px solid #00859d;padding-bottom:10px;margin-bottom:20px;width:100%;display:flex}.device-page .title-box h1{color:#00859d;margin:0;font-size:20px;font-weight:600;text-align:left;display:flex;line-height:24px}.device-page .title-box h1:before{display:block;width:24px;height:24px;content:"";background-color:#00859d;border-radius:12px;margin-right:5px}.device-page .device-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.device-page .device-filter{margin-right:8px}.device-page .device-filter select{margin-left:10px}.device-page .device-display-button{background:#00859d;color:#fff;width:100px;padding:8px 10px;border-radius:6px;font-weight:500}.device-page .device-range-legend{display:flex;align-items:center;gap:8px 16px;margin-left:auto;flex-wrap:wrap}.device-page .device-range,.device-page .device-range-values,.device-page .device-range-colors{display:flex;align-items:center}.device-page .device-range-inclinometer-icon{width:40px;height:40px;margin:0 15px 0 30px}.device-page .device-range-values{display:grid;grid-template-columns:repeat(5,42px);width:210px;font-size:12px}.device-page .device-range-values li{width:auto;text-align:left}.device-page .device-range-colors{margin-top:2px}.device-page .device-range-colors li{height:16px;width:42px}.device-page .device-range-colors .is-level-1{background-color:#1e247f}.device-page .device-range-colors .is-level-2{background-color:#00a0e9}.device-page .device-range-colors .is-level-3{background-color:#8fc31f}.device-page .device-range-colors .is-level-4{background-color:#f39800}.device-page .device-range-colors .is-level-5{background-color:#e60012}.device-page .device-table-panel{background:#e4f4f2;border-radius:10px;padding:20px 40px}.device-page .device-table{width:100%;min-width:0;margin:0 auto;background:#fff;border-collapse:collapse;table-layout:fixed}.device-page .device-table th{background:#e4f4f2;color:#222;font-weight:400;font-size:14px;padding:6px 4px;white-space:nowrap}.device-page .device-table td{font-size:14px;padding:6px 4px;border-right:1px solid #e4f4f2;border-bottom:1px solid #e4f4f2;text-align:center;overflow-wrap:anywhere;word-break:break-word}.device-page .device-table .device-cell-sensor{background-color:#fff;font-weight:600}.device-page .device-table tr.is-striped td,.device-page .device-table tr.is-striped .device-cell-sensor{background-color:#e4edec}.device-page .device-table td:last-child{min-width:0}.device-page .device-save-button{background-color:#00859d;color:#fff;border-radius:6px;text-align:center;width:52px;padding:3px 0;margin-left:6px}.device-page .device-mail-toggle{display:flex;justify-content:center;gap:8px;border:none;margin:0;padding:0}.device-page .device-mail-toggle label{display:flex;align-items:center;gap:3px;position:relative;cursor:pointer}.device-page .device-mail-toggle label:before,.device-page .device-mail-toggle label:after{border-radius:50%;content:""}.device-page .device-mail-toggle label:before{width:14px;height:14px;border:1px solid #707070;box-sizing:border-box;background:#fff}.device-page .device-mail-toggle label:after{position:absolute;top:50%;left:7px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#dee5eb}.device-page .device-mail-toggle label:has(:checked):after{background-color:#00859d}.device-page .device-mail-toggle input{display:none}.device-page .paging{display:flex;justify-content:center;margin:10px 0 0}.device-page .paging a,.device-page .paging span{text-align:center;display:block;margin:5px;width:40px;height:40px;line-height:40px;border-radius:6px;box-sizing:border-box}.device-page .paging a{color:#fff;background-color:#00859d;border:1px solid #00859d}.device-page .paging span{color:#00859d;border:1px solid #00859d;background-color:#fff}.device-page .device-col-sensor{width:72px}.device-page .device-col-place{width:170px}.device-page .device-col-axis{width:36px}.device-page .device-col-threshold{width:78px}.device-page .device-col-status{width:56px}.device-page .device-col-mail{width:145px;white-space:nowrap}