/* 관리자 업무 자료실의 반응형 화면과 입력 양식을 표시한다. */
:root{color-scheme:dark;--bg:#0e1014;--panel:#181b22;--line:#303541;--muted:#a8afbd;--gold:#f2cd7b;font-family:"Malgun Gothic",system-ui,sans-serif;color:#eef1f7;background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line)}.brand{font-weight:900;color:var(--gold);text-decoration:none;white-space:nowrap}.brand span{color:#e8eaf0;font-weight:500;margin-left:12px}#connection{font-size:12px;color:var(--muted)}main{max-width:1180px;margin:auto;padding:36px 24px 64px}.intro{margin-bottom:26px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px}h1{font-size:clamp(25px,4vw,36px);margin:10px 0}h2{font-size:18px;margin:0 0 12px}p{line-height:1.7;color:var(--muted)}button,.file-button{border:1px solid var(--line);border-radius:9px;background:#252a35;color:#f4f5f8;padding:10px 15px;cursor:pointer;font:inherit;font-size:13px}button:hover,.file-button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--gold);color:#282014;border-color:var(--gold);font-weight:700}nav{display:flex;gap:8px;margin-bottom:26px}nav .active{background:#363024;border-color:var(--gold);color:var(--gold)}label{display:block;font-size:12px;color:#bac1ce;line-height:1.7}input:not([type=checkbox]):not([type=file]),select,textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#101319;color:#eef1f7;border-radius:8px;padding:11px 12px;font:inherit;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid #b99b5d;outline-offset:1px}textarea{resize:vertical;line-height:1.7}input[type=checkbox]{accent-color:var(--gold)}.toolbar,.fields{display:flex;gap:12px;align-items:end}.toolbar{flex-wrap:wrap}.toolbar .search{flex:1;min-width:210px}.toolbar select{min-width:140px}.fields>*{flex:1;min-width:0}.panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:18px 0}.hint{font-size:12px}.list-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 14px}.list-heading h2{margin:0}#count,#page{font-size:12px;color:var(--muted)}.items{display:grid;gap:10px}.item{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px 20px}.item .content{flex:1;min-width:0}.item h3{font-size:15px;margin:0 0 6px;overflow-wrap:anywhere}.item p{font-size:12px;margin:0;overflow-wrap:anywhere}.item .icon{font-size:12px;min-width:40px;color:var(--gold)}.item button{flex-shrink:0}.empty{text-align:center;padding:54px 20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin:24px 0}#drop-zone{border:1px dashed #74705f;border-radius:10px;padding:24px;text-align:center;margin:18px 0;background:#12151b}#drop-zone input{display:block;margin:12px auto;max-width:100%}#drop-zone.drag{border-color:var(--gold);background:#29251b}#status{min-height:24px;color:var(--gold);overflow-wrap:anywhere}#status.error{color:#ffa4a4}dialog{color:inherit;background:var(--panel);border:1px solid #555b6a;border-radius:15px;width:min(740px,calc(100vw - 24px));max-height:90vh;padding:26px}dialog::backdrop{background:#000b}dialog label{margin:14px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.file-button input{display:none}#unlock-form{max-width:480px}#unlock-form button{margin-top:10px}#upload-results{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.error-text{color:#ffa4a4}.success-text{color:#a4dfba}@media(max-width:620px){header{padding:18px;align-items:start;flex-direction:column;gap:12px}main{padding:24px 16px}.toolbar>*{flex:1}.toolbar .search{flex-basis:100%}.fields{flex-direction:column;align-items:stretch}.panel{padding:18px}.item{padding:14px;gap:10px}.item .icon{min-width:30px}.item button{padding:8px 10px}nav button{padding:10px 12px}dialog{padding:19px}.brand span{margin-left:8px}}

#preview-content{max-height:65vh;overflow:auto;margin-top:15px;border:1px solid var(--line);border-radius:9px}#preview-content:empty{border:0}#preview-content img{display:block;max-width:100%;height:auto;margin:auto}#preview-content iframe{width:100%;height:60vh;border:0;background:white}#preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;font-size:13px}#preview-content table{border-collapse:collapse;font-size:12px;background:#14181f;min-width:100%}#preview-content th,#preview-content td{border:1px solid #39404c;padding:7px 10px;white-space:pre-wrap;min-width:80px;max-width:350px;overflow-wrap:anywhere}#preview-content th{background:#29303b;position:sticky;top:0}#preview-content .hint{padding:0 12px}#security-panel{max-width:620px}#security-panel input{max-width:250px;font-size:22px;letter-spacing:4px}#security-panel button{margin-top:12px}#setup-secret{font-family:monospace;font-size:18px;color:var(--gold);letter-spacing:2px;overflow-wrap:anywhere}header>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}