*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",sans-serif;background:#f6f7f9;color:#20242a}.topbar{height:64px;background:#fff;border-bottom:1px solid #e2e5e9;display:flex;align-items:center;padding:0 24px;gap:28px;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px;color:#111;text-decoration:none}.topbar nav{display:flex;gap:18px;flex:1}.topbar nav a,.userbox a{color:#374151;text-decoration:none}.userbox{display:flex;gap:14px;align-items:center}.userbox form{margin:0}.linkbutton{border:0;background:none;padding:0;color:#374151;cursor:pointer}.container{max-width:1180px;margin:28px auto;padding:0 20px}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.pagehead h1{margin:0;font-size:28px}.muted{color:#69717d}.notice{background:#eef6ef;border:1px solid #cde4d1;padding:12px 14px;border-radius:8px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e0e4e8;border-radius:12px;padding:20px;margin-bottom:18px}.panel h2{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats div{background:#fff;border:1px solid #e0e4e8;border-radius:10px;padding:18px}.stats strong{display:block;font-size:28px}.stats span{color:#69717d}.task{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf0f2;padding:18px 0}.task:first-of-type{border-top:0}.task.overdue{border-left:4px solid #b42318;padding-left:14px}.task h3{margin:6px 0}.task p{margin:6px 0}.task-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef1f4;font-size:12px}.button,button{display:inline-block;border:1px solid #c9cfd6;border-radius:8px;background:#fff;color:#20242a;text-decoration:none;padding:9px 13px;cursor:pointer}.primary{background:#1f2937;color:#fff;border-color:#1f2937}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7eaee;white-space:nowrap}th{font-size:13px;color:#68707b}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid label,.stack label{display:flex;flex-direction:column;gap:7px;font-weight:600}.span2{grid-column:1/-1}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd5dc;border-radius:7px;font:inherit;background:#fff}.stack{display:flex;flex-direction:column;gap:16px}.checkbox{flex-direction:row!important;align-items:center}.checkbox input{width:auto}.login-card{max-width:430px;margin:9vh auto;background:#fff;border:1px solid #e0e4e8;border-radius:14px;padding:28px}.login-card h1{margin-bottom:0}.error{color:#b42318}.case-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.case-summary>div{background:#fff;border:1px solid #e0e4e8;border-radius:10px;padding:14px}.case-summary span{display:block;color:#69717d;font-size:12px;margin-bottom:5px}.statusbig{background:#eef1f4;border-radius:999px;padding:8px 12px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.preserve{white-space:pre-wrap}dl{display:grid;grid-template-columns:80px 1fr;gap:8px}dt{color:#69717d}.history{display:grid;grid-template-columns:1fr 140px 160px;gap:10px;padding:10px 0;border-top:1px solid #edf0f2}.empty{padding:28px 10px;text-align:center;color:#69717d}.dev{border-style:dashed}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions form{display:flex;gap:6px}.actions input{width:110px}code{font-size:12px}.pagination{margin-top:18px}@media(max-width:800px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:14px 18px}.topbar nav{order:3;width:100%;overflow:auto}.container{margin-top:20px}.stats{grid-template-columns:1fr 1fr}.case-summary{grid-template-columns:1fr 1fr}.grid2,.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.task{flex-direction:column}.history{grid-template-columns:1fr}.pagehead{flex-direction:column}.userbox{margin-left:auto}}

.notice-error{
    background:#fef3f2;
    border-color:#fecdca;
    color:#912018;
}
.notice-error strong{
    color:#b42318;
}

