:root{font-family:Inter,"Pretendard","Malgun Gothic",system-ui,sans-serif;color:#e9edf3;background:#101419;font-synthesis:none;--panel:#191f27;--border:#313b48;--muted:#a5b0bf;--accent:#8de3bf;--danger:#ff9a99}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #485564;background:#26313d;color:#edf3fa;border-radius:8px;padding:10px 16px;text-decoration:none;cursor:pointer;font-size:.9rem;white-space:nowrap}button:hover,.button:hover{background:#354354}button:disabled{opacity:.45;cursor:wait}.primary{background:#8de3bf;color:#12251e;border-color:#8de3bf;font-weight:700}.primary:hover{background:#b0f4d7}.danger{color:#fff;background:#813c42;border-color:#a75158}.danger:hover{background:#a54b53}input,textarea,select{background:#11171e;border:1px solid #425061;border-radius:7px;padding:11px 12px;color:#f1f4fa;width:100%;min-width:0}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input::placeholder,textarea::placeholder{color:#8795a8}label{display:block;color:#bfc9d7;font-size:.87rem;line-height:1.5;margin:14px 0}label>input,label>textarea,label>select{display:block;margin-top:7px}header{display:flex;align-items:center;justify-content:space-between;padding:23px max(28px,calc((100vw - 1500px)/2));gap:20px;border-bottom:1px solid var(--border);background:#131920}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:.98rem;font-weight:700}.brand small{display:block;color:var(--muted);font-size:.72rem;font-weight:400;margin-top:4px}.mark{padding:9px 7px;border:1px solid #8cbaaa;color:var(--accent);font-size:1.05rem;letter-spacing:1px}.account{display:flex;align-items:center;gap:15px;font-size:.8rem;color:var(--muted)}main{max-width:1500px;margin:auto;padding:36px 28px 60px}h1{font-size:1.8rem;margin:8px 0 0;letter-spacing:-.6px}h2{font-size:1.13rem;margin:0 0 8px}h3{font-size:.96rem;margin:8px 0}p{line-height:1.7;color:var(--muted);font-size:.88rem;margin:8px 0 16px}.eyebrow{font-size:.68rem;color:var(--accent);letter-spacing:2px;font-weight:650;margin:0 0 8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar label{min-width:310px;margin:0}nav{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:28px 0;padding-bottom:16px;overflow:auto}nav button{background:transparent;border-color:transparent;color:#b4c0cf}.selected{color:var(--accent);background:#21352e;border-color:#3c5f51}nav .selected{color:var(--accent);background:#21352e;border-color:#3c5f51}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:22px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title p{margin:0}.inline{display:flex;align-items:end;gap:12px}.inline label{margin-top:0}.inline>button{margin-bottom:14px}.wrap{flex-wrap:wrap}.grow{flex:1}.fields{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.fields>label{flex:1;min-width:150px}.fields>button{margin-bottom:14px}.manage-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:24px;align-items:start}.badge{font-size:.7rem;border-radius:20px;background:#273b33;color:var(--accent);padding:5px 10px;white-space:nowrap}.hint{font-size:.76rem;color:#a2b0c2}.divider{height:1px;background:var(--border);margin:24px 0}.check{display:flex;align-items:center;gap:10px;font-size:.84rem}.check input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:#8de3bf}.file-drop{border:1px dashed #556475;border-radius:8px;padding:14px}.file-drop span{display:block;margin-top:6px;font-size:.72rem;color:var(--muted)}.file-drop input{border:0;padding:8px 0;background:transparent;font-size:.8rem}.submit-row{border-top:1px solid var(--border);margin-top:20px;padding-top:10px}.submit-row button{width:100%;margin-top:8px}.preview{border-top:3px solid #8de3bf}.preview dl{margin:20px 0}.preview dt{font-size:.73rem;color:var(--muted);margin-top:16px}.preview dd{font-size:.95rem;margin:5px 0;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.record{border:1px solid var(--border);border-radius:10px;padding:20px;background:#191f27;margin:12px 0;overflow-wrap:anywhere}.record h3{color:#eef4fc;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.record p,.record pre{white-space:pre-wrap;overflow-wrap:anywhere}.record small{font-size:.73rem;color:var(--muted)}.record .reason{color:#e1e8f1;font-size:.92rem}.record a{color:var(--accent)}.record button{margin:6px 8px 0 0}.record img{display:block;max-width:100%;max-height:360px;border-radius:8px;margin:12px 0}.evidence-item{border-left:2px solid #506357;padding:10px 16px;margin:16px 0;background:#141b22}.evidence-item p{margin:4px 0}.status-error{color:var(--danger)}.status-ok{color:var(--accent)}.empty{text-align:center;padding:36px;color:var(--muted);font-size:.9rem}.candidate{display:flex;width:100%;justify-content:space-between;margin:8px 0;white-space:normal;gap:12px}.op{padding:14px 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.op p{font-size:.78rem;margin:5px 0}.op button{font-size:.73rem;padding:6px 10px;margin:5px 6px 0 0}.case-detail{border-top:3px solid #adbbdf;scroll-margin-top:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0}.stat{border:1px solid var(--border);padding:16px;border-radius:8px}.stat strong{display:block;font-size:1.5rem;margin-top:8px}.welcome{max-width:960px;padding:100px 28px 140px;margin:auto}.welcome h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.35;margin-bottom:25px;letter-spacing:-2px}.welcome p{font-size:.96rem}.welcome .eyebrow{font-size:.7rem}footer{font-size:.7rem;text-align:center;padding:25px;color:#8f9aaa;border-top:1px solid var(--border)}.upload-item{font-size:.8rem;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:7px 0}.upload-item button{padding:4px 9px}.muted{color:var(--muted)}pre{font-family:inherit;font-size:.8rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}details{margin:12px 0}summary{cursor:pointer;color:#b7cabf;font-size:.84rem}[hidden]{display:none!important}@media(max-width:1000px){.manage-grid{grid-template-columns:1fr}.manage-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toolbar label{min-width:250px}}@media(max-width:680px){header{padding:18px;align-items:flex-start}.brand{font-size:.8rem}.account{gap:8px;flex-wrap:wrap;justify-content:flex-end}#connection{display:none}main{padding:24px 16px}.toolbar{display:block}.toolbar label{margin-top:22px}.panel{padding:18px}.manage-grid aside{display:block}.inline{flex-wrap:wrap}.inline .grow{flex-basis:100%}.inline>button{margin-bottom:8px}.section-title{align-items:start}.fields{gap:6px 12px}.fields>label{min-width:130px}.welcome{padding:75px 24px}.account button,.account .button{font-size:.72rem;padding:8px}.brand .mark{display:none}nav{gap:0}nav button{padding:10px 12px;font-size:.82rem}}
/* 기록 목록을 중심으로 한 관리실 */
:root{--panel:#151c28;--border:#293346;--muted:#9aa9bf;--accent:#96bcff;--danger:#ffaaa8;background:#0c111b;color:#e7edf8}
body{background:radial-gradient(ellipse at 85% 0,#1b2b463b,transparent 42%),#0c111b;min-height:100vh}header{background:#101722;padding:18px max(28px,calc((100vw - 1640px)/2));border-color:#253044}.server-logo{border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px #ffffff20}.brand small{letter-spacing:.08em}.account{font-size:.75rem}main{max-width:1640px;padding-top:30px}.toolbar h1{font-size:1.85rem;font-weight:650;letter-spacing:-1px}.toolbar label{min-width:250px;font-size:.75rem}.toolbar select{background:#151d2a}nav{align-items:center;margin:24px 0 20px;padding-bottom:14px;overflow:visible}nav .selected{background:#243752;color:#b9d2ff;border-color:#3b5478}.primary,nav .primary{background:#92b9ff;color:#101e35;border-color:#92b9ff;font-weight:700}.primary:hover,nav .primary:hover{background:#b7d0ff}.new-action{margin-left:auto}.nav-more{position:relative;margin:0}.nav-more summary{list-style:none;padding:12px;color:var(--muted)}.nav-more[open] button{position:absolute;top:40px;left:0;background:#202c3e;z-index:4;border:1px solid var(--border);box-shadow:0 8px 30px #0006}.demo-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#162337;border:1px solid #2f4564;border-radius:8px;font-size:.78rem;color:#b1c7e9;margin-bottom:26px}.demo-banner .badge{background:#30476b;color:#d9e7ff}.record-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.record-layout.has-pane{grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr)}.record-layout>.view{min-width:0}.panel{border-radius:12px;padding:22px;background:#141c29;border-color:#283449;box-shadow:0 6px 22px #00000012}.history-filters{gap:14px}.history-filters>label{min-width:100px;flex:.6}.history-filters>.record-search{flex:2.3}.history-filters input,.history-filters select{font-size:.84rem;background:#101722}.record-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2.4fr) 120px 110px;align-items:center;gap:22px;padding:20px 22px;border-bottom:1px solid #253044;background:#141c29;transition:background .15s;min-width:0}.record-row:first-child{border-radius:12px 12px 0 0}.record-row:last-child{border-radius:0 0 12px 12px;border-bottom:0}.record-row:hover{background:#1b2637}.record-row.is-selected{background:#20334e;box-shadow:inset 3px 0 #96bcff}.record-identity,.record-summary{min-width:0}.record-identity strong{display:block;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-row small{display:block;color:#8e9db3;font-size:.72rem;line-height:1.7;overflow-wrap:anywhere}.record-identity small{margin-top:5px;font-size:.67rem}.record-summary p{color:#cdd7e7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:.83rem;line-height:1.65;overflow-wrap:anywhere}.record-state{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.kind-label{font-size:.76rem;color:#c0cde0}.badge{background:#263d52;color:#add8ff;font-size:.67rem;padding:4px 9px}.status-released,.status-expired,.status-deleted{background:#28303d;color:#aab6c8}.status-applying{background:#4a3927;color:#f0ca94}.record-date{text-align:right}.record-date button{border:0;background:transparent;color:#a7c6ff;padding:7px 0;font-size:.76rem}.work-pane{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#465570 transparent;min-width:0}.pane-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#243650;border-radius:12px 12px 0 0;font-weight:650}.pane-heading button{padding:6px 12px;font-size:.76rem}.manage-grid{display:block}.manage-grid>.panel{border-radius:0 0 12px 12px}.manage-grid aside{display:block}.manage-grid .preview{border-top:1px solid var(--border)}.work-pane label{font-size:.78rem}.work-pane input,.work-pane textarea,.work-pane select{font-size:.84rem}.work-pane .fields{gap:12px}.work-pane .fields>label{min-width:120px}.work-pane .record{padding:0;border:0;background:none}.case-detail{border-top:3px solid #729de6}.case-detail .section-title{padding-bottom:12px;border-bottom:1px solid var(--border)}.case-detail .record h2{font-size:1.25rem;margin-top:24px}.case-detail .record .reason{line-height:1.85;font-size:.88rem}.work-pane details{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:16px 0}.work-pane summary{font-size:.8rem;color:#b7c8df;font-weight:600}.evidence-item{background:#0f1723;border-left-color:#6083b8}.danger{background:#753e48;border-color:#97515b}.check input{accent-color:#96bcff}.welcome{position:relative;padding-right:340px;max-width:1120px}.welcome:after{content:"";position:absolute;right:28px;top:90px;width:280px;height:280px;background:url('/static/server_logo.jpg') center/cover;border-radius:28px;box-shadow:0 24px 80px #0006;transform:rotate(3deg)}.welcome h1{font-size:3.4rem}#historyCount{font-size:.78rem}.has-pane .record-row{grid-template-columns:minmax(100px,1fr) minmax(140px,1.4fr) 88px;gap:12px;padding:17px}.has-pane .record-date{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.has-pane .record-identity small{font-size:.62rem}#historyMore{margin-top:18px;width:100%}.case-detail:focus{outline:none}
@media(max-width:1099px){.record-layout.has-pane{grid-template-columns:1fr}.work-pane{position:relative;top:auto;max-height:none;grid-row:1}.record-layout.has-pane #historyView{grid-row:2}.welcome{padding-right:300px}.welcome:after{width:240px;height:240px}.welcome h1{font-size:2.8rem}}
@media(max-width:680px){header{padding:16px}.server-logo{width:40px;height:40px}.account{max-width:135px}.toolbar h1{font-size:1.6rem}.demo-banner{font-size:.7rem;line-height:1.7;padding:9px}nav button{font-size:.76rem;padding:10px}nav .nav-more summary{font-size:.76rem;padding:10px 6px}.panel{padding:16px}.record-row,.has-pane .record-row{grid-template-columns:minmax(0,1fr) 95px;gap:12px;padding:16px}.record-identity{grid-column:1}.record-state{grid-column:2;grid-row:1}.record-summary{grid-column:1/3}.record-date,.has-pane .record-date{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;margin:0}.record-identity small{font-size:.7rem}.history-filters .record-search{flex-basis:100%}.welcome{padding:220px 24px 60px}.welcome:after{top:30px;left:24px;right:auto;width:150px;height:150px;border-radius:18px}.welcome h1{font-size:2.5rem}.new-action{padding:10px 12px}footer{line-height:1.7}}
header{padding-top:12px;padding-bottom:12px}main{padding-top:20px}.demo-banner{margin-bottom:16px;padding:7px 12px}.toolbar .eyebrow{display:none}.toolbar h1{font-size:1.65rem}.toolbar label{font-size:.7rem}.toolbar select{padding:8px 12px}.toolbar label>select{margin-top:4px}nav{margin:16px 0;padding-bottom:12px}#historyView>.panel{padding:16px 20px;margin-bottom:16px}#historyView .section-title{margin-bottom:4px}#historyView .fields label{margin:8px 0}#historyView details{margin:8px 0 0}#historyView details summary{font-size:.73rem}.record-layout.has-pane:has(#historyView[hidden]){grid-template-columns:1fr}#recordLayout:has(#historyView[hidden]) #caseDetail{position:relative;max-height:none}.history-filters .record-search{min-width:160px}
@media(max-width:680px){.brand{font-size:.7rem;gap:8px}.brand>span{white-space:nowrap}.account{font-size:.65rem;max-width:80px}}
/* 밝은 작업 표면과 조치별 색상으로 정보 위계 구분 */
.panel,.record-row{background:#f5f7fb;color:#243047;border-color:#d7dfe9}.panel h2,.panel h3,.record h3{color:#1e2b40}.panel p,.panel label,.panel small{color:#5c6a80}.panel input,.panel textarea,.panel select{background:#fff;color:#26354a;border-color:#c4cfdf}.panel input::placeholder,.panel textarea::placeholder{color:#7c8798}.panel summary{color:#465c79}.panel button{background:#e7edf6;border-color:#c4d0df;color:#344b6b}.panel button:hover{background:#d7e2f1}.panel .primary{background:#3467b9;color:#fff;border-color:#3467b9}.panel .danger{background:#a14452;color:#fff;border-color:#a14452}.panel .hint{color:#65748a}.record-row{border-bottom-color:#dce3ed;border-left:4px solid #91a1b9}.record-row:hover{background:#eaf0f9}.record-row.is-selected{background:#e3edfc;box-shadow:inset 0 0 0 1px #8fb1e7}.record-identity strong{color:#26384f}.record-row small{color:#61738b}.record-summary p{color:#35465e}.record-date button{color:#365d92;border:1px solid #b9cce7;padding:6px 9px;border-radius:6px;background:#fff;margin:3px 0}.record-state .kind-label{font-weight:700;color:#3d5574}.record-row[data-kind="ban"]{border-left-color:#c66578}.record-row[data-kind="warn"]{border-left-color:#c99b42}.record-row[data-kind="kick"]{border-left-color:#ce7952}.record-row[data-kind="caution"]{border-left-color:#469b92}.record-row[data-kind="note"]{border-left-color:#8d86b0}.record-row[data-kind="ban"] .kind-label{color:#a54358}.record-row[data-kind="warn"] .kind-label{color:#88610c}.record-row[data-kind="kick"] .kind-label{color:#a94e2b}.record-row[data-kind="caution"] .kind-label{color:#26766d}.record-row[data-kind="note"] .kind-label{color:#6c5f8f}.badge{background:#dcefe7;color:#34725d}.status-released,.status-expired,.status-deleted{background:#e2e7ee;color:#657388}.status-applying{background:#ffedc9;color:#8a651e}.panel .record{background:transparent}.panel .record .reason{color:#25374f}.panel .record a{color:#2c62a8}.panel .evidence-item{background:#e7edf6;border-left-color:#7d9cc5}.panel .evidence-item small{color:#526982}.panel .divider{background:#d2dce9}.panel .status-error{color:#b03d50}.panel .status-ok{color:#247663}.panel .empty{color:#687b93}.panel details{border-color:#cbd6e5}.panel .file-drop{border-color:#9badc5}.panel .file-drop span{color:#697a91}.record-layout>.view .panel{box-shadow:0 8px 28px #0002}.history-filters input,.history-filters select{background:#fff!important;color:#26354a!important}.work-pane summary{color:#465c79}.case-detail{border-top:4px solid #7399d2}.new-page{max-width:1180px;margin:0 auto}.new-page .manage-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:24px;margin-top:18px;align-items:start}.new-page .manage-grid>.panel{border-radius:12px}.new-page aside{position:sticky;top:20px}.new-page .preview{background:#e9eff9;border-color:#bfcfe6}.new-page .preview dt{color:#64738a}.new-page .preview dd{color:#2a405c}.new-page .pane-heading{background:transparent;padding:0 0 12px;border-bottom:1px solid #35445b;border-radius:0}.new-page .pane-heading>span{color:#a9bddb;font-size:.85rem}.new-page .action-hint{background:#edf1f8;border-left:3px solid #718db6;padding:12px;font-size:.8rem}.new-page .action-hint:empty{display:none}.new-page .submit-row{border-color:#c5d1df}.new-page details{padding:12px;border:1px solid #cfdae8;border-radius:8px}.new-page summary{font-weight:600}.lookup-actions{display:flex;gap:8px;flex-wrap:wrap}.account #restoreDemo{background:#245850;border-color:#4b9286;color:#d4fff3}.case-detail .section-title{border-color:#cbd7e7}.work-pane .record .reason{color:#25374f}#publicReasonField small{display:block;margin-top:8px}#lookupResult>.record{background:#f5f7fb;border-color:#cfdae7;color:#26354a}#lookupResult>.record .reason{color:#26354a}#lookupResult>.record small,#lookupResult>.record p{color:#52647d}#lookupResult>.record .evidence-item{background:#e8edf5}#lookupResult>.record a{color:#265f9e}.new-page .preview{display:block}.new-page aside .panel{margin-top:0}.panel .check input{accent-color:#4174c1}.panel .record-state{color:#2b3b53}.new-page #publicReasonCustom,.panel #editPublicCustom{margin-top:10px}
@media(max-width:1099px){.new-page .manage-grid{grid-template-columns:1fr}.new-page aside{position:static}.new-page .manage-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:680px){.new-page .manage-grid aside{display:block}.account:has(#restoreDemo:not([hidden])){max-width:150px}.account #restoreDemo{white-space:normal;font-size:.65rem}.lookup-actions{justify-content:flex-end}.record-row .record-date{gap:12px}.new-page .pane-heading>span{display:none}}

/* 눈부심을 줄인 짙은 작업 표면. 색조와 경계로 정보 위계를 구분한다. */
:root{--panel:#151d2a;--panel-raised:#1a2433;--panel-soft:#111a27;--border:#2c3a50;--muted:#9aa8bb;--accent:#91b9f7;color:#e2e8f1;background:#0b1018}
body{background:radial-gradient(ellipse at 84% -10%,#24375455,transparent 46%),linear-gradient(180deg,#0b1018,#0e141e 60%,#0b1018)}
.panel,.record-row,#lookupResult>.record{background:linear-gradient(145deg,#172130f2,#131b28f2);color:#dde5f0;border-color:#2c3a50;box-shadow:0 8px 28px #0004}
.panel h2,.panel h3,.record h3,.record-identity strong{color:#e8edf5}.panel p,.panel label,.panel small,#lookupResult>.record p,#lookupResult>.record small{color:#9faec2}
.panel input,.panel textarea,.panel select,.history-filters input,.history-filters select{background:#0e1621!important;color:#e5ebf4!important;border-color:#35465f!important}.panel input::placeholder,.panel textarea::placeholder{color:#6f7f94}.panel summary,.work-pane summary{color:#b9c8db}
.panel button{background:#202d3d;border-color:#3a4b62;color:#dbe5f2}.panel button:hover{background:#2a3a4f}.panel .primary{background:#789fdb;color:#0d1a2b;border-color:#8bb1eb}.panel .danger{background:#713b47;color:#ffe9eb;border-color:#94505e}.panel .hint{color:#8799b0}
.record-row{border-bottom-color:#273549;border-left-color:#647995}.record-row:hover{background:#1b2839}.record-row.is-selected{background:#20324a;box-shadow:inset 0 0 0 1px #5379ad}.record-summary p,.panel .record .reason,#lookupResult>.record .reason{color:#c9d3e1}.record-date button{color:#b8d2fb;border-color:#405977;background:#172334}.record-row[data-kind="ban"]{border-left-color:#b55b6c}.record-row[data-kind="warn"]{border-left-color:#b48c45}.record-row[data-kind="kick"]{border-left-color:#b86c4d}.record-row[data-kind="caution"]{border-left-color:#4c948c}.record-row[data-kind="note"]{border-left-color:#8177a6}.record-row[data-kind="ban"] .kind-label{color:#e092a0}.record-row[data-kind="warn"] .kind-label{color:#d8b66f}.record-row[data-kind="kick"] .kind-label{color:#df9a7d}.record-row[data-kind="caution"] .kind-label{color:#80c5bd}.record-row[data-kind="note"] .kind-label{color:#b8addd}
.badge{background:#203c3a;color:#9bd8c7}.status-released,.status-expired,.status-deleted{background:#28313e;color:#9aa8ba}.status-applying{background:#463821;color:#e0bd7e}.panel .record{background:transparent}.panel .record a,#lookupResult>.record a{color:#9cc3ff}.panel .evidence-item,#lookupResult>.record .evidence-item{background:#101927;border-left-color:#55759e}.panel .divider{background:#2b394d}.panel details{border-color:#2d3c51}.new-page .preview{background:linear-gradient(145deg,#192639,#152131);border-color:#334966}.new-page .preview dt{color:#8192aa}.new-page .preview dd{color:#d5deea}.new-page .action-hint{background:#182536;border-left-color:#6685ad;color:#9fb0c6}.new-page .submit-row,.case-detail .section-title{border-color:#2d3c51}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.compact-list{display:grid;gap:8px}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;background:#111a27;border:1px solid #29374b;border-radius:9px}.compact-row strong,.compact-row small{display:block}.compact-row small{margin-top:4px}.capture-preview{margin:8px 0}.capture-preview p{margin:5px 0;padding:8px 10px;background:#101926;border-radius:7px}.source-message img,.source-message video{display:block;width:auto;height:auto;max-width:100%;max-height:70vh;object-fit:contain;border-radius:9px;margin:12px 0;background:#080c12}.source-message video{min-width:min(100%,320px)}
.profile-card{margin:18px 0 22px;padding:22px;background:linear-gradient(135deg,#1b293b,#151f2e);border:1px solid #33465f;border-radius:14px;box-shadow:0 12px 34px #0004}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.profile-head h2{margin:0 0 7px;color:#edf3fb;font-size:1.15rem}.profile-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#6f97d6,#496faa);color:#f7fbff;font-size:1.25rem;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff24}.membership-badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:700}.membership-badge.is-member{background:#1f493f;color:#9fe1ca}.membership-badge.is-away{background:#3d3440;color:#d2afc3}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-fact{padding:12px 13px;background:#101927;border:1px solid #29384d;border-radius:9px;min-width:0}.profile-fact small,.profile-fact strong{display:block}.profile-fact small{color:#8394aa;font-size:.67rem;margin-bottom:6px}.profile-fact strong{color:#dbe5f1;font-size:.79rem;line-height:1.55;overflow-wrap:anywhere}.table-wrap{margin-top:18px;overflow:auto;border:1px solid #2d3b50;border-radius:11px}.dashboard-table{width:100%;border-collapse:collapse;min-width:800px}.dashboard-table th,.dashboard-table td{text-align:left;padding:13px 15px;border-bottom:1px solid #28364a}.dashboard-table th{position:sticky;top:0;background:#1b2636;color:#98aac1;font-size:.7rem;letter-spacing:.03em}.dashboard-table td{color:#cbd5e2;font-size:.8rem}.dashboard-table tbody tr{background:#111a27;cursor:pointer}.dashboard-table tbody tr:hover{background:#1b293b}.dashboard-table tbody tr:last-child td{border-bottom:0}.dashboard-table td strong,.dashboard-table td small{display:block}.dashboard-table td small{margin-top:4px;color:#8292a8;font-size:.67rem}.message-fields{display:grid;gap:18px;margin-top:22px}.message-fields label{padding:16px;background:#101927;border:1px solid #2b3a50;border-radius:10px;font-weight:700}.message-fields textarea{min-height:120px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.65}.message-fields button{margin-top:8px;padding:6px 10px;font-size:.7rem}.template-hint{display:block;margin-top:10px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}#dashboardView .stat{background:#111a27;border-color:#2c3b50}#dashboardView .stat strong{color:#b8d2fb}#dashboardExport{white-space:nowrap}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:680px){.profile-grid{grid-template-columns:1fr 1fr}.profile-card{padding:16px}.profile-fact{padding:10px}.profile-head{margin-bottom:14px}#dashboardView .section-title{display:block}#dashboardExport{display:inline-block;margin-top:10px}}
nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:#3b506e transparent}nav button{flex:0 0 auto}body{overflow-x:hidden}
.template-editor{position:relative;margin-top:8px;background:#0e1621;border:1px solid #35465f;border-radius:6px;overflow:hidden}.template-editor textarea,.template-highlight{box-sizing:border-box;width:100%;min-height:120px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word}.template-editor textarea{position:relative;z-index:2;display:block;resize:vertical;background:transparent!important;border:0!important;color:#e5ebf4!important;caret-color:#b9d4ff}.template-highlight{position:absolute;z-index:1;inset:0;color:transparent;pointer-events:none;overflow:hidden}.template-token{color:transparent;background:#5c3f865c;border:1px solid #9d7bd65e;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:22px;background:#151f2e;color:#dfe7f1;border:1px solid #3a4d67;border-radius:14px;box-shadow:0 24px 80px #000a}dialog::backdrop{background:#05080dc7;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-head h2{margin:4px 0 0}.dialog-head button{background:#243247;color:#dbe6f4;border-color:#425570}.template-help-table{min-width:680px}.template-help-table tbody tr{cursor:default}.template-help-table .template-variable{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#d8c5ff;background:#2b2340;font-weight:700}.message-fields label{display:block}
.message-fields>.embed-template-card{padding:18px;background:linear-gradient(145deg,#111b29,#0e1723);border:1px solid #2f4057;border-radius:12px;box-shadow:0 12px 30px #05080d40}.embed-template-card>.section-title{margin-bottom:14px}.embed-template-card>.section-title h3{margin:0;color:#e4edf8}.embed-template-card label{display:block;padding:0;background:transparent;border:0;border-radius:0;color:#aebed2}.embed-template-card .template-editor{margin:7px 0 15px}.embed-template-card .template-editor textarea,.embed-template-card .template-highlight{min-height:74px}.embed-template-card .embed-options{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(260px,1fr);gap:16px;align-items:start}.embed-options input[type=color]{display:block;width:100%;height:54px;margin-top:7px;padding:5px;background:#0e1621;border:1px solid #35465f;border-radius:7px;cursor:pointer}.discord-embed-preview{margin-top:8px;padding:15px 17px;background:#0c121b;border:1px solid #26364a;border-left:4px solid #7b9fe0;border-radius:4px 9px 9px 4px;box-shadow:0 7px 20px #05080d45}.discord-embed-preview h4{margin:0 0 8px;color:#edf3fb;font-size:.92rem}.discord-embed-preview p{margin:0;color:#cbd5e2;font-size:.81rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.discord-embed-preview small{display:block;margin-top:11px;padding-top:9px;border-top:1px solid #263348;color:#7f91a8;font-size:.67rem;white-space:pre-wrap}.discord-embed-preview small:empty{display:none}@media(max-width:680px){.embed-template-card .embed-options{grid-template-columns:1fr}}
.form-section{margin:18px 0;padding:18px;background:#101927;border:1px solid #2c3b50;border-radius:10px}.form-section>h3{margin:0 0 12px}.form-section input[readonly],.form-section textarea[readonly]{background:#151f2d!important;color:#a9b7ca!important;cursor:default}.kind-labels{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.case-detail #caseEvidence{margin-bottom:22px}.case-detail #caseEditor>.form-section:first-child{margin-top:0}.swal2-popup{border:1px solid #3a4b62}.swal2-title{font-family:Inter,"Pretendard","Malgun Gothic",system-ui,sans-serif}.swal2-html-container{white-space:pre-wrap;line-height:1.6}

/* 타임아웃에 추가하는 경고는 독립된 기간으로 검토한다. */
.warning-option{padding:14px;border:1px solid #3e5678;border-radius:8px;background:#1c2b41;color:#e3eaf4;margin:12px 0}
.warning-option .check{margin:0 0 10px;font-weight:600}
.warning-option input[type="number"]{max-width:180px}
.warning-option .hint{display:block;margin-top:8px;color:#a8bdd8}
#caseDuration{font-size:.8rem;resize:none}
:focus-visible{outline:3px solid #739bd7;outline-offset:3px}
.selected-target{padding:16px;margin:12px 0;border:1px solid #3e5678;border-radius:8px;background:#1c2b41;overflow-wrap:anywhere}
.selected-target strong,.selected-target small{display:block;margin-bottom:6px}.selected-target strong{font-size:1.15rem}.selected-target small{color:var(--muted)}.selected-target button{margin-top:8px;font-size:.75rem}
.swal2-popup:has(.sanction-confirmation){display:flex!important;flex-direction:column;max-height:92vh;max-height:92dvh}.swal2-html-container:has(.sanction-confirmation){flex:1 1 auto;min-height:0;text-align:left;white-space:normal;overflow-y:auto}.swal2-popup:has(.sanction-confirmation) .swal2-title,.swal2-popup:has(.sanction-confirmation) .swal2-actions{flex-shrink:0}
.sanction-confirmation{font-size:.9rem;overflow-wrap:anywhere}.confirmation-identity{text-align:center;margin-bottom:18px}.confirmation-identity img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:2px solid #739bd7}.confirmation-identity h2{font-size:1.6rem;margin:12px 0 8px;color:#eef4fc}.sanction-confirmation dl{margin:0}.sanction-confirmation dt{color:#9fb0c8;font-size:.75rem;margin-top:12px}.sanction-confirmation dd{margin:3px 0 0;color:#e3eaf4;white-space:pre-wrap}.sanction-confirmation details{padding:12px;border:1px solid #3a4b62;border-radius:8px}.sanction-confirmation details img{max-width:160px;border-radius:10px;margin-top:12px}.sanction-confirmation details p{white-space:pre-wrap}