/* kNetwork 허니문 플래너 · 대리점 · 본사 · 손님 여행 페이지 공용 */
:root{--bg:#F3F6FA;--paper:#fff;--ink:#0F2238;--muted:#4F6178;--line:#D3DDE8;--soft:#EEF3F9;--navy:#13457F;--navy-d:#0E2440;--blue:#1F6FC0;
  --or:#E8760F;--or-soft:#FDEBD9;--ok:#1C7A4A;--ok-soft:#E6F4EC;--warn:#B4541A;--warn-soft:#FFF3E8;--red:#C0392B;--sea:#E4ECF6;--border:#CBD6E4;
  --f:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--f);word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--blue)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}
[hidden]{display:none!important}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
/* 헤더 */
.hm-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hm-top .wrap{display:flex;align-items:center;gap:14px;min-height:62px;flex-wrap:wrap}
.hm-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);margin-right:auto}
.hm-brand img{width:34px;height:34px;border-radius:9px}
.hm-brand b{font-size:18px;letter-spacing:-.02em}.hm-brand b span{color:var(--or)}
.hm-brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:-3px}
.hm-nav{display:flex;gap:4px;flex-wrap:wrap}
.hm-nav a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}
.hm-nav a:hover{background:var(--soft)}
.hm-nav a[aria-current="page"]{background:var(--navy);color:#fff}
.hm-foot{margin-top:56px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:13px}
.hm-foot .wrap{padding:22px 16px;display:flex;gap:6px 18px;flex-wrap:wrap}
.hm-main{padding:26px 0 0}
/* 공통 부품 */
.eye{margin:0 0 6px;font:700 12px var(--mono);letter-spacing:.18em;color:var(--or)}
h1.ttl{margin:0;font-size:clamp(26px,3.6vw,38px);letter-spacing:-.03em;line-height:1.2}
.lead{margin:8px 0 0;color:var(--muted);max-width:640px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--or);background:var(--or);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(.96)}
.btn.nv{background:var(--navy);border-color:var(--navy)}
.btn.gh{background:#fff;color:var(--navy);border-color:var(--line)}
.btn.sm{padding:6px 11px;font-size:13px;border-radius:10px}
.btn.dg{background:#fff;color:var(--red);border-color:#EBC5C0}
.btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.box{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:12px;min-width:0}
.box h3{margin:0;font-size:15px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.box h3 small{font-weight:500;color:var(--muted);font-size:12.5px}
.fld{display:grid;gap:4px;font-size:13px;font-weight:600;min-width:0}
.fld input,.fld select,.fld textarea{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%;font-weight:400;font-size:14.5px}
.fld textarea{min-height:76px;resize:vertical}
.fld small{font-weight:400;color:var(--muted)}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
@media (max-width:560px){.f3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.al{font-size:13px;line-height:1.5;padding:9px 12px;border-radius:10px;background:var(--warn-soft);color:var(--warn);border:1px solid #F3D6BC}
.al.ok{background:var(--ok-soft);color:var(--ok);border-color:#CBE7D7}
.al.in{background:var(--soft);color:var(--navy);border-color:var(--line)}
.toast{font-size:13px;color:var(--ok);min-height:1em}
.toast.err{color:var(--red)}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--navy);white-space:nowrap}
.chip.or{background:var(--or-soft);color:var(--or)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.wr{background:var(--warn-soft);color:var(--warn)}.chip.gr{background:#EEF0F3;color:#6B7280}
.empty{color:var(--muted);font-size:13.5px}
/* 탭 */
.tabsx{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;width:max-content;max-width:100%}
.tabsx button{border:0;background:none;padding:9px 14px;border-radius:10px;font-weight:700;color:var(--muted);font-size:14px}
.tabsx button[aria-selected="true"]{background:var(--navy);color:#fff}
.tabsx button b{font:700 11px var(--mono);margin-left:4px;opacity:.8}
/* 로그인 */
.login{max-width:420px;margin:40px auto;display:grid;gap:14px}
.login .box{padding:24px}
/* ===== 플래너 ===== */
.hp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.steps{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.steps li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px}
.steps li b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font:700 11px var(--mono)}
.steps li.on{border-color:var(--or);color:var(--ink)}.steps li.on b{background:var(--or)}
.hp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);grid-template-rows:auto 1fr;gap:18px;align-items:start}
.hp-mapcol{grid-column:1;grid-row:1}.hp-side{grid-column:2;grid-row:1/span 2}.hp-grid>.itin{grid-column:1;grid-row:2;margin-top:0}
@media (max-width:1000px){.hp-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.hp-mapcol,.hp-side,.hp-grid>.itin{grid-column:auto;grid-row:auto}}
.itin.ph{background:transparent;border:1.5px dashed #C3D0E0}
.it-ph{display:grid;gap:6px;color:var(--muted)}.it-ph h2{margin:0;font-size:20px;color:var(--ink);letter-spacing:-.02em}.it-ph p{margin:0}
.it-ph ol{margin:6px 0 0;padding-left:18px;font-size:13.5px;display:grid;gap:3px}
.hp-mapcol{display:grid;gap:10px;min-width:0}
.mapbox{position:relative;background:var(--sea);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.mapbox svg{display:block;width:100%;height:auto;touch-action:manipulation}
.land{fill:#fff}.bord{fill:none;stroke:var(--border);stroke-width:.6}
.arc{fill:none;stroke:var(--or);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:5 5;animation:flow 1.2s linear infinite}
.arc.ghost{stroke:var(--navy);opacity:.55;stroke-dasharray:3 4;animation:none}
@keyframes flow{to{stroke-dashoffset:-20}}
.city{cursor:pointer}.hit{fill:transparent;cursor:pointer}
.city .dot{fill:#fff;stroke:var(--navy);stroke-width:1.6}
.city text{font:600 7.4px var(--f);fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:2.6px;stroke-linejoin:round}
.city.mn .dot{stroke-width:1.2}.city.mn text{font-size:6.2px;fill:var(--muted)}
.city:hover .dot{stroke:var(--or)}
.city.off .dot{stroke:#A9B6C8}.city.off text{fill:#93A0B2}
.city.sel .dot{fill:var(--or);stroke:var(--or)}
.city .num{font:700 6.2px var(--mono);fill:#fff;stroke:none;pointer-events:none}
.city.ghost .dot{stroke:var(--navy);fill:#DCE6F3}
.city .ob rect{fill:var(--warn)}.city .ob text{font:700 6px var(--mono);fill:#fff;stroke:none}
.legend{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);padding:0 4px}
.legend svg{width:14px!important;height:14px!important;display:inline-block}
.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:-1px}
.mtools{position:absolute;right:10px;top:10px;display:flex;gap:6px}
.mtools button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:700;color:var(--navy)}
.hint{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:var(--navy-d);color:#fff;font-size:13px;padding:7px 13px;border-radius:999px;white-space:nowrap;pointer-events:none;transition:opacity .3s}
@media (max-width:560px){.hint{top:auto;bottom:12px;font-size:12px}}
.quick{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}
.quick button{border:1px solid var(--line);background:#fff;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--navy)}
.hp-side{display:grid;gap:14px;min-width:0}
.mine{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px}
.mine .c{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border-radius:999px;background:var(--or-soft);color:var(--or);font-weight:700;font-size:13px}
.mine .c button{border:0;background:rgba(232,118,15,.16);color:var(--or);width:20px;height:20px;border-radius:50%;font-size:11px;line-height:1;padding:0}
.mine .ar{color:#B3BECD}
.res{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:2px}
.pc{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;display:grid;gap:5px;color:var(--ink)}
.pc:hover{border-color:#B8C6D8}
.pc[aria-pressed="true"]{border-color:var(--or);box-shadow:0 0 0 3px var(--or-soft)}
.pc .h{display:flex;justify-content:space-between;gap:8px;align-items:center}
.pc code{font:600 11px var(--mono);color:var(--muted)}
.pc .rt{font-size:13px;line-height:1.5}.pc .rt b{font-weight:700}
.pc .pr{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}
.pc .pr b{font-size:15px;color:var(--or)}
.bd{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}
.bd.m1{background:var(--ok-soft);color:var(--ok)}.bd.m2{background:#E7EEF8;color:var(--navy)}.bd.m3{background:var(--warn-soft);color:var(--warn)}.bd.m4{background:var(--soft);color:var(--muted)}
.nt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:12px}
.nt small{display:block;color:var(--muted);font-size:11.5px}
.stp{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stp button{border:0;background:var(--soft);width:30px;height:30px;font-size:15px;color:var(--navy)}
.stp button:disabled{opacity:.35;cursor:default}
.stp output{min-width:38px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.tot{border-radius:16px;background:linear-gradient(130deg,#0E2440,#1F4C86);color:#fff;padding:16px;display:grid;gap:4px}
.tot small{color:#B7C9E2;font-size:12px}
.tot b{font-size:27px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tot span{font-size:12.5px;color:#D9E4F2}
.tot .lines{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:3px;font-size:12px;color:#D9E4F2}
.tot .lines li{display:flex;justify-content:space-between;gap:8px}
.prof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.18)}
.prof div{font-size:11px;color:#B7C9E2;display:grid}.prof b{font-size:14px;color:#fff}.prof .g{color:#8BE0B4}
.opts{display:grid;gap:10px;padding:12px;border-radius:16px;background:var(--soft)}
.opts h4{margin:0;font-size:14.5px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.opts h4 small{font-weight:500;color:var(--muted);font-size:12px}
.otabs{display:flex;gap:6px;flex-wrap:wrap}
.otabs button{border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:7px 11px;font-weight:700;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.otabs button b{font:600 11px var(--mono);background:var(--soft);border-radius:999px;padding:1px 7px;color:var(--muted)}
.otabs button em{font-style:normal;font-size:11px;background:var(--or);color:#fff;border-radius:999px;padding:1px 7px}
.otabs button[aria-selected="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.otabs button[aria-selected="true"] b{background:rgba(255,255,255,.18);color:#fff}
.olist{display:grid;gap:8px}
.oi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:13px;padding:10px 11px}
.oi.on{border-color:var(--or);background:var(--or-soft)}
.oi:disabled{opacity:.5;cursor:not-allowed}
.oi .ob{display:grid;gap:2px;min-width:0}
.on1{font-weight:700;font-size:13.5px;line-height:1.35}.on2{font-size:12.5px;color:var(--navy);font-weight:600}.on3{font-size:12px;color:var(--muted);line-height:1.45}
.op{text-align:right;font-weight:700;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.op small{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}.oi.on .op small{color:var(--or);font-weight:700}
.mini{margin-left:6px;border:0;background:var(--warn);color:#fff;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700}
/* ===== 자동 일정표 ===== */
.itin{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:16px}
.it-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.it-h h2{margin:0;font-size:22px;letter-spacing:-.02em}
.it-h p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.it-act{display:flex;gap:8px;flex-wrap:wrap}
.rbar{display:flex;border-radius:12px;overflow:hidden;min-height:40px}
.rbar div{display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;padding:6px 4px;min-width:0;text-align:center;line-height:1.2}
.rbar div small{display:block;font-weight:500;font-size:11px;opacity:.85}
@media (max-width:560px){.rbar div small{display:none}.rbar div{font-size:11.5px}}
.days{display:grid;gap:10px}
.dd{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
.dd.ex{background:#FFFBF5;border-style:dashed;border-color:#EBC9A2}
.dd-d{display:grid;align-content:start;gap:2px}
.dd-d b{font:800 13px var(--mono);color:var(--or);letter-spacing:.06em}
.dd-d span{font-weight:700;font-size:14px}
.dd-d i{font-style:normal;font-size:11.5px;color:var(--muted)}
.dd-b{display:grid;gap:8px;min-width:0}
.dd-b h4{margin:0;font-size:16px;letter-spacing:-.02em;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dd-tr{font:600 12px var(--mono);color:var(--muted)}
.dd-hl{margin:0;padding:0;list-style:none;display:grid;gap:3px;font-size:13.5px}
.dd-hl li{padding-left:12px;position:relative}.dd-hl li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:#B8C6D8}
.dd-hl li.t::before{background:var(--or)}
.dd details summary{cursor:pointer;font-size:12.5px;color:var(--blue);font-weight:600}
.dd-all{margin:6px 0 0;padding:10px 12px;list-style:none;background:var(--soft);border-radius:10px;font-size:12.5px;display:grid;gap:2px;color:#34465C}
.dd-all li.g{font-weight:700;color:var(--ink);margin-top:4px}.dd-all li.n{color:var(--muted);font-size:12px}
.dd-op{display:grid;gap:2px;border-left:3px solid var(--or);background:var(--or-soft);border-radius:0 10px 10px 0;padding:7px 10px;font-size:13px}
.dd-op b{color:#8A4306}.dd-op span{color:#7A5434;font-size:12px}
.dd-ft{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.dd-ft b{color:var(--ink);font-weight:600}
@media (max-width:560px){.dd{grid-template-columns:minmax(0,1fr);gap:8px}.dd-d{grid-auto-flow:column;justify-content:start;gap:8px;align-items:baseline}.itin{padding:16px}}
/* 파일 (티켓) */
.files{display:flex;gap:8px;flex-wrap:wrap}
.fc{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px 10px 6px 6px;text-decoration:none;color:var(--ink);font-size:13px;max-width:100%}
.fc .ic{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 10px var(--mono);color:#fff;background:var(--navy);overflow:hidden}
.fc .ic img{width:100%;height:100%;object-fit:cover}
.fc .ic.k-항공권{background:#1F6FC0}.fc .ic.k-기차표{background:#3E8E7E}.fc .ic.k-입장권{background:#C8576B}.fc .ic.k-호텔{background:#8A6BB8}.fc .ic.k-투어{background:#E8760F}
.fc span{display:grid;min-width:0}.fc b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.fc small{color:var(--muted);font-size:11.5px}
.fc:hover{border-color:var(--navy)}
/* 표 · 목록 */
.tbl{display:grid;gap:8px}
.row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.row .t{display:grid;gap:2px;min-width:0}.row .t b{font-size:14.5px}.row .t small{color:var(--muted);font-size:12.5px}
.row .a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.row .m{font-size:13px;color:var(--muted);display:grid;gap:2px}.row .m b{color:var(--ink);font-size:14px}
@media (max-width:760px){.row{grid-template-columns:minmax(0,1fr)}.row .a{justify-content:flex-start}}
.row select{padding:6px 8px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:#fff}
.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.bar .grow{flex:1}
.bar input[type=search]{padding:8px 12px;border:1px solid var(--line);border-radius:10px;min-width:200px;background:#fff}
.faq{display:grid;gap:8px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 12px}
.faq summary{cursor:pointer;font-weight:700;font-size:13.5px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.faq pre{white-space:pre-wrap;font:13px/1.6 var(--f);margin:8px 0;background:var(--soft);padding:10px;border-radius:10px;max-height:260px;overflow:auto}
.link-out{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--ok-soft);border:1px solid #CBE7D7}
.link-out input{width:100%;padding:8px 10px;border:1px solid #CBE7D7;border-radius:9px;font:13px var(--mono);background:#fff}
.link-out .a{display:flex;gap:6px;flex-wrap:wrap}
/* 여행 편집 */
.up{display:grid;gap:10px;padding:14px;border:1.5px dashed #B8C6D8;border-radius:16px;background:var(--soft)}
.up.drag{border-color:var(--or);background:var(--or-soft)}
.fday{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.fday h5{margin:0;font-size:13.5px;display:flex;justify-content:space-between;gap:8px}
.fitem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.fitem .a{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
/* 손님 여행 페이지 */
.trip-hero{border-radius:24px;padding:26px;color:#fff;background:radial-gradient(70% 120% at 0% 100%,rgba(232,118,15,.28),transparent 60%),linear-gradient(120deg,#0A2244,#13457F);display:grid;gap:10px}
.trip-hero h1{margin:0;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.02em}
.trip-hero .dday{display:inline-block;font:800 13px var(--mono);background:var(--or);padding:4px 10px;border-radius:999px;width:max-content}
.trip-hero p{margin:0;color:#D6E4F5}
.tk{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.tk .fc{width:100%}.tk .fc b{max-width:none}
.sec-t{margin:26px 0 12px;font-size:19px;letter-spacing:-.02em}
/* 견적서 / PDF 문서 */
.doc-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.doc{width:100%;max-width:794px;margin:0 auto;padding:34px 36px;background:#fff;color:#14233A;font:12.5px/1.6 var(--f)}
.doc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:2px solid #13457F;padding-bottom:12px}
.doc-h .br{font-weight:800;font-size:18px;color:#13457F;letter-spacing:-.02em}.doc-h .br span{color:#E8760F}.doc-h .br small{display:block;font:600 9px var(--mono);letter-spacing:.2em;color:#6B7A90}
.doc-h .mt{text-align:right;font-size:11px;color:#56657B;line-height:1.55}
.doc h1{margin:20px 0 2px;font-size:24px;letter-spacing:-.03em}
.doc .sub{margin:0 0 14px;color:#56657B;font-size:13px}
.doc h2{margin:20px 0 8px;font-size:15px;color:#13457F;border-left:4px solid #E8760F;padding-left:8px}
.doc-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #D3DDE8;border-radius:10px;overflow:hidden}
.doc-sum div{padding:8px 10px;border-right:1px solid #D3DDE8;display:grid}.doc-sum div:last-child{border-right:0}
.doc-sum small{font-size:10.5px;color:#6B7A90}.doc-sum b{font-size:13px}
.doc-rt{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}
.doc-rt span{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff}
.doc-pr{width:100%;border-collapse:collapse;font-size:12px}
.doc-pr td,.doc-pr th{border-bottom:1px solid #E3E9F0;padding:6px 8px;text-align:left}
.doc-pr th{background:#F2F5F9;font-size:11px;color:#56657B}
.doc-pr td.n,.doc-pr th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.doc-pr tr.tt td{border-bottom:0;border-top:2px solid #13457F;font-weight:800;font-size:14px;color:#13457F}
.doc-day{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;border-bottom:1px solid #E3E9F0;padding:9px 0}
.doc-day .dn b{display:block;font:800 11px var(--mono);color:#E8760F}.doc-day .dn span{font-weight:700;font-size:12px}
.doc-day h3{margin:0 0 3px;font-size:13px}
.doc-day ul{margin:0;padding:0;list-style:none;font-size:11.2px;line-height:1.55;color:#34465C}
.doc-day li.g{font-weight:700;color:#14233A}.doc-day li.n{color:#6B7A90}
.doc-day .dop{margin:4px 0;padding:4px 8px;background:#FDEBD9;border-radius:6px;font-size:11.2px;color:#7A3D06}
.doc-day .ft{margin-top:4px;font-size:10.8px;color:#56657B}
.doc-day .fl{margin-top:4px;font-size:10.8px;color:#1F6FC0}
.doc-box{border:1px solid #D3DDE8;border-radius:10px;padding:10px 12px;font-size:11.5px;display:grid;gap:4px}
.doc-ft{margin-top:18px;padding-top:10px;border-top:1px solid #D3DDE8;font-size:10.5px;color:#6B7A90}
.pdf-host{position:absolute;left:0;top:0;width:794px;z-index:-1;background:#fff}
.pdf-host .doc{max-width:none}
.pdf-busy{position:fixed;inset:0;z-index:9999;background:rgba(255,255,255,.94);display:grid;place-items:center;font:700 16px var(--f)}
@media (max-width:640px){.doc{padding:20px 16px}.doc-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-sum div:nth-child(2){border-right:0}.doc-sum div:nth-child(-n+2){border-bottom:1px solid #D3DDE8}.doc-day{grid-template-columns:minmax(0,1fr)}}
@media print{.hm-top,.hm-foot,.noprint{display:none!important}body{background:#fff}.doc-wrap{border:0}}
@media (prefers-reduced-motion:reduce){.arc{animation:none}}

/* 이동 수단 (항공·기차·차량) */
.arc.m-a{stroke:#1F6FC0;stroke-dasharray:1.6 4.2;stroke-width:2.4}
.arc.m-c{stroke:#1C7A4A;stroke-dasharray:9 3}
.arc.m-t{stroke:var(--or)}
.arc.ghost{animation:none;opacity:.5}
.mvi circle{stroke:#fff;stroke-width:1.4}
.mvi.ghost{opacity:.6}
.mvc{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;padding:2px 8px;border-radius:999px;vertical-align:2px;letter-spacing:0}
.doc-rt{align-items:center}.doc-rt em{font-style:normal;font-size:10.5px;color:#6B7A90}
.doc-day h3 .mvc{font-size:10px;padding:1px 6px;vertical-align:1px}
/* ===== 자유 조합 ===== */
.mtab{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:14px}
.mtab button{border:0;background:none;padding:10px 8px;border-radius:10px;font-weight:700;font-size:14px;color:var(--muted)}
.mtab button[aria-selected="true"]{background:var(--navy);color:#fff}
.stays{display:grid;gap:6px}
.strow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.strow.base{background:#F4F8FD;border-color:#C9D8EC}
.strow .sn{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--or);color:#fff;font:700 12px var(--mono)}
.strow .sc{font-weight:700;font-size:14px;min-width:0}.strow .sc small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.srm{border:0;background:var(--soft);width:26px;height:26px;border-radius:50%;color:var(--muted);font-size:12px;padding:0}
.segrow{display:grid;gap:4px;padding:2px 0 2px 18px;border-left:2px dashed #C9D3E0;margin-left:11px}
.sg-l{font-size:12px;color:var(--muted)}
.sg-c{display:flex;gap:4px;flex-wrap:wrap}
.sg-c button{border:1.5px solid var(--line);background:#fff;border-radius:9px;padding:4px 8px;font-size:12.5px;font-weight:700;color:var(--ink);display:grid;line-height:1.25;text-align:left}
.sg-c button small{font-weight:500;font-size:11px;color:var(--muted)}
.sg-c button[aria-pressed="true"]{border-color:var(--c);background:var(--c);color:#fff}.sg-c button[aria-pressed="true"] small{color:rgba(255,255,255,.85)}
.sg-c button:disabled{cursor:default;opacity:.75}
.sel{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13.5px}
.btns{display:flex;gap:6px;flex-wrap:wrap}
.dpick{display:flex;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--soft);border-radius:10px}
.dpick label{display:grid;gap:3px;font-size:11.5px;font-weight:700;color:var(--navy);flex:1 1 220px;min-width:0}
.dpick select,.dpick input{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13.5px;font-weight:500;color:var(--ink);width:100%}
.dd-memo{border-left:3px solid var(--navy);background:#E7EEF8;color:var(--navy);border-radius:0 10px 10px 0;padding:7px 10px;font-size:13px}
.dd.gen{border-style:solid}
/* 요금·일정표 편집 */
.cated{display:grid;gap:14px}
.cated code{font:12px var(--mono);background:#fff;padding:1px 5px;border-radius:5px}
.ctbl{display:grid;gap:8px}
.crow{display:grid;gap:8px;align-items:end}.crow.c4{grid-template-columns:90px minmax(0,1.3fr) 140px minmax(0,1.6fr) auto}
@media (max-width:760px){.crow.c4{grid-template-columns:1fr 1fr}}
.cdet{border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff}
.cdet[open]{background:#FBFCFE}
.cdet summary{cursor:pointer;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--muted)}
.cdet summary b{color:var(--ink);font-size:14px}
.cdet>.f3,.cdet>.fld{margin-top:10px}
.cdet .btn.dg{margin-top:10px}
.cated .fld input,.cated .fld select,.cated .fld textarea{font-size:13.5px}
.csave{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:rgba(243,246,250,.96);border-top:1px solid var(--line);z-index:5}

/* 호텔 선택 */
.hsel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--navy)}
.hsel select{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12.5px;font-weight:500;color:var(--ink);width:100%;min-width:0}
.nt .hsel{grid-column:1/-1}
.strow .hsel{grid-column:2/-1}
.htbl{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:12px;background:var(--soft)}
.htbl .hh{display:grid;gap:2px}.htbl .hh small{color:var(--muted);font-size:12px}
.hrow{display:grid;grid-template-columns:minmax(0,1.6fr) 80px minmax(0,1.4fr) minmax(0,1.2fr) auto;gap:8px;align-items:end;padding-bottom:8px;border-bottom:1px solid var(--line)}
.hact{display:flex;gap:4px}
@media (max-width:760px){.hrow{grid-template-columns:1fr 1fr}}

/* 도시 추가 */
.newcity{border-color:var(--or);border-style:dashed}
.newcity summary b{color:var(--or)}
.nc{display:grid;gap:10px;margin-top:10px}
.ck{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600}
.ckcol{display:grid;gap:6px;align-content:end}
.pickmap{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sea);max-width:640px}
.pickmap svg{display:block;width:100%;height:auto;cursor:crosshair}
.pickmap span{position:absolute;left:8px;top:8px;font-size:12px;background:rgba(255,255,255,.9);padding:3px 8px;border-radius:8px;color:var(--muted)}
.pk-c{fill:var(--navy)}.pk-t{font:600 6px var(--f);fill:#56657B;pointer-events:none}
.pk-new{fill:var(--or);stroke:#fff;stroke-width:1.5}

/* 구간 거리·시간 */
.mvi-t{font-size:12px;font-weight:600;color:var(--muted);margin-left:2px}
.sg-c button em{font-style:normal;font-weight:500;font-size:11px;opacity:.85}
.doc-day h3 .mvi-t{font-size:10px}

/* 견적·상담 목록 */
.qsum{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.qs-b{display:grid;justify-items:start;gap:0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font-size:12.5px;color:var(--muted);font-weight:600;min-width:96px}
.qs-b b{font-size:20px;color:var(--ink)}.qs-b.or b{color:var(--or)}.qs-b.wr b{color:var(--warn)}.qs-b.ok b{color:var(--ok)}
.qsel{padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}
.qrow.hot{border-left:4px solid var(--or)}
.qrow.open{border-color:var(--navy);box-shadow:0 6px 20px -12px rgba(19,69,127,.4)}
.qrow .qm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.qd{grid-column:1/-1;display:grid;gap:12px;padding-top:12px;border-top:1px dashed var(--line)}
.qd-r{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.qd-c{color:#fff;font-weight:700;font-size:12.5px;padding:4px 10px;border-radius:999px}
.qd-mv{font-size:12px;font-weight:700}
.qd-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.qd-g>div{background:var(--soft);border-radius:12px;padding:10px 12px}
.qd-g h5{margin:0 0 4px;font-size:12px;color:var(--navy)}
.qd-g p{margin:0;font-size:13px;line-height:1.55}
.qd-ask{background:var(--or-soft);border-radius:12px;padding:10px 12px;font-size:13.5px;display:grid;gap:3px}
.qd-ask b{font-size:12px;color:var(--or)}
.qd-ask.wr{background:var(--warn-soft)}.qd-ask.wr b{color:var(--warn)}
.qd-ask.in{background:#E7EEF8}.qd-ask.in b{color:var(--navy)}
.qd-t{width:100%;border-collapse:collapse;font-size:13px}
.qd-t th,.qd-t td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.qd-t th:first-child,.qd-t td:first-child{text-align:left;white-space:normal}
.qd-t th{background:var(--soft);font-size:12px;color:var(--muted)}
.qd-t tr.tt td{font-weight:800;color:var(--navy);border-top:2px solid var(--navy)}
.qd-t tr.pf td{color:var(--muted)}.qd-t tr.pf.g td{color:var(--ok);font-weight:700}

.row .m .upd{color:var(--navy);font-weight:600}
.qd-h{grid-column:1/-1}
.qd-h h5 small{font-weight:500;color:var(--muted);margin-left:6px}
.qd-h p{display:flex;flex-wrap:wrap;gap:6px}
.qd-h .hs{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12.5px}
.qd-h .hs b{font:600 12px var(--mono);color:var(--navy)}.qd-h .hs i{font-style:normal;color:var(--muted)}
.stsel{font-weight:700}
.stsel.st-new{border-color:var(--or)!important;color:var(--or)}.stsel.st-accepted{border-color:var(--warn)!important;color:var(--warn)}
.stsel.st-booked,.stsel.st-viewed{border-color:#9AD0B3!important;color:var(--ok)}.stsel.st-cancel,.stsel.st-done{color:#6B7280}
/* B2B 상품 목록 */
.chipsel{display:flex;gap:6px;flex-wrap:wrap}
.chipsel button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--muted)}
.chipsel button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}
.pcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:8px;min-width:0}
.pcard.open{grid-column:1/-1;border-color:var(--navy)}
.pc-h{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pc-h code{font:700 12px var(--mono);color:var(--muted)}.pc-d{font-size:12px;color:var(--muted);margin-left:auto}
.pcard h3{margin:0;font-size:16px;letter-spacing:-.02em}
.pc-r{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.pc-c{color:#fff;font-weight:700;font-size:12px;padding:3px 9px;border-radius:999px}.pc-mv{font-size:11px;font-weight:700}
.pc-hl{margin:0;padding-left:16px;font-size:13px;color:#34465C;display:grid;gap:2px}
.pc-p{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding-top:8px;border-top:1px dashed var(--line)}
.pc-p span{font-size:12px;color:var(--muted)}.pc-p b{font-size:18px;color:var(--navy)}.pc-p small{font-size:12px;color:var(--warn)}
.pc-days{margin:0;padding:10px 12px;list-style:none;background:var(--soft);border-radius:12px;display:grid;gap:6px;font-size:13px}
.pc-days li{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}.pc-days b{font:800 12px var(--mono);color:var(--or)}.pc-days small{flex-basis:100%;color:var(--muted);font-size:12px;padding-left:52px}
/* 본사 상품 관리 */
.ptbl{display:grid;gap:6px}
.prow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.prow.off{background:#F7F8FA}.prow.off .pr-t input{color:var(--muted)}
.pr-a{display:grid;gap:6px;justify-items:start}
.pubt{border:1.5px solid #C9D3E0;background:#fff;color:var(--muted);border-radius:999px;padding:5px 14px;font-weight:800;font-size:13px}
.pubt.on{background:var(--ok);border-color:var(--ok);color:#fff}
.pr-t{display:grid;gap:5px;min-width:0}.pr-t code{font:700 12.5px var(--mono)}.pr-t small{color:var(--muted);font-size:12px}
.pr-t input{padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:13.5px;width:100%}
@media (max-width:640px){.prow{grid-template-columns:1fr}.pr-a{grid-auto-flow:column;justify-content:start;align-items:center}}

/* 판매 마진 (정액 / 요율) */
.mgbox{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#FBFCFE}
.mgh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{border:0;background:#fff;padding:6px 12px;font-weight:700;font-size:12.5px;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.pctin{display:flex;align-items:center;gap:6px}.pctin input{flex:1}.pctin em{font-style:normal;font-weight:800;color:var(--navy)}
.mgnote{font-size:11.5px;color:var(--muted)}

/* 새 상품 등록 */
.pr-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pr-top .grow{flex:1}
.pe{display:grid;gap:14px}
.pe-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.pe-h h3{margin:0;font-size:20px}
.pe-sec{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.pe-sec h4{margin:0;font-size:15px}.pe-sec h4 small{font-weight:500;color:var(--muted);font-size:12px;margin-left:6px}
.pe-leg{display:grid;grid-template-columns:110px 24px minmax(0,1fr) auto auto;gap:8px;align-items:center}
.pe-leg b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--or);color:#fff;font:700 12px var(--mono)}
.pe-leg select{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13.5px;min-width:0}
.pe-mv{font-weight:700;color:var(--navy)}.pe-mv0{font-size:12px;color:var(--muted)}
.pe-ac{display:flex;gap:4px}
@media (max-width:640px){.pe-leg{grid-template-columns:24px minmax(0,1fr) auto}.pe-leg .pe-mv,.pe-leg .pe-mv0{grid-column:1/-1}.pe-ac{grid-column:1/-1}}

/* PDF: 1쪽 견적 · 2쪽부터 날짜별 일정 (하루 일정은 쪽이 바뀌어도 잘리지 않음) */
.doc-ov{width:100%;border-collapse:collapse;font-size:11.5px}
.doc-ov td{padding:5px 6px;border-bottom:1px solid #E3E9F0;vertical-align:top}
.doc-ov td.d{font:800 10.5px var(--mono);color:#E8760F;white-space:nowrap;width:52px}.doc-ov td.w{white-space:nowrap;width:70px;font-weight:600}
.doc-ov td.h{white-space:nowrap;color:#6B7A90;text-align:right}
.doc-ov i{font-style:normal;font-size:10px;color:#1F6FC0;font-weight:700}.doc-ov i.o{color:#B4541A}
.doc-break{height:0}
.doc-p2{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-bottom:2px solid #13457F;padding-bottom:6px;margin-bottom:4px}
.doc-p2 span{font-size:10.5px;color:#6B7A90}.doc-p2 span b{color:#E8760F}.doc-p2 h2{margin:0;border:0;padding:0;font-size:16px}
.doc-day{break-inside:avoid;page-break-inside:avoid}
.doc-day.xl ul{font-size:10.2px;line-height:1.45}
.doc-wrap .doc-break{margin:26px 0 18px;border-top:2px dashed #D3DDE8}
@media print{.doc-break{border:0;margin:0;break-before:page;page-break-before:always}.doc-day{break-inside:avoid}}
/* 본사: 대리점별 예약 현황 */
.agsum{border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 12px;padding:10px 14px}
.agsum summary{cursor:pointer;font-weight:700;font-size:15px}
.agsum summary small{font-weight:400;color:var(--mute,#6b7280);margin-left:6px;font-size:12px}
.agt{overflow-x:auto;margin-top:8px}
.agt table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.agt th{font-weight:600;color:var(--mute,#6b7280);text-align:right;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.agt th:first-child,.agt td:first-child{text-align:left}
.agt td{text-align:right;padding:7px 8px;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}
.agt td i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--mute,#6b7280)}
.agt tbody tr{cursor:pointer}
.agt tbody tr:hover{background:#f6f7f9}
.agt tbody tr.on{background:#eef4ff;box-shadow:inset 3px 0 0 var(--navy,#1f3a68)}
.agt td.wr{color:var(--warn,#b45309);font-weight:700}
.agt td.ok{color:#15803d;font-weight:700}
.agt td.g{color:#15803d}
.agst b.wr{color:var(--warn,#b45309)} .agst b.ok{color:#15803d}
/* 대리점 회사 표시 (로고·이름) */
.doc-h .br .agb{display:flex;align-items:center;gap:10px}
.doc-h .br .agb img.lg{max-height:44px;max-width:170px;object-fit:contain;display:block}
.doc-h .br .agb b{font-size:18px;color:#13457F;font-weight:800}
.lgrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 4px}
.lgbox{width:180px;height:70px;border:1px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);background:#fafbfc;padding:6px}
.lgbox img{max-width:100%;max-height:100%;object-fit:contain}
.brprev{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:12px}
.aglg{height:22px;max-width:70px;object-fit:contain;vertical-align:middle;margin-right:6px}
.hm-brand b.agn{font-size:17px;color:var(--ink)}
@media (max-width:560px){.doc-h .br .agb{flex-direction:column;align-items:flex-start;gap:4px}.doc-h .br .agb img.lg{max-height:32px;max-width:140px}.doc-h .br .agb b{font-size:16px;white-space:nowrap}.doc-h .br .agb small{letter-spacing:.08em}}

/* 상품 관리: 기본 상품 입금가 수정 */
.pr-net{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px}
.pr-net label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.pr-net input{width:120px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;text-align:right}
.pr-net input:focus{outline:2px solid var(--or);outline-offset:0}

/* 성수기 월 칩 */
.mchips{display:inline-flex;flex-wrap:wrap;gap:3px}
.mchips button{min-width:30px;height:28px;padding:0 6px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer}
.mchips button[aria-pressed=true]{background:#FFF1E3;border-color:var(--or);color:#B4520A;font-weight:700}
.pr-mon{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:12.5px;color:var(--muted)}
.pr-mon small{color:var(--muted)}
.fld .mchips{margin-top:6px}
/* PDF는 휴대폰에서 만들어도 항상 A4 PC 배치로 (html2pdf가 문서를 .html2pdf__container 안으로 옮겨서 그림) */
@media (max-width:640px){.html2pdf__container .doc,.pdf-host .doc{padding:34px 36px}.html2pdf__container .doc-sum,.pdf-host .doc-sum{grid-template-columns:repeat(4,minmax(0,1fr))}.html2pdf__container .doc-sum div,.pdf-host .doc-sum div{border-bottom:0!important;border-right:1px solid #D3DDE8!important}.html2pdf__container .doc-sum div:last-child,.pdf-host .doc-sum div:last-child{border-right:0!important}.html2pdf__container .doc-day,.pdf-host .doc-day{grid-template-columns:78px minmax(0,1fr)}}
/* 엑셀·PDF로 상품 등록 */
.impdrop{display:grid;place-items:center;gap:4px;padding:26px 16px;border:2px dashed var(--line);border-radius:14px;background:#FAFBFD;cursor:pointer;text-align:center;color:var(--muted)}
.impdrop b{color:var(--navy);font-size:15px}.impdrop small{font-size:12px}
.impdrop.over,.impdrop:hover{border-color:var(--or);background:#FFF8F1}
.imtbl{display:grid;gap:8px;margin:6px 0 12px}
.imrow{display:grid;grid-template-columns:28px 130px minmax(0,1fr) 300px 70px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.imrow.w{border-color:#F3C99A;background:#FFFCF7}
.imc input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:600 13px var(--mono,monospace);text-transform:uppercase}
.imc small{display:block;font-size:11.5px;color:var(--muted);margin-top:4px}
.imt{display:grid;gap:3px;min-width:0}.imt b{font-size:14px}.imt small{font-size:12px;color:var(--muted)}.imt .iw{color:#B4520A}
.imlegs{display:flex;flex-wrap:wrap;gap:4px}.imlegs i{font-style:normal;color:#fff;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px}
.imn{display:flex;gap:6px}.imn label{display:grid;gap:2px;font-size:11.5px;color:var(--muted)}.imn input{width:140px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;text-align:right}
@media (max-width:900px){.imrow{grid-template-columns:28px minmax(0,1fr)}.imrow>*:nth-child(n+3){grid-column:2}.imn input{width:120px}}