/* LINE operations: functional PC workspace and a separate mobile conversation route. */
.line-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.line-heading h1{margin:0 0 8px}.line-heading p{margin:0;color:#465565}
.line-search{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.line-search input:not([type=checkbox]){max-width:360px;flex:1;min-width:140px}
.line-row,.line-mobile-row{display:block;padding:18px;color:inherit;text-decoration:none;border-bottom:1px solid #d7e0e8;background:white}.line-row:hover,.line-mobile-row:hover{background:#f0f6fa}.line-row p{margin:10px 0}.line-badge{display:inline-block;font-size:14px;background:#eaf0f5;color:#28445b;border-radius:4px;padding:3px 7px;margin:0 5px}
.line-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}.line-workspace>*{min-width:0}.line-panel{background:white;border:1px solid #ccd7df;border-radius:8px;padding:20px;margin-bottom:20px}.line-panel h2{font-size:20px;margin:0 0 16px}
.line-panel label,.line-details label{display:block;margin:12px 0 6px}.line-panel input,.line-panel select,.line-panel textarea,.line-details select{width:100%;box-sizing:border-box;min-height:44px;font:inherit}.line-check{display:flex!important;align-items:flex-start;gap:9px;font-size:14px}.line-check input{width:18px;min-height:18px;flex:none;margin-top:3px}
.line-help{font-size:14px;line-height:1.7;color:#435568}.line-details{margin-top:14px;border-top:1px solid #d5dfe7;padding-top:12px}.line-details summary{cursor:pointer;padding:7px 0;font-weight:600}.line-details p{font-size:14px;line-height:1.7}
.line-message{padding:18px;margin:0 34px 18px 0;border:1px solid #d3dee6;background:white;border-radius:10px}.line-message.outgoing{margin:0 0 18px 34px;background:#edf6fb}.line-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8;margin:12px 0}.line-message-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px;color:#3f5363}.line-history-title{font-size:20px}.line-empty{padding:24px;background:white;color:#40546a}
.line-mobile{max-width:680px;margin:auto}.line-mobile-list{border:1px solid #d3dee6;border-radius:8px;overflow:hidden}.line-mobile-row strong{display:block;margin-bottom:5px}.line-mobile-row span,.line-mobile-row small{font-size:14px;color:#40546a}.line-mobile-row p{margin:10px 0;overflow-wrap:anywhere}.line-chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.line-chat-header h1{font-size:20px;margin:0;overflow-wrap:anywhere}.line-mobile .line-panel{padding:16px}.line-mobile .line-message{margin-right:20px}.line-mobile .line-message.outgoing{margin-left:20px;margin-right:0}
#line-reply{scroll-margin-top:20px}button,input,select,textarea{max-width:100%}.line-list,.line-panel,.line-message,.line-heading{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1477b9;outline-offset:3px}
@media(max-width:780px){.line-workspace{grid-template-columns:1fr}.line-heading{align-items:flex-start;flex-wrap:wrap}.line-panel{padding:16px}.line-composer button{width:100%;min-height:46px}.line-chat-header>a{white-space:nowrap}.line-mobile .line-search{display:grid;grid-template-columns:1fr auto}.line-mobile .line-search>label:first-child{grid-column:1/-1}.line-mobile .line-search .line-check{grid-column:1/-1}.line-mobile input,.line-mobile textarea,.line-mobile select{font-size:16px}.topbar{flex-wrap:wrap}.topbar nav{flex-wrap:wrap;gap:12px}.line-message-meta{font-size:13px}}

.line-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0}.line-pagination a{padding:12px;border:1px solid #cad6df;border-radius:6px;background:#fff}.line-panel button,.line-details button{min-height:44px}body:has(.line-mobile) .topbar{position:static}#line-reply{scroll-margin-top:170px}
@media(max-width:480px){
 .topbar{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 18px}
 .topbar .brand{grid-row:1}.topbar .userbox{grid-row:2;margin:0;justify-content:space-between;font-size:14px}
 .topbar nav{grid-row:3;display:flex;width:100%;min-width:0;gap:12px;flex-wrap:wrap;font-size:14px;overflow:visible}
 .topbar nav a{white-space:nowrap}
}

.line-event-summary{grid-template-columns:120px minmax(0,1fr);margin:16px 0}.line-event-summary dd{margin:0;overflow-wrap:anywhere}.line-correlation{border-top:1px solid #d6dfe7;padding:12px 0;overflow-wrap:anywhere}button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:480px){.line-event-summary{grid-template-columns:1fr;gap:3px}.line-event-summary dd{margin-bottom:10px}}
