/* 문자 도구 두 화면(원고 만들기 · RCS 화면·주소)이 같이 쓰는 꾸밈. 직원이 쓰는 도구다 — 촘촘한 표, 절제된 색, 업무 용어 그대로. */
:root{--ink:#1f2933;--sub:#5f6b7a;--line:#c5ccd3;--soft:#e3e7eb;--head:#eef1f4;--bg:#e6e9ec;--acc:#1e5a3a;--accbg:#e8f1eb;--warn:#a8481a;--bad:#b3261e;--stock:#fdf3bf;--link:#0a55b5}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.45 "Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all}
input,select,button,textarea{font:inherit;color:inherit}
input[type=text],input[type=date],input[type=password],input[type=search],select{height:26px;padding:2px 6px;border:1px solid var(--line);border-radius:2px;background:#fff}
input:focus,select:focus,textarea:focus{outline:1px solid var(--acc);outline-offset:-1px}
button{height:26px;padding:0 12px;border:1px solid #9aa5b1;border-radius:2px;background:#f7f8f9;cursor:pointer;white-space:nowrap}
button:hover:not(:disabled){background:#eceff2}
button.pri{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:700}
button.pri:hover:not(:disabled){background:#174a2f}
button:disabled{opacity:.45;cursor:default}
button.done{background:var(--accbg);border-color:var(--acc);color:var(--acc)}

.bar{display:flex;align-items:stretch;background:#26323d;color:#fff;height:38px;padding:0 12px;gap:20px}
.bar .name{align-self:center;font-weight:700;font-size:14px;letter-spacing:-.01em}
.bar nav{display:flex;align-items:stretch}
.bar nav a{display:flex;align-items:center;gap:6px;padding:0 16px;color:#b9c3cc;text-decoration:none;border-bottom:3px solid transparent;font-weight:700}
.bar nav a.on{color:#fff;border-bottom-color:#7fc49a;background:#1b242c}
.bar nav a:hover{color:#fff}
.bar nav a i{font-style:normal;font-weight:400;color:#8a97a3}
.bar nav .arr{align-self:center;color:#6b7a88;padding:0 2px}
.bar .ctx{margin-left:auto;display:flex;align-items:center;gap:8px;color:#b9c3cc}
.bar .ctx select,.bar .ctx input{height:24px;color:var(--ink)}

.panel{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.panel>h2{flex:none;margin:0;padding:5px 10px;font-size:13px;background:var(--head);border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;min-height:30px}
.panel>h2 small{font-weight:400;color:var(--sub)}
.panel>h2 .sp{margin-left:auto;display:flex;gap:6px;align-items:center;font-weight:400}
.pad{padding:8px 10px}
.cond{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:8px 10px}
.cond label{display:flex;align-items:center;gap:5px;color:var(--sub)}
.cond label>*{color:var(--ink)}
.note{color:var(--sub);font-size:12px}
.warn{color:var(--warn)}
.bad{color:var(--bad);font-weight:700}

.scroll{overflow:auto;min-height:0;flex:1}
table.g{border-collapse:separate;border-spacing:0;width:100%}
table.g th{position:sticky;top:0;z-index:1;background:var(--head);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 6px;font-weight:700;white-space:nowrap;text-align:center}
table.g th.st{background:var(--stock)}
table.g td{border-right:1px solid var(--soft);border-bottom:1px solid var(--soft);padding:2px 6px;white-space:nowrap;height:25px}
table.g tbody tr:nth-child(even) td{background:#f7f8f9}
table.g tbody tr:hover td{background:#eef3f8}
table.g tbody tr.on td{background:var(--accbg)}
table.g td.c{text-align:center}
table.g td.num,table.g th.num{text-align:right;font-variant-numeric:tabular-nums}
table.g td input[type=text]{height:22px;width:100%;border-color:transparent;background:transparent;padding:1px 4px}
table.g td input[type=text]:hover,table.g td input[type=text]:focus{border-color:var(--line);background:#fff}
table.g s{color:#8a97a3;margin-right:5px}
table.g .no{color:var(--sub)}
button.x{height:22px;padding:0 6px;border-color:transparent;background:transparent;color:var(--sub)}
button.x:hover{border-color:var(--line);color:var(--bad)}