.incident-live-screen{position:absolute;inset:18px 4% 235px;display:flex;align-items:stretch;justify-content:center;gap:24px;overflow:auto;color:#1a304b;font-family:'Noto Sans JP',sans-serif;background:#23364c;padding:18px;border-radius:10px}
.incident-live-screen h2,.incident-live-screen h3,.incident-live-screen b,.incident-live-screen strong{color:#183655}.incident-live-screen p{color:#354b65;line-height:1.7}.incident-live-screen header{position:static;display:flex;justify-content:space-between;gap:20px;padding:16px 22px;background:#fff;border-bottom:1px solid #a8bbcf;font-weight:700}.incident-live-screen header span{font-size:13px;font-weight:400}
.incident-web-screen,.incident-work-screen,.incident-chat-screen{flex:1;min-width:0;max-width:900px;background:#f2f6fb;overflow:auto;border:1px solid #8ca5c0;border-radius:8px}.incident-browser-tab{padding:10px 18px;background:#dce5f0;font-size:12px}.incident-browser-address{margin:8px 14px;padding:9px 15px;border:1px solid #869bb2;border-radius:20px;background:#fff;font-size:12px;overflow-wrap:anywhere}.incident-web-body{padding:20px 28px}.incident-web-body h2{font-size:23px;margin:8px 0}.incident-web-body>p{font-size:13px}.incident-progress{padding:12px 16px;background:#e1ecfa;color:#164e90;font-weight:700;border-radius:5px}.incident-support{margin-top:18px;background:#fff;border:1px solid #a9bbcf;border-radius:7px;padding:14px 18px}.incident-support p{margin:6px 0 0}
.incident-phone{flex:0 0 270px;background:#fff;border:7px solid #172438;border-radius:27px;padding:14px 17px;box-shadow:0 6px 24px #0005;overflow:auto}.phone-speaker{width:60px;height:5px;background:#172438;border-radius:4px;margin:0 auto 15px}.incident-phone header{padding:8px 0 15px;font-size:12px}.incident-phone>small{display:block;margin-top:18px;color:#526b84}.incident-phone h3{font-size:19px;line-height:1.6;margin:8px 0}.incident-phone>p{overflow-wrap:anywhere;font-size:12px}.incident-live-screen dl{margin:16px 0}.incident-live-screen dt{font-size:12px;color:#526b84}.incident-live-screen dd{margin:4px 0 13px;font-size:14px;font-weight:600}.phone-actions{display:flex;gap:10px}.phone-actions span{flex:1;text-align:center;padding:10px;background:#1856a5;color:white;border-radius:5px}.phone-actions span+span{background:#e6edf5;color:#25435f}.incident-shipping{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:#fff;padding:18px;border-top:1px solid #a9bbcf;font-size:13px}.incident-shipping strong{margin-left:auto;background:#e3ecf5;padding:5px 12px;border-radius:4px}.incident-work-screen>h2{font-size:22px;padding:5px 24px}.incident-message{background:white;border:1px solid #b9ccde;border-radius:12px;padding:14px 18px;margin:16px 20px;max-width:85%;font-size:14px}.incident-message.mine{margin-left:auto;background:#dcecff}.incident-message p{margin:6px 0 0}.incident-link{margin:0 20px;text-align:right;font-size:12px;color:#1856a5;overflow-wrap:anywhere}.incident-record-card{margin:20px;padding:20px;background:white;border:1px solid #a9bbcf;border-radius:6px}
.modal:has(.incident-live-screen){width:min(1120px,96vw);max-width:1120px}.modal .incident-live-screen{position:relative;inset:auto;max-height:46dvh;padding:10px;margin:0 0 16px}.modal .incident-live-screen h2{font-family:'Noto Sans JP',sans-serif;color:#183655}.modal .incident-live-screen .incident-phone{flex-basis:250px}
@media(max-height:500px){.incident-live-screen{inset:6px 2% calc(clamp(126px,34dvh,152px) + max(8px,env(safe-area-inset-bottom)) + 12px);gap:12px;padding:8px}.incident-phone{flex-basis:240px;border-width:4px;border-radius:15px;padding:6px 12px}.phone-speaker{display:none}.incident-phone header,.incident-live-screen header{padding:7px 12px}.incident-phone>small{margin-top:7px}.incident-phone h3{font-size:15px;margin:4px 0}.incident-phone p{margin:4px 0}.incident-live-screen dl{margin:8px 0}.incident-live-screen dd{margin-bottom:7px;font-size:12px}.incident-browser-tab{display:none}.incident-browser-address{margin:4px 8px;padding:5px 10px}.incident-web-body{padding:8px 16px}.incident-web-body h2{font-size:17px}.incident-web-body>p{margin:4px 0}.incident-progress{padding:6px 10px}.incident-support{margin-top:8px;padding:8px 12px;font-size:12px}.incident-shipping{padding:9px;font-size:12px}.incident-message{padding:8px 12px;margin:10px;font-size:12px}.modal .incident-live-screen{max-height:40dvh}}
.incident-live-screen header,.incident-live-screen header span{color:#1a304b}
.modal .incident-live-screen b,.modal .incident-live-screen strong,.modal .incident-live-screen h3{color:#183655}