:root,body[data-theme=blue]{--background:#ffffff;--foreground:#171717;--very-small-font-size:12px;--small-font-size:14px;--normal-font-size:16px;--headline-font-size:20px;--accent-color:#3b74bf;--accent-on-text:#fff;--deactive-color:#d0d0d0}body[data-theme=orange]{--background:#ffffff;--foreground:#171717;--very-small-font-size:12px;--small-font-size:14px;--normal-font-size:16px;--headline-font-size:20px;--accent-color:#d85b08;--accent-on-text:#fff;--deactive-color:#d0d0d0}body[data-theme=green]{--background:#ffffff;--foreground:#171717;--very-small-font-size:12px;--small-font-size:14px;--normal-font-size:16px;--headline-font-size:20px;--accent-color:#19830b;--accent-on-text:#fff;--deactive-color:#d0d0d0}body,html{max-width:100vw;overflow-x:hidden}@media (prefers-color-scheme:dark){html{color-scheme:dark}}body{color:var(--foreground);background:var(--background);font-family:Noto Sans JP,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,.1)}header h1{max-width:130px}header h1 a{line-height:0;display:block}header h1 img{width:100%;height:auto}header nav{display:flex;align-items:center;gap:10px}header nav ul{list-style:none;display:flex;gap:20px;font-size:var(--small-font-size)}header .color-selector{display:flex;align-items:center;gap:10px}header .color-selector button{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;background:none;font-size:0}header .color-selector button.blue{background-color:#3b74bf}header .color-selector button.orange{background-color:#d85b08}header .color-selector button.green{background-color:#19830b}header .color-selector button.active{outline:3px solid #00c5ff;outline-offset:3px}header nav select{border-radius:6px;padding:2px}header nav .logout-button{padding:.5rem;background:#e53e3e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:var(--very-small-font-size)}footer{display:flex;justify-content:center;align-items:center;padding:1rem}footer p{font-size:var(--very-small-font-size);text-align:center}.loading{color:var(--accent-color)}.authguard,.loading{text-align:center;font-weight:700;font-size:var(--headline-font-size)}.authguard{margin:2em auto}.login{width:calc(100% - 40px);max-width:600px;margin:0 auto 40px;padding:2rem;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,.1)}.login dl{margin-bottom:1rem}.login dl dt{font-size:var(--headline-font-size-small);margin-bottom:.25rem}.login dl dd input{padding:.5rem;width:100%;font-size:var(--headline-font-size-small)}.login button{background:var(--accent-color);color:var(--accent-on-text);border-radius:6px;display:block;padding:1em 2rem;border:0;margin:2rem auto 0;cursor:pointer}.dialog{position:fixed;z-index:2;border:2px solid #fff;background:#e7f1ff;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;width:calc(100% - 20px);max-width:520px;max-height:calc(100vh - 40px);overflow:auto;padding:10px;box-shadow:0 0 10px #0000001a}.dialog canvas{background:#fff;width:100%;max-width:500px;height:auto;margin:10px 0}.dialog .close{width:250px;margin:10px auto 0;background:var(--accent-color);color:var(--accent-on-text);border-radius:6px;display:block;padding:1em 1.5em;border:0;cursor:pointer}.dialog video{width:100%;max-width:500px;height:auto;margin:10px 0}.dialog .button-tools{display:flex;align-items:center;gap:10px}.dialog .button-tools button.execute,.dialog .button-tools button.reset,.dialog .button-tools button.upload{background:var(--accent-color);color:var(--accent-on-text)}.dialog .button-tools--grid2{display:grid;grid-template-columns:repeat(2,1fr)}.dialog .button-tools--grid3{display:grid;grid-template-columns:repeat(3,1fr)}.dialog .draw-tools{display:flex;align-items:center;gap:10px;margin-top:10px}.dialog .draw-tools button.red{background:#ff0000!important;color:#fff!important}.dialog .draw-tools button.green{background:#00ff00!important;color:#fff!important}.dialog .draw-tools button.blue{background:#0000ff!important;color:#fff!important}.dialog .draw-tools button.black{background:#000000!important;color:#fff!important}.dialog .dialog-content .mode-toggle{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:10px;gap:10px}.dialog .dialog-content .mode-toggle button{width:100%;padding:1em .5em;border:1px solid var(--accent-color);border-radius:0;background:#fff!important;color:var(--accent-color);cursor:pointer}.dialog .dialog-content .mode-toggle button.active{background:var(--accent-color)!important;color:var(--accent-on-text);border:0}.dialog .dialog-content p.notice{color:red;margin:1em 0;text-align:center}.dialog .dialog-content .preview--col video:first-child{display:none}.dialog .dialog-content .file-list{padding:0;margin:0;justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.dialog .dialog-content .file-list li{margin:.5em 0}.dialog .dialog-content .file-list li a{text-decoration:none;display:block;color:var(--accent-color);text-align:center;border:1px solid var(--accent-color);padding:.5em 1em;border-radius:4px}.dialog .dialog-content .file-list li a:hover{background:var(--accent-color);color:var(--accent-on-text)}.dialog .data-history{display:block;margin-bottom:1em}.dialog .data-history input{margin-right:.5em}.dialog .data-wrap{height:300px;overflow:auto;display:block;margin-bottom:20px}.dialog .data-table{width:100%;border-collapse:collapse}.dialog .data-table tbody{width:100%}.dialog .data-table tbody td,.dialog .data-table tbody th{width:50%!important}.calculator .display{margin-bottom:1rem}.calculator .display input[type=text]{width:100%;font-size:var(--headline-font-size);text-align:right;padding:.5rem}.calculator .buttons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:flex-end;align-items:flex-start;grid-gap:10px;gap:10px}.calculator .buttons button{width:100%;font-size:var(--headline-font-size);padding:.4rem 0;background:inherit;display:flex;align-items:center}.calculator .flex{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (orientation:landscape) and (max-width:932px){.calculator .display input[type=text]{padding:.3rem!important}.calculator .buttons{gap:5px!important}.calculator .buttons button{padding:.2rem 0!important}}.inspections button:disabled,.inspections input:disabled,.inspections select:disabled{opacity:.6}.inspections .buttons ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;width:calc(100% - 40px);margin:0 auto 1em}.inspections .buttons ul li{list-style:none;text-align:center}.inspections .buttons ul li button{background:var(--deactive-color);border-radius:6px;display:block;padding:1em;border:0;width:100%;cursor:pointer}.inspections .buttons ul li button.green{background-color:rgb(0,141,71);color:#fff}.inspections .buttons ul li button.red{background-color:rgb(214,0,0);color:#fff}.inspections .buttons ul li button.yellow{background-color:rgb(214,153,0);color:#fff}.inspections .buttons ul li button.active{outline:3px solid #00c5ff;outline-offset:3px;cursor:not-allowed}.inspections .buttons ul li button:active,.inspections .buttons ul li button:hover{opacity:.8}.inspections .buttons ul li button.disabled{opacity:.2;cursor:not-allowed}.inspections .buttons p{text-align:center;color:rgb(214,0,0);margin:0 0 1em;font-weight:700}.inspections .place{padding:1em;width:calc(100% - 40px);margin:1em auto;background:#e7f1ff;border-radius:6px}.inspections .place dl{display:grid;grid-template-columns:100px calc(100% - 120px);align-items:flex-start;justify-content:flex-start;grid-gap:20px;gap:20px;margin:0 0 .5em;padding:0 0 .5em;border-bottom:2px solid #d5e4ff}.inspections .place dl:last-child{border-bottom:0;margin:0;padding:0}.inspections .place dl dt{width:100px;font-weight:700}.inspections .place dl dd{line-height:160%}.inspections .place dl dd input,.inspections .place dl dd select{width:100%;padding:.5em}.inspections .place dl dd p{font-size:80%}.inspections .error{color:rgb(214,0,0);font-weight:700;text-align:center;width:calc(100% - 40px);margin:1em auto;padding:.5em;background:#ffe6e6;border-radius:6px}.inspections .error p{white-space:pre-wrap;line-height:180%}.inspections .maintenance{width:calc(100% - 40px);margin:0 auto}.inspections .maintenance .tc{text-align:center}.inspections .maintenance h2{background:var(--accent-color);color:var(--accent-on-text);text-align:center;font-size:var(--headline-font-size);padding:.5em 0;margin:0 0 .5em}.inspections .maintenance table{width:100%}@media (max-width:769px){.inspections .maintenance .tableWrap{width:100%;overflow-x:auto}.inspections .maintenance table{display:block;width:800px}}.inspections .maintenance table tr{background:#fafafa}.inspections .maintenance table tr:nth-child(odd){background:#f0f0f0}.inspections .maintenance table tr td,.inspections .maintenance table tr th{padding:.5em}.inspections .maintenance table tr th{font-size:var(--small-font-size);background:var(--accent-color);color:var(--accent-on-text)}.inspections .maintenance table.inspections tr th:first-child{width:10%}.inspections .maintenance table.inspections tr th:nth-child(2){width:25%}.inspections .maintenance table.inspections tr th:nth-child(3),.inspections .maintenance table.inspections tr th:nth-child(4){width:10%;text-align:center}.inspections .maintenance table.inspections tr td:nth-child(6),.inspections .maintenance table.inspections tr th:nth-child(6){width:8%;text-align:center}.inspections .maintenance table.inspections tr td:nth-child(6) button{margin:0 auto}.inspections .maintenance table tr td{font-size:var(--small-font-size);max-width:250px}.inspections .maintenance table tr td ul{display:flex;justify-content:center;align-items:center;gap:10px}.inspections .maintenance table tr td ul li{list-style:none}.inspections .maintenance table tr td ul li span{font-weight:700;background:var(--deactive-color);padding:.2em .5em;border-radius:6px;visibility:hidden}.inspections .maintenance table tr td ul li span:not(:empty){visibility:visible}.inspections .maintenance table tr td button{background:var(--accent-color);color:var(--accent-on-text);border-radius:6px;display:block;padding:1em 1.5em;border:0;cursor:pointer}.inspections .maintenance table tr td button svg{width:15px;height:15px}.inspections .maintenance table tr td button:active,.inspections .maintenance table tr td button:hover{opacity:.8}.inspections .maintenance table tr td button.active{border:3px solid #aaa}.inspections .maintenance table tr td.valiation ul li:first-child button{background:#3b74bf}.inspections .maintenance table tr td.valiation ul li:nth-child(2) button{background:#d85b08}.inspections .maintenance table tr td.valiation ul li:nth-child(3) button{background:#19830b}.inspections .maintenance table tr td.inspection-tools ul li>button,.inspections .maintenance table tr td.inspection-tools ul li>div>button{width:35px;height:35px;padding:0;background:#3b74bf}.inspections .maintenance table tr td input[type=text],.inspections .maintenance table tr td select{width:100%;padding:.5em}.inspections .maintenance .elevator{display:grid;grid-template-columns:20% 58% 20%;grid-gap:1%;gap:1%;align-items:center;justify-content:center}.inspections .maintenance .elevator input{width:100%;padding:.5em}.inspections .maintenance .elevator button{padding:.5rem 0;font-size:var(--normal-font-size)}.inspections .maintenance .counter{display:flex;justify-content:center;align-items:center;gap:10px}.inspections .maintenance .counter span{font-weight:700;background:var(--deactive-color);padding:.2em .5em;border-radius:6px}.qrcode-reader{padding:2em}.qrcode-reader button{background:var(--accent-color);color:var(--accent-on-text);border-radius:6px;display:block;padding:1em 2rem;border:0;margin:0 auto .5em;cursor:pointer}.qrcode-reader p{font-size:12px;text-align:center;margin-top:.2em}