*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#fff;margin:0;overflow:hidden}input,select,button{font-family:Arial,Microsoft JhengHei,sans-serif}.terminal-frame{color:#000;background:#fff;width:100vw;min-width:1180px;height:100vh;padding-bottom:78px;font-family:Arial,Microsoft JhengHei,sans-serif;font-size:14px;position:relative;overflow:hidden}.top-strip{background:#fff;border-bottom:1px solid #d6d6d6;height:154px;padding-top:24px}.ivrs-row{color:#154fe8;align-items:center;gap:7px;margin-left:115px;font-weight:700;display:flex}.ivrs-row label:nth-of-type(2){margin-left:2px}.yellow-input{background:#fff500;border:2px inset #bdbdbd;height:22px}.yellow-input.long{width:477px}.yellow-input.short{width:100px}.wide-top-input{background:#fff;border:1px solid #c6c6c6;width:949px;height:34px;margin:22px 0 0 114px;display:block}.orange-query{background:linear-gradient(#ffc84e,#f1a128);border:1px solid #f0a32c;height:34px;position:relative;box-shadow:inset 0 1px #ffffff59}.orange-query button{position:absolute;top:4px;right:189px}.case-toolbar{color:#200;background:linear-gradient(#ffc653,#f7a929);border-top:1px solid #f5bd4b;border-bottom:1px solid #d38d1c;height:132px;overflow:hidden}.case-toolbar-row{align-items:center;display:flex}.case-toolbar-top{gap:42px;height:42px;padding-left:3px}.case-toolbar-title{color:#8d1700;letter-spacing:0;font-size:23px;font-weight:900}.case-toolbar-tab{color:#168e3b;background:#f3fff1;border:1px solid #9ed58c;padding:0 2px;font-size:22px;font-weight:900;line-height:26px;box-shadow:inset 0 0 0 1px #fffc}.case-toolbar-actions{white-space:nowrap;gap:7px;height:41px;padding-left:4px}.case-toolbar-actions button{color:#111;background:linear-gradient(#fff,#e8e8e8);border:2px outset #d6d6d6;border-radius:2px;min-width:auto;height:34px;padding:2px 14px;font-size:21px;font-weight:800;line-height:24px}.case-toolbar-actions button:disabled{color:#b18129;background:#ebbd526b;border-color:#d5a53e99}.case-toolbar-actions .cyan-button{color:#003b4d;background:linear-gradient(#25dffc,#08add0);border-color:#008aa5}.toolbar-gap{flex:none;width:82px}.toolbar-gap.large{width:112px}.case-number-row{color:#210000;align-items:center;gap:8px;height:37px;padding-left:4px;font-family:Courier New,monospace;font-size:22px;font-weight:900;display:flex}.case-number-row mark{color:#6b1600;background:#fff600;padding:0 1px}.case-number-row strong{color:#210000}.work-area{margin:11px 20px 0}button{color:#111;cursor:default;background:linear-gradient(#fff,#e9e9e9);border:2px outset #dfdfdf;border-radius:2px;min-width:80px;height:26px;padding:1px 11px;font-size:14px;line-height:18px}button:disabled{color:#7f9b63;background:#9cc47f;border-color:#7fb566}.button-line{align-items:center;gap:10px;height:28px;display:flex}.first-buttons .right-button{margin-left:auto}.green-title,.case-title{color:#fff;background:#5a9b2d;align-items:center;gap:24px;height:26px;padding-left:2px;font-weight:700;display:flex}.green-title button{width:94px}.green-title .return-button{color:#222;background:linear-gradient(#fff,#e9e9e9);border-color:#dfdfdf;width:auto;margin-left:auto;margin-right:190px}.form-grid{background:#fff;align-items:center;display:grid}.reception-grid{grid-template-columns:72px 226px 112px 217px 86px 202px 31px 86px 154px;grid-auto-rows:28px;padding:5px 0 3px}.field{display:contents}.field span,.date-range>span{white-space:nowrap;padding-left:0;font-weight:700}.field input,.field select,.date-range input,.date-range select{color:#000;background:#eee;border:2px inset #d8d8d8;height:22px;padding:0 3px;font-size:14px}.field select{color:#1e21cf;background:#eee}.field.wide input{width:455px}.ellipsis-field button,.date-range button{width:29px;min-width:29px;height:24px;padding:0}.orange-section-title,.result-title{color:#b93000;background:linear-gradient(#ffc84e,#f4ad36);border-top:1px solid #e7b357;align-items:center;gap:13px;height:34px;padding-left:3px;font-weight:700;display:flex}.orange-section-title button{color:#111;font-weight:400}.grey-title,.list-title.grey{color:#000;background:#c8c8c8;align-items:center;height:22px;padding-left:4px;font-weight:700;display:flex}.compact-grid{grid-template-columns:112px 126px 112px 188px 82px 142px 110px 181px 1fr;grid-auto-rows:27px;padding:4px 0 2px}.date-range{grid-column:span 4;grid-template-columns:106px 105px 31px 22px 105px 31px;align-items:center;display:grid}.date-range em{text-align:center;font-style:normal;font-weight:700}.blue-title,.list-title.blue{color:#00427e;background:#8fc7fb;align-items:center;height:23px;padding-left:4px;font-weight:700;display:flex}.citizen-grid{grid-template-columns:112px 126px 112px 188px 82px 142px 1fr;padding-bottom:3px}.case-title{color:#00590c;background:#83fa8c;gap:9px;height:25px}.case-title label{color:#004a12;align-items:center;gap:2px;font-weight:400;display:flex}.case-title input{width:14px;height:14px;margin:0}.case-grid{grid-template-columns:112px 126px 112px 188px 105px 141px 1fr;grid-auto-rows:27px}.case-grid .date-range{grid-column:span 4}.search-button{justify-self:start;width:73px}.result-title{color:#9d3c00;background:linear-gradient(#d9912f,#c67818);height:24px}.list-title{height:22px;margin-top:10px;padding-left:18px}.list-title.blue{margin-top:16px}.list-title.green{color:#00590c;background:#86fa8e;align-items:center;height:22px;margin-top:8px;padding-left:18px;font-weight:700;display:flex}.phone-bar{color:#fff;background:linear-gradient(135deg,#0000 0 58%,#ffffff73 58.3% 58.8%,#0000 59%),linear-gradient(#d3d3d7,#5a5b63 39%,#101116 40%,#d9d9df 70%,#bfc0c8);border-top:2px solid #6f6f78;align-items:center;gap:6px;height:78px;padding:21px 18px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.phone-status,.time-label,.status-label{color:#fff;text-shadow:0 1px 2px #000;font-weight:700}.phone-bar button{color:#fff;text-shadow:0 1px #8f4b00;background:linear-gradient(#ffbb3a,#ee7b00);border:2px outset #c78b22;border-radius:6px;min-width:38px;height:34px;font-size:20px;font-weight:700}.phone-bar select{width:92px;height:27px;margin-left:2px;font-size:14px}.idle-box{color:#efffe4;background:#078300;border:2px inset #d7d7d7;justify-content:center;align-items:center;width:125px;height:24px;font-family:Courier New,monospace;font-weight:700;display:inline-flex}.refresh{color:#56b7db!important;min-width:36px!important;text-shadow:none!important;background:0 0!important;border-color:#75a7c8!important;font-size:28px!important}.pager{color:#fff;text-shadow:0 1px #633900;margin-left:auto;font-size:22px}.agent-box{color:#111;align-self:flex-start;margin-top:-7px;margin-left:12px;font-size:14px}.counter-box{color:#fff;text-align:center;background:linear-gradient(#36b6db,#1f88bd);border:2px outset #82cddc;border-radius:6px 6px 0 0;flex-direction:column;justify-content:center;align-items:center;width:64px;height:54px;margin-left:2px;font-weight:700;line-height:16px;display:flex}