/* W55(10-10) 사내도구함·통합관리자 공통 겉모양 = 전용관(elsupervision.store 셀러·공급사·VIP 전용관 /assets/app.css) 기준.
   글꼴(Pretendard → 맑은 고딕) · 바탕 #0b0b0d · 카드 #161619(둥근 14px, 얇은 테두리) · 알약 모양 탭 · 흰 주요 단추 · 글자 크기(본문 14 · 제목 16).
   W47 FUI 장식(꺾쇠·격자선·네온 빛·고정폭 숫자 글꼴)은 뺐다. 파일 이름·클래스 이름은 그대로(화면 코드·기능은 바뀌지 않음).
   되돌리기: 이 파일을 W47 판(git 3bfb2d3)으로. */
@import url("./el-theme.css");
/* ---- 머리줄(모든 도구 화면 맨 위) = 전용관 머리줄: 로고 + ELSUPERVISION, 오른쪽 '실시간 현황' ---- */
.elbar{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 20px;background:rgba(11,11,13,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font:13px/1.4 var(--sans);color:var(--sub);position:sticky;top:0;z-index:50}
.elbar a.home{color:var(--txt);text-decoration:none;font-weight:600;letter-spacing:2px;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}
.elbar .elmini{display:inline-flex;width:34px;height:34px;flex:none}.elbar .elmini .elb-logo::after{display:none}
.elbar a.home span{color:var(--sub);letter-spacing:1px;font-weight:500;font-size:12.5px}
.elbar .live{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0;max-width:min(560px,70vw);background:var(--card2);border:1px solid var(--line);border-radius:22px;padding:7px 14px;cursor:pointer;color:var(--txt);font:inherit;text-align:left}
.elbar .live:hover{border-color:var(--line2)}
.elbar .live b{color:var(--sub);font-size:12px;font-weight:600;white-space:nowrap}
.elbar .live .tx{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity .4s}
.elbar .live .tx time{color:var(--sub);margin-right:6px;font-variant-numeric:tabular-nums}
.elbar .live .more{color:var(--sub);font-size:12px;white-space:nowrap}
@media (max-width:520px){.elbar{padding:6px 12px;gap:8px;min-height:50px}.elbar a.home{font-size:12px;letter-spacing:1px;gap:6px}.elbar a.home span{display:none}.elbar .live{max-width:none;flex:1;padding:6px 11px}.elbar .live .more{display:none}}
@media (prefers-reduced-motion:reduce){.elbar .live .tx{transition:none}}
html.el-embed .elbar{display:none}
/* 전체보기 */
.elact{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.75);display:none;align-items:flex-start;justify-content:center;padding:4vh 12px;font:13px/1.5 var(--sans);color:var(--txt)}
.elact.show{display:flex}
.elact .pan{width:100%;max-width:1100px;max-height:92vh;display:flex;flex-direction:column;padding:18px 20px 14px;border-radius:16px}
.elact h2{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:9px}
.elact .x{margin-left:auto;background:var(--card2);border:1px solid var(--line);color:var(--sub);border-radius:8px;padding:5px 12px;cursor:pointer;font:inherit}
.elact .flt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:8px;margin:12px 0 8px}
.elact .flt label{font-size:12px;color:var(--sub);display:flex;flex-direction:column;gap:3px}
.elact .flt select,.elact .flt input{background:var(--card2);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;width:100%;min-width:0}
.elact .flt .go{align-self:end;display:flex;gap:6px}
.elact button.b{background:#fff;color:var(--fui-on);border:0;border-radius:8px;padding:7px 12px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.elact button.b.sec{background:var(--card2);color:var(--txt);border:1px solid var(--line)}
.elact .cnt{font-size:12px;color:var(--sub);margin-bottom:6px}
.elact .tb{overflow:auto;border:1px solid var(--line);border-radius:10px;flex:1;min-height:120px}
.elact table{width:100%;border-collapse:collapse;font-size:13px}
.elact th{position:sticky;top:0;background:var(--card2);text-align:left;font-weight:500;color:var(--sub);padding:7px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.elact td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.elact td.t{color:var(--sub);white-space:nowrap;font-variant-numeric:tabular-nums}
.elact tr.r{cursor:pointer}.elact tr.r:hover td{background:var(--card2)}
.elact tr.d td{background:#111114;font-size:12px;color:var(--sub);white-space:pre-wrap;word-break:break-all}
.elact .ft{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:12px;color:var(--sub)}
.elact .ft .sp{flex:1}
@media (max-width:760px){.elact .flt{grid-template-columns:1fr 1fr}.elact .flt .go{grid-column:1/-1}.elact .hide-m{display:none}.elact .pan{padding:14px 12px 10px}}

/* ---- 공구대시보드에 들어간 화면(iframe): 자기 제목·이동 단추·엑셀 단추는 숨기고 대시보드 맨 위 탭 3개 · 엑셀 단추 1개를 쓴다(W55).
   세 화면 모두 같은 자리: 첫 줄 = 왼쪽 '내 메모장' · 오른쪽 로그인 이름 / 둘째 줄 = 왼쪽 검색·거르기 · 오른쪽 '＋ 새 입력 · 통합 입력' ---- */
html.el-embed[data-fui=saleslist] header .brand,html.el-embed[data-fui=saleslist] header .title{display:none}
html.el-embed[data-fui=schedule] .top .kick,html.el-embed[data-fui=schedule] .top h1{display:none}
html.el-embed .el-dl,html.el-embed[data-fui=schedule] .navlink{display:none!important}
html.el-embed[data-fui=saleslist] header{background:none;border:0;padding:12px 14px 0;min-height:44px;align-items:center}
html.el-embed[data-fui=saleslist] header .right{flex-direction:row;margin-left:auto}
html.el-embed[data-fui=saleslist] .bar{padding:10px 14px 8px}
html.el-embed[data-fui=saleslist] .wrap{padding:0 14px 40px}
html.el-embed[data-fui=schedule] .top{min-height:32px}
html.el-embed body>button[style*="58px"]{top:12px!important;left:14px!important;right:auto!important;z-index:5!important}
/* GEN-START */
/* saleslist (18) */
html[data-fui=saleslist] .btn{background-color:var(--card)}
html[data-fui=saleslist] .bar select,html[data-fui=saleslist] .bar input[type=search]{background-color:var(--card)}
html[data-fui=saleslist] .chip{background-color:var(--card)}
html[data-fui=saleslist] table{background-color:var(--card)}
html[data-fui=saleslist] th{background-color:var(--card2)}
html[data-fui=saleslist] .sgpick:hover{background-color:var(--card2)}
html[data-fui=saleslist] .ptag{background-color:var(--card2);color:hsl(134 53% 68%)}
html[data-fui=saleslist] .ptag.warn{background-color:var(--card2);color:hsl(40 100% 68%)}
html[data-fui=saleslist] .g{background-color:var(--card2)}
html[data-fui=saleslist] .box{background-color:var(--card)}
html[data-fui=saleslist] .gb button{background-color:var(--card)}
html[data-fui=saleslist] .sug div:hover{background-color:var(--card2)}
html[data-fui=saleslist] .hint{color:hsl(134 53% 68%);background-color:var(--card2)}
html[data-fui=saleslist] .hint.ro{color:hsl(29 71% 68%);background-color:var(--card2)}
html[data-fui=saleslist] .roll th{background-color:var(--card2)}
html[data-fui=saleslist] .phr button{background-color:var(--card2)}
html[data-fui=saleslist] .phr button:hover{background-color:var(--card2)}
html[data-fui=saleslist] .lgbox{background-color:var(--card)}
/* schedule (44) */
html[data-fui=schedule] input,html[data-fui=schedule] textarea,html[data-fui=schedule] select{background-color:var(--card)}
html[data-fui=schedule] .dows{background-color:var(--card2)}
html[data-fui=schedule] .dow:first-child{color:hsl(6 73% 76%)}
html[data-fui=schedule] .dow:last-child{color:hsl(215 68% 72%)}
html[data-fui=schedule] .bg div.on:hover{background-color:var(--card2)}
html[data-fui=schedule] .bg .off{background-color:var(--card2)}
html[data-fui=schedule] .bg .td{background-color:var(--card2)}
html[data-fui=schedule] .dn.sun{color:hsl(6 73% 76%)}
html[data-fui=schedule] .dn.sat{color:hsl(215 68% 72%)}
html[data-fui=schedule] .ev{background-color:var(--card)}
html[data-fui=schedule] .ev.cancel{color:hsl(353 100% 71%)}
html[data-fui=schedule] .box{background-color:var(--card)}
html[data-fui=schedule] .ck label:has(input:checked){box-shadow:0 0 0 2px hsl(13 45% 17%)}
html[data-fui=schedule] .ck .x b{color:hsl(353 100% 71%)}
html[data-fui=schedule] .wait-btn b{background-color:var(--card);color:var(--txt)}
html[data-fui=schedule] .wpanel{background-color:var(--card)}
html[data-fui=schedule] .wside{background-color:var(--card2)}
html[data-fui=schedule] .wprd.on{background-color:hsl(13 45% 17%);border-color:var(--line)}
html[data-fui=schedule] .wc{background-color:var(--card2)}
html[data-fui=schedule] .wtable td{border-bottom:1px solid var(--line)}
html[data-fui=schedule] .ig{color:hsl(278 64% 75%)}
html[data-fui=schedule] .card0{background-color:var(--card)}
html[data-fui=schedule] .ssup td{background-color:var(--card2)}
html[data-fui=schedule] .srow:hover td{background-color:var(--card2)}
html[data-fui=schedule] .sold{color:hsl(36 82% 68%)}
html[data-fui=schedule] .send{background-color:var(--card2)}
html[data-fui=schedule] .sbox thead th{background-color:var(--card)}
html[data-fui=schedule] .sbox tfoot td{background-color:var(--card2)}
html[data-fui=schedule] .scp{background-color:var(--card2)}
html[data-fui=schedule] .chg{border:2px solid var(--line);background-color:var(--card2)}
html[data-fui=schedule] .pdd{background-color:var(--card)}
html[data-fui=schedule] .po{border-bottom:1px solid var(--line)}
html[data-fui=schedule] .po:hover{background-color:hsl(13 45% 17%)}
html[data-fui=schedule] .pg{background-color:var(--card2)}
html[data-fui=schedule] .pchip{background-color:hsl(13 45% 17%);border:1px solid var(--line)}
html[data-fui=schedule] .gbtns button.on{background-color:hsl(13 45% 17%)}
html[data-fui=schedule] .upl{background-color:var(--card)}
html[data-fui=schedule] .pnote{color:hsl(36 82% 68%)}
html[data-fui=schedule] .vtag{background-color:hsl(214 45% 17%);color:hsl(214 74% 68%)}
html[data-fui=schedule] .dtag{background-color:var(--card2);color:hsl(144 57% 68%)}
html[data-fui=schedule] .sst.s1{background-color:var(--card2);color:hsl(144 57% 68%)}
html[data-fui=schedule] .sst.s2{background-color:hsl(7 45% 17%);color:hsl(4 83% 70%)}
html[data-fui=schedule] .sst.s3{background-color:hsl(214 45% 17%);color:hsl(214 74% 68%)}
html[data-fui=schedule] .sst.s4{background-color:var(--card2);color:hsl(37 18% 70%)}
/* cs (0) */

/* calculator (12) */
html[data-fui=calculator] .top{background-color:var(--card)}
html[data-fui=calculator] .btn{background-color:var(--card)}
html[data-fui=calculator] .card{background-color:var(--card)}
html[data-fui=calculator] #regPrice{background-color:var(--card2)}
html[data-fui=calculator] #regPrice .chgv{color:hsl(0 67% 71%)}
html[data-fui=calculator] input,html[data-fui=calculator] select{background-color:var(--card)}
html[data-fui=calculator] .seg button{background-color:var(--card)}
html[data-fui=calculator] td.c.neg{color:hsl(0 67% 71%)}
html[data-fui=calculator] .del{color:hsl(0 67% 71%)}
html[data-fui=calculator] .legend{color:hsl(81 30% 75%);background-color:var(--card2)}
html[data-fui=calculator] .lgbg.gate{background-color:var(--card2)}
html[data-fui=calculator] .lgbox{background-color:var(--card)}
/* GEN-END */
/* ---- 화면별 손질 ---- */
html[data-fui=schedule] .ev.yellow,html[data-fui=schedule] .ev.lime,html[data-fui=schedule] .ev.green,html[data-fui=schedule] .ev.pink,html[data-fui=schedule] .ev.red{color:#1d1b18}
html[data-fui=schedule] .ev.yellow .by,html[data-fui=schedule] .ev.lime .by,html[data-fui=schedule] .ev.green .by,html[data-fui=schedule] .ev.pink .by{color:rgba(0,0,0,.55)}
html[data-fui=schedule] .ev.cancel{color:#ff8a80}
html[data-fui=schedule] .ev.cancel.yellow,html[data-fui=schedule] .ev.cancel.lime,html[data-fui=schedule] .ev.cancel.green,html[data-fui=schedule] .ev.cancel.pink{color:#b0000f}
html[data-fui=schedule] .td-n{color:var(--fui-on)!important}
html[data-fui] .toast{background:#fff;color:var(--fui-on);border:0;border-radius:26px;font-weight:600}
html[data-fui=schedule] .ev.yellow{background:var(--yellow)}html[data-fui=schedule] .ev.lime{background:var(--lime)}html[data-fui=schedule] .ev.green{background:var(--green)}html[data-fui=schedule] .ev.pink{background:var(--pink)}html[data-fui=schedule] .ev.red{background:#F7B3B3}
html[data-fui=schedule] .bg .td{background-color:rgba(255,255,255,.05)}
html[data-fui=schedule] .bg div.on:hover{background-color:rgba(255,255,255,.035)}
html[data-fui=schedule] .td-n{background:#fff}
html[data-fui=schedule] .sbox tfoot td{background-color:var(--card2)}
html[data-fui=schedule] .sw{border-color:rgba(255,255,255,.25)}

/* ---- 글자 크기 = 전용관과 같은 단계: 제목 16 · 본문 14 · 표 13(머리 12) · 단추·탭 13 · 라벨 12.5 · 입력 14(표 안 13) ---- */
html[data-fui] body{font-size:14px}
html[data-fui] h1{font-size:16px;font-weight:600}
html[data-fui] h2,html[data-fui] h3,html[data-fui] .box h3{font-size:16px;font-weight:600}
html[data-fui] table{font-size:13px}
html[data-fui] th{font-size:12px;font-weight:500}
html[data-fui] button,html[data-fui] .btn{font-size:13px}
html[data-fui] label.f,html[data-fui] label{font-size:12.5px}
html[data-fui] input,html[data-fui] select,html[data-fui] textarea{font-size:14px}
html[data-fui] td input,html[data-fui] td select,html[data-fui] td textarea,html[data-fui] tfoot input,html[data-fui] tfoot select{font-size:13px}
.elbar .elmini .elb-obj,.elmini .elb-obj{filter:brightness(1.8) saturate(1.1)!important}
html[data-fui] .kick{color:var(--gold)}
html[data-fui] a.tool,html[data-fui] a.fui-panel,html[data-fui] a.card{color:var(--txt)}
html[data-fui=calculator] .card h2{color:var(--txt)}
html[data-fui] input:focus-visible,html[data-fui] select:focus-visible,html[data-fui] textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
html[data-fui=saleslist] #qsBox input{border:1px solid var(--line)!important;border-radius:8px!important;padding:8px 12px!important;background:var(--card2)!important;box-shadow:none!important}