*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:'Pretendard',sans-serif;font-size:clamp(9px,1vw,11px);color:#111;height:100%;overflow:hidden}
/* ══ 테이블 공통 CSS 변수 ══ */
:root {
/* ── 테이블 ── */
--tbl-border: #f3f4f6;
--tbl-border-h: #d1d5db;
--tbl-head-bg: #f0f2f5;
--tbl-head-color: #374151;
--tbl-head-size: 9.5px;
--tbl-body-size: 9px;
--tbl-body-color: #111;
--tbl-hover: #fff9c4;
--tbl-sel-bg: #eff6ff;
--tbl-sel-border: #93c5fd;
--tbl-even-bg: #fafafa;
--tbl-pad-h: 2px;
--tbl-pad-v: 2px;
/* ── 사이드바 ── */
--sb-width: 215px;
--sb-label-size: 11px;
--sb-sec-size: 12px;
--sb-item-size: 11px;
--sb-all-size: 11px;
--sb-pad-v: 5px;
--sb-pad-h: 12px;
/* ── 헤더 타이틀바 ── */
--hdr-height: 42px;
--hdr-logo-size: 18px;
--hdr-btn-size: 10px;
--hdr-btn-pad: 4px 9px;
--hdr-layout-size:9.5px;
/* ── 패널/탭 ── */
--ptab-size: 10px;
--ptab-pad: 5px 10px;
--toolbar-size: 10px;
--tbadge-size: 10px;
--main-tab-size: 11px;
--sub-tab-size: 9.5px;
--sub-tab-pad: 3px 8px 0;
/* ── 팝업(게시/자동화) ── */
--popup-title-size: 14px;
--popup-body-size: 11px;
--popup-btn-size: 11px;
--popup-btn-pad: 6px 20px;
/* ── 게시결과 미리보기 ── */
--preview-size: 10px;
--preview-hd-size:11px;
}
/* 화면 좁을 때 (≤900px) */
@media (max-width: 900px){
:root {
--tbl-head-size: 8.5px; --tbl-body-size: 8px;
--tbl-pad-h: 1px; --tbl-pad-v: 1px;
--sb-width: 180px; --sb-label-size: 10px;
--sb-sec-size: 11px; --sb-item-size: 10px;
--sb-all-size: 10px; --sb-pad-v: 4px; --sb-pad-h: 10px;
--hdr-height: 36px; --hdr-logo-size: 15px;
--hdr-btn-size: 9px; --hdr-btn-pad: 3px 7px;
--hdr-layout-size: 8.5px;
--ptab-size: 9px; --ptab-pad: 4px 8px;
--toolbar-size: 9px; --tbadge-size: 9px;
--main-tab-size: 10px; --sub-tab-size: 8.5px;
--sub-tab-pad: 2px 6px 0;
--popup-title-size:12px; --popup-body-size:10px;
--popup-btn-size: 10px; --popup-btn-pad: 5px 14px;
--preview-size: 9px; --preview-hd-size:10px;
}
}
/* ── 폰/터치 기기: 사이드바 숨김 + 패널 1개만 표시 ── */
@media (max-width: 820px), (pointer: coarse) and (max-width: 1180px) {
.g-right { display: none !important; } /* 헤더 우측 버튼 전부 숨김(환율/분할/저장/새로고침/자동화) */
/* 폰마다 다른 폭에 딱 맞춤(고정폭 X, 화면폭 기준) — 가로 넘침/잘림 방지 */
.body-wrap, .dual-wrap, .panel, .panel-content { max-width: 100vw !important; overflow-x: hidden !important; }
.panel-toolbar { flex-wrap: wrap !important; } /* 툴바 버튼 줄바꿈 → 잘려서 안 눌리는 것 방지 */
.panel-tabbar { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } /* 탭은 가로 스크롤 */
}
/* 화면 넓을 때 (≥1600px) */
@media (min-width: 1600px){
:root {
--tbl-head-size: 10.5px; --tbl-body-size: 10px;
--tbl-pad-h: 3px; --tbl-pad-v: 3px;
--sb-width: 240px; --sb-label-size: 12px;
--sb-sec-size: 13px; --sb-item-size: 11px;
--sb-all-size: 12px; --sb-pad-v: 5px; --sb-pad-h: 12px;
--hdr-height: 48px; --hdr-logo-size: 20px;
--hdr-btn-size: 11px; --hdr-btn-pad: 5px 11px;
--hdr-layout-size: 10.5px;
--ptab-size: 11px; --ptab-pad: 6px 12px;
--toolbar-size: 11px; --tbadge-size: 11px;
--main-tab-size: 12px; --sub-tab-size: 10.5px;
--sub-tab-pad: 4px 10px 0;
--popup-title-size:15px; --popup-body-size:12px;
--popup-btn-size: 12px; --popup-btn-pad: 7px 24px;
--preview-size: 11px; --preview-hd-size:12px;
}
}
body{display:flex;flex-direction:column;height:100vh;background:#f0f2f5}
/* ══ 헤더 ══ */
.g-header{flex-shrink:0;height:var(--hdr-height);background:#fff;border-bottom:3px solid #f37021;display:flex;align-items:center;padding:0 14px;gap:8px;z-index:200;position:relative}
.g-logo{font-size:var(--hdr-logo-size);font-weight:800;letter-spacing:-0.5px;cursor:pointer}
.g-logo span{color:#f37021}
.g-right{margin-left:auto;display:flex;align-items:center;gap:5px}
.hbtn{font-size:var(--hdr-btn-size);font-weight:600;padding:var(--hdr-btn-pad);border-radius:4px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;font-family:'Pretendard';display:inline-flex;align-items:center;gap:3px;white-space:nowrap;transition:all .12s}
.hbtn:hover{background:#f3f4f6}
.hbtn.primary{background:#002C5F;color:#fff;border-color:#002C5F}.hbtn.primary:hover{background:#f37021;border-color:#f37021}
.hbtn.success{background:#065f46;color:#fff;border-color:#065f46}.hbtn.success:hover{background:#047857}
.hbtn.orange{background:#f37021;color:#fff;border-color:#f37021}.hbtn.orange:hover{background:#e05e0e}
.hbtn.amber{background:#f59e0b;color:#fff;border-color:#f59e0b}.hbtn.amber:hover{background:#d97706}
.hbtn.danger{background:#dc2626;color:#fff;border-color:#dc2626}.hbtn.danger:hover{background:#b91c1c}
.hbtn:disabled{opacity:.4;cursor:not-allowed}
.hbtn.run{background:#eff6ff;border-color:#bfdbfe;color:#1e3a5f}.hbtn.run:hover{background:#dbeafe;border-color:#93c5fd}
/* ══ 레이아웃 컨트롤 ══ */
.layout-ctrl{display:flex;align-items:center;gap:3px;background:#f3f4f6;padding:2px 5px;border-radius:5px;border:1px solid #e5e7eb}
.layout-btn{border:none;background:transparent;padding:2px 5px;font-size:var(--hdr-layout-size);font-weight:600;color:#6b7280;border-radius:3px;cursor:pointer;font-family:'Pretendard';display:inline-flex;align-items:center;gap:2px;transition:all .1s}
.layout-btn:hover,.layout-btn.active{background:#fff;color:#002C5F;box-shadow:0 1px 3px rgba(0,0,0,.1)}
/* ══ 바디 ══ */
.body-wrap{flex:1;display:flex;overflow:hidden;min-height:0}
/* ══ 사이드바 토글 ══ */
.sidebar{width:var(--sb-width);flex-shrink:0;background:#f8fafd;border-right:2px solid #e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:width .2s ease}
.sidebar.collapsed{width:0;border-right:none;overflow:hidden}
.sb-toggle{position:absolute;left:calc(var(--sb-width) - 24px);top:0;bottom:0;z-index:300;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;padding:0 6px;transition:color .1s}
.sb-toggle:hover{color:#002C5F}
.sidebar-wrap{position:relative;display:flex;flex-shrink:0;height:100%}
.sb-body{flex:1;overflow-y:auto;overflow-x:hidden}
.sb-body::-webkit-scrollbar{width:3px}
.sb-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}
.sb-label{font-size:var(--sb-label-size);font-weight:800;color:#fff;padding:7px var(--sb-pad-h) 6px;background:#1e3a5f;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:5px;letter-spacing:.2px}
.sb-label.filter{background:#374151}
.sb-sec-hd{display:flex;align-items:center;padding:4px var(--sb-pad-h);cursor:pointer;user-select:none;border-bottom:1px solid #e2e8f0;background:#eef2f8;transition:background .1s}
.sb-sec-hd:hover{background:#dbeafe}
.sb-sec-hd .sec-title{flex:1;font-size:var(--sb-sec-size);font-weight:700;color:#111}
.sb-sec-hd .sec-arrow{color:#9ca3af;font-size:var(--sb-sec-size);transition:transform .2s}
.sb-sec-hd.open .sec-arrow{transform:rotate(180deg)}
.sb-sec-body{border-bottom:1px solid #e5e7eb;background:#fff;display:none}
.sb-sec-body.open{display:block}
.sb-all-row{display:flex;align-items:center;gap:6px;padding:2px var(--sb-pad-h);background:#f0f4f8;font-size:var(--sb-all-size);font-weight:700;color:#374151;cursor:pointer;user-select:none}
.sb-all-row input[type=checkbox]{width:13px;height:13px;accent-color:#002C5F;cursor:pointer;flex-shrink:0;pointer-events:none}
.sb-all-count{font-size:var(--sb-item-size);color:#6b7280;margin-left:auto;font-weight:400}
.sb-item{display:flex;align-items:center;gap:6px;padding:2px var(--sb-pad-h) 2px 18px;border-bottom:1px solid #eef2f8;font-size:var(--sb-item-size);font-weight:500;color:#111;cursor:pointer;user-select:none;background:#fafbfd}
.sb-item:hover{background:#dbeafe}
.sb-item input[type=checkbox]{width:13px;height:13px;accent-color:#002C5F;cursor:pointer;flex-shrink:0;pointer-events:none}
.sb-item-name{flex:1}
.sb-item-count{font-size:var(--sb-item-size);color:#9ca3af}
.sb-kw-wrap{padding:4px 8px 5px}
.sb-kw-row{display:flex;gap:3px;align-items:center}
.sb-kw-input{flex:1;min-width:0;height:24px;border:1px solid #e5e7eb;border-radius:4px;padding:2px 7px;font-size:11px;font-family:'Pretendard';color:#111;outline:none}
.sb-kw-input:focus{border-color:#002C5F}
.sb-kw-add{height:24px;padding:0 7px;border:1px solid #002C5F;border-radius:4px;background:#002C5F;color:#fff;font-size:10px;font-weight:700;cursor:pointer;font-family:'Pretendard'}
.sb-kw-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}
.kw-chip{display:inline-flex;align-items:center;gap:3px;background:#dbeafe;color:#1e3a5f;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}
.kw-chip .kw-x{cursor:pointer;opacity:.6}.kw-chip .kw-x:hover{opacity:1;color:#991b1b}
.kw-logic-row{display:flex;gap:3px;margin-top:5px}
.kw-logic-btn{flex:1;height:18px;border-radius:3px;border:1px solid #e5e7eb;background:#f9fafb;font-size:10px;font-weight:700;color:#6b7280;cursor:pointer;font-family:'Pretendard';transition:all .1s}
.kw-logic-btn.active{background:#002C5F;color:#fff;border-color:#002C5F}
.sb-limit-row{display:flex;align-items:center;gap:4px;padding:5px 10px}
.sb-limit-row input{width:52px;height:20px;border:1px solid #c7d2fe;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:700;font-family:'Pretendard';color:#002C5F;text-align:right;outline:none}
.sb-limit-row label{font-size:10px;color:#6b7280}
.sb-sec-hd-check{display:flex;align-items:center;gap:5px;padding:6px 10px;cursor:pointer;user-select:none;border-bottom:1px solid #e2e8f0;background:#eef2f8}
.sb-sec-hd-check input[type=checkbox]{width:13px;height:13px;accent-color:#002C5F;cursor:pointer;flex-shrink:0;pointer-events:none}
.sb-sec-hd-check .sec-title{flex:1;font-size:12px;font-weight:700;color:#111}
.sb-sec-hd-check .sec-arrow{color:#9ca3af;font-size:12px;transition:transform .2s}
.sb-sec-hd-check.open .sec-arrow{transform:rotate(180deg)}
.sb-sec-hd-check:hover{background:#dbeafe}
.sb-sub-hd{display:flex;align-items:center;gap:5px;padding:3px 10px;background:#e8edf5;cursor:pointer;user-select:none;border-bottom:1px solid #dde3ed}
.sb-sub-hd:hover{background:#dbeafe}
.sb-sub-hd .sec-arrow{color:#9ca3af;font-size:11px;transition:transform .2s;margin-left:auto;flex-shrink:0}
.sb-sub-hd.open .sec-arrow{transform:rotate(180deg)}
.sb-grp-hd{display:flex;align-items:center;gap:4px;padding:3px 10px;background:#f4f6fa;cursor:pointer;user-select:none;border-bottom:1px solid #eef2f8}
.sb-grp-hd:hover{background:#e0e9f5}
.sb-grp-hd .sec-arrow{color:#b0b8c8;font-size:10px;transition:transform .2s;margin-left:auto;flex-shrink:0}
.sb-grp-hd.open .sec-arrow{transform:rotate(180deg)}
.sales-wrap{padding:7px 10px 8px}
.sales-tbl-hd{font-size:10px;font-weight:700;color:#374151;margin-bottom:3px}
.sales-minmax-row{display:flex;align-items:flex-end;gap:4px;margin-bottom:4px}
.sales-input-box{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sales-minmax-lbl{font-size:10px;font-weight:700;color:#374151}
.sales-num-input{width:100%;height:20px;border:1px solid #e5e7eb;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:600;font-family:'Pretendard';color:#111;text-align:right;outline:none}
.sales-sep{font-size:10px;color:#9ca3af;flex-shrink:0;padding-bottom:2px}
.sales-unit{font-size:10px;color:#6b7280;flex-shrink:0;padding-bottom:2px}
.range-wrap{padding:7px 10px 6px}
.range-inputs{display:flex;align-items:flex-end;gap:4px}
.range-input-box{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.range-lbl{font-size:10px;color:#374151;font-weight:700}
.range-field{width:100%;padding:2px 4px;border:1px solid #e5e7eb;border-radius:4px;font-size:10px;font-weight:600;font-family:'Pretendard';color:#111;height:20px;text-align:right}
.range-sep{font-size:11px;color:#9ca3af;flex-shrink:0;padding-bottom:2px}
.dual-sl{position:relative;height:18px;margin:4px 2px 0}
.dual-sl input[type=range]{position:absolute;width:100%;height:4px;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none;top:6px}
.dual-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#002C5F;cursor:pointer;pointer-events:all;border:2px solid #fff;box-shadow:0 0 0 1px #d1d5db}
.sl-track{position:absolute;top:8px;left:0;right:0;height:3px;background:#e5e7eb;border-radius:2px}
.sl-range{position:absolute;top:8px;height:3px;background:#f37021;border-radius:2px}
.price-preset-wrap{padding:6px 10px 4px;display:flex;flex-wrap:wrap;gap:3px}
.price-preset{font-size:10px;font-weight:600;padding:2px 7px;border-radius:3px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;font-family:'Pretendard';transition:all .1s}
.price-preset:hover{background:#e5e7eb}
.price-preset.active{background:#002C5F;color:#fff;border-color:#002C5F}
.price-custom-wrap{padding:0 10px 7px;display:none}
/* ══ 듀얼 패널 ══ */
.dual-wrap{flex:1;display:flex;overflow:hidden;min-width:0;min-height:0}
.dual-wrap.col{flex-direction:column}
.panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;background:#f0f2f5;container-type:inline-size;container-name:panel}
.panel-divider-h{width:5px;flex-shrink:0;background:#d1d5db;cursor:col-resize;transition:background .15s;position:relative}
.panel-divider-h::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:36px;background:#9ca3af;border-radius:2px}
.panel-divider-v{height:5px;flex-shrink:0;background:#d1d5db;cursor:row-resize;transition:background .15s;position:relative}
.panel-divider-v::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:2px;width:36px;background:#9ca3af;border-radius:2px}
.panel-divider-h:hover,.panel-divider-h.drag,.panel-divider-v:hover,.panel-divider-v.drag{background:#9ca3af}
.panel-divider-h:hover::after,.panel-divider-h.drag::after,.panel-divider-v:hover::after,.panel-divider-v.drag::after{background:#6b7280}
/* ══ 메인 탭바 (어두운 배경) ══ */
#maintabbarA .ptab, #maintabbarB .ptab, #maintabbarC .ptab,
#maintabbarD .ptab, #maintabbarE .ptab, #maintabbarF .ptab,
#maintabbarG .ptab, #maintabbarH .ptab, #maintabbarI .ptab {
color:rgba(255,255,255,.65);background:rgba(255,255,255,.1);
border-color:rgba(255,255,255,.15);font-size:var(--main-tab-size)
}
[id^=subtabbar] .ptab { font-size:var(--sub-tab-size) }
#maintabbarA .ptab.active, #maintabbarB .ptab.active, #maintabbarC .ptab.active,
#maintabbarD .ptab.active, #maintabbarE .ptab.active, #maintabbarF .ptab.active,
#maintabbarG .ptab.active, #maintabbarH .ptab.active, #maintabbarI .ptab.active {
color:#f37021;background:#fff;border-bottom-color:#fff
}
/* ══ 탭바 ══ */
.panel-tabbar{flex-shrink:0;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-end;padding:4px 10px 0;gap:1px;overflow-x:auto}
.panel-tabbar::-webkit-scrollbar{display:none}
.ptab{padding:var(--ptab-pad);cursor:pointer;font-size:var(--ptab-size);font-weight:700;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-bottom:none;border-radius:4px 4px 0 0;white-space:nowrap;flex-shrink:0;transition:all .1s}
.ptab.active{color:#f37021;background:#fff;border-bottom:2px solid #fff;margin-bottom:-1px;position:relative;z-index:1}
.ptab:hover:not(.active){background:#e5e7eb}
.panel-content{flex:1;display:none;flex-direction:column;overflow:hidden;min-height:0}
.panel-content.active{display:flex;flex-direction:column;overflow:hidden;min-height:0}
/* ══ 툴바 ══ */
.panel-toolbar{flex-shrink:0;padding:3px 7px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:32px;font-size:var(--toolbar-size)}
.tbadge{font-size:var(--tbadge-size);font-weight:600;color:#6b7280;padding:0;background:none;flex-shrink:0}
.tbadge.blue{color:#1e3a5f}.tbadge.orange{color:#92400e}.tbadge.green{color:#065f46}
.tb-sep{width:1px;height:16px;background:#e5e7eb;flex-shrink:0}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:3px;flex-shrink:0}
.date-filter-group{display:flex;gap:2px;background:#ececec;padding:2px;border-radius:5px;flex-shrink:0}
.date-btn{border:none;background:transparent;padding:2px 6px;font-size:9.5px;font-weight:600;color:#6b7280;border-radius:3px;cursor:pointer;white-space:nowrap;font-family:'Pretendard';transition:all .1s}
.date-btn:hover{color:#374151;background:rgba(255,255,255,.6)}
.date-btn.active{background:#fff;color:#f37021;box-shadow:0 1px 3px rgba(0,0,0,.12)}
/* ══ 테이블 ══ */
.tbl-wrap{flex:1;overflow-y:auto;overflow-x:auto;background:#fff}
.tbl-wrap::-webkit-scrollbar{width:4px;height:4px}
.tbl-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}
/* data-table : 상품목록 메인 — sticky 헤더, 클릭 가능 */
.data-table{width:100%;border-collapse:collapse;table-layout:fixed}
.data-table thead th{position:sticky;top:0;z-index:10;background:var(--tbl-head-bg);box-shadow:inset 0 -1px 0 var(--tbl-border-h);padding:var(--tbl-pad-v) var(--tbl-pad-h);font-size:var(--tbl-head-size);font-weight:700;color:var(--tbl-head-color);text-align:center!important;white-space:nowrap;cursor:pointer;user-select:none;letter-spacing:-.3px}.data-table thead th:hover{background:#e5e7eb}
.data-table thead th.sorted-asc::after{content:' ▲';font-size:7px;color:#f37021}
.data-table thead th.sorted-desc::after{content:' ▼';font-size:7px;color:#f37021}
thead th.tc-name{text-align:center!important;padding-left:2px!important}
.data-table tbody td.tc-price,.data-table tbody td.tc-sales{text-align:right!important;padding-right:4px!important}
.data-table tbody td{padding:var(--tbl-pad-v) var(--tbl-pad-h);border-bottom:1px solid var(--tbl-border);font-size:var(--tbl-body-size);color:var(--tbl-body-color);vertical-align:middle;text-align:center;font-weight:500;letter-spacing:-.3px}
.data-table tbody td.tc-name{text-align:left!important;padding-left:4px!important}
.data-table tbody tr{cursor:pointer;transition:background .06s}
.data-table tbody tr:nth-child(even){background:var(--tbl-even-bg)}
.data-table tbody tr:hover{background:var(--tbl-hover)!important}
.data-table tbody tr.row-sel{background:var(--tbl-sel-bg)!important;outline:1px solid var(--tbl-sel-border)}
/* ── 전역: 모든 탭 테이블 첫행(헤더) 틀고정 — :where() 0-특이도라 기존 헤더 스타일은 안 건드리고
sticky 만 추가. 헤더색은 각 tr 배경 상속(background:inherit). 다중헤더 2행은 각 테이블 인라인 유지. (2026-08) ── */
:where(thead tr:first-child) th{position:sticky;top:0;z-index:6;background:inherit}
/* sub-table : 설정/모달/비교 내부 보조 — 심플, 클릭 없음 */
.sub-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--tbl-head-size)}
.sub-table thead th{background:var(--tbl-head-bg);padding:4px 8px;font-size:var(--tbl-body-size);font-weight:700;color:var(--tbl-head-color);text-align:left;border-bottom:1px solid var(--tbl-border-h);white-space:nowrap}
.sub-table tbody td{padding:4px 8px;border-bottom:1px solid var(--tbl-border);font-size:var(--tbl-head-size);color:var(--tbl-body-color);vertical-align:middle;word-break:break-word}
.sub-table tbody tr:nth-child(even){background:#fafafa}
.sub-table tbody tr:hover{background:#f0f4ff}
/* mini-table : 팝업/인라인 소형 */
.mini-table{width:100%;border-collapse:collapse;font-size:var(--tbl-body-size)}
.mini-table th{padding:3px 6px;background:#f8fafd;font-size:var(--tbl-body-size);font-weight:700;color:#6b7280;text-align:left;border:1px solid #e5e7eb}
.mini-table td{padding:3px 6px;font-size:var(--tbl-body-size);color:var(--tbl-body-color);border:1px solid #e5e7eb;vertical-align:middle}
/* 카테고리: 텍스트만, 검정 */
.tc-cat-label{font-size:8px;color:#111;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:50px;font-weight:500}
/* 상품ID: 검정, 작게 */
.tc-pid-text{font-size:7.5px;color:#222;letter-spacing:-.3px;font-family:monospace}
/* 수집/게시 일시 — 날짜·시간 2줄 */
.tc-date-cell{display:flex;flex-direction:column;align-items:center;line-height:1.25}
.tc-date-d{font-size:8px;color:#222;letter-spacing:-.3px}
.tc-date-t{font-size:7.5px;color:#6b7280;letter-spacing:-.2px}
/* 출처 칼럼 셀 */
.tc-src-label{font-size:7.5px;color:#111;background:none;padding:1px 3px;letter-spacing:-.2px;white-space:nowrap}
/* 게시채널 셀 */
.tc-post-ch{font-size:7.5px;color:#065f46;background:#f0fdf4;padding:1px 3px;border-radius:3px;letter-spacing:-.2px;white-space:nowrap}
/* 컬럼 너비 */
.tc-cb{width:22px!important}.tc-src{width:26px!important}.tc-img{width:28px!important}.tc-cat{width:48px!important}
.tc-country{width:46px!important;text-align:center!important;font-size:9px}.tc-lang{width:44px!important;text-align:center!important;font-size:9px;color:#4b5563}
/* 채널설정 탭 셀렉트 — 가운데 정렬 + 커스텀 아래화살표 */
select.chm-sel{width:100%;font-size:11px;padding:3px 22px;border:1px solid #d1d5db;border-radius:4px;color:#111;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;text-align-last:center;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:9px}
select.chm-sel option{text-align:center}
.tc-pid{width:60px!important}.tc-price{width:60px!important}.tc-disc{width:34px!important;text-align:center!important}
.tc-sales{width:38px!important}.tc-ship{width:38px!important}.tc-date{width:68px!important}
.tc-heart{width:24px!important;cursor:pointer}.tc-action{width:28px!important}.tc-name{min-width:100px}
.tc-pickscore{width:56px!important;text-align:center!important}
/* 셀 */
.cell-name{font-weight:600;color:#002C5F;font-size:9.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:-.3px}
.cell-thumb{width:26px;height:26px;border-radius:3px;object-fit:cover;border:1px solid #e5e7eb;display:block;margin:0 auto}
.cell-price{font-weight:700;color:#002C5F;font-size:9.5px;white-space:nowrap;display:block;text-align:right;letter-spacing:-.4px}
.st-badge{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:700;white-space:nowrap}
.st-new{background:transparent;color:#1e3a5f;border:1px solid #bfdbfe}
.st-done{background:transparent;color:#065f46;border:1px solid #a7f3d0}
/* ══ 카드 그리드 ══ */
.card-panel{flex:1;min-height:0;overflow-y:auto;padding:10px;display:grid;gap:10px;background:#e8ecf0;align-items:start;grid-auto-rows:max-content}
.card-panel::-webkit-scrollbar{width:4px}
.card-panel::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:2px}
.ig-card{background:#fff;border-radius:10px;border:2px solid #cbd5e1;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;height:auto;break-inside:avoid}
.ig-card:hover{border-color:#002C5F;box-shadow:0 4px 14px rgba(0,44,95,.15)}
.ig-card.drag-over{border-color:#f37021;box-shadow:0 0 0 3px rgba(243,112,33,.4);transform:scale(1.02)}
.ig-card.sel{border:2px solid #f37021;box-shadow:0 0 0 3px rgba(243,112,33,.25)}
.ig-main-img{width:100%;height:160px;object-fit:cover;display:block;flex-shrink:0}
.ig-main-ph{width:100%;height:160px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ig-subs{display:flex;gap:4px;padding:5px 7px 0;flex-wrap:wrap}
.ig-sub-img{width:38px;height:38px;object-fit:cover;border-radius:4px;border:1.5px solid #cbd5e1;cursor:pointer;flex-shrink:0}
.ig-info{padding:8px 9px 9px;border-top:1px solid #e2e8f0;flex:1;display:flex;flex-direction:column;gap:3px}
.ig-name{font-size:10.5px;font-weight:700;color:#002C5F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-meta{display:flex;align-items:center;gap:5px;font-size:9px;color:#6b7280;flex-wrap:wrap}
.ig-price{font-weight:800;color:#002C5F;font-size:11px}
/* ══ 에디터 ══ */
.editor-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.field-sec{padding:8px 12px;border-bottom:1px solid #f3f4f6}
.field-lbl{font-size:9px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.field-req{color:#ef4444}
.field-inp{width:100%;border:1px solid #e5e7eb;border-radius:5px;padding:5px 7px;font-size:11px;font-family:'Pretendard';color:#111;resize:none;outline:none;line-height:1.5}
.field-inp:focus{border-color:#002C5F}
.field-sel{width:100%;border:1px solid #e5e7eb;border-radius:5px;padding:4px 7px;font-size:11px;font-family:'Pretendard';color:#111;outline:none;background:#fff}
.field-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
/* ══ 에디터 채널 탭 ══ */
.editor-ch-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;background:#f8fafd;flex-shrink:0;overflow-x:auto}
.editor-ch-tab{padding:6px 15px;font-size:12px;font-weight:700;letter-spacing:-.3px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;color:#111;white-space:nowrap;transition:color .12s,border-color .12s;display:flex;align-items:center;gap:4px}
.editor-ch-tab:hover:not(.active){color:#374151;background:rgba(0,0,0,.03)}
.editor-ch-tab.active{color:#f37021;border-bottom-color:#f37021;background:#fff}
.editor-ch-add{margin-left:auto;padding:5px 10px;font-size:10px;color:#9ca3af;cursor:pointer;background:none;border:none;font-family:inherit}
.editor-ch-add:hover{color:#6b7280}
/* ══ 에디터 정보 테이블 ══ */
/* ed-tbl : 상품정보등록탭 채널 편집 폼 */
.ed-tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.ed-tbl th{font-size:calc(var(--tbl-head-size) + 1px);font-weight:600;color:#6b7280;padding:4px 9px;text-align:left;background:var(--tbl-head-bg);border-bottom:1px solid #e2e8f0;letter-spacing:-.35px;line-height:1.25;white-space:nowrap}
.ed-tbl td{font-size:calc(var(--tbl-head-size) + 1.5px);font-weight:600;letter-spacing:-.35px;line-height:1.25;padding:4px 9px;border-bottom:1px solid var(--tbl-border);vertical-align:middle;word-break:break-word;overflow-wrap:anywhere}
.ed-tbl td:nth-child(1){width:78px;color:#374151;white-space:normal;word-break:keep-all;vertical-align:top;padding-top:6px}
.ed-tbl td:nth-child(2){width:76px;color:#9ca3af;font-size:10px;font-weight:400;background:#fafafa;word-break:break-all}
.ed-tbl td:nth-child(3){color:#111}
.ed-tbl td:nth-child(4){width:90px;color:#9ca3af;font-size:10px;font-weight:400;letter-spacing:-.2px;line-height:1.3}
.ed-tbl .req-badge{display:inline-block;font-size:9px;font-weight:700;background:#fef3c7;color:#92400e;border-radius:3px;padding:0 4px;margin-left:3px;letter-spacing:0;line-height:1.5}
.ed-tbl .opt-badge{display:inline-block;font-size:9px;background:#f3f4f6;color:#9ca3af;border-radius:3px;padding:0 4px;margin-left:3px;letter-spacing:0;line-height:1.5}
.ed-sec-hd{font-size:10px;font-weight:700;color:#e8edf5;padding:4px 10px;background:#1e3a5f;letter-spacing:.1px;line-height:1.3}
.ed-ch-note{font-size:10px;color:#6b7280;padding:7px 10px;background:#fffbeb;border-bottom:1px solid #fde68a;font-style:italic;letter-spacing:-.2px;line-height:1.4}
/* ══ 게시탭 수직 섹션 ══ */
.post-sec{background:#fff;border-radius:7px;border:1px solid #e2e8f0;overflow:hidden}
.post-sec-hd{font-size:11px;font-weight:800;color:#1e3a5f;padding:8px 12px;background:#eef2f8;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:6px}
.post-sec-body{padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.post-row{display:flex;align-items:flex-start;gap:8px;min-height:26px}
.post-lbl{font-size:10px;font-weight:700;color:#374151;width:100px;flex-shrink:0;line-height:1.3;white-space:normal;word-break:keep-all;padding-top:4px}
.post-orig{background:#f3f4f6!important;color:#9ca3af!important;font-size:10px!important;cursor:not-allowed}
.post-save-btn{margin-left:auto;font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid #002C5F;background:#002C5F;color:#fff;cursor:pointer;font-family:'Pretendard';display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.post-save-btn:hover{background:#f37021;border-color:#f37021}
.field-tag{font-size:9px;background:#dbeafe;color:#1e3a5f;padding:2px 8px;border-radius:10px;font-weight:600;cursor:pointer}
.img-thumb-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.img-thumb-item{width:48px;height:48px;border-radius:5px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;position:relative}
.img-thumb-item img{width:100%;height:100%;object-fit:cover}
.img-thumb-item.main{border:2px solid #002C5F}
/* ══ 진행 상태바 ══ */
.progress-bar{position:fixed;bottom:60px;right:20px;background:#002C5F;color:#fff;padding:10px 16px;border-radius:8px;font-size:11px;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:9000;display:none;min-width:220px}
.progress-bar.show{display:block}
.progress-inner{height:4px;background:#f37021;border-radius:2px;transition:width .3s;margin-top:6px}
/* ══ 다크모드 ══ */
@media (prefers-color-scheme: dark){
:root{
--tbl-border: #2d3748;
--tbl-border-h: #4a5568;
--tbl-head-bg: #1a202c;
--tbl-head-color: #e2e8f0;
--tbl-body-color: #e2e8f0;
--tbl-hover: #2d3748;
--tbl-sel-bg: #1e3a5f;
--tbl-sel-border: #3b82f6;
--tbl-even-bg: #171e2b;
}
html,body{color:#e2e8f0;background:#0f1623}
.g-header{background:#161e2d;border-bottom-color:#f37021}
.hbtn{background:#1e2a3a;border-color:#2d3a4f;color:#cbd5e1}
.hbtn:hover{background:#2d3a4f}
.hbtn.run{background:#1a2535;border-color:#2a3f5f;color:#93c5fd}
.hbtn.run:hover{background:#1e3a5f;border-color:#3b82f6}
.panel{background:#0f1623}
.panel-tabbar{background:#161e2d;border-bottom-color:#2d3748}
.ptab{background:#1e2a3a;border-color:#2d3748;color:#94a3b8}
.ptab.active{background:#0f1623;color:#f37021}
.ptab:hover:not(.active){background:#2d3a4f}
.panel-toolbar{background:#161e2d;border-bottom-color:#2d3748}
.tb-sep{background:#2d3748}
.tbl-wrap{background:#0f1623}
.data-table tbody tr:nth-child(even){background:#171e2b}
.ig-card{background:#161e2d;border-color:#2d3748}
.ig-card:hover{border-color:#3b82f6}
.ig-name{color:#93c5fd}
.ig-price{color:#93c5fd}
.cell-name{color:#93c5fd}
.cell-price{color:#93c5fd}
.sidebar{background:#0f1623;border-right-color:#2d3748}
.sb-sec-hd{background:#1a202c;border-bottom-color:#2d3748}
.sb-sec-hd:hover{background:#1e2a3a}
.sb-sec-body{background:#0f1623}
.sb-item{background:#0f1623;border-bottom-color:#1a202c;color:#e2e8f0}
.sb-item:hover{background:#1e3a5f}
.sb-all-row{background:#161e2d;color:#cbd5e1}
.editor-wrap{background:#0f1623}
.field-inp{background:#161e2d;border-color:#2d3748;color:#e2e8f0}
.field-inp:focus{border-color:#3b82f6}
.field-sel{background:#161e2d;border-color:#2d3748;color:#e2e8f0}
.post-sec{background:#161e2d;border-color:#2d3748}
.post-sec-hd{background:#1a202c;color:#93c5fd;border-bottom-color:#2d3748}
.post-lbl{color:#94a3b8}
.sub-panel{background:#0a0f1a}
.sub-row{background:#161e2d;border-color:#2d3748}
.sub-row:hover{border-color:#3b82f6}
.sub-row.sub-row-sel{border-color:#f37021;background:#1a1208}
.card-panel{background:#0a0f1a}
.cal-box{background:#161e2d;color:#e2e8f0}
.progress-bar{background:#1e3a5f}
.toast{background:#1e3a5f}
}
/* ══ 기타 ══ */
.lb-close{position:absolute;top:16px;right:20px;font-size:24px;color:#fff;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:50%}
.toast{display:none;position:fixed;bottom:20px;right:20px;background:#002C5F;color:#fff;padding:9px 14px;border-radius:8px;font-size:11px;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:9999;align-items:center;gap:7px}
.toast.show{display:flex}
.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af;padding:30px;text-align:center}
.empty-state i{font-size:34px;color:#e5e7eb}
.cal-overlay{display:none;position:fixed;inset:0;z-index:8000;background:rgba(0,0,0,.25)}
.cal-overlay.show{display:flex;align-items:center;justify-content:center}
.cal-box{background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:18px 20px;min-width:280px}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes collect-pulse{0%,100%{box-shadow:0 0 0 0 rgba(243,112,33,.5)}50%{box-shadow:0 0 0 4px rgba(243,112,33,0)}}
/* ══ 서브이미지 행 패널 ══ */
.sub-panel{flex:1;overflow-y:auto;padding:8px 10px;background:#e8ecf0;display:flex;flex-direction:column;gap:6px}
.sub-panel::-webkit-scrollbar{width:4px}
.sub-panel::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:2px}
.sub-row{background:#fff;border-radius:8px;border:2px solid #cbd5e1;padding:6px 10px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;transition:border-color .12s}
.sub-row:hover{border-color:#002C5F}
.sub-row.sub-row-sel{border-color:#f37021;background:#fff8f3}
.sub-row-check{flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}
.sub-row-imgs{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;flex:1;padding-bottom:2px}
.sub-row-imgs::-webkit-scrollbar{height:3px}
.sub-row-imgs::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:2px}
/* ════════════════════════════════════════════════════
GPT 실행 팝업 v2.0 — 전체화면 모달
(gm- 접두사로 기존 스타일과 충돌 방지)
════════════════════════════════════════════════════ */
.gm-overlay{position:fixed;inset:0;z-index:9900;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:10px}
.gm-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.15);width:1100px;max-width:98vw;height:92vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;animation:gm-in .22s cubic-bezier(.34,1.56,.64,1)}
@keyframes gm-in{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
/* ── 헤더 ── */
.gm-header{padding:13px 18px;background:linear-gradient(135deg,#0d1b2a,#1e3a5f);display:flex;align-items:center;gap:10px;flex-shrink:0}
.gm-header-title{font-size:var(--popup-title-size);font-weight:900;color:#fff;letter-spacing:-.3px}
.gm-header-badge{font-size:9px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.15);padding:2px 8px;border-radius:10px;margin-left:4px}
.gm-header-count{display:flex;align-items:center;gap:4px;background:#10a37f;color:#fff;padding:3px 10px;border-radius:20px;font-size:var(--popup-body-size);font-weight:800;margin-left:6px}
.gm-btn-close{margin-left:auto;border:none;background:rgba(255,255,255,.15);color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.gm-btn-close:hover{background:rgba(255,255,255,.3)}
/* ── 바디 레이아웃 ── */
.gm-body{flex:1;display:flex;overflow:hidden}
/* ── 좌측 패널 ── */
.gm-left{width:310px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;overflow-y:auto;background:#fff}
.gm-sec-hd{padding:6px 12px;font-size:10.5px;font-weight:800;display:flex;align-items:center;gap:5px;flex-shrink:0}
.gm-sec-hd--dark{background:#1e3a5f;color:#e8edf5}
.gm-sec-hd--gray{background:#374151;color:#e5e7eb}
.gm-sec-bd{padding:6px 12px;border-bottom:.5px solid #e2e8f0}
.gm-channel-item{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1.5px solid #10a37f;background:#f0fdf4;border-radius:6px;font-size:10.5px;font-weight:700;cursor:pointer}
.gm-channel-active{font-size:9px;color:#10a37f;margin-left:auto}
.gm-radio-group{display:flex;gap:6px}
.gm-radio-label{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border:1.5px solid #e2e8f0;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:10px;font-weight:700;transition:all .15s}
.gm-radio-active{border-color:#10a37f!important;background:#f0fdf4!important;color:#065f46}
.gm-speed-badge{font-size:8.5px;color:#10a37f}
.gm-speed-badge--slow{color:#6b7280}
.gm-mini-btn{margin-left:auto;padding:1px 7px;border:1px solid rgba(255,255,255,.35);border-radius:3px;background:rgba(255,255,255,.12);color:#fff;font-size:9px;cursor:pointer}
.gm-mini-btn+.gm-mini-btn{margin-left:3px}
/* ── 상품 테이블 ── */
.gm-prod-table{width:100%;border-collapse:collapse;font-size:10.5px;table-layout:fixed}
.gm-prod-table th{padding:5px 8px;text-align:left;font-weight:500;color:#64748b;background:#f8fafc;border-bottom:.5px solid #e2e8f0}
.gm-prod-table td{padding:5px 8px;border-bottom:.5px solid #f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ── 진행상황 ── */
.gm-progress-wrap{background:#f0fdf4;border-top:.5px solid #a7f3d0;padding:8px 12px}
.gm-bar-bg{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden;margin:5px 0}
.gm-bar-fill{height:100%;background:#10a37f;border-radius:999px;transition:width .4s ease}
.gm-step-log{max-height:70px;overflow-y:auto;background:#fff;border-radius:4px;border:1px solid #d1fae5;padding:4px 7px;font-size:9.5px;color:#065f46;line-height:1.6}
.gm-principle{padding:7px 12px;font-size:9.5px;color:#6b7280;background:#fffbeb;border-top:.5px solid #fde68a;line-height:1.5;flex-shrink:0;margin-top:auto}
/* ── 우측 패널 ── */
.gm-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}
.gm-src-panel{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #e2e8f0;min-height:0}
.gm-src-hd{padding:6px 12px;background:#1e3a5f;color:#e8edf5;display:flex;align-items:center;gap:6px;flex-shrink:0}
.gm-dst-panel{flex:1;display:flex;flex-direction:column;min-height:0}
.gm-dst-hd{padding:6px 12px;background:#10a37f;color:#fff;display:flex;align-items:center;gap:6px;flex-shrink:0}
/* ── 탭 그룹 ── */
.gm-tab-group{display:flex;border:.5px solid rgba(255,255,255,.3);border-radius:4px;overflow:hidden;margin-left:auto}
.gm-tab-btn{padding:2px 10px;border:none;font-size:9px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}
.gm-tab-btn--active-blue{background:rgba(255,255,255,.92);color:#1e3a5f}
.gm-tab-btn--active-green{background:rgba(255,255,255,.92);color:#10a37f}
.gm-tab-btn--inactive{background:transparent;color:rgba(255,255,255,.75)}
/* ── 미리보기 콘텐츠 (좌우 여백 없이, 수직 스크롤) ── */
.gm-preview-content{flex:1;overflow-y:auto;padding:0}
.gm-preview-content::-webkit-scrollbar{width:4px}
.gm-preview-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}
/* ── 알리 미리보기 ── */
.gm-ali-mobile,.gm-ali-pc{width:100%;background:#fff}
.gm-ali-topbar{background:#FF6A00;color:#fff;padding:8px 12px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}
.gm-ali-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}
/* ── 스마트스토어 미리보기 ── */
.gm-ss-page,.gm-ss-mobile{width:100%;background:#fff;font-family:inherit}
.gm-ss-nav{background:#002C5F;padding:8px 14px;display:flex;align-items:center;gap:10px}
.gm-ss-logo{color:#fff;font-size:12px;font-weight:900;letter-spacing:-1px;white-space:nowrap}
.gm-ss-search{flex:1;max-width:300px;margin-left:10px;background:rgba(255,255,255,.15);border-radius:4px;padding:4px 10px;font-size:10px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:6px;overflow:hidden}
.gm-ss-mob-topbar{background:#002C5F;padding:10px 14px;display:flex;align-items:center;gap:8px}
/* ── 푸터 ── */
.gm-footer{padding:9px 16px;border-top:.5px solid #e2e8f0;background:#fff;display:flex;align-items:center;gap:8px;flex-shrink:0}
.gm-footer-info{font-size:var(--popup-body-size);color:#9ca3af;flex:1}
.gm-btn-cancel{padding:var(--popup-btn-pad);border:.5px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:var(--popup-btn-size);cursor:pointer;font-family:inherit}
.gm-btn-run{padding:var(--popup-btn-pad);border:none;border-radius:6px;background:#10a37f;color:#fff;font-size:var(--popup-btn-size);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:inherit;transition:background .15s}
.gm-btn-run:hover{background:#0d8f6f}
.gm-btn-apply{padding:var(--popup-btn-pad);border:none;border-radius:6px;background:#e5e7eb;color:#9ca3af;font-size:var(--popup-btn-size);font-weight:700;cursor:not-allowed;display:flex;align-items:center;gap:5px;font-family:inherit}
.gm-btn-apply.active{background:#002C5F;color:#fff;cursor:pointer}
/* ════════════════════════════════════════════════════
게시 확인 팝업 — 스크롤 보장
#postConfirmModal 미리보기 탭 좌우 여백 없이 수직 스크롤
════════════════════════════════════════════════════ */
#postConfirmModal {
align-items: center;
justify-content: center;
}
/* 모달 내부 컨테이너 */
#postConfirmModal > div {
max-height: 96vh !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
/* 바디 (비교 테이블 + 미리보기 영역 포함) */
#postConfirmModal > div > div[style*="flex:1"],
#postConfirmModal > div > div[style*="flex: 1"] {
flex: 1 !important;
overflow-y: auto !important;
min-height: 0 !important;
}
/* 미리보기 탭 패널 — 좌우 여백 없이, 수직 스크롤 */
#postPreviewPc,
#postPreviewMobile,
#postPreviewDetail {
overflow-y: auto !important;
padding: 0 !important;
max-height: none !important;
-webkit-overflow-scrolling: touch;
}
/* 미리보기 탭 카드 컨테이너 */
#postPreviewPc::-webkit-scrollbar,
#postPreviewMobile::-webkit-scrollbar,
#postPreviewDetail::-webkit-scrollbar {
width: 5px;
}
#postPreviewPc::-webkit-scrollbar-thumb,
#postPreviewMobile::-webkit-scrollbar-thumb,
#postPreviewDetail::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 10px;
}
/* ══ AI 조건 탭 ══ */
#postPreviewPc + .pcm-tab-label { content: 'PC버전'; }
/* AI 조건 탭 테이블 */
[id$="-post-ai-cond"] .panel-toolbar {
flex-wrap: wrap;
gap: 4px;
min-height: 36px;
height: auto;
}
[id$="-ai-cond-tbl"] {
width: 100%;
border-collapse: collapse;
table-layout: auto;
font-size: 10.5px;
}
[id$="-ai-cond-tbl"] th {
position: sticky;
top: 0;
z-index: 10;
font-weight: 700;
white-space: nowrap;
border-right: 1px solid rgba(255,255,255,.2);
border-bottom: 2px solid rgba(255,255,255,.3);
}
[id$="-ai-cond-tbl"] td {
vertical-align: middle;
border-bottom: .5px solid #e8f0f8;
}
[id$="-ai-cond-tbl"] tr:hover td {
background: #f0fdf9 !important;
}
/* AI 모델 드롭다운 */
[id$="-ai-model-menu"] label:hover {
background: #f0fdf4;
}
/* PC버전 / 모바일 버전 서브탭 */
/* ══ SKU 옵션 매칭 탭 ══ */
#sku-option-standard-wrap .data-table th,
[id$="-admin-sku_option_standard"] .data-table th {
background: #1e3a5f;
color: #e8edf5;
font-size: 10px;
font-weight: 700;
padding: 6px 10px;
white-space: nowrap;
border-right: 1px solid rgba(255,255,255,.15);
}
[id$="-admin-sku_option_standard"] .data-table td {
padding: 5px 10px;
font-size: 10px;
border-bottom: .5px solid #e8f0f8;
vertical-align: middle;
}
[id$="-admin-sku_option_standard"] .data-table tr:hover td {
background: #eff6ff !important;
}
/* 게시 결과값 미리보기 — 테이블.필드 칼럼은 JS(_renderDetailTable hideField=true)로 처리 */
/* ── 전체현황 (overview) 전용 ── */
.ov-wrap {
flex: 1; min-height: 0;
padding: 6px 8px 8px; display: flex; flex-direction: column; gap: 6px;
background: #f0f2f5; overflow: hidden;
}
.ov-top-row {
display: flex; gap: 8px; flex-shrink: 0;
}
.ov-top-row .ov-section {
flex: 1; min-width: 0;
}
.ov-section-scroll {
overflow-y: auto;
}
.ov-bottom-row {
flex: 1; min-height: 0; display: flex; flex-direction: column;
}
.ov-section {
background: #fff;
border-radius: 6px;
border: 1.5px solid #e2e8f0;
overflow: hidden;
}
/* 섹션 타이틀 — 배지 박스 스타일 (배경 없음, 배지만) */
.ov-section-hdr {
padding: 8px 12px 0 12px;
display: flex; justify-content: space-between; align-items: center;
background: #fff;
}
.ov-sec-badge {
display: inline-flex; align-items: center; gap: 4px;
background: #065f46; color: #fff;
font-size: 10px; font-weight: 700;
padding: 3px 10px; border-radius: 4px;
letter-spacing: -.2px; white-space: nowrap;
}
.ov-sec-divider {
height: 1px; background: #e2e8f0; margin: 6px 0 0 0;
}
/* overview 공통 테이블 */
.ov-table {
width: 100%; border-collapse: collapse; table-layout: fixed;
}
.ov-table thead th {
position: sticky; top: 0; z-index: 10;
background: var(--tbl-head-bg);
box-shadow: inset 0 -1px 0 var(--tbl-border-h);
font-weight: 700; color: #111;
text-align: center; white-space: nowrap;
}
.ov-table thead th.ov-th-left { text-align: left; }
.ov-table tbody td {
border-bottom: 1px solid var(--tbl-border);
font-weight: 600; color: #111;
vertical-align: middle; text-align: center;
}
.ov-table tbody td.ov-td-left { text-align: left; }
.ov-table tbody tr:nth-child(even) { background: var(--tbl-even-bg); }
.ov-table tbody tr:hover { background: var(--tbl-hover) !important; }
.ov-table tbody tr.ov-row-total { font-weight: 800; background: #f0f4ff; }
/* 기간별 현황 — 14px, 가운데 정렬, 여유 패딩 */
.ov-matrix-tbl thead th {
font-size: 14px; padding: 8px 16px; text-align: center;
}
.ov-matrix-tbl tbody td {
font-size: 14px; padding: 8px 16px; text-align: center;
letter-spacing: -.3px;
}
.ov-matrix-tbl tbody td.ov-td-left { text-align: center; } /* 기간열도 가운데 */
/* 주문 미매칭 — 패딩 축소, letter-spacing 강화 */
.ov-unmatched-tbl thead th {
font-size: 11px; padding: 4px 4px; letter-spacing: -.5px;
}
.ov-unmatched-tbl tbody td {
font-size: 11px; padding: 4px 4px; letter-spacing: -.5px;
}
/* 재고 소진 — 템플릿 폭에 맞춤 */
.ov-stock-tbl thead th {
font-size: 11px; padding: 4px 6px; letter-spacing: -.4px;
}
.ov-stock-tbl tbody td {
font-size: 11px; padding: 4px 6px; letter-spacing: -.4px;
}
/* ══════════════════════════════════════════════════════════════
패널 컨테이너 쿼리 — 뷰포트가 아닌 패널 폭 기준
분할 패널에서도 정확히 동작 (2분할·3분할 모두 대응)
.panel { container-type/name } 은 위 191번 줄에 선언됨
══════════════════════════════════════════════════════════════ */
/* ── 탭바 공통 ── */
.panel-tabbar {
-webkit-overflow-scrolling: touch;
min-height: 28px;
}
/* ── 탭바·툴바: 패널 600px 이하 ── */
@container panel (max-width: 600px) {
.ptab { padding: 2px 6px; }
[id^=maintabbar] .ptab.active { padding-bottom: 3px; }
.panel-toolbar { gap: 3px; padding: 2px 5px; min-height: 28px; }
.tb-sep { height: 12px; }
}
/* ── 이미지카드 (수집·관심·AI·게시 공통): 패널 800px 이하 ── */
@container panel (max-width: 800px) {
.ig-main-img, .ig-main-ph { height: 130px; }
.ig-name { font-size: 9.5px; }
.ig-price { font-size: 10px; }
.ig-info { padding: 6px 7px 7px; gap: 2px; }
.ig-sub-img { width: 32px; height: 32px; }
.ig-subs { gap: 3px; padding: 4px 6px 0; }
}
@container panel (max-width: 480px) {
.ig-main-img, .ig-main-ph { height: 100px; }
.ig-name { font-size: 8.5px; }
.ig-price { font-size: 9.5px; }
.ig-meta { font-size: 8px; }
.ig-sub-img { width: 26px; height: 26px; }
.ig-info { padding: 4px 6px 6px; }
}
/* ── 상세정보 DB 행 (수집·관심 공통): 패널 600px 이하 세로 배치 ── */
@container panel (max-width: 600px) {
[id$="-db-info"] > div { flex-wrap: wrap; }
[id$="-db-info"] > div > span:first-child { width: auto !important; min-width: 70px; }
}
/* ══ AI탭 반응형 ══ */
/* AI 쿼리탭 — 입력행 항상 wrap 허용 */
[id$="-ai-query"] > div[style*="flex-shrink:0"] { flex-wrap: wrap; }
[id$="-ai-query"] > div[style*="flex-shrink:0"] textarea { min-width: 0; }
@container panel (max-width: 600px) {
[id$="-ai-query"] .panel-toolbar select { max-width: 120px; font-size: 9px; }
[id$="-aq-tbl"] td { font-size: 9px !important; padding: 4px 5px !important; }
}
/* AI 조건 탭: 패널 800px 이하 */
@container panel (max-width: 800px) {
[id$="-post-ai-cond"] .panel-toolbar { row-gap: 3px; }
[id$="-ai-cond-tbl"] th, [id$="-ai-cond-tbl"] td { padding: 4px 6px; font-size: 9px; }
}
/* ══ 게시탭 반응형 ══ */
/* PC버전 미리보기 — 이미지+정보 세로 배치: 패널 750px 이하 */
@container panel (max-width: 750px) {
[id$="-post-webpage"] [style*="display:flex;gap:14px"] { flex-wrap: wrap; }
[id$="-post-webpage"] [style*="width:200px;flex-shrink:0"] {
width: 100% !important;
max-width: 300px;
margin: 0 auto 10px;
}
}
/* 모바일 미리보기 탭 — 패널 440px 이하에서 폰 프레임 100% */
@container panel (max-width: 440px) {
[id$="-post-mobile"] [style*="width:390px"] { width: 100% !important; max-width: 390px; }
}
/* 게시 비교 테이블: 패널 600px 이하 */
@container panel (max-width: 600px) {
[id$="-post-compare-tbl"] th, [id$="-map-compare-tbl"] th,
[id$="-post-compare-tbl"] td, [id$="-map-compare-tbl"] td {
font-size: 8px !important;
padding: 2px 3px !important;
}
}
/* 에디터 (채널탭·ed-tbl·post-sec): 패널 600px 이하 */
@container panel (max-width: 600px) {
.editor-ch-tab { font-size: 10px; padding: 4px 10px; }
.ed-tbl th, .ed-tbl td { font-size: 9px; padding: 3px 6px; }
.ed-tbl td:nth-child(1) { width: 60px; }
.ed-tbl td:nth-child(2) { width: 58px; }
.ed-tbl td:nth-child(4) { width: 70px; }
.post-sec-hd { font-size: 10px; padding: 6px 10px; }
.post-sec-body { padding: 7px 9px; gap: 5px; }
.post-lbl { width: 80px; font-size: 9px; }
.post-row { gap: 5px; min-height: 22px; }
}
/* ══ 주문탭 반응형 ══ */
/* 주문매칭 툴바 다중 행 — 패널 650px 이하에서 wrap 허용 */
@container panel (max-width: 650px) {
[id$="-om-order_match"] .panel-toolbar > div,
[id$="-om-delivery_match"] .panel-toolbar > div { flex-wrap: wrap; }
}
/* 판매·구매 상세/배송 툴바: 패널 550px 이하 */
@container panel (max-width: 550px) {
[id$="-sales-detail"] .panel-toolbar,
[id$="-sales-delivery"] .panel-toolbar,
[id$="-purchase-detail"] .panel-toolbar,
[id$="-purchase-delivery"] .panel-toolbar { flex-wrap: wrap; row-gap: 3px; }
}
/* ══ 관리탭 반응형 ══ */
/* 전체현황 KPI 4열 → 2열 → 1열 */
@container panel (max-width: 650px) {
[id$="-ov-kpi"] { grid-template-columns: repeat(2,1fr) !important; }
}
@container panel (max-width: 380px) {
[id$="-ov-kpi"] { grid-template-columns: 1fr !important; }
}
/* 전체현황 구매/판매 2열 → 1열 */
@container panel (max-width: 550px) {
[id$="-admin-overview"] [style*="grid-template-columns:1fr 1fr"] {
grid-template-columns: 1fr !important;
}
}
/* 게시현황 스탯 카드 3열 → 2열 → 1열 */
@container panel (max-width: 550px) {
[id$="-post-status"] [style*="repeat(3,1fr)"] {
grid-template-columns: repeat(2,1fr) !important;
}
}
@container panel (max-width: 380px) {
[id$="-post-status"] [style*="repeat(3,1fr)"] {
grid-template-columns: 1fr !important;
}
}
/* 게시현황 채널탭 버튼: 패널 480px 이하 컴팩트 */
@container panel (max-width: 480px) {
[id$="-pstab-smart"], [id$="-pstab-web"], [id$="-pstab-mobile"] {
font-size: 9px !important;
padding: 4px 8px !important;
}
}
/* 시스템 설정 탭 post-row — 패널 600px 이하 세로 배치 */
@container panel (max-width: 600px) {
[id$="-admin-settings"] .post-row { flex-wrap: wrap; }
[id$="-admin-settings"] .post-lbl { width: 100%; padding-bottom: 2px; }
}
/* ══ 라이트박스 (쇼츠 스타일) ══ */
#lightbox{display:none;position:fixed;inset:0;z-index:20000;background:#000;align-items:center;justify-content:center}
#lightbox.show{display:flex}
#lb-card{position:relative;height:100dvh;width:100%;max-width:480px;display:flex;flex-direction:column;overflow:hidden}
/* 상단 헤더 */
#lb-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:14px 14px 28px;display:flex;align-items:center;gap:8px;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%);pointer-events:none}
#lb-ch-badge{font-size:9px;font-weight:800;padding:2px 8px;border-radius:4px;flex-shrink:0;pointer-events:auto}
#lb-counter{flex:1;color:rgba(255,255,255,.7);font-size:10px;font-weight:600;letter-spacing:.3px}
#lb-menu-btn{pointer-events:auto;background:rgba(255,255,255,.15);border:none;color:#fff;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lb-icon-btn{pointer-events:auto;background:rgba(255,255,255,.15);border:none;color:#fff;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* 점3개 드롭다운 */
#lb-menu-dropdown{display:none;position:absolute;top:54px;right:14px;z-index:20;background:rgba(30,30,30,.97);border:1px solid rgba(255,255,255,.12);border-radius:10px;min-width:160px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.lb-menu-item{padding:11px 16px;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.lb-menu-item:last-child{border-bottom:none}
.lb-menu-item:hover{background:rgba(255,255,255,.08)}
.lb-menu-item i{font-size:14px;opacity:.7}
/* 상하 힌트 */
#lb-up-hint,#lb-down-hint{position:absolute;left:0;right:0;z-index:5;padding:6px 0 16px;display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s}
#lb-up-hint{top:56px}
#lb-down-hint{bottom:160px}
.lb-hint-pill{color:rgba(255,255,255,.7);font-size:11px;display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.3);padding:3px 10px;border-radius:20px}
/* 메인 이미지 */
#lbImg{width:100%;height:100%;object-fit:contain;flex-shrink:0;display:block}
/* 좌우 네비 버튼 */
#lb-prev,#lb-next{position:absolute;top:45%;transform:translateY(-50%);z-index:6;background:rgba(0,0,0,.3);color:#fff;border:none;width:32px;height:56px;font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center}
#lb-prev{left:0;border-radius:0 6px 6px 0}
#lb-next{right:0;border-radius:6px 0 0 6px}
/* 도트 인디케이터 */
#lb-dots{position:absolute;right:10px;top:45%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:5px;pointer-events:none}
/* 우측 세로 액션 버튼 */
#lb-side-actions{position:absolute;right:12px;bottom:220px;z-index:9;display:none;flex-direction:column;align-items:center;gap:14px}
.lb-action-item{display:flex;flex-direction:column;align-items:center;gap:3px}
.lb-action-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.lb-action-btn.post{background:rgba(243,112,33,.85);border-color:rgba(243,112,33,.5);font-size:18px}
.lb-action-label{color:rgba(255,255,255,.65);font-size:9px;font-weight:600}
/* 하단 정보 오버레이 */
#lb-info{position:absolute;bottom:0;left:0;right:0;z-index:8;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 65%,transparent 100%);padding:40px 14px 0;color:#f1f5f9;display:none}
#lb-prod-name{font-size:13px;font-weight:700;color:#fff;line-height:1.45;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:56px}
#lb-price-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
#lb-buy-price{font-size:11px;color:rgba(255,255,255,.5)}
#lb-ship-price{font-size:10px;color:rgba(255,255,255,.4)}
#lb-sell-price{font-size:18px;font-weight:900;color:#f87171;margin-left:auto}
#lb-sell-label{font-size:8px;color:rgba(255,255,255,.45);align-self:flex-end;padding-bottom:2px}
/* 썸네일 스트립 */
#lb-thumbs{display:flex;gap:5px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}
#lb-thumbs::-webkit-scrollbar{display:none}
.lb-thumb{width:48px;height:48px;object-fit:cover;border-radius:5px;cursor:pointer;border:2px solid transparent;opacity:.55;flex-shrink:0;transition:all .15s}
.lb-thumb.active{border-color:#fff;opacity:1}
/* 하단 탭바 */
#lb-tabbar{display:none;border-top:1px solid rgba(255,255,255,.1);padding:8px 0 max(8px,env(safe-area-inset-bottom));gap:0}
.lb-tab-btn{flex:1;background:none;border:none;color:rgba(255,255,255,.5);font-size:9.5px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;font-family:'Pretendard'}
.lb-tab-btn i{font-size:18px}
.lb-tab-btn:hover{color:rgba(255,255,255,.85)}
/* ══ AI 마스터 테이블 ══ */
.ai-wrap{flex:1;overflow-y:auto;background:#f2f2f7;border-bottom:1px solid #e5e7eb;flex-shrink:0}
.ai-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);margin:0 10px 10px}
.ai-row{display:flex;align-items:center;padding:10px 18px;border-top:1px solid #f0f0f5}
.ai-row:first-child{border-top:none}
.ai-row-img{min-height:80px}
.ai-label{width:44px;font-size:11px;font-weight:600;color:#002C5F;letter-spacing:-.4px;flex-shrink:0;text-align:center;word-break:keep-all;overflow-wrap:break-word;padding:0 2px}
.ai-cell{flex:1;font-size:13px;color:#111;letter-spacing:-.4px;text-align:center;padding:0 15px;word-break:break-all;white-space:pre-wrap}
.ai-cell-img{flex:1;text-align:center;padding:0 15px;word-break:break-all}
.ai-cell-result{font-weight:700;color:#065f46}
.ai-prompt-input{flex:1;min-height:20px;font-size:12px;color:#111;letter-spacing:-.3px;outline:none;padding:4px 8px;line-height:1.5;border-radius:4px;border:none;background:transparent;text-align:center;font-family:inherit;display:block;width:100%}
.ai-prompt-input:focus{background:#f0f4ff}
.ai-prompt-input::placeholder{text-align:center}
/* 툴바 텍스트 */
.ai-tb-label{font-size:11px;color:#111;font-weight:600}
.ai-tb-prod{font-size:11px;color:#111;font-weight:600;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ai-tb-model{font-size:11px;color:#f37021;font-weight:600}
/* 상품/모델 정보바 */
.ai-info-bar{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}
/* 실행 버튼 */
.ai-btn-text{width:52px;border:1px solid #0ea5e9!important;background:#f0f9ff!important;color:#0369a1!important}
.ai-btn-image{border:1px solid #7c3aed!important;background:#f5f3ff!important;color:#7c3aed!important}
.ai-btn-all{width:52px;background:#002C5F!important;color:#fff!important;border:2px solid #002C5F!important;animation:aePulse 1.5s ease-in-out infinite}
/* 공통 지시사항 영역 */
.ai-common-instr{padding:10px 18px;border-bottom:1px solid #f0f0f5}
.ai-common-instr-label{font-size:11px;font-weight:600;color:#002C5F;letter-spacing:-.4px;margin-bottom:4px}
.ai-common-instr-opt{font-weight:400;color:#8e8e93}
.ai-common-instr-input{width:100%;min-height:32px;font-size:12px;color:#111;letter-spacing:-.3px;outline:none;padding:2px 0;line-height:1.6;border:none;border-bottom:1px solid transparent;resize:vertical;background:transparent;font-family:inherit;transition:border-color .15s}
.ai-common-instr-input:focus{border-bottom-color:#002C5F}
/* AI실행/결과 항목 테이블 — 두 탭 공유 마스터 (테이블이라 컬럼·행 자동 정렬, 행높이 CSS 고정) */
.ai-field-tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.ai-field-tbl col.aicol-label{width:62px}
.ai-field-tbl tr{height:52px}
.ai-field-tbl tr.air-img{height:80px}
.ai-field-tbl tr.air-imgs{height:200px}
.ai-field-tbl td{border-top:1px solid #f0f0f5;padding:6px 8px;vertical-align:middle;box-sizing:border-box}
.ai-field-tbl tr:first-child td{border-top:none}
.ai-field-tbl .aic-label{font-size:12px;font-weight:600;color:#002C5F;text-align:center;word-break:keep-all;letter-spacing:-.4px}
.ai-field-tbl .aic-base{font-size:12px;color:#111;text-align:center;white-space:normal;word-break:break-word;letter-spacing:-.4px}
.ai-field-tbl .aic-result{font-weight:700;color:#065f46}
.ai-field-tbl .aic-second{text-align:center}
.ai-field-tbl .aic-instr{width:100%;font-size:12px;color:#111;outline:none;padding:4px 8px;border:none;border-radius:4px;background:transparent;text-align:center;font-family:inherit;box-sizing:border-box;letter-spacing:-.3px;resize:none;overflow:hidden;line-height:1.4;min-height:24px;display:block}