/* Acctual adaptation from design/DESIGN.md. Existing workflows remain intact. */
:root {
  --color-ink:#1e1e1e; --color-carbon:#0f0f0f; --color-midnight:#0d111b;
  --color-smoke:#666; --color-mist:#ccd1da; --color-paper:#fff;
  --color-snow:#f7fafc; --color-electric-blue:#0098f2; --color-ice:#cfeafa;
  --radius-cards:16px; --radius-buttons:100px; --radius-largecards:32px;
  --card-padding:24px; --element-gap:12px; --page-max-width:1200px;
  --shadow-subtle:0 1px 2px rgba(10,13,20,.03);
  --dd-ink:var(--color-ink); --dd-muted:var(--color-smoke);
  --dd-green:var(--color-midnight); --dd-green-dark:#242834;
  --dd-green-light:#f7fafc; --dd-soft:#fafafa; --dd-line:var(--color-mist);
  --dd-blue:#006da8; --dd-blue-light:#edf7fd; --dd-radius:16px;
  --ws-text:var(--color-ink); --ws-muted:var(--color-smoke);
  --ws-green:var(--color-midnight); --ws-green-light:#f2f4f7;
  --ws-line:var(--color-mist); --ws-soft:#fafafa;
}
body.dd-figma-page,body.dd-figma-app {
  --bg:#fff; --bg-2:#fafafa; --bg-3:#f2f4f7; --surface:#fff;
  --surface-2:#fafafa; --main-bg:#fff; --ink:#1e1e1e; --text:#1e1e1e;
  --text-2:#666; --text-3:#666; --muted:#666;
  --text-secondary:#666; --text-tertiary:#666;
  --accent:#0d111b; --accent-ink:#fff; --accent-soft:#f2f4f7;
  --accent-bg:#f2f4f7; --brand:#1e1e1e; --brand-bg:#f2f4f7;
  --border:#ccd1da; --border-2:#e9ebee; --line:#ccd1da;
  --login-brand-gradient:#0d111b; --r-sm:16px; --r-md:16px;
  --r-lg:20px; --r-xl:32px; --adm-accent:#0d111b;
  background:#fff; color:#1e1e1e; font-weight:500;
  font-family:Pretendard,'Noto Sans KR',system-ui,sans-serif;
  letter-spacing:-.02em;
}
:is(.dd-figma-page,.dd-figma-app) :is(h1,h2,h3) {
  color:#1e1e1e; font-family:inherit; font-weight:600; letter-spacing:-.03em;
}
:is(.dd-figma-page,.dd-figma-app) :is(p,small,label,td,th,input,textarea,select,button) {font-family:inherit}
:is(.dd-figma-page,.dd-figma-app) :is(.muted,.meta,.sub,small) {color:#666}
:is(.dd-figma-page,.dd-figma-app) ::placeholder {color:#666}
:is(.dd-figma-page,.dd-figma-app) :is(button,.btn,.btn-line,.btn-sm,.ws-button) {
  border-radius:100px; font-weight:500; letter-spacing:-.02em;
}
.dd-figma-app .btn-primary,.dd-figma-page button.btn:not(.line),
.dd-figma-page button.primary,#workspace .ws-button.primary {
  color:#fff; background:#0d111b; border-color:#0d111b;
  box-shadow:0 0 0 1px #242628,0 1px 2px rgba(27,28,29,.24);
}
.dd-figma-app .btn-primary:hover,.dd-figma-page button.btn:not(.line):hover,
.dd-figma-page button.primary:hover,#workspace .ws-button.primary:hover {background:#242834}
:is(.dd-figma-page,.dd-figma-app) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select) {
  color:#1e1e1e; border-color:#666; border-radius:16px; background:#fff;
}
:is(.dd-figma-page,.dd-figma-app) :is(input[type=checkbox],input[type=radio]) {accent-color:#0d111b}
:is(.dd-figma-page,.dd-figma-app) :focus-visible {outline-color:#006da8!important}
.dd-figma-page a {color:#1e1e1e; text-underline-offset:4px}
.dd-figma-page :is(.card,.box) {border-radius:16px; border-color:#e9ebee; background:#fafafa; box-shadow:none}
.dd-figma-page .card {padding:24px}
.dd-figma-page :is(.badge,.pill,.rec) {border-radius:100px; color:#1e1e1e; background:#f2f4f7}
.dd-figma-page :is(.thumb,.pay,.flow-row) {border-radius:16px}
.dd-figma-page .hero {padding-block:32px}
.dd-figma-page .hero h1 {font-weight:600; letter-spacing:-.03em}
.dd-figma-page :is(.topbar,header.top) {background:#fff}
.dd-figma-page header.top .brand {color:#1e1e1e}
.dd-figma-page .bar {background:#fff; border-color:#ccd1da; box-shadow:0 -1px 2px rgba(10,13,20,.03)}
.dd-figma-app :is(.modal-sheet,.side-panel) {border-radius:20px; background:#fff}
.dd-figma-app :is(.modal-header,.modal-footer) {border-color:#e9ebee}
.dd-figma-app :is(.drawer,.order-card,.auto-reply-draft-card) {background:#fff; border-radius:16px}
.dd-figma-app .login-screen {
  --login-accent:#0d111b; --login-accent-dark:#242834;
  --login-brand-gradient:#0d111b; background:#fff;
}
.dd-figma-app :is(.login-btn,.login-brand) {background-image:none}
.dd-figma-app .login-btn {background:#0d111b; color:#fff; border-radius:100px}
.dd-figma-app .login-input-wrap .login-input {padding-inline-start:44px}
#workspace {color:#1e1e1e; letter-spacing:-.02em; grid-template-rows:96px auto}
#workspace .ws-global-head {background:#fff; border:1px solid #e9ebee; box-shadow:var(--shadow-subtle); border-radius:100px; margin:16px 24px; width:calc(100% - 48px); height:64px; top:16px}
#workspace .ws-global-head .ws-brand {color:#1e1e1e; font-weight:600}
#workspace .ws-global-search {background:#fafafa; border-color:#ccd1da; border-radius:100px; color:#0098f2}
#workspace .ws-global-search input {border:0; border-radius:0; background:transparent}
#workspace .ws-global-search:focus-within {outline-color:#006da8}
#workspace :is(.ws-help-button,.ws-account) {border-radius:100px; color:#1e1e1e}
#workspace .ws-sidebar {border-color:#e9ebee; top:96px; height:calc(100vh - 96px)}
#workspace .ws-sidebar nav button {border-radius:100px; color:#666}
#workspace .ws-sidebar nav button.active {color:#1e1e1e; background:#f2f4f7}
#workspace .ws-heading h1 {font-size:32px; font-weight:600; line-height:1.25; letter-spacing:-.03em}
#workspace .ws-heading-sub {color:#666; margin-top:8px}
#workspace .ws-account-card {background:#fafafa; border-color:#e9ebee; border-radius:16px; padding:16px}
#workspace .ws-kpi {background:#fafafa; border-color:#e9ebee; border-radius:16px; padding:24px; box-shadow:none}
#workspace .ws-kpi strong {font-weight:600; font-size:40px; letter-spacing:-.03em}
#workspace .ws-panel {border-color:#e9ebee; border-radius:16px; overflow:hidden; box-shadow:none}
#workspace .ws-panel-heading {padding:24px}
#workspace .ws-panel h2 {font-size:24px; font-weight:600; letter-spacing:-.03em}
#workspace :is(.ws-text-link,.ws-priority-icon) {color:#006da8}
#workspace :is(.ws-quick small,.ws-priority-row small,.ws-kpi>span,.ws-kpi p,.ws-kpi small) {color:#666}
#workspace .ws-priority-row {border-radius:0; border-color:#e9ebee}
#workspace .ws-priority-row b {background:#f2f4f7; color:#1e1e1e; border-radius:100px}
#workspace .ws-quick>button {border-radius:0}
#workspace .ws-row {border-color:#e9ebee}
#workspace .ws-order-row {border-radius:0}
#workspace .ws-columns {color:#666; background:#fafafa}
#workspace .ws-status {color:#1e1e1e; background:#f2f4f7; border-radius:100px}
#workspace .ws-status.attention {color:#1e1e1e; background:#f2f4f7}
#workspace .ws-tabs button.active {background:#0d111b; color:#fff; border-color:#0d111b}
#workspace .ws-selection {background:#f7fafc}
#workspace .ws-selected {background:#f7fafc; box-shadow:inset 3px 0 #0098f2}
#workspace .ws-selected .ws-row-main strong {color:#1e1e1e}
#workspace :is(.ws-steps,.ws-bubble) {background:#f7fafc; border-radius:16px}
#workspace .ws-steps b {background:#0d111b; border-radius:100px}
.adm-body :is(.adm-kpi-card,.adm-tasks-section,.adm-orders-section) {border-radius:16px; box-shadow:none; border-color:#e9ebee}
.adm-body .adm-kpi-card {background:#fafafa}
.adm-body .adm-btn--primary {background:#0d111b; color:#fff; border-radius:100px}
@media(max-width:760px) {
  #workspace .ws-global-head {margin:12px 16px; width:calc(100% - 32px); top:12px}
  #workspace .ws-heading h1 {font-size:28px; line-height:1.4}
  #workspace .ws-kpi {padding:16px}
  #workspace .ws-kpi strong {font-size:32px}
  #workspace .ws-panel-heading {padding:16px}
  #workspace .ws-panel h2 {font-size:20px}
  #workspace .ws-mobile-nav {background:#fff; border-color:#e9ebee}
  #workspace .ws-mobile-nav button {border-radius:16px; color:#666}
  #workspace .ws-mobile-nav button.active {color:#1e1e1e; background:#f2f4f7}
  #workspace .ws-order-row {border-radius:16px}
  .dd-figma-page .card {padding:16px; border-radius:16px}
  .dd-figma-app .modal-sheet {border-radius:20px 20px 0 0}
}
@media(max-width:760px) {
  #workspace .ws-kpis {margin-bottom:12px}
  #workspace .ws-kpi {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; min-height:146px}
  #workspace .ws-kpi>strong {order:0; margin:0; font-size:32px; line-height:1.2}
  #workspace .ws-kpi>span {order:1; width:100%; line-height:1.35}
  #workspace .ws-kpi>p {order:2; margin:2px 0 0; font-size:14px; line-height:1.4}
  #workspace .ws-home-grid {display:none}
  #workspace .ws-mobile-nav {
    inset:auto 12px calc(20px + env(safe-area-inset-bottom)); height:72px; padding:4px;
    border:1px solid rgba(255,255,255,.95); border-radius:999px;
    background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
    box-shadow:0 3px 16px rgba(23,36,43,.12);
  }
  #workspace .ws-mobile-nav button {
    flex:1; min-width:0; min-height:58px; height:58px; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:2px; padding:4px 2px; border-radius:999px;
    background:transparent; color:#52626d; font-size:13px; font-weight:600; line-height:1.2;
    transition:transform .16s ease, color .16s ease, background-color .16s ease;
  }
  #workspace .ws-mobile-nav button.active {
    background:#eaf7ef; color:#087443; box-shadow:0 2px 8px rgba(8,116,67,.16); transform:translateY(-2px);
  }
  #workspace .ws-mobile-nav .ws-mobile-icon {display:grid; width:28px; height:24px; place-items:center; font-size:0; line-height:1}
  #workspace .ws-mobile-nav .ws-mobile-icon svg {display:block; width:24px; height:24px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce) {
  #workspace .ws-mobile-nav button {transition:none}
}
/* 2026-10-11 텔레그램식 아래 메뉴: 미끄러지는 선택 방울 (js/workspace.js moveNavBubble) */
@media(min-width:0px) {
  #workspace .ws-nav-bubble {
    position:absolute; left:0; top:0; z-index:0; pointer-events:none;
    border-radius:999px; background:rgba(0,152,242,.12);
    box-shadow:inset 0 0 0 1px rgba(0,152,242,.18);
  }
  #workspace .ws-nav-bubble.ready {
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), width .3s ease, opacity .2s;
  }
  #workspace .ws-mobile-nav button {position:relative; z-index:1}
  #workspace .ws-mobile-nav button.active {
    background:transparent; box-shadow:none; transform:none; color:#006da8;
  }
  #workspace .ws-mobile-nav button.active .ws-mobile-icon {animation:dd-nav-pop .35s ease}
}
@keyframes dd-nav-pop {0%{transform:scale(1)} 45%{transform:scale(1.18)} 100%{transform:scale(1)}}
/* 2026-10-11 곡률 A안: 작은 반경 통일 (조작 8px · 카드 12px · 창 16px)
   예외(알약형 유지): 하단 메뉴·선택 방울·상태 배지·단계 번호. 되돌리려면 이 묶음을 지운다 */
:root {--dd-r-ctl:8px; --dd-r-card:12px; --dd-r-sheet:16px}
:is(.dd-figma-page,.dd-figma-app) :is(button,.btn,.btn-line,.btn-sm,.ws-button),
:is(.dd-figma-page,.dd-figma-app) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select),
.dd-figma-app .login-btn, .adm-body .adm-btn--primary,
#workspace .ws-help-button, #workspace .ws-account,
#workspace .ws-sidebar nav button, #workspace .ws-global-search {border-radius:var(--dd-r-ctl)}
.dd-figma-page :is(.card,.box,.thumb,.pay,.flow-row),
.dd-figma-app :is(.drawer,.order-card,.auto-reply-draft-card),
#workspace :is(.ws-kpi,.ws-panel,.ws-account-card,.ws-steps,.ws-bubble),
#workspace .ws-global-head,
.adm-body :is(.adm-kpi-card,.adm-tasks-section,.adm-orders-section) {border-radius:var(--dd-r-card)}
.dd-figma-app :is(.modal-sheet,.side-panel) {border-radius:var(--dd-r-sheet)}
@media(min-width:0px) {
  .dd-figma-page .card, #workspace .ws-order-row {border-radius:var(--dd-r-card)}
  .dd-figma-app .modal-sheet {border-radius:var(--dd-r-sheet) var(--dd-r-sheet) 0 0}
}
/* 2026-10-11 주문 한 줄(증권 앱식) — 휴대폰만. PC에서는 새 칸을 숨기고 예전 표 모양 유지 (js/workspace.js orderRow) */
#workspace :is(.ws-ch,.ws-row-product,.ws-row-sub,.ws-pay) {display:none}
#workspace .ws-sr {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
@media(min-width:0px) {
  #workspace .ws-order-row {grid-template-columns:36px minmax(0,1fr) auto; grid-template-rows:auto; column-gap:12px; row-gap:0; align-items:center; padding:14px 16px; min-height:72px}
  #workspace .ws-order-row>.ws-ch {display:grid; place-items:center; grid-column:1; grid-row:1; width:36px; height:36px; border-radius:50%; font-size:14px; font-weight:700; line-height:1; background:#f2f4f7; color:#1e1e1e}
  #workspace .ws-order-row>.ws-ch--naver {background:#03c75a; color:#fff}
  #workspace .ws-order-row>.ws-ch--creator {background:#e8f3fa; color:#006da8}
  #workspace .ws-order-row>.ws-row-main {grid-column:2; grid-row:1; gap:2px; min-width:0}
  #workspace .ws-order-row>.ws-row-main>strong {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:700}
  #workspace .ws-order-row .ws-row-product {display:inline; color:inherit; font-size:inherit; font-weight:inherit}
  #workspace .ws-order-row .ws-row-sub {display:block; font-size:13px; line-height:1.4; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  #workspace .ws-order-row :is(.ws-row-no,.ws-status), #workspace .ws-order-row>.ws-product-summary, #workspace .ws-order-row>.ws-chevron {display:none}
  #workspace .ws-order-row>.ws-row-end {grid-column:3; grid-row:1 / span 1; display:flex; flex-direction:column; align-items:flex-end; gap:2px}
  #workspace .ws-order-row>.ws-row-end>strong {font-size:17px; font-weight:800; line-height:1.3; font-variant-numeric:tabular-nums; white-space:nowrap}
  #workspace .ws-order-row .ws-pay {display:block; font-size:13px; font-weight:600; line-height:1.4; white-space:nowrap}
  #workspace .ws-pay::before {content:'● '}
  #workspace :is(.ws-pay--pre,.ws-pay--check) {color:#b45309}
  #workspace .ws-pay--paid {color:#006da8}
  #workspace .ws-pay--done {color:#666}
}
/* 2026-10-11 휴대폰 요약 칸: 설명 문장 삭제, 큰 건수 + 이름 + 금액 합계 (2×2 유지, PC는 그대로) */
#workspace .ws-kpi-amt {display:none}
@media(min-width:0px) {
  #workspace .ws-kpi {min-height:110px}
  #workspace .ws-kpi>p {display:none}
  #workspace .ws-kpi-amt {display:block; order:2; font-style:normal; font-size:14px; font-weight:600; line-height:1.4; color:#666; font-variant-numeric:tabular-nums}
  #workspace .ws-kpi-amt.pre {color:#b45309}
  #workspace .ws-kpi>strong {font-size:40px; line-height:1.15; letter-spacing:-.03em}
  #workspace .ws-kpi>span {font-size:14px; line-height:1.4; color:#666}
}
/* 2026-10-11 휴대폰 대칭 정리: 요약 칸 가운데 정렬 · "건"을 숫자에 붙임 · 주문 줄은 상자 대신 가는 선 */
@media(min-width:0px) {
  #workspace .ws-kpi {align-items:center; text-align:center}
  #workspace .ws-kpi>:is(strong,span,em) {width:100%; text-align:center}
  #workspace .ws-kpi>strong small {margin-left:2px}
  #workspace .ws-order-row {border:0; border-top:1px solid #e9ebee; border-radius:0; margin:0; box-shadow:none}
}
/* 2026-10-11 휴대폰 홈 "할 일 3단계" (어르신용, 크기는 네이버페이 증권 랭킹 목록 비율) — PC는 숨김 */
#workspace .ws-tasks {display:none}
@media(min-width:0px) {
  #workspace[data-page="home"] .ws-heading, #workspace[data-page="home"] .ws-kpis:not([aria-hidden="true"]) {display:none}
  #workspace .ws-tasks {display:flex; flex-direction:column; gap:0; margin:0 0 24px}
  #workspace .ws-tasks>h2 {margin:0; font-size:22px; line-height:1.35; font-weight:700; letter-spacing:-.03em; color:#1e1e1e}
  #workspace .ws-tasks-date {margin:2px 0 12px; font-size:15px; line-height:1.4; color:#4a4f57}
  #workspace .ws-task-list {display:flex; flex-direction:column; border:1px solid #e3e6ea; border-radius:12px; overflow:hidden; background:#fff}
  #workspace .ws-task {display:grid; grid-template-columns:40px minmax(0,1fr) auto 16px; align-items:center; column-gap:12px; width:100%; min-height:64px; padding:12px 12px 12px 16px; border:0; border-top:1px solid #e3e6ea; border-radius:0; background:#fff; color:#1e1e1e; text-align:left; box-shadow:none}
  #workspace .ws-task:first-child {border-top:0}
  #workspace .ws-task-icon {display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#fff3e3; color:#b45309}
  #workspace .ws-task--ship .ws-task-icon {background:#e6f2fa; color:#006da8}
  #workspace .ws-task-text {display:flex; flex-direction:column; gap:1px; min-width:0}
  #workspace .ws-task-text strong {font-size:17px; line-height:1.4; font-weight:700}
  #workspace .ws-task-text small {font-size:14px; line-height:1.4; color:#4a4f57; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  #workspace .ws-task-count {font-size:22px; line-height:1.2; font-weight:800; color:#b45309; font-variant-numeric:tabular-nums; white-space:nowrap}
  #workspace .ws-task--ship .ws-task-count {color:#006da8}
  #workspace .ws-task-count small {font-size:14px; font-weight:700; margin-left:2px; color:inherit}
  #workspace .ws-task-chev {font-size:20px; line-height:1; color:#666}
  #workspace .ws-task.is-empty {grid-template-columns:40px minmax(0,1fr); background:#f6f7f9}
  #workspace .ws-task.is-empty .ws-task-icon {background:#eceef1; color:#9aa0a6}
  #workspace .ws-task.is-empty strong {color:#4a4f57}
  #workspace .ws-task.is-empty small {color:#666}
  #workspace .ws-task-add {width:100%; min-height:52px; margin-top:12px; border:1.5px solid #0d111b; background:#fff; color:#1e1e1e; font-size:17px; font-weight:700}
}
/* 2026-10-11 주문 펼치기 (휴대폰): 이름 17 · 상품·시간 14 회색 · 금액 18, 누르면 제자리에서 펼침. PC는 숨김 */
#workspace .ws-order-panel, #workspace .ws-row-toggle {display:none}
@media(min-width:0px) {
  #workspace .ws-order-item {border-top:1px solid #e9ebee}
  #workspace .ws-order-item>.ws-order-row {border-top:0; grid-template-columns:36px minmax(0,1fr) auto 16px}
  #workspace .ws-order-row .ws-row-product {display:none}
  #workspace .ws-order-row>.ws-row-main>strong {font-size:17px; font-weight:500}
  #workspace .ws-order-row .ws-row-sub {font-size:14px}
  #workspace .ws-order-row>.ws-row-end>strong {font-size:18px}
  #workspace .ws-order-row .ws-pay {font-size:14px}
  #workspace .ws-order-row>.ws-row-toggle {display:block; grid-column:4; grid-row:1; font-size:14px; color:#666; transition:transform .2s ease}
  #workspace .ws-order-item.is-open>.ws-order-row {background:#f7f9fb}
  #workspace .ws-order-item.is-open>.ws-order-row>.ws-row-toggle {transform:rotate(180deg)}
  #workspace .ws-order-item.is-open>.ws-order-panel {display:block; padding:4px 16px 16px; background:#f7f9fb; animation:dd-open .2s ease}
  #workspace .ws-order-panel[hidden] {display:none!important}
  #workspace .ws-order-panel dl {display:grid; grid-template-columns:76px minmax(0,1fr); gap:8px 12px; margin:0 0 12px; padding:12px; background:#fff; border:1px solid #e9ebee; border-radius:8px}
  #workspace .ws-order-panel dt {font-size:14px; line-height:1.5; color:#666}
  #workspace .ws-order-panel dd {margin:0; font-size:15px; line-height:1.5; color:#1e1e1e; overflow-wrap:anywhere; min-width:0}
  #workspace .ws-op-item {display:flex; justify-content:space-between; gap:8px}
  #workspace .ws-op-item b {font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums}
  #workspace .ws-op-actions {display:flex; gap:8px}
  #workspace .ws-op-btn {min-height:44px; padding:8px 14px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:600}
  #workspace .ws-op-btn.primary {margin-left:auto; background:#0d111b; border-color:#0d111b; color:#fff}
}
@keyframes dd-open {from{opacity:0; transform:translateY(-4px)} to{opacity:1; transform:none}}
/* 2026-10-11 휴대폰 홈 최근 주문 칩: 보낼 주문 / 보낸 주문 (네이버페이 증권 "순매수/순매도" 칩 모양) */
@media(min-width:0px) {
  #workspace .ws-recent>.ws-panel-heading {flex-wrap:nowrap; align-items:center; justify-content:space-between}
  #workspace .ws-more-link {min-height:44px; padding:8px 0 8px 8px; font-size:15px; font-weight:500; color:#666; margin-left:auto}
  #workspace .ws-ship-chips {display:flex; gap:8px; padding:0 16px 12px}
  #workspace .ws-ship-chips>button {display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:8px 16px; border:0; border-radius:999px; background:#f2f4f7; color:#666; font-size:16px; font-weight:600; box-shadow:none}
  #workspace .ws-ship-chips>button[aria-pressed="true"] {background:#1e1e1e; color:#fff; font-weight:700}
  #workspace .ws-ship-chips b {font-weight:700; font-variant-numeric:tabular-nums}
}
/* 2026-10-11 택배 묶음 카드 (배송 내역 창): 날짜 제목 · 진행 단계 · 다음 할 일 버튼 1개 (js/app.js renderDeliveryBatchCard) */
.dd-figma-app .batch-card2 {display:flex; flex-direction:column; gap:12px; padding:16px 18px; background:#fff; border:1px solid #e3e6ea; border-radius:12px; box-shadow:none}
.dd-figma-app .batch-card2.is-done {background:#f6f7f9}
.dd-figma-app .batch-card2 .batch-title {font-size:18px; line-height:1.4; font-weight:700; color:#1e1e1e}
.dd-figma-app .batch-card2.is-done .batch-title {color:#666}
.dd-figma-app .batch-card2 .batch-meta {margin-top:2px; font-size:14px; line-height:1.4; color:#666}
.dd-figma-app .batch-card2 .batch-steps {display:flex; flex-direction:column; gap:2px}
.dd-figma-app .batch-card2 .batch-step {display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:8px; width:100%; min-height:40px; min-width:0; padding:4px 0; border:0; border-radius:0; background:none; color:#1e1e1e; text-align:left; font-size:16px; line-height:1.4; box-shadow:none}
.dd-figma-app .batch-card2 .batch-step-dot {display:grid; place-items:center; width:22px; height:22px; border-radius:50%; border:1.5px solid #9aa0a6; color:#9aa0a6; font-size:12px; font-weight:700; line-height:1}
.dd-figma-app .batch-card2 .is-done .batch-step-dot {border-color:#0f7a45; background:#e6f4ec; color:#0f7a45}
.dd-figma-app .batch-card2 .is-now .batch-step-dot {border-color:#b45309; background:#fff3e3; color:#b45309}
.dd-figma-app .batch-card2 .batch-step-name {font-weight:500}
.dd-figma-app .batch-card2 .is-now .batch-step-name {font-weight:700}
.dd-figma-app .batch-card2 .is-todo .batch-step-name {color:#666}
.dd-figma-app .batch-card2 .batch-step-val {font-weight:700; color:#666; font-variant-numeric:tabular-nums; white-space:nowrap}
.dd-figma-app .batch-card2 .is-done .batch-step-val {color:#0f7a45}
.dd-figma-app .batch-card2 .is-now .batch-step-val {color:#b45309}
.dd-figma-app .batch-card2 .sr-only {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
.dd-figma-app .batch-card2 .batch-hint {margin:0; font-size:14px; line-height:1.5; color:#b45309; font-weight:500}
.dd-figma-app .batch-card2 .batch-actions-row {display:flex; gap:8px; align-items:stretch}
.dd-figma-app .batch-card2 .batch-main-btn {flex:1; min-height:48px; padding:8px 12px; border:0; border-radius:8px; background:#0d111b; color:#fff; font-size:16px; font-weight:700; box-shadow:none}
.dd-figma-app .batch-card2 .batch-main-btn:disabled {background:#d5d9df; color:#4a4f57; opacity:1; cursor:not-allowed}
.dd-figma-app .batch-card2 .batch-sheet-btn {min-height:48px; padding:8px 14px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700; white-space:nowrap}
.dd-figma-app .batch-card2.is-done .batch-sheet-btn {flex:1}
/* 2026-10-11 입금 확인 창 (휴대폰: 입금 대기 주문을 누르면 아래에서 올라옴, js/workspace.js openPaySheet) */
.dd-figma-app .ws-sheet-wrap {position:fixed; inset:0; z-index:900; display:flex; align-items:flex-end; justify-content:center}
.dd-figma-app .ws-sheet-wrap .ws-sheet-back {position:absolute; inset:0; background:rgba(13,17,27,.45); animation:dd-fade .2s ease}
.dd-figma-app .ws-sheet-wrap .ws-sheet {position:relative; width:100%; max-width:560px; max-height:calc(100dvh - 48px); overflow:auto; padding:8px 20px calc(20px + env(safe-area-inset-bottom)); background:#fff; color:#1e1e1e; border-radius:16px 16px 0 0; box-shadow:0 -4px 24px rgba(13,17,27,.12); animation:dd-sheet-up .25s ease}
.dd-figma-app .ws-sheet .ws-sheet-grip {width:40px; height:4px; margin:4px auto 8px; border-radius:2px; background:#d5d9df}
.dd-figma-app .ws-sheet .ws-sheet-head {display:flex; align-items:center; justify-content:space-between; gap:8px}
.dd-figma-app .ws-sheet .ws-sheet-head h2 {margin:0; font-size:18px; line-height:1.4; font-weight:700; color:#1e1e1e}
.dd-figma-app .ws-sheet .ws-sheet-x {min-width:44px; min-height:44px; padding:0; border:0; border-radius:8px; background:none; color:#666; font-size:20px; line-height:1; box-shadow:none}
.dd-figma-app .ws-sheet .ws-sheet-amount {margin-top:4px; text-align:center; font-size:36px; line-height:1.2; font-weight:800; letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-sheet .ws-sheet-sub {margin:6px 0 0; text-align:center; font-size:16px; line-height:1.5; color:#4a4f57}
.dd-figma-app .ws-sheet .ws-sheet-bank {margin:12px 0 0; padding:10px 12px; border-radius:8px; background:#fff3e3; color:#b45309; font-size:15px; font-weight:600; text-align:center}
.dd-figma-app .ws-sheet .ws-sheet-bank.ok {background:#e6f4ec; color:#0f7a45}
.dd-figma-app .ws-sheet .ws-sheet-info {display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px 12px; margin:16px 0; padding:12px; border:1px solid #e9ebee; border-radius:8px}
.dd-figma-app .ws-sheet .ws-sheet-info dt {font-size:14px; line-height:1.5; color:#666}
.dd-figma-app .ws-sheet .ws-sheet-info dd {margin:0; min-width:0; font-size:15px; line-height:1.5; color:#1e1e1e; overflow-wrap:anywhere}
.dd-figma-app .ws-sheet .ws-sheet-main {width:100%; min-height:52px; border:0; border-radius:8px; background:#0d111b; color:#fff; font-size:17px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-sheet .ws-sheet-sub-actions {display:flex; gap:8px; margin-top:8px}
.dd-figma-app .ws-sheet .ws-sheet-sub-actions button {flex:1; min-height:44px; padding:8px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:600; box-shadow:none}
body.dd-figma-app.ws-sheet-open {overflow:hidden}
@keyframes dd-sheet-up {from{transform:translateY(100%)} to{transform:none}}
@keyframes dd-fade {from{opacity:0} to{opacity:1}}
/* 2026-10-11 휴대폰: 입금 대기 목록 위 "통장 입금 조회" 입구 (PC는 숨김) */
#workspace .ws-bank-link {display:none}
@media(min-width:0px) {
  #workspace .ws-bank-link {display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:56px; margin:0 0 12px; padding:10px 16px; border:1px solid #e3e6ea; border-radius:12px; background:#f7f9fb; color:#1e1e1e; text-align:left; box-shadow:none}
  #workspace .ws-bank-link>span:first-child {display:flex; flex-direction:column; gap:1px}
  #workspace .ws-bank-link b {font-size:16px; font-weight:700}
  #workspace .ws-bank-link small {font-size:14px; color:#4a4f57}
  #workspace .ws-bank-link>span:last-child {font-size:20px; color:#666}
}
/* 2026-10-11 하단 메뉴 "문자" 새 문자 수 배지 */
#workspace .ws-mobile-nav .ws-mobile-icon {position:relative}
#workspace .ws-mobile-nav .ws-nav-badge {position:absolute; top:-7px; left:calc(50% + 5px); min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:#d92d20; color:#fff; font-size:12px; font-weight:800; line-height:20px; text-align:center; letter-spacing:0; font-variant-numeric:tabular-nums; box-shadow:0 0 0 2px #fff; pointer-events:none}
#workspace .ws-mobile-nav .ws-nav-badge[hidden] {display:none}
/* 2026-10-11 문자 목록: 답장 기다려요(주황) / 답장함(회색) */
#workspace .ws-row-main .ws-reply {display:block; font-size:14px; line-height:1.4; font-weight:700}
#workspace .ws-row-main .ws-reply.is-wait {color:#b45309}
#workspace .ws-row-main .ws-reply.is-done {color:#666; font-weight:500}
/* 2026-10-11 휴대폰 문자 첫 화면: 홈 "할 일" 목록과 같은 모양 (탭·체크칸·검색·안내는 숨기고 "전체 보기"에서만) */
#workspace .ws-msg-head, #workspace .ws-msg-list {display:none}
@media(min-width:0px) {
  #workspace[data-msg-simple="1"] #ws-body > :is(.ws-heading, .ws-toolbar, .ws-disclosure, .ws-tabs),
  #workspace[data-msg-simple="1"] .ws-list-panel > :is(.ws-search, #ws-selection) {display:none}
  #workspace[data-msg-simple="1"] .ws-list-panel {border:0; background:transparent; overflow:visible}
  #workspace .ws-msg-head {display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:0 0 12px}
  #workspace .ws-msg-head h2 {margin:0; font-size:22px; line-height:1.35; font-weight:700; letter-spacing:-.03em; color:#1e1e1e}
  #workspace .ws-msg-head p {margin:2px 0 0; font-size:15px; line-height:1.4; color:#4a4f57}
  #workspace .ws-msg-head .ws-more-link {flex-shrink:0; min-height:44px; padding:4px 0 4px 8px; font-size:15px; font-weight:500; color:#666}
  #workspace .ws-msg-list {display:flex; flex-direction:column; border:1px solid #e3e6ea; border-radius:12px; overflow:hidden; background:#fff}
  #workspace .ws-msg {display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; column-gap:12px; width:100%; min-height:68px; padding:12px 14px 12px 16px; border:0; border-top:1px solid #e3e6ea; border-radius:0; background:#fff; color:#1e1e1e; text-align:left; box-shadow:none}
  #workspace .ws-msg:first-child {border-top:0}
  #workspace .ws-msg-icon {display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#fff3e3; color:#b45309; font-size:17px; font-weight:700}
  #workspace .ws-msg-text {display:flex; flex-direction:column; gap:1px; min-width:0}
  #workspace .ws-msg-text strong {font-size:17px; line-height:1.4; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  #workspace .ws-msg-text strong small {font-size:14px; font-weight:500; color:#666}
  #workspace .ws-msg-text>span {font-size:15px; line-height:1.4; color:#4a4f57; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  #workspace .ws-msg-end {display:flex; flex-direction:column; align-items:flex-end; gap:2px; white-space:nowrap}
  #workspace .ws-msg-end small {font-size:13px; color:#666}
  #workspace .ws-msg-end b {font-size:14px; font-weight:700}
  #workspace .ws-msg-end .ws-msg-new {padding:1px 8px; border-radius:999px; background:#d92d20; color:#fff; font-size:13px; font-weight:800}
  #workspace .ws-msg-end .ws-msg-wait {color:#666; font-weight:500; font-size:13px}
  #workspace .ws-msg:not(.is-unread) .ws-msg-icon {background:#f2f4f7; color:#4a4f57}
  #workspace .ws-msg:not(.is-unread) .ws-msg-text strong {font-weight:500}
}
/* 2026-10-11 문자함 두 흐름: 주문이 안 된 문자 / 문의 */
#workspace .ws-msg-sec {display:none}
@media(min-width:0px) {
  #workspace .ws-msg-sec {display:flex; flex-direction:column; gap:8px; margin:0 0 20px}
  #workspace .ws-msg-sec-head h3 {margin:0; font-size:18px; line-height:1.4; font-weight:700; color:#1e1e1e}
  #workspace .ws-msg-sec-head h3 b {display:inline-block; min-width:24px; margin-left:4px; padding:0 8px; border-radius:999px; background:#f2f4f7; color:#1e1e1e; font-size:15px; text-align:center; font-variant-numeric:tabular-nums}
  #workspace .ws-msg-sec.is-order .ws-msg-sec-head h3 b {background:#fff3e3; color:#b45309}
  #workspace .ws-msg-sec-head p {margin:2px 0 0; font-size:14px; line-height:1.4; color:#4a4f57}
  #workspace .ws-msg-sec.is-ask .ws-msg-icon {background:#e6f2fa; color:#006da8}
  #workspace .ws-msg-tag {align-self:flex-start; margin:1px 0; padding:0 8px; border-radius:999px; background:#e6f4ec; color:#0f7a45; font-style:normal; font-size:13px; font-weight:700}
}
/* 2026-10-11 문자함 칩: [주문 미인식] [문의] — 모양은 홈 "보낼 주문 / 보낸 주문" 칩(ws-ship-chips) 그대로 */
#workspace .ws-msg-desc {display:none}
@media(min-width:0px) {
  #workspace .ws-ship-chips.ws-msg-chips {padding:0 0 8px}
  #workspace .ws-msg-desc {display:block; margin:0 0 12px; font-size:14px; line-height:1.4; color:#4a4f57}
  #workspace .ws-msg-list.is-ask .ws-msg-icon {background:#e6f2fa; color:#006da8}
}
/* 2026-10-11 문자함: 로딩 깜빡임 없이, 처음 채워질 때만 살짝 나타남 */
@media(min-width:0px) {
  #workspace[data-msg-simple="1"] #ws-notice .dd-loading-notice {display:none}
  #workspace .ws-msg-list.is-fresh {animation:dd-fade .25s ease}
}
/* 2026-10-11 휴대폰 주문서: 칩 3개 + 날짜 묶음 + 검색 단추 (탭·안내·새로고침·주문 등록 버튼은 숨김) */
#workspace .ws-ord-day, #workspace .ws-ord-search-btn {display:none}
@media(min-width:0px) {
  #workspace[data-ord-simple="1"] #ws-body > :is(.ws-heading, .ws-toolbar, .ws-disclosure, .ws-tabs, .ws-bank-link),
  #workspace[data-ord-simple="1"] .ws-list-panel > #ws-selection,
  #workspace[data-ord-simple="1"]:not([data-ord-search="1"]) .ws-list-panel > .ws-search {display:none}
  #workspace[data-ord-simple="1"] .ws-list-panel {border:0; background:transparent; overflow:visible}
  #workspace[data-ord-simple="1"] .ws-list-panel > .ws-search {margin:0 0 12px; padding:0; border:0}
  #workspace .ws-ord-head {align-items:center}
  #workspace .ws-ord-search-btn {display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; min-width:44px; padding:0; border:1px solid #e3e6ea; border-radius:12px; background:#fff; color:#1e1e1e; box-shadow:none}
  #workspace .ws-ord-day {display:block; margin:16px 0 8px; font-size:15px; line-height:1.4; font-weight:700; color:#4a4f57}
  #workspace .ws-ord-group {border:1px solid #e3e6ea; border-radius:12px; overflow:hidden; background:#fff}
  #workspace .ws-ord-group > .ws-order-item:first-child {border-top:0}
}
/* 2026-10-11 A안: 홈 할 일 줄을 누르면 그 자리에서 펼침 (휴대폰). 최근 주문 목록은 홈에서 숨김 */
#workspace .ws-task-panel {display:none}
@media(min-width:0px) {
  #workspace .ws-task .ws-task-chev {font-size:14px; transition:transform .2s ease}
  #workspace .ws-task.is-open {background:#f7f9fb}
  #workspace .ws-task.is-open .ws-task-chev {transform:rotate(180deg)}
  #workspace .ws-task-panel {display:flex; flex-direction:column; gap:8px; padding:4px 12px 12px; background:#f7f9fb; border-top:1px solid #e3e6ea; animation:dd-open .2s ease}
  #workspace .ws-task-panel .ws-ord-group {border:1px solid #e3e6ea; border-radius:12px; overflow:hidden; background:#fff}
  #workspace .ws-task-panel .ws-ord-group > .ws-order-item:first-child {border-top:0}
  #workspace .ws-task-done {margin:8px 4px 0; font-size:16px; font-weight:700; color:#0f7a45}
  #workspace :is(.ws-task-next, .ws-task-more) {width:100%; min-height:48px; padding:8px 12px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700; text-align:center; box-shadow:none}
  #workspace .ws-task-next {background:#0d111b; border-color:#0d111b; color:#fff}
}
/* 2026-10-11 휴대폰 홈 "오늘 들어온 주문" 소식판 */
@media(min-width:0px) {
  #workspace .ws-today-head h2 {font-size:18px; line-height:1.4; font-weight:700}
  #workspace .ws-today-head h2 b {display:inline-block; min-width:24px; margin-left:4px; padding:0 8px; border-radius:999px; background:#f2f4f7; font-size:15px; text-align:center; font-variant-numeric:tabular-nums}
}
/* 2026-10-11 휴대폰: 하단 메뉴 4칸(주문 탭 뺌) · 홈 [주문 찾기] · 주문 찾기 화면 [← 홈] */
#workspace .ws-find-btn, #workspace .ws-back-home {display:none}
@media(min-width:0px) {
  #workspace .ws-tasks-top {display:flex; align-items:center; justify-content:space-between; gap:8px}
  #workspace .ws-find-btn {display:inline-flex; align-items:center; gap:6px; flex-shrink:0; min-height:44px; padding:8px 12px; border:1px solid #e3e6ea; border-radius:12px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700; box-shadow:none}
  #workspace .ws-back-home {display:inline-flex; align-items:center; min-height:44px; margin:0 0 4px; padding:8px 0; border:0; background:none; color:#4a4f57; font-size:16px; font-weight:700; box-shadow:none}
}
/* 2026-10-11 Npay 증권 규칙 1차 적용 (띠링 규칙·대표님 요청과 부딪히지 않는 것만, 휴대폰)
   - 선: 남색 계열 검정 #030E1B + 투명도 (구분선 10%, 아주 옅은 선 4%)
   - 그림자: 카드 4% 이하 두 겹
   - 움직임: Npay 곡선 (기본 / 나타남 / 튕김)
   - 화면 좌우 여백 20px
   색(초록 강조)·글자 크기·글꼴은 부딪히는 점이 있어 아직 적용하지 않음 (design/NPAY 규칙 대조표 참고) */
:root {
  --np-line:rgba(3,14,27,.10); --np-line-subtle:rgba(3,14,27,.04); --np-line-strong:rgba(3,14,27,.18);
  --np-shadow-card:0 2px 4px rgba(0,0,0,.04), 0 3px 4px rgba(0,0,0,.02);
  --np-ease:cubic-bezier(.15,0,.15,1); --np-ease-out:cubic-bezier(.33,1,.68,1); --np-spring:cubic-bezier(.34,1.5,.54,1);
}
@media(min-width:0px) {
  #workspace #ws-content {padding-left:20px; padding-right:20px}
  #workspace .ws-global-head {margin-left:20px; margin-right:20px; width:calc(100% - 40px)}
  #workspace :is(.ws-task-list, .ws-msg-list, .ws-ord-group, .ws-panel, .ws-bank-link) {border-color:var(--np-line)}
  #workspace :is(.ws-task-list, .ws-msg-list, .ws-ord-group) {box-shadow:var(--np-shadow-card)}
  #workspace :is(.ws-task, .ws-msg, .ws-order-item) {border-top-color:var(--np-line)}
  #workspace .ws-task-panel {border-top-color:var(--np-line)}
  #workspace .ws-nav-bubble.ready {transition:transform .45s var(--np-spring), width .3s var(--np-ease), opacity .2s var(--np-ease)}
  #workspace .ws-task-panel, #workspace .ws-order-item.is-open > .ws-order-panel {animation-timing-function:var(--np-ease-out)}
}
/* 2026-10-11 홈 "택배 보내기" 펼침: 택배 주문서 엑셀 받기 (기존 generateExcel: 확인창 → 묶음 생성 → 발송 완료 → 엑셀) */
@media(min-width:0px) {
  #workspace .ws-task-excel {display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:52px; padding:8px 12px; border:0; border-radius:8px; background:#0d111b; color:#fff; font-size:17px; font-weight:700; box-shadow:none}
  #workspace .ws-task-note {margin:0 4px; font-size:14px; line-height:1.4; color:#4a4f57; text-align:center}
}
/* 2026-10-11 휴대폰 배송: 칩 3개 + 택배 묶음 카드 (안내 단계·버튼 3개·탭 5개·검색은 숨김) */
@media(min-width:0px) {
  #workspace[data-dlv-simple="1"] #ws-body > :is(.ws-heading, .ws-steps, .ws-toolbar, .ws-disclosure, .ws-tabs),
  #workspace[data-dlv-simple="1"] .ws-list-panel > :is(.ws-search, #ws-selection, .ws-columns) {display:none}
  #workspace[data-dlv-simple="1"] .ws-list-panel {border:0; background:transparent; overflow:visible}
  #workspace .ws-dlv-excel {margin-top:12px}
  #workspace .ws-dlv-batches {display:flex; flex-direction:column; gap:12px}
}
/* 2026-10-11 휴대폰 홈 맨 위 검색창 (텔레그램 방식) + 손님별 결과 */
#workspace .ws-home-search {display:none}
@media(min-width:0px) {
  #workspace .ws-home-search {display:flex; align-items:center; gap:10px; min-height:52px; margin:0 0 16px; padding:0 18px; border-radius:999px; background:#f2f4f7; color:#666}
  #workspace .ws-home-search input {flex:1; min-width:0; height:48px; min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:#1e1e1e; font-size:17px; box-shadow:none}
  #workspace .ws-home-search input::placeholder {color:#666}
  #workspace .ws-home-search:focus-within {outline:3px solid #006da8; outline-offset:2px}
  #ws-body.is-searching :is(.ws-tasks, .ws-recent, .ws-kpis) {display:none}
  #workspace .ws-person {display:flex; flex-direction:column; gap:8px; margin:0 0 20px}
  #workspace .ws-person-head {display:flex; align-items:center; gap:12px}
  #workspace .ws-person-info {display:flex; flex-direction:column; min-width:0}
  #workspace .ws-person-info strong {font-size:18px; line-height:1.4; font-weight:700; color:#1e1e1e}
  #workspace .ws-person-info span {font-size:14px; line-height:1.4; color:#4a4f57}
}
/* 2026-10-11 휴대폰 "더보기" (묶음별 메뉴, 아래에서 올라옴) + 맨 위 머리 막대는 "띠링" 로고만 */
@media(min-width:0px) {
  #workspace .ws-global-head .ws-account {display:none}
  .dd-figma-app .ws-more-wrap .ws-sheet.ws-more {max-height:calc(100dvh - 24px); padding-bottom:calc(24px + env(safe-area-inset-bottom)); background:#f6f7f9}
  .dd-figma-app .ws-more .ws-more-shop {display:grid; grid-template-columns:48px minmax(0,1fr) 16px; align-items:center; gap:12px; width:100%; margin:8px 0 4px; padding:14px 14px 14px 16px; border:0; border-radius:12px; background:#fff; color:#1e1e1e; text-align:left; box-shadow:0 2px 4px rgba(0,0,0,.04), 0 3px 4px rgba(0,0,0,.02)}
  .dd-figma-app .ws-more .ws-more-avatar {display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#0d111b; color:#fff; font-size:20px; font-weight:700}
  .dd-figma-app .ws-more .ws-more-group {margin:18px 4px 6px; font-size:14px; line-height:1.4; font-weight:700; color:#4a4f57}
  .dd-figma-app .ws-more .ws-more-list {display:flex; flex-direction:column; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.04), 0 3px 4px rgba(0,0,0,.02)}
  .dd-figma-app .ws-more .ws-more-item {display:grid; grid-template-columns:36px minmax(0,1fr) 16px; align-items:center; gap:14px; width:100%; min-height:60px; padding:10px 14px 10px 16px; border:0; border-top:1px solid rgba(3,14,27,.08); border-radius:0; background:#fff; color:#1e1e1e; text-align:left; box-shadow:none}
  .dd-figma-app .ws-more .ws-more-item:first-child {border-top:0}
  .dd-figma-app .ws-more .ws-more-icon {display:grid; place-items:center; width:36px; height:36px; border-radius:10px; color:#fff}
  .dd-figma-app .ws-more .ws-more-txt {display:flex; flex-direction:column; gap:1px; min-width:0}
  .dd-figma-app .ws-more .ws-more-txt strong {font-size:17px; line-height:1.4; font-weight:600}
  .dd-figma-app .ws-more .ws-more-txt small {font-size:14px; line-height:1.4; color:#4a4f57}
  .dd-figma-app .ws-more .ws-more-chev {font-size:20px; color:#9aa0a6}
  .dd-figma-app .ws-more .ws-more-foot {display:flex; justify-content:center; gap:8px; margin-top:20px}
  .dd-figma-app .ws-more .ws-more-foot button {min-height:44px; padding:8px 14px; border:0; border-radius:8px; background:transparent; color:#666; font-size:15px; font-weight:500; text-decoration:underline; text-underline-offset:3px; box-shadow:none}
}
/* 2026-10-11 ws-bigx: 휴대폰에서 창(고객 관리·업체 정보 등)의 닫기 X를 오른쪽 위에 크게 (48px) */
@media(min-width:0px) {
  .dd-figma-app :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"] {order:9; width:48px; height:48px; min-width:48px; min-height:48px; margin-left:auto; padding:0; border-radius:12px; background:#f2f4f7; color:#1e1e1e; display:grid; place-items:center}
  .dd-figma-app :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"] svg {width:26px; height:26px; stroke-width:2.2}
  .dd-figma-app .panel-header {display:flex; align-items:center; gap:8px}
  .dd-figma-app .panel-header .panel-title {order:1; margin-right:auto}
  .dd-figma-app .panel-header .btn {order:8}
  .dd-figma-app .modal-header .modal-title {margin-right:auto}
}
/* 2026-10-11 고객 관리 (휴대폰): 제목 "고객 N명", 홈과 같은 검색창, 칩 4개, 첫 글자 동그라미, 더 보기 */
@media(min-width:0px) {
  .dd-figma-app #modal-customers .modal-title {font-size:24px; font-weight:700; letter-spacing:-.03em}
  .dd-figma-app #modal-customers #btn-add-customer {display:none}
  .dd-figma-app #customer-filter-row .filter-chip:is([data-filter="gold"], [data-filter="first"]) {display:none}
  .dd-figma-app #customer-filter-row {display:flex; flex-wrap:wrap; gap:8px; padding:0 0 8px}
  .dd-figma-app #customer-filter-row .filter-chip {display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:6px 14px; border:0; border-radius:999px; background:#f2f4f7; color:#666; font-size:14px; font-weight:600; box-shadow:none}
  .dd-figma-app #customer-filter-row .filter-chip.active {background:#1e1e1e; color:#fff; font-weight:700}
  .dd-figma-app #customer-filter-row .filter-chip strong {font-weight:700}
  .dd-figma-app #modal-customers .customer-search-box {display:flex; align-items:center; gap:10px; min-height:52px; padding:0 18px; border:0; border-radius:999px; background:#f2f4f7}
  .dd-figma-app #modal-customers .customer-search-box input {min-height:0; height:48px; border:0; padding:0; background:transparent; font-size:17px; border-radius:0}
  .dd-figma-app #customer-list-body {border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.04), 0 3px 4px rgba(0,0,0,.02)}
  .dd-figma-app .customer-list-item.cli2 {display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:68px; margin:0; padding:12px 14px 12px 16px; border:0; border-top:1px solid rgba(3,14,27,.10); border-radius:0; background:#fff; box-shadow:none}
  .dd-figma-app .customer-list-item.cli2:first-child {border-top:0}
  .dd-figma-app .cli2 .cli-initial {display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#f2f4f7; color:#1e1e1e; font-size:17px; font-weight:700}
  .dd-figma-app .cli2 .cli-name {margin:0; font-size:17px; line-height:1.4; font-weight:700; color:#1e1e1e}
  .dd-figma-app .cli2 .cli-phone {display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0; font-size:14px; line-height:1.4; color:#4a4f57}
  .dd-figma-app .cli2 .cli-tag {padding:0 8px; border-radius:999px; background:#f2f4f7; color:#4a4f57; font-size:13px; font-weight:700}
  .dd-figma-app .cli2 .cli-tag.is-loyal {background:#e6f2fa; color:#006da8}
  .dd-figma-app .cli2 .cli-tag.is-often {background:#e6f4ec; color:#0f7a45}
  .dd-figma-app .cli2 .cli-tag.is-optout {background:#fff3e3; color:#b45309}
  .dd-figma-app .cli2 .cli-meta {text-align:right; white-space:nowrap}
  .dd-figma-app .cli2 .cli-amount {margin:0; font-size:17px; font-weight:800; font-variant-numeric:tabular-nums; color:#1e1e1e}
  .dd-figma-app .cli2 .cli-count {margin:0; font-size:14px; color:#4a4f57}
  .dd-figma-app #customer-pagination {display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:12px}
  .dd-figma-app #customer-pagination .customer-page-info {text-align:center; font-size:14px; color:#4a4f57}
  .dd-figma-app #customer-pagination :is(.customer-more-btn, .customer-add-bottom) {width:100%; min-height:48px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700}
}
/* 2026-10-11 제목은 크게, 그 아래 칩은 작게 (홈·주문·배송·문자 공통, 휴대폰) */
@media(min-width:0px) {
  #workspace :is(.ws-msg-head h2, .ws-tasks > .ws-tasks-top h2, .ws-tasks > h2) {font-size:24px; line-height:1.35}
  #workspace .ws-ship-chips > button {min-height:38px; padding:6px 14px; font-size:14px; gap:4px}
  #workspace .ws-ship-chips {gap:6px}
}
/* 2026-10-11 닫기 = 동그라미 안 X (52px), 칩 글자 한 줄 고정, 글자 크기 창 (휴대폰) */
@media(min-width:0px) {
  .dd-figma-app :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"],
  .dd-figma-app .ws-sheet .ws-sheet-x {width:52px; height:52px; min-width:52px; min-height:52px; padding:0; border:2px solid #1e1e1e; border-radius:50%; background:#fff; color:#1e1e1e; display:grid; place-items:center; font-size:0}
  .dd-figma-app :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"] svg,
  .dd-figma-app .ws-sheet .ws-sheet-x svg {width:26px; height:26px; stroke-width:2.4}
  .dd-figma-app #customer-filter-row .filter-chip, #workspace .ws-ship-chips > button {white-space:nowrap; flex-direction:row; width:auto; height:auto}
  .dd-figma-app #customer-filter-row {flex-wrap:wrap}
  .dd-figma-app .ws-more .ws-ts-help {margin:4px 4px 12px; font-size:15px; color:#4a4f57}
  .dd-figma-app .ws-more .ws-ts-list {display:flex; flex-direction:column; gap:8px}
  .dd-figma-app .ws-more .ws-ts-opt {display:grid; grid-template-columns:48px minmax(0,1fr) 24px; align-items:center; gap:12px; width:100%; min-height:64px; padding:10px 16px; border:2px solid transparent; border-radius:12px; background:#fff; color:#1e1e1e; text-align:left; box-shadow:0 2px 4px rgba(0,0,0,.04)}
  .dd-figma-app .ws-more .ws-ts-opt[aria-checked="true"] {border-color:#1e1e1e}
  .dd-figma-app .ws-more .ws-ts-sample {display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:#f2f4f7; font-weight:700; line-height:1}
  .dd-figma-app .ws-more .ws-ts-label {font-size:18px; font-weight:700}
  .dd-figma-app .ws-more .ws-ts-check {font-size:20px; font-weight:800; color:#1e1e1e}
  .dd-figma-app .ws-more .ws-ts-back {width:100%; min-height:48px; margin-top:16px; border:0; background:none; color:#4a4f57; font-size:16px; font-weight:700}
}

/* ───────── 2026-10-11 Npay 규칙 2차: 더보기에서 여는 창(설정·관리) 공통 디자인 (휴대폰) ─────────
   기준: Npay 토큰 + 띠링 결정(본문 16px 이상·보조 #4a4f57/#666·Pretendard·상태색 유지)
   - 회색 바탕(#F6F8FA) 위 흰 묶음 카드, 구분선 #030E1B 10%, 모서리 8/12, 그림자 4% 이하
   - 앞쪽 테마 규칙의 선택자가 강해서 body.dd-figma-app:not(#np) 로 우선순위를 올림 */
@media(min-width:0px) {
  /* X 닫기: 동그라미 안 X, 부드러운 회색 바탕, 누르면 살짝 눌림 */
  body.dd-figma-app:not(#np) :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"],
  body.dd-figma-app:not(#np) .ws-sheet .ws-sheet-x {width:48px; height:48px; min-width:48px; min-height:48px; padding:0; border:0; border-radius:50%; background:rgba(3,14,27,.06); color:#1e1e1e; display:grid; place-items:center; box-shadow:none; transition:background-color .15s var(--np-ease), transform .15s var(--np-ease)}
  body.dd-figma-app:not(#np) :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"] svg,
  body.dd-figma-app:not(#np) .ws-sheet .ws-sheet-x svg {width:22px; height:22px; stroke-width:2.4}
  body.dd-figma-app:not(#np) :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"]:active,
  body.dd-figma-app:not(#np) .ws-sheet .ws-sheet-x:active {background:rgba(3,14,27,.12); transform:scale(.94)}
  body.dd-figma-app:not(#np) :is(.modal-header, .panel-header) .icon-btn[aria-label="닫기"]:focus-visible,
  body.dd-figma-app:not(#np) .ws-sheet .ws-sheet-x:focus-visible {outline:3px solid #006da8; outline-offset:2px}

  /* 창 틀: 위 손잡이, 머리(제목 22px + X)는 위에 붙어 있음 */
  body.dd-figma-app:not(#np) .modal .modal-sheet {border-radius:16px 16px 0 0; background:#fff}
  body.dd-figma-app:not(#np) .modal .modal-handle {width:40px; height:4px; margin:8px auto 0; border-radius:2px; background:#d5d9df}
  body.dd-figma-app:not(#np) :is(.modal-header, .panel-header) {position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:8px; min-height:68px; padding:10px 16px 10px 20px; background:#fff; border-bottom:1px solid var(--np-line)}
  body.dd-figma-app:not(#np) :is(.modal-title, .panel-title) {margin:0 auto 0 0; font-size:22px; line-height:1.35; font-weight:700; letter-spacing:-.03em; color:#1e1e1e}
  body.dd-figma-app:not(#np) :is(.modal-header, .panel-header) .btn {min-height:44px; padding:8px 14px; border-radius:8px; font-size:15px; font-weight:700}

  /* 설정 창(문자 설정·업체 정보)은 회색 바탕 + 흰 묶음 카드 */
  body.dd-figma-app:not(#np) :is(#modal-sms-settings, #biz-panel) :is(.modal-body, .panel-body) {background:#f6f8fa; padding:16px 20px 24px}
  body.dd-figma-app:not(#np) #modal-sms-settings .sms-settings-panel.active,
  body.dd-figma-app:not(#np) #biz-panel .biz-form {background:#fff; border-radius:12px; padding:18px 16px; box-shadow:0 2px 4px rgba(0,0,0,.04), 0 3px 4px rgba(0,0,0,.02)}
  body.dd-figma-app:not(#np) #biz-panel .biz-form {display:flex; flex-direction:column; gap:18px}
  body.dd-figma-app:not(#np) #biz-panel .biz-section-divider {height:8px; margin:4px -16px; background:#f6f8fa; border:0}

  /* 탭: 홈 칩과 같은 작은 알약 (한 줄, 옆으로 넘김) */
  body.dd-figma-app:not(#np) :is(.sms-settings-tabs, .biz-ment-tabs) {display:flex; gap:6px; overflow-x:auto; padding:12px 20px; background:#fff; border-bottom:1px solid var(--np-line); scrollbar-width:none}
  body.dd-figma-app:not(#np) .biz-ment-tabs {padding:0 0 12px; border:0; background:transparent}
  body.dd-figma-app:not(#np) :is(.sms-settings-tabs, .biz-ment-tabs)::-webkit-scrollbar {display:none}
  body.dd-figma-app:not(#np) :is(.sms-settings-tab, .biz-ment-tab) {flex:0 0 auto; min-height:38px; padding:6px 14px; border:0; border-radius:999px; background:#f2f4f7; color:#666; font-size:14px; font-weight:600; white-space:nowrap; box-shadow:none}
  body.dd-figma-app:not(#np) :is(.sms-settings-tab, .biz-ment-tab).active {background:#1e1e1e; color:#fff; font-weight:700}

  /* 글: 이름표 15px, 안내 15px, 변수 꼬리표 */
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .form-label {display:block; margin:0 0 6px; font-size:15px; line-height:1.4; font-weight:600; color:#4a4f57}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .form-section-label {display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:17px; font-weight:700; color:#1e1e1e}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .section-hint {margin:0 0 12px; font-size:15px; line-height:1.6; color:#4a4f57}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .section-hint code {display:inline-block; margin:2px 2px; padding:1px 7px; border-radius:6px; background:#e6f2fa; color:#006da8; font-family:inherit; font-size:14px; font-weight:700}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .biz-info-title {margin:0; font-size:17px; font-weight:700; color:#1e1e1e}

  /* 입력칸: 52px, 17px, 테두리 18%, 누르면 검은 테두리 + 파란 빛 */
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) :is(input.form-input, select, textarea.textarea, textarea.form-textarea) {width:100%; min-height:52px; padding:12px 14px; border:1px solid var(--np-line-strong); border-radius:8px; background:#fff; color:#1e1e1e; font-size:17px; line-height:1.5; box-shadow:none}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) textarea:is(.textarea, .form-textarea) {min-height:200px; line-height:1.65; resize:vertical}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) :is(input.form-input, select, textarea):focus {border-color:#1e1e1e; box-shadow:0 0 0 3px rgba(0,109,168,.18); outline:0}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) input.form-input:is([readonly], .biz-readonly) {background:#f2f4f7; color:#666; border-color:transparent}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) ::placeholder {color:#87898e}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .char-row {margin-top:6px; text-align:right; font-size:14px; color:#666}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .form-field {display:flex; flex-direction:column; margin:0}

  /* 2칸 나란히 → 휴대폰에서는 한 줄씩 (어르신이 읽기 쉽게) */
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .delivery-inline-row {display:flex; flex-direction:column; gap:18px}

  /* 켜기/끄기: 줄 전체를 누르는 큰 칸 */
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .biz-auto-toggle {display:flex; align-items:center; gap:12px; min-height:52px; padding:10px 14px; border:1px solid var(--np-line-strong); border-radius:8px; background:#fff; font-size:16px; font-weight:600; color:#1e1e1e; cursor:pointer}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .biz-auto-toggle input[type=checkbox] {width:24px; height:24px; accent-color:#0d111b; flex:none}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .biz-auto-box {padding:14px; border-radius:12px; background:#f6f8fa}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .biz-ment-footer {display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px}

  /* 입금 계좌 정보: 이름표 / 값 줄 */
  body.dd-figma-app:not(#np) #biz-panel .biz-info-grid {display:flex; flex-direction:column; margin-top:12px; border:1px solid var(--np-line); border-radius:8px; overflow:hidden}
  body.dd-figma-app:not(#np) #biz-panel .biz-info-item {display:flex; justify-content:space-between; gap:12px; padding:14px; border-top:1px solid var(--np-line); background:#fff; font-size:16px}
  body.dd-figma-app:not(#np) #biz-panel .biz-info-item:first-child {border-top:0}
  body.dd-figma-app:not(#np) #biz-panel .biz-info-item span {color:#4a4f57}

  /* 버튼: 아래 버튼줄은 붙어 있고 52px, 주 버튼은 검정 */
  body.dd-figma-app:not(#np) .modal .modal-footer {position:sticky; bottom:0; z-index:2; display:flex; gap:8px; padding:12px 20px calc(12px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--np-line)}
  body.dd-figma-app:not(#np) .modal .modal-footer .btn {flex:1; min-height:52px; border-radius:8px; font-size:17px; font-weight:700}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .btn-primary {background:#0d111b; border-color:#0d111b; color:#fff}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) :is(.btn-ghost, .btn-outline) {background:#fff; border:1px solid #ccd1da; color:#1e1e1e}
  body.dd-figma-app:not(#np) :is(.modal, .side-panel) .modal-body .btn-sm {min-height:40px; padding:6px 12px; border-radius:8px; font-size:15px; font-weight:600}

  /* 택배 파일 변환: 흰 줄 버튼 */
  body.dd-figma-app:not(#np) #modal-delivery-converter .converter-section h3 {margin:8px 0; font-size:15px; font-weight:700; color:#4a4f57}
  body.dd-figma-app:not(#np) #modal-delivery-converter .converter-item {display:flex; align-items:center; width:100%; min-height:60px; margin:0 0 8px; padding:12px 16px; border:1px solid var(--np-line); border-radius:12px; background:#fff; color:#1e1e1e; font-size:17px; text-align:left; box-shadow:0 2px 4px rgba(0,0,0,.04)}
  body.dd-figma-app:not(#np) #modal-delivery-converter .converter-item:disabled {opacity:.45}

  /* 확인창(가운데 작은 창) */
  body.dd-figma-app:not(#np) .modal-center .modal-dialog {border-radius:16px; padding:24px 20px 16px}
  body.dd-figma-app:not(#np) .modal-center .modal-dialog .btn {min-height:52px; border-radius:8px; font-size:17px; font-weight:700}
}

/* ───────── 2026-10-11 디자인 규칙: 새 창은 무조건 아래에서 위로 (휴대폰) ─────────
   - 옆 창(업체 정보·손님 상세)도, 확인창도 아래에서 올라오는 시트로
   - 움직임: Npay "나타남" 곡선 0.3초, 위에 손잡이 막대 */
@media(min-width:0px) {
  body.dd-figma-app:not(#np) .modal .modal-sheet {transition:transform .3s var(--np-ease-out)}
  body.dd-figma-app:not(#np) .side-panel {top:auto; right:0; bottom:0; left:0; width:100%; height:auto; max-height:94dvh; border-radius:16px 16px 0 0; transform:translateY(100%); transition:transform .3s var(--np-ease-out); box-shadow:0 -4px 24px rgba(13,17,27,.12); padding-bottom:env(safe-area-inset-bottom)}
  body.dd-figma-app:not(#np) .side-panel.open {transform:translateY(0)}
  body.dd-figma-app:not(#np) .side-panel::before {content:''; flex:none; align-self:center; width:40px; height:4px; margin:8px auto 0; border-radius:2px; background:#d5d9df}
  body.dd-figma-app:not(#np) .side-panel :is(.panel-body) {overflow-y:auto}
  body.dd-figma-app:not(#np) .modal-center {align-items:flex-end; justify-content:center; padding:0}
  body.dd-figma-app:not(#np) .modal-center .modal-dialog {width:100%; max-width:640px; border-radius:16px 16px 0 0; transform:translateY(100%); opacity:1; transition:transform .3s var(--np-ease-out); padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  body.dd-figma-app:not(#np) .modal-center.active .modal-dialog {transform:translateY(0)}
}
/* ───────── 2026-10-11 PC 버전 (761px 이상): 휴대폰과 같은 규칙·구조에 넓은 화면 배치만 더함 ─────────
   design/DDIRING_DESIGN_RULES.md 기준. 홈 = 위 검색창 + 왼쪽 할 일 / 오른쪽 오늘 들어온 주문 */
@media(min-width:761px) {
  #workspace .ws-global-head {margin:16px 24px; width:calc(100% - 48px)}
  #workspace .ws-global-head :is(.ws-global-search, .ws-help-button, .ws-bell) {display:none}
  #workspace .ws-global-head .ws-account {display:flex; margin-left:auto}
  #workspace #ws-content {padding:24px 40px 64px}
  #workspace #ws-body {max-width:1080px; margin:0 auto}
  #workspace:not([data-page="home"]) #ws-body {max-width:880px}
  #workspace[data-page="home"] #ws-body {display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:24px 32px; align-items:start}
  #workspace[data-page="home"] #ws-body > :is(.ws-home-search, #ws-home-results, #ws-notice, .ws-heading) {grid-column:1 / -1}
  #workspace[data-page="home"] #ws-body > .ws-tasks {grid-column:1; margin:0}
  #workspace[data-page="home"] #ws-body > .ws-recent {grid-column:2; margin:0}
  #workspace[data-page="home"] #ws-body > :is(.ws-kpis, .ws-home-grid) {display:none}
  #workspace #ws-body.is-searching {display:block}
  #workspace .ws-columns {display:none}
  #workspace .ws-recent {border:1px solid var(--np-line); border-radius:12px; box-shadow:var(--np-shadow-card)}
  #workspace .ws-split.has-detail {grid-template-columns:minmax(0,1fr) minmax(360px,1fr); gap:24px}
  #workspace .ws-sidebar nav button.active {background:#1e1e1e; color:#fff; font-weight:700}
  #workspace .ws-sidebar nav button {font-size:16px}
  body.dd-figma-app:not(#np) .side-panel {left:0; right:0; margin:0 auto; width:min(640px, 100%)}
  body.dd-figma-app:not(#np) .modal .modal-sheet {max-width:640px}
}
/* ───────── 2026-10-11 왼쪽 메뉴 아이콘 + 문자 대화 화면 (네이버 톡톡 방식, 휴대폰·PC) ───────── */
#workspace .ws-sidebar nav button, #workspace .ws-sidebar-bottom > .ws-button {display:flex; align-items:center; gap:12px}
#workspace .ws-side-icon {display:grid; place-items:center; width:24px; height:24px; flex:none}
#workspace .ws-chat {display:flex; flex-direction:column; gap:12px; padding:16px}
#workspace .ws-chat-head {display:flex; align-items:center; gap:12px}
#workspace .ws-chat-head .ws-msg-icon {display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#e6f2fa; color:#006da8; font-size:18px; font-weight:700; flex:none}
#workspace .ws-chat-head .ws-person-info {display:flex; flex-direction:column; min-width:0}
#workspace .ws-chat-head .ws-person-info strong {font-size:18px; font-weight:700}
#workspace .ws-chat-head .ws-person-info span {font-size:14px; color:#4a4f57}
#workspace .ws-chat-head .ws-op-btn {display:inline-flex; margin-left:auto; min-height:44px; padding:8px 14px; border:1px solid #ccd1da; border-radius:8px; background:#fff; font-size:15px; font-weight:700}
#workspace .ws-chat-order {display:flex; justify-content:space-between; align-items:center; gap:8px; width:100%; min-height:56px; padding:10px 14px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#f6f8fa; color:#1e1e1e; text-align:left; box-shadow:none}
#workspace .ws-chat-order small {display:block; font-size:13px; color:#4a4f57}
#workspace .ws-chat-order b {font-size:16px; font-weight:700}
#workspace .ws-chat-order .ws-pay {display:block; font-size:14px; font-weight:600; white-space:nowrap}
#workspace .ws-chat-order .ws-pay::before {content:'● '}
#workspace .ws-chat-thread {display:flex; flex-direction:column; gap:8px; max-height:min(56vh, 560px); overflow-y:auto; padding:8px 2px}
#workspace .ws-chat-day {align-self:center; margin:8px 0 4px; padding:2px 12px; border-radius:999px; background:#f2f4f7; font-size:13px; color:#4a4f57}
#workspace .ws-chat-row {display:flex; align-items:flex-end; gap:6px}
#workspace .ws-chat-row.is-mine {flex-direction:row-reverse}
#workspace .ws-chat-bubble {max-width:78%; padding:10px 14px; border-radius:16px 16px 16px 4px; background:#f2f4f7; color:#1e1e1e; font-size:17px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere}
#workspace .ws-chat-row.is-mine .ws-chat-bubble {border-radius:16px 16px 4px 16px; background:#006da8; color:#fff}
#workspace .ws-chat-time {flex:none; font-size:13px; color:#666; white-space:nowrap}
#workspace .ws-chat-att {display:block; margin-top:4px; font-size:13px; opacity:.85}
#workspace .ws-chat-compose {position:sticky; bottom:0; display:flex; flex-direction:column; gap:8px; padding:12px 0 calc(8px + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid rgba(3,14,27,.10)}
#workspace .ws-chat-quick {display:flex; gap:6px; overflow-x:auto; scrollbar-width:none}
#workspace .ws-chat-quick::-webkit-scrollbar {display:none}
#workspace .ws-chat-quick button {flex:0 0 auto; min-height:38px; padding:6px 14px; border:1px solid #ccd1da; border-radius:999px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:600; white-space:nowrap; box-shadow:none}
#workspace .ws-chat-input {display:flex; gap:8px; align-items:flex-end}
#workspace .ws-chat-input textarea {flex:1; min-width:0; min-height:52px; max-height:160px; padding:12px 14px; border:1px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; color:#1e1e1e; font-size:17px; line-height:1.5; resize:none}
#workspace .ws-chat-input textarea:focus {border-color:#1e1e1e; box-shadow:0 0 0 3px rgba(0,109,168,.18); outline:0}
#workspace .ws-chat-send {flex:none; min-height:52px; padding:0 18px; border:0; border-radius:12px; background:#0d111b; color:#fff; font-size:17px; font-weight:700}
#workspace .ws-chat-send:disabled {opacity:.6}
#workspace .ws-chat-tools {display:flex; gap:8px}
#workspace .ws-chat-tools .ws-button {flex:1; min-height:44px; border-radius:8px; font-size:15px; font-weight:700}
@media(max-width:760px) {
  #workspace[data-detail="message"] .ws-mobile-nav {display:none}
  #workspace .ws-chat {padding:12px 0}
  #workspace .ws-chat-thread {max-height:none}
}
/* 2026-10-11 톡톡 말풍선 2차: 묶음 사이 18px · 묶음 안 6px, 손님 얼굴·이름, 둥근 말풍선, "보냄" + 시간 */
#workspace .ws-chat-thread {gap:6px; padding:8px 4px 16px}
#workspace .ws-chat-row {display:flex; align-items:flex-start; gap:8px}
#workspace .ws-chat-row.is-start {margin-top:12px}
#workspace .ws-chat-day + .ws-chat-row {margin-top:4px}
#workspace .ws-chat-row.is-mine {flex-direction:row; justify-content:flex-end}
#workspace .ws-chat-av {flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#e6f2fa; color:#006da8; font-size:15px; font-weight:700}
#workspace .ws-chat-row:not(.is-start) .ws-chat-av {background:transparent}
#workspace .ws-chat-col {display:flex; flex-direction:column; gap:4px; min-width:0; max-width:80%}
#workspace .ws-chat-name {font-size:14px; font-weight:700; color:#4a4f57}
#workspace .ws-chat-line {display:flex; align-items:flex-end; gap:6px}
#workspace .ws-chat-row.is-mine .ws-chat-line {flex-direction:row-reverse}
#workspace .ws-chat-bubble {max-width:none; padding:12px 16px; border-radius:18px; background:#f2f4f7; font-size:17px; line-height:1.55}
#workspace .ws-chat-row.is-mine .ws-chat-bubble {border-radius:18px; background:#006da8; color:#fff}
#workspace .ws-chat-meta {flex:none; display:flex; flex-direction:column; align-items:flex-end; font-size:13px; line-height:1.3; color:#666; white-space:nowrap}
#workspace .ws-chat-row:not(.is-mine) .ws-chat-meta {align-items:flex-start}
#workspace .ws-chat-meta span {font-size:12px; color:#006da8; font-weight:600}
#workspace .ws-chat-day {margin:16px 0 4px}
/* 2026-10-11 문자함: 누르면 그 줄 바로 아래로 대화가 펼쳐짐 (정리 버튼 2개 삭제) */
#workspace .ws-msg.is-open {background:#f7f9fb}
#workspace .ws-msg-chat {padding:4px 14px 14px; background:#f7f9fb; border-top:1px solid rgba(3,14,27,.10); animation:dd-open .2s var(--np-ease-out)}
#workspace .ws-msg-chat .ws-chat-order {background:#fff}
#workspace .ws-msg-chat .ws-chat-thread {max-height:min(48vh, 480px); margin-top:4px}
#workspace .ws-msg-chat .ws-chat-compose {position:static; background:transparent; padding-bottom:0}
#workspace .ws-chat-older {align-self:center; min-height:40px; padding:6px 14px; border:1px solid #ccd1da; border-radius:999px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:600}
#workspace .ws-msg-chat .ws-chat-input textarea {background:#fff}
/* 2026-10-11 대화방 바탕 (A안): 하늘회색 #E9EEF4 위 흰 말풍선, 내 말풍선 파랑 — 카톡·톡톡 방식 */
#workspace .ws-chat-thread {background:#e9eef4; border-radius:12px; padding:12px 12px 16px}
#workspace .ws-msg-chat .ws-chat-thread {margin-top:8px}
#workspace .ws-chat-bubble {background:#fff; box-shadow:0 1px 2px rgba(3,14,27,.08)}
#workspace .ws-chat-row.is-mine .ws-chat-bubble {background:#006da8; box-shadow:none}
#workspace .ws-chat-day {background:#fff; color:#4a4f57; box-shadow:0 1px 2px rgba(3,14,27,.06)}
#workspace .ws-chat-av {background:#fff; color:#006da8; box-shadow:0 1px 2px rgba(3,14,27,.08)}
#workspace .ws-chat-row:not(.is-start) .ws-chat-av {box-shadow:none}
#workspace .ws-chat-name {color:#4a4f57}
#workspace .ws-chat-meta {color:#4a4f57}
#workspace .ws-chat-older {background:#fff; border-color:transparent; box-shadow:0 1px 2px rgba(3,14,27,.08)}
#workspace .ws-msg-chat {background:#fff}
/* 2026-10-11 펼친 손님 줄 = 대화방 머리: 이름·번호·[전화] / 주문 한 줄 / 대화방 (중복 정보 제거) */
#workspace .ws-msg-open {border-top:1px solid rgba(3,14,27,.10); background:#fff}
#workspace .ws-msg-list > .ws-msg-open:first-child {border-top:0}
#workspace .ws-msg-ohead {display:flex; align-items:center; gap:8px; padding:12px 14px 6px 16px}
#workspace .ws-msg-otoggle {display:flex; align-items:center; gap:12px; flex:1; min-width:0; min-height:48px; padding:0; border:0; background:none; color:#1e1e1e; text-align:left; box-shadow:none}
#workspace .ws-msg-otoggle .ws-msg-icon {display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#e6f2fa; color:#006da8; font-size:17px; font-weight:700; flex:none}
#workspace .ws-msg-otxt {display:flex; flex-direction:column; min-width:0}
#workspace .ws-msg-otxt strong {font-size:17px; font-weight:700; line-height:1.4}
#workspace .ws-msg-otxt span {font-size:14px; color:#4a4f57}
#workspace .ws-msg-ochev {margin-left:auto; font-size:14px; color:#666}
#workspace .ws-msg-call {flex:none; min-height:44px; padding:8px 14px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700}
#workspace .ws-chat-oline {display:flex; align-items:center; gap:8px; width:calc(100% - 28px); min-height:44px; margin:0 14px 0 14px; padding:8px 12px; border:0; border-radius:8px; background:#f6f8fa; color:#1e1e1e; text-align:left; font-size:15px; box-shadow:none}
#workspace .ws-chat-oline .ws-pay {display:inline; font-size:14px; font-weight:700; white-space:nowrap}
#workspace .ws-chat-oline .ws-pay::before {content:'● '}
#workspace .ws-chat-oline-txt {flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-chat-oline-txt b {font-weight:800; font-variant-numeric:tabular-nums}
#workspace .ws-chat-oline-chev {font-size:18px; color:#666}
#workspace .ws-msg-open .ws-msg-chat {border-top:0; padding-top:0}


/* ===== 2026-10-11 홈 A안: 입금 대기 · 발송 대기 카드 (Npay 증권 "내 자산" 카드 느낌) ===== */
body.dd-figma-app:not(#np) #workspace .ws-money-wrap {margin:12px 0 16px}
body.dd-figma-app:not(#np) #workspace .ws-money-card {background:#fff; border:1px solid rgba(3,14,27,.10); border-radius:12px; padding:20px 20px 8px; box-shadow:0 2px 4px rgba(0,0,0,.04),0 3px 4px rgba(0,0,0,.02)}
body.dd-figma-app:not(#np) #workspace .ws-mc-title {margin:0; font-size:15px; font-weight:600; color:#4a4f57; letter-spacing:-.02em}
body.dd-figma-app:not(#np) #workspace .ws-mc-amount {margin:4px 0 16px; font-size:30px; font-weight:800; color:#1e1e1e; letter-spacing:-.03em; font-variant-numeric:tabular-nums; line-height:1.2}
body.dd-figma-app:not(#np) #workspace .ws-mc-row {display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(3,14,27,.10)}
body.dd-figma-app:not(#np) #workspace .ws-mc-half {appearance:none; background:none; border:0; border-radius:8px; margin:6px 0; padding:10px 8px; min-height:0; height:auto; box-shadow:none; display:flex; flex-direction:column; align-items:flex-start; gap:4px; text-align:left; font:inherit; color:#1e1e1e; cursor:pointer; transition:background .2s var(--np-ease-out,ease), transform .15s ease}
body.dd-figma-app:not(#np) #workspace .ws-mc-half + .ws-mc-half {position:relative; margin-left:8px}
body.dd-figma-app:not(#np) #workspace .ws-mc-half + .ws-mc-half::before {content:""; position:absolute; left:-8px; top:6px; bottom:6px; width:1px; background:rgba(3,14,27,.10)}
body.dd-figma-app:not(#np) #workspace .ws-mc-half:active {transform:scale(.98); background:rgba(3,14,27,.06)}
body.dd-figma-app:not(#np) #workspace .ws-mc-half.is-open {background:rgba(3,14,27,.05)}
body.dd-figma-app:not(#np) #workspace .ws-mc-label {display:flex; align-items:center; gap:6px; width:100%; font-size:15px; font-weight:700}
body.dd-figma-app:not(#np) #workspace .ws-mc-label i {width:8px; height:8px; border-radius:50%; background:currentColor; flex:none}
body.dd-figma-app:not(#np) #workspace .ws-mc--pre .ws-mc-label {color:#b45309}
body.dd-figma-app:not(#np) #workspace .ws-mc--post .ws-mc-label {color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-mc-chev {margin-left:auto; color:#666; font-size:14px; transition:transform .25s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-mc-half.is-open .ws-mc-chev {transform:rotate(180deg)}
body.dd-figma-app:not(#np) #workspace .ws-mc-half strong {font-size:28px; font-weight:800; letter-spacing:-.03em; line-height:1.15; font-variant-numeric:tabular-nums}
body.dd-figma-app:not(#np) #workspace .ws-mc-half strong small {font-size:16px; font-weight:600; margin-left:2px}
body.dd-figma-app:not(#np) #workspace .ws-mc-half.is-empty strong {color:#666}
body.dd-figma-app:not(#np) #workspace .ws-mc-sub {font-size:14px; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-money-wrap > .ws-task-panel {display:flex; margin-top:8px; border:1px solid rgba(3,14,27,.10); border-radius:12px; padding:12px}
/* 숫자가 바뀌면 아래에서 살짝 굴러 올라옴 */
body.dd-figma-app:not(#np) #workspace .ws-money-card.is-moved :is(.ws-mc-amount, .ws-mc-half strong) {animation:ws-mc-roll .45s var(--np-ease-out,ease)}
@keyframes ws-mc-roll {from {transform:translateY(40%); opacity:0} to {transform:none; opacity:1}}
@media (prefers-reduced-motion: reduce) {body.dd-figma-app:not(#np) #workspace .ws-money-card.is-moved :is(.ws-mc-amount, .ws-mc-half strong) {animation:none}}


/* ===== 2026-10-11 송장 번호 한 번에 넣기 / 고치기 창 ===== */
.dd-figma-app .ws-sheet .ws-track-list {display:flex; flex-direction:column; gap:12px; margin:16px 0; max-height:52vh; overflow-y:auto}
.dd-figma-app .ws-sheet .ws-track-row {display:flex; flex-direction:column; gap:6px; margin:0}
.dd-figma-app .ws-sheet .ws-track-who {display:flex; align-items:baseline; gap:8px; min-width:0}
.dd-figma-app .ws-sheet .ws-track-who b {font-size:17px; font-weight:700; color:#1e1e1e; flex:none}
.dd-figma-app .ws-sheet .ws-track-who small {font-size:14px; color:#4a4f57; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dd-figma-app .ws-sheet .ws-track-input {width:100%; height:52px; padding:0 14px; border:1px solid rgba(3,14,27,.18); border-radius:8px; font-size:18px; font-weight:600; letter-spacing:.02em; font-variant-numeric:tabular-nums; color:#1e1e1e; background:#fff; box-sizing:border-box}
.dd-figma-app .ws-sheet .ws-track-input:focus {outline:none; border-color:#0d111b; box-shadow:0 0 0 3px rgba(0,109,168,.18)}
.dd-figma-app .ws-sheet .ws-track-note {font-size:14px; color:#b45309}
.dd-figma-app .ws-sheet .ws-track-hint {margin:10px 0 0; font-size:14px; color:#666; text-align:center}
.dd-figma-app .ws-sheet .ws-sheet-main:disabled {opacity:.6}

/* 2026-10-11 문자 삭제 버튼 (전화 옆) */
#workspace .ws-msg-ohead .ws-msg-del {color:#b42318; border-color:rgba(180,35,24,.35)}
#workspace .ws-msg-ohead .ws-msg-del:active {background:rgba(180,35,24,.06)}

/* 2026-10-11 문자함: 이미 받은 주문과 같은 문자 안내 */
#workspace .ws-msg-dup {margin:-2px 0 8px; padding:10px 14px 12px 16px; background:#fff8ec; border:1px solid rgba(180,83,9,.22); border-radius:0 0 12px 12px}
#workspace .ws-msg-dup p {margin:0 0 8px; font-size:15px; font-weight:600; color:#8a3c06}
#workspace .ws-msg-dup-actions {display:flex; flex-wrap:wrap; gap:8px}
#workspace .ws-msg-dup-actions .ws-op-btn {min-height:44px; padding:8px 14px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700}
#workspace .ws-msg-dup-actions .ws-msg-del {color:#b42318; border-color:rgba(180,35,24,.35)}

/* ===== 2026-10-11 숫자 각인형 홈: 입금 · 발송 숫자 칸 (곡률 12 하나) ===== */
body.dd-figma-app:not(#np) #workspace .ws-tasks-date {margin:0 2px 10px; font-size:15px; font-weight:600; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-home-search {border-radius:12px}
body.dd-figma-app:not(#np) #workspace .ws-tiles {display:grid; grid-template-columns:1fr 1fr; gap:10px}
body.dd-figma-app:not(#np) #workspace .ws-tile {position:relative; appearance:none; margin:0; height:auto; min-height:0; padding:18px 10px 14px; display:flex; flex-direction:column; align-items:center; gap:4px; background:#fff; border:1.5px solid rgba(3,14,27,.10); border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,.04),0 3px 4px rgba(0,0,0,.02); font:inherit; color:#1e1e1e; cursor:pointer; transition:transform .15s ease, border-color .2s var(--np-ease-out,ease), background .2s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-tile:active {transform:scale(.97)}
body.dd-figma-app:not(#np) #workspace .ws-tile:focus-visible {outline:3px solid #006da8; outline-offset:2px}
body.dd-figma-app:not(#np) #workspace .ws-tile-num {font-size:44px; font-weight:800; line-height:1.05; letter-spacing:-.04em; font-variant-numeric:tabular-nums}
body.dd-figma-app:not(#np) #workspace .ws-tile-lab {display:flex; align-items:center; gap:5px; font-size:16px; font-weight:700}
body.dd-figma-app:not(#np) #workspace .ws-tile-lab svg {width:18px; height:18px}
body.dd-figma-app:not(#np) #workspace .ws-tile-sub {font-size:14px; font-weight:600; color:#4a4f57; font-variant-numeric:tabular-nums}
body.dd-figma-app:not(#np) #workspace .ws-tile-old {position:absolute; top:8px; right:8px; padding:2px 7px; border-radius:999px; background:#d92d20; color:#fff; font-size:13px; font-weight:800; line-height:1.3}
body.dd-figma-app:not(#np) #workspace .ws-tile--pay :is(.ws-tile-num,.ws-tile-lab) {color:#b45309}
body.dd-figma-app:not(#np) #workspace .ws-tile--ship :is(.ws-tile-num,.ws-tile-lab) {color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-tile.is-zero :is(.ws-tile-num,.ws-tile-lab) {color:#666}
body.dd-figma-app:not(#np) #workspace .ws-tile--pay[aria-expanded="true"] {border-color:#b45309; background:#fff6ea}
body.dd-figma-app:not(#np) #workspace .ws-tile--ship[aria-expanded="true"] {border-color:#006da8; background:#eaf5fb}
body.dd-figma-app:not(#np) #workspace .ws-tile.is-pulse {animation:ws-tile-pulse .6s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-tile.is-pulse .ws-tile-num {animation:ws-mc-roll .45s var(--np-ease-out,ease)}
@keyframes ws-tile-pulse {0% {transform:scale(1)} 40% {transform:scale(1.06)} 100% {transform:scale(1)}}
@keyframes ws-mc-roll {from {transform:translateY(40%); opacity:0} to {transform:none; opacity:1}}
@media (prefers-reduced-motion: reduce) {body.dd-figma-app:not(#np) #workspace .ws-tile.is-pulse, body.dd-figma-app:not(#np) #workspace .ws-tile.is-pulse .ws-tile-num {animation:none}}
body.dd-figma-app:not(#np) #workspace .ws-money-wrap > .ws-task-panel {margin-top:10px; border-radius:12px}
/* 주문 줄 왼쪽 상태 막대: 주황 입금 전 / 파랑 보낼 것 / 회색 끝남 (색 + 글자 함께) */
body.dd-figma-app:not(#np) #workspace .ws-order-item {box-shadow:inset 4px 0 0 var(--ws-tone, transparent)}
body.dd-figma-app:not(#np) #workspace :is(.ws-tone--pre,.ws-tone--check) {--ws-tone:#b45309}
body.dd-figma-app:not(#np) #workspace .ws-tone--paid {--ws-tone:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-tone--done {--ws-tone:#c4c8ce}

/* ===== 2026-10-11 회의 반영: 버튼 아이콘 + 펼침/접힘 색 변화 ===== */
body.dd-figma-app:not(#np) #workspace .ws-op-btn, body.dd-figma-app:not(#np) .ws-sheet :is(.ws-sheet-main, .ws-sheet-sub-actions button) {display:inline-flex; align-items:center; justify-content:center; gap:6px}
.ws-ico {flex:none; width:18px; height:18px}
/* 문자: 펼친 손님 = 연한 파랑 바탕 + 왼쪽 파란 막대 + 파란 동그라미, 접힌 줄 = 흰 바탕 */
body.dd-figma-app:not(#np) #workspace .ws-msg-open {background:#f2f8fc; box-shadow:inset 4px 0 0 #006da8; animation:dd-open .25s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-msg-open .ws-msg-icon {background:#006da8; color:#fff}
body.dd-figma-app:not(#np) #workspace .ws-msg {transition:background .2s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-msg:active {background:#eef5fa}
/* 주문: 펼친 줄도 연한 바탕 (왼쪽 막대는 상태 색) */
body.dd-figma-app:not(#np) #workspace .ws-order-item.is-open {background:#f7fafc}
@media (prefers-reduced-motion: reduce) {body.dd-figma-app:not(#np) #workspace .ws-msg-open {animation:none}}

/* ===== 2026-10-11 회의 반영 2: 잠긴 단계 · 배지 나누기 · 기능별 색 ===== */
/* 잠긴 버튼: 점선 + 회색 + 자물쇠. 누르면 "먼저 ○○ 해 주세요" */
body.dd-figma-app:not(#np) #workspace .is-locked {display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px dashed #b8bec8; background:#f6f8fa; color:#666; box-shadow:none}
body.dd-figma-app:not(#np) #workspace .ws-task-panel .is-locked {width:100%; min-height:48px; border-radius:12px; font-size:16px; font-weight:700}
/* 문의 배지 = 회색 (주문 미인식 빨강 배지의 왼쪽) */
#workspace .ws-mobile-nav .ws-nav-badge--ask {left:auto; right:calc(50% + 5px); background:#6b7280}
/* 기능별 색: 글자와 아이콘에만 (테두리는 그대로). 색은 상태 색과 연결 */
body.dd-figma-app:not(#np) #workspace .ws-op-btn[data-action="call"], body.dd-figma-app:not(#np) .ws-sheet [data-sheet="call"] {color:#027a38}
body.dd-figma-app:not(#np) #workspace .ws-op-btn[data-action="sms"], body.dd-figma-app:not(#np) .ws-sheet [data-sheet="sms"] {color:#6941c6}
body.dd-figma-app:not(#np) #workspace .ws-op-btn[data-action="track-edit"] {color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-op-btn[data-action="msg-reorder"] {color:#b45309}
body.dd-figma-app:not(#np) #workspace .ws-op-btn[data-action="msg-trash"] {color:#b42318}

/* ===== 2026-10-11 배송 › 보내는 중: 송장 엑셀 등록하기 ===== */
body.dd-figma-app:not(#np) #workspace .ws-dlv-up {display:flex; flex-direction:column; gap:8px; margin:0 0 16px; padding:14px; background:#eaf5fb; border:1px solid rgba(0,109,168,.25); border-radius:12px}
body.dd-figma-app:not(#np) #workspace .ws-dlv-up-title {margin:0; font-size:17px; font-weight:700; color:#004f7a}
body.dd-figma-app:not(#np) #workspace .ws-dlv-up-title b {font-size:20px; margin-left:4px}
body.dd-figma-app:not(#np) #workspace .ws-dlv-up .ws-task-note {margin:0; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-task-go {background:#fff; color:#006da8; border:1.5px solid #006da8}

/* ===== 2026-10-11 주문 창 하나로: 주문 보기·고치기 + 문자 대화 ===== */
.dd-figma-app .ws-osheet .ws-osheet-bar {display:flex; align-items:center; gap:8px; margin:4px 0 16px}
.dd-figma-app .ws-osheet .ws-osheet-tabs {flex:1; display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; background:#f2f4f7; border-radius:12px}
.dd-figma-app .ws-osheet .ws-osheet-tabs button {display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; border:0; border-radius:9px; background:transparent; color:#4a4f57; font-size:16px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-osheet .ws-osheet-tabs button[aria-selected="true"] {background:#fff; color:#1e1e1e; box-shadow:0 1px 3px rgba(3,14,27,.12)}
.dd-figma-app .ws-osheet .ws-osheet-call {flex:none; width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(3,14,27,.12); border-radius:12px; background:#fff; color:#027a38; box-shadow:none}
.dd-figma-app .ws-osheet .ws-osheet-call .ws-ico {width:22px; height:22px}
.dd-figma-app .ws-osheet .ws-osheet-state {margin:2px 0 8px; text-align:center; font-size:15px; color:#4a4f57}
.dd-figma-app .ws-osheet .ws-osheet-state .ws-pay {display:inline; font-size:15px; font-weight:700}
.dd-figma-app .ws-osheet .ws-osheet-state .ws-pay::before {content:'● '}
.dd-figma-app .ws-osheet :is(.ws-pay--pre,.ws-pay--check) {color:#b45309}
.dd-figma-app .ws-osheet .ws-pay--paid {color:#006da8}
.dd-figma-app .ws-osheet .ws-pay--done {color:#666}
.dd-figma-app .ws-osheet .ws-osheet-sec {margin:12px 0 16px}
.dd-figma-app .ws-osheet .ws-osheet-sechead {display:flex; align-items:center; justify-content:space-between; margin:0 0 8px}
.dd-figma-app .ws-osheet .ws-osheet-sechead b {font-size:18px; font-weight:700}
.dd-figma-app .ws-osheet .ws-osheet-edit {display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:6px 14px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; color:#006da8; font-size:15px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-osheet .ws-sheet-info {grid-template-columns:84px minmax(0,1fr); margin:0; border-radius:12px}
.dd-figma-app .ws-osheet .ws-osheet-item {display:flex; justify-content:space-between; gap:8px}
.dd-figma-app .ws-osheet .ws-osheet-item b {font-variant-numeric:tabular-nums}
.dd-figma-app .ws-osheet .ws-osheet-no {margin:6px 2px 0; font-size:14px; color:#666}
.dd-figma-app .ws-osheet .ws-sheet-main {margin-top:4px; border-radius:12px}
/* 고치기 */
.dd-figma-app .ws-osheet .ws-osheet-lab, .dd-figma-app .ws-osheet .ws-of > span {display:block; margin:12px 0 6px; font-size:15px; font-weight:700; color:#1e1e1e}
.dd-figma-app .ws-osheet .ws-oi {display:flex; flex-direction:column; gap:8px; padding:12px; margin-bottom:8px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#f8fafc}
.dd-figma-app .ws-osheet :is(.ws-oi select, .ws-of input, .ws-of textarea) {width:100%; min-height:52px; padding:12px 14px; border:1px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; font-size:17px; box-sizing:border-box}
.dd-figma-app .ws-osheet .ws-of textarea {resize:vertical; line-height:1.45}
.dd-figma-app .ws-osheet :is(.ws-oi select, .ws-of input, .ws-of textarea):focus {outline:none; border-color:#0d111b; box-shadow:0 0 0 3px rgba(0,109,168,.18)}
.dd-figma-app .ws-osheet .ws-of {display:block; margin:0}
.dd-figma-app .ws-osheet .ws-oi-row {display:flex; align-items:center; justify-content:space-between; gap:8px}
.dd-figma-app .ws-osheet .ws-step {display:inline-flex; align-items:center; border:1px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; overflow:hidden}
.dd-figma-app .ws-osheet .ws-step button {width:52px; height:48px; border:0; background:transparent; font-size:22px; font-weight:700; color:#1e1e1e; box-shadow:none}
.dd-figma-app .ws-osheet .ws-step b {min-width:40px; text-align:center; font-size:18px; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-osheet .ws-oi-rm {display:inline-flex; align-items:center; gap:4px; min-height:44px; padding:6px 12px; border:0; background:transparent; color:#b42318; font-size:15px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-osheet .ws-oi-add {display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:48px; border:1px dashed rgba(3,14,27,.25); border-radius:12px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-osheet .ws-osheet-total {display:flex; justify-content:space-between; margin:12px 2px 0; font-size:16px; color:#4a4f57}
.dd-figma-app .ws-osheet .ws-osheet-total b {font-size:20px; color:#1e1e1e; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-osheet .ws-osheet-note {margin:10px 0 0; font-size:14px; color:#b45309}
.dd-figma-app .ws-osheet .ws-osheet-actions {display:grid; grid-template-columns:1fr 2fr; gap:8px; position:sticky; bottom:0; padding:12px 0 4px; background:#fff}
.dd-figma-app .ws-osheet .ws-osheet-actions .ws-op-btn {min-height:52px; border-radius:12px; font-size:16px}
.dd-figma-app .ws-osheet .ws-osheet-actions .ws-sheet-main {margin:0}
/* 문자 대화 (톡톡식): 창 안에서 바로 */
.dd-figma-app .ws-osheet .ws-osheet-chat {margin:0 -20px; background:#e9eef4; border-radius:12px 12px 0 0}
.dd-figma-app .ws-osheet .ws-osheet-chat .ws-chat-thread {max-height:none; min-height:220px; padding:12px 16px}
.dd-figma-app .ws-osheet .ws-osheet-chat .ws-chat-compose {padding:10px 16px 6px; background:#fff}

/* ===== 2026-10-11 주문 창 주소 확인 (CJ) + 주소 찾기 ===== */
.dd-figma-app .ws-osheet .ws-addr-check {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0 0; font-size:15px; font-weight:600}
.dd-figma-app .ws-osheet .ws-addr-check:empty {display:none}
.dd-figma-app .ws-osheet .ws-addr-check .is-ok {color:#027a38}
.dd-figma-app .ws-osheet .ws-addr-check .is-ok small {font-size:14px; font-weight:500; color:#4a4f57}
.dd-figma-app .ws-osheet .ws-addr-check .is-bad {color:#b42318}
.dd-figma-app .ws-osheet .ws-addr-check .is-wait {color:#666; font-weight:500}
.dd-figma-app .ws-osheet .ws-addr-find {display:inline-flex; align-items:center; gap:4px; min-height:40px; padding:6px 12px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; color:#006da8; font-size:15px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-osheet .ws-of-row {display:flex; align-items:center; justify-content:space-between; margin:12px 0 6px}
.dd-figma-app .ws-osheet .ws-of-row label {font-size:15px; font-weight:700; color:#1e1e1e}
.dd-figma-app .ws-addr-layer {position:fixed; inset:0; z-index:10050; display:flex; align-items:flex-end; justify-content:center; background:rgba(3,14,27,.45)}
.dd-figma-app .ws-addr-panel {width:100%; max-width:560px; height:min(640px, calc(100dvh - 40px)); display:flex; flex-direction:column; background:#fff; border-radius:16px 16px 0 0; overflow:hidden; animation:dd-sheet-up .3s var(--np-ease-out, ease)}
.dd-figma-app .ws-addr-head {display:flex; align-items:center; justify-content:space-between; padding:12px 16px 4px 20px}
.dd-figma-app .ws-addr-head b {font-size:20px}
.dd-figma-app .ws-addr-tip {margin:0 20px 8px; font-size:15px; color:#4a4f57}
.dd-figma-app .ws-addr-frame {flex:1; min-height:0}
@keyframes dd-sheet-up {from {transform:translateY(100%)} to {transform:none}}
@media (prefers-reduced-motion: reduce) {.dd-figma-app .ws-addr-panel {animation:none}}

/* ===== 2026-10-11 주문 경로 묶음 (N 네이버 등) + 접기/펼치기 ===== */
body.dd-figma-app:not(#np) #workspace .ws-grp + .ws-grp {margin-top:8px}
body.dd-figma-app:not(#np) #workspace .ws-grp-head {display:flex; align-items:center; gap:10px; width:100%; min-height:52px; margin:0 0 6px; padding:8px 12px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; text-align:left; box-shadow:none; cursor:pointer; transition:background .2s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-grp-head:active {background:#f2f4f7}
body.dd-figma-app:not(#np) #workspace .ws-grp-head:focus-visible {outline:3px solid #006da8; outline-offset:2px}
body.dd-figma-app:not(#np) #workspace .ws-grp-mark {flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f2f4f7; color:#1e1e1e; font-size:14px; font-weight:800}
body.dd-figma-app:not(#np) #workspace .ws-grp-mark--naver {background:#03c75a; color:#fff; font-size:16px; font-weight:900}
body.dd-figma-app:not(#np) #workspace .ws-grp-mark--creator {background:#e8f3fa; color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-grp-head b {font-size:16px; font-weight:700}
body.dd-figma-app:not(#np) #workspace .ws-grp-n {font-size:16px; font-weight:800; color:#1e1e1e; font-variant-numeric:tabular-nums}
body.dd-figma-app:not(#np) #workspace .ws-grp-sum {margin-left:auto; font-size:15px; font-weight:600; color:#4a4f57; font-variant-numeric:tabular-nums}
body.dd-figma-app:not(#np) #workspace .ws-grp-chev {color:#666; font-size:14px; transition:transform .25s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-grp.is-closed .ws-grp-chev {transform:rotate(-90deg)}
body.dd-figma-app:not(#np) #workspace .ws-grp.is-closed .ws-grp-head {background:#f6f8fa}
body.dd-figma-app:not(#np) #workspace .ws-grp > .ws-ord-group {animation:dd-open .2s var(--np-ease-out,ease)}
/* 주문 줄 네이버 N: 화면 어디서나 초록 */
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-ch--naver {background:#03c75a; color:#fff; font-weight:900}
@media (prefers-reduced-motion: reduce) {body.dd-figma-app:not(#np) #workspace .ws-grp > .ws-ord-group {animation:none}}

/* ===== 2026-10-12 한글 줄바꿈: 단어 중간("불러오/기")에서 끊기지 않게, 버튼 글자는 한 줄 ===== */
body.dd-figma-app #workspace, body.dd-figma-app .ws-sheet-wrap {word-break:keep-all; overflow-wrap:break-word}
body.dd-figma-app:not(#np) #workspace :is(.ws-op-btn, .ws-task-excel, .ws-sheet-main, .ws-msg-chips button, .ws-ship-chips button, .ws-grp-head b, .ws-tile-lab, .ws-addr-find, .ws-osheet-tabs button),
body.dd-figma-app .ws-sheet :is(.ws-sheet-main, .ws-sheet-sub-actions button, .ws-osheet-tabs button, .ws-addr-find) {white-space:nowrap}

/* ===== 2026-10-12 상품 관리 · 새 품목 만들기 (아래에서 올라오는 창, 창 위 창 한 겹) ===== */
body.ws-sheet-open #modal-confirm {z-index:1000}
.dd-figma-app .ws-psheet .ws-ps-body {display:flex; flex-direction:column; gap:10px; padding-bottom:4px}
.dd-figma-app .ws-psheet .ws-ps-actions {display:flex; flex-direction:column; gap:8px; margin-bottom:4px}
.dd-figma-app .ws-psheet .ws-sheet-main {display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:12px; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-nv {display:flex; align-items:center; justify-content:center; gap:8px; min-height:52px; border:1px solid rgba(3,199,90,.45); border-radius:12px; background:#fff; color:#027a38; font-size:16px; font-weight:700; white-space:nowrap; box-shadow:none}
.dd-figma-app .ws-psheet .ws-grp-mark {display:grid; place-items:center; width:26px; height:26px; border-radius:50%; font-size:14px; font-weight:900}
.dd-figma-app .ws-psheet .ws-grp-mark--naver {background:#03c75a; color:#fff}
.dd-figma-app .ws-psheet .ws-ps-grp {background:#fff; border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden}
.dd-figma-app .ws-psheet .ws-ps-head {display:flex; align-items:center; gap:10px; width:100%; min-height:56px; padding:10px 14px; border:0; background:#fff; color:#1e1e1e; text-align:left; box-shadow:none}
.dd-figma-app .ws-psheet .ws-ps-head b {font-size:17px; font-weight:800; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-head .n {font-size:14px; font-weight:600; color:#4a4f57; min-width:0}
.dd-figma-app .ws-psheet .ws-ps-head .chev {margin-left:auto; color:#666; transition:transform .25s var(--np-ease-out,ease)}
.dd-figma-app .ws-psheet .ws-ps-grp.is-closed .chev {transform:rotate(-90deg)}
.dd-figma-app .ws-psheet .ws-ps-grp.is-closed .ws-ps-head {background:#f6f8fa}
.dd-figma-app .ws-psheet .ws-ps-wt {padding:8px 14px 4px; border-top:1px solid rgba(3,14,27,.10); font-size:15px; font-weight:800; color:#006da8}
.dd-figma-app .ws-psheet .ws-ps-wt small {font-size:14px; font-weight:600; color:#4a4f57}
.dd-figma-app .ws-psheet .ws-ps-opt {display:flex; align-items:center; gap:10px; padding:10px 14px; font-size:16px}
.dd-figma-app .ws-psheet .ws-ps-opt .g {min-width:60px; font-weight:700}
.dd-figma-app .ws-psheet .ws-ps-opt .c {font-size:14px; color:#4a4f57}
.dd-figma-app .ws-psheet .ws-ps-opt .pr {margin-left:auto; font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-opt .off {font-size:13px; font-weight:700; color:#b42318; border:1px solid rgba(180,35,24,.35); border-radius:999px; padding:1px 8px; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-opt.is-off .g, .dd-figma-app .ws-psheet .ws-ps-opt.is-off .pr {color:#666}
.dd-figma-app .ws-psheet .ws-ps-legacy {display:flex; align-items:center; justify-content:center; gap:6px; min-height:48px; margin-top:4px; border:0; background:none; color:#006da8; font-size:15px; font-weight:700; text-decoration:underline; box-shadow:none}
.dd-figma-app .ws-psheet .ws-ps-empty {margin:8px 0; color:#4a4f57; font-size:15px; text-align:center}
.dd-figma-app .ws-psheet .ws-ps-lab {display:block; margin:8px 0 0; font-size:17px; font-weight:800; color:#1e1e1e}
.dd-figma-app .ws-psheet .ws-ps-lab small {font-size:14px; font-weight:600; color:#4a4f57}
.dd-figma-app .ws-psheet .ws-ps-field {width:100%; min-height:52px; padding:0 14px; border:1px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; font-size:17px; box-sizing:border-box}
.dd-figma-app .ws-psheet .ws-ps-field:focus, .dd-figma-app .ws-psheet .ws-ps-prow input:focus {outline:none; border-color:#0d111b; box-shadow:0 0 0 3px rgba(0,109,168,.18)}
.dd-figma-app .ws-psheet .ws-ps-chips {display:flex; flex-wrap:wrap; gap:8px}
.dd-figma-app .ws-psheet .ws-chip2 {min-height:44px; padding:0 14px; border:1.5px solid rgba(3,14,27,.12); border-radius:12px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700; white-space:nowrap; box-shadow:none}
.dd-figma-app .ws-psheet .ws-chip2[aria-pressed="true"] {background:#0d111b; border-color:#0d111b; color:#fff}
.dd-figma-app .ws-psheet .ws-chip2.is-add {border-style:dashed; color:#006da8}
.dd-figma-app .ws-psheet .ws-ps-addrow {display:flex; gap:8px}
.dd-figma-app .ws-psheet .ws-ps-addrow .ws-ps-field {flex:1; min-width:0}
.dd-figma-app .ws-psheet .ws-ps-addrow .ws-sheet-main {width:auto; min-width:80px; margin:0}
.dd-figma-app .ws-psheet .ws-ps-hint {margin:0; font-size:14px; color:#4a4f57}
.dd-figma-app .ws-psheet .ws-ps-hint.is-bad {color:#b42318; font-weight:600}
.dd-figma-app .ws-psheet .ws-ps-box {margin:0; font-size:15px; color:#4a4f57}
.dd-figma-app .ws-psheet .ws-ps-box b {color:#006da8}
.dd-figma-app .ws-psheet .ws-ps-ptable {background:#fff; border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden}
.dd-figma-app .ws-psheet .ws-ps-phead {display:flex; align-items:center; justify-content:space-between; padding:8px 12px; background:#eaf5fb; color:#006da8; font-size:15px; font-weight:800}
.dd-figma-app .ws-psheet .ws-ps-phead button {border:0; background:none; color:#006da8; font-size:14px; font-weight:700; text-decoration:underline; box-shadow:none; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-prow {display:grid; grid-template-columns:minmax(0,1fr) 92px 110px; align-items:center; gap:8px; padding:8px 12px; border-top:1px solid rgba(3,14,27,.10)}
.dd-figma-app .ws-psheet .ws-ps-prow .lbl {font-size:16px; font-weight:700; min-width:0}
.dd-figma-app .ws-psheet .ws-ps-prow .lbl small {display:block; font-size:13px; font-weight:500; color:#4a4f57; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-prow input {width:100%; min-height:44px; padding:0 10px; border:1px solid rgba(3,14,27,.18); border-radius:10px; background:#fff; color:#1e1e1e; font:inherit; font-size:16px; box-sizing:border-box}
.dd-figma-app .ws-psheet .ws-ps-prow input.pr {text-align:right; font-weight:700; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-psheet .ws-ps-prow input.cnt {font-size:15px}
@media (max-width:380px) {.dd-figma-app .ws-psheet .ws-ps-prow {grid-template-columns:minmax(0,1fr) 100px} .dd-figma-app .ws-psheet .ws-ps-prow input.cnt {grid-column:1}}
.dd-figma-app .ws-psheet .ws-osheet-actions {display:grid; grid-template-columns:1fr 2fr; gap:8px; position:sticky; bottom:0; padding:12px 0 4px; background:#fff}
.dd-figma-app .ws-psheet .ws-osheet-actions .ws-op-btn {min-height:52px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; font-size:16px; font-weight:700}
.dd-figma-app .ws-psheet .ws-osheet-actions .ws-sheet-main {margin:0; width:100%}

/* 2026-10-12 상품 관리: 상품을 누르면 그 자리에서 고치기 (예전 화면 버튼 없앰) */
.dd-figma-app .ws-psheet button.ws-ps-opt {width:100%; border:0; background:#fff; color:#1e1e1e; text-align:left; box-shadow:none; min-height:48px}
.dd-figma-app .ws-psheet button.ws-ps-opt:active {background:#f2f4f7}
.dd-figma-app .ws-psheet .ws-ps-opt .ed {color:#006da8; display:inline-flex}
.dd-figma-app .ws-psheet .ws-ps-opt.is-open {background:#f2f8fc; box-shadow:inset 4px 0 0 #006da8}
.dd-figma-app .ws-psheet .ws-ps-edit {display:flex; flex-direction:column; gap:10px; padding:4px 14px 14px; background:#f2f8fc; box-shadow:inset 4px 0 0 #006da8; animation:dd-open .2s var(--np-ease-out,ease)}
.dd-figma-app .ws-psheet .ws-ps-elab {display:flex; flex-direction:column; gap:4px; font-size:14px; font-weight:700; color:#4a4f57; min-width:0}
.dd-figma-app .ws-psheet .ws-ps-erow {display:grid; grid-template-columns:1fr 1fr; gap:8px}
.dd-figma-app .ws-psheet .ws-ps-field.is-price {text-align:right; font-weight:800; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-psheet .ws-ps-ebtns {display:grid; grid-template-columns:1fr auto; gap:8px}
.dd-figma-app .ws-psheet .ws-ps-ebtns .ws-op-btn {display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:48px; padding:0 14px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; font-size:15px; font-weight:700; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-sell {color:#666}
.dd-figma-app .ws-psheet .ws-ps-sell.is-on {color:#027a38}
.dd-figma-app .ws-psheet .ws-ps-del {color:#b42318; border-color:rgba(180,35,24,.35)}
.dd-figma-app .ws-psheet .ws-ps-tip {margin:4px 0 0; font-size:14px; color:#4a4f57; text-align:center}
@media (prefers-reduced-motion: reduce) {.dd-figma-app .ws-psheet .ws-ps-edit {animation:none}}

/* 2026-10-12 상품 순서 바꾸기 */
.dd-figma-app .ws-psheet .ws-ps-move {display:grid; grid-template-columns:1fr 1fr; gap:8px}
.dd-figma-app .ws-psheet .ws-ps-move .ws-op-btn {min-height:48px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700; white-space:nowrap}
.dd-figma-app .ws-psheet .ws-ps-tidy {display:block; width:calc(100% - 28px); margin:6px 14px 12px; min-height:44px; border:1px dashed rgba(3,14,27,.22); border-radius:12px; background:#fff; color:#006da8; font-size:15px; font-weight:700; white-space:nowrap; box-shadow:none}

/* 2026-10-12 주문 창 송장 줄 + PC로 출력 */
.dd-figma-app .ws-osheet .ws-label-line {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0 0}
.dd-figma-app .ws-osheet .ws-label-line:empty {display:none}
.dd-figma-app .ws-osheet .ws-lab-txt {font-size:15px; font-weight:600; color:#4a4f57; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-osheet .ws-lab-btn {display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:6px 12px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; color:#006da8; font-size:15px; font-weight:700; white-space:nowrap}

/* ===== 2026-10-12 로그인 화면 다시 디자인: 로고 한 번, 큰 제목, 큰 입력칸 · 비밀번호 칸, 버튼 하나 ===== */
.dd-figma-app #login-screen.lg {background:#fff; color:#1e1e1e; word-break:keep-all}
#login-screen.lg .lg-top {display:flex; align-items:center; justify-content:space-between; padding:14px 20px; padding-top:calc(14px + env(safe-area-inset-top))}
#login-screen.lg .lg-brand {font-size:24px; font-weight:900; letter-spacing:-.04em; color:#0d111b}
#login-screen.lg .lg-cs {display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border:1px solid rgba(3,14,27,.14); border-radius:999px; color:#1e1e1e; font-size:15px; font-weight:700; text-decoration:none; white-space:nowrap}
#login-screen.lg .lg-main {width:100%; max-width:440px; margin:0 auto; padding:24px 20px calc(32px + env(safe-area-inset-bottom)); display:flex; flex-direction:column}
#login-screen.lg .lg-title {margin:8px 0 8px; font-size:32px; line-height:1.25; font-weight:800; letter-spacing:-.04em}
#login-screen.lg .lg-sub {margin:0 0 28px; font-size:17px; color:#4a4f57}
#login-screen.lg .lg-form {display:flex; flex-direction:column; gap:0; margin:0; padding:0; background:none; border:0; box-shadow:none}
#login-screen.lg .lg-label {display:block; margin:0 0 8px; font-size:16px; font-weight:700; color:#1e1e1e}
#login-screen.lg .lg-input {width:100%; height:60px; margin:0 0 22px; padding:0 16px !important; border:1.5px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; color:#1e1e1e; font-size:22px; font-weight:700; letter-spacing:.02em; font-variant-numeric:tabular-nums; box-shadow:none; box-sizing:border-box}
#login-screen.lg .lg-input::placeholder {color:#9aa0a6; font-weight:500}
#login-screen.lg :is(.lg-input, .pin-box):focus {outline:none; border-color:#0d111b; box-shadow:0 0 0 3px rgba(0,109,168,.2)}
#login-screen.lg .pin-boxes {display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin:0}
#login-screen.lg .pin-box {height:68px; border:1.5px solid rgba(3,14,27,.18); border-radius:12px; background:#f6f8fa; font-size:30px; color:#0d111b}
#login-screen.lg .pin-box.filled {border-color:#0d111b; background:#fff}
#login-screen.lg .login-error {min-height:22px; margin:10px 0 4px; font-size:15px; font-weight:600; color:#b42318}
#login-screen.lg .lg-remember {display:flex; align-items:center; gap:10px; min-height:44px; margin:0 0 12px; font-size:16px; font-weight:600; color:#1e1e1e; cursor:pointer}
#login-screen.lg .lg-remember input {width:24px; height:24px; margin:0; accent-color:#0d111b}
#login-screen.lg .lg-btn {width:100%; height:60px; border:0; border-radius:12px !important; background:#0d111b !important; color:#fff; font-size:19px; font-weight:800; box-shadow:none}
#login-screen.lg .lg-btn:active {transform:scale(.98)}
#login-screen.lg .lg-btn:disabled {opacity:.6}
#login-screen.lg .lg-links {display:flex; flex-direction:column; margin:28px 0 0; border-top:1px solid rgba(3,14,27,.10)}
#login-screen.lg .lg-link {display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:60px; padding:10px 4px; border-bottom:1px solid rgba(3,14,27,.10); color:#1e1e1e; font-size:16px; font-weight:700; text-decoration:none}
#login-screen.lg .lg-link small {display:block; margin-top:2px; font-size:14px; font-weight:500; color:#4a4f57}
#login-screen.lg .lg-link > span:last-child {color:#666; font-size:22px}
#login-screen.lg .lg-note {margin:16px 0 0; font-size:14px; color:#666; text-align:center}
@media (min-width:761px) {#login-screen.lg .lg-main {padding-top:56px}}

/* ===== 2026-10-12 PC 홈 = 주문 흐름 보드 (1100px 이상만, 휴대폰 · 좁은 화면은 그대로) ===== */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace[data-board="1"] #ws-body {display:block !important; max-width:1520px}
  #workspace[data-board="1"] #ws-body > .ws-home-search {max-width:none; margin-bottom:12px}
  #workspace .ws-board-top {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:4px 0 14px}
  #workspace .ws-board-top .ws-tasks-date {margin:0; font-size:17px; font-weight:700; color:#4a4f57}
  #workspace .ws-board-top > .ws-task-panel {flex-basis:100%; display:flex; border:1px solid rgba(3,14,27,.10); border-radius:12px}
  body.dd-figma-app:not(#np) #workspace .ws-board-alert {display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border:1.5px solid rgba(180,83,9,.35); border-radius:999px; background:#fff6ea; color:#b45309; font-size:16px; font-weight:800; box-shadow:none; white-space:nowrap}
  #workspace .ws-board-alert span:not([aria-hidden]) {font-weight:600; color:#4a4f57; font-size:15px}
  #workspace .ws-board {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)) minmax(280px,320px); gap:16px; align-items:start}
  #workspace .ws-bcol {display:flex; flex-direction:column; background:#f2f4f7; border:1px solid rgba(3,14,27,.08); border-radius:12px; overflow:hidden}
  #workspace .ws-bcol-head {display:grid; grid-template-columns:auto 1fr auto; grid-template-areas:"ic t n" "ic s n"; column-gap:10px; align-items:center; padding:14px 16px; background:#fff; border-bottom:3px solid var(--bc, #c4c8ce)}
  #workspace .ws-bcol--pay {--bc:#b45309} #workspace .ws-bcol--ship {--bc:#006da8} #workspace .ws-bcol--going {--bc:#4a4f57}
  #workspace .ws-bcol-ic {grid-area:ic; display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:color-mix(in srgb, var(--bc) 12%, #fff); color:var(--bc)}
  #workspace .ws-bcol-head b {grid-area:t; font-size:18px; font-weight:800; color:#1e1e1e}
  #workspace .ws-bcol-head small {grid-area:s; font-size:15px; font-weight:600; color:#4a4f57; font-variant-numeric:tabular-nums}
  #workspace .ws-bcol-n {grid-area:n; font-size:36px; font-weight:800; line-height:1; color:var(--bc); font-variant-numeric:tabular-nums}
  #workspace .ws-bcol-body {display:flex; flex-direction:column; gap:8px; padding:10px; max-height:calc(100vh - 330px); min-height:120px; overflow-y:auto}
  #workspace .ws-bcol-body > .ws-ord-group, #workspace .ws-bcol-body .ws-grp > .ws-ord-group {border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden; background:#fff}
  #workspace .ws-bcol-body .ws-grp-head {margin:0 0 6px}
  #workspace .ws-bcol-empty {margin:auto; padding:24px 0; text-align:center; font-size:17px; font-weight:700; color:#666}
  body.dd-figma-app:not(#np) #workspace .ws-bcol-foot {display:flex; align-items:center; justify-content:center; gap:8px; min-height:52px; margin:0 10px 10px; border:0; border-radius:12px; background:#0d111b; color:#fff; font-size:16px; font-weight:800; white-space:nowrap; box-shadow:none}
  body.dd-figma-app:not(#np) #workspace .ws-bcol-foot.is-line {background:#fff; color:#006da8; border:1.5px solid #006da8}
  #workspace .ws-rail {display:flex; flex-direction:column; gap:12px}
  #workspace .ws-rcard {background:#fff; border:1px solid rgba(3,14,27,.10); border-radius:12px; padding:14px; box-shadow:0 2px 4px rgba(0,0,0,.04)}
  #workspace .ws-rcard h3 {display:flex; align-items:center; gap:6px; margin:0 0 8px; font-size:17px; font-weight:800}
  #workspace .ws-rc-badges {margin-left:auto; display:flex; gap:4px}
  #workspace .ws-rc-badges b {padding:2px 8px; border-radius:999px; color:#fff; font-size:13px; font-weight:800}
  #workspace .ws-rc-badges b.red {background:#d92d20} #workspace .ws-rc-badges b.gray {background:#6b7280}
  body.dd-figma-app:not(#np) #workspace .ws-rc-row {display:flex; align-items:center; gap:10px; width:100%; min-height:52px; padding:6px 4px; border:0; border-top:1px solid rgba(3,14,27,.08); background:none; text-align:left; box-shadow:none; border-radius:0}
  #workspace .ws-rc-row:first-of-type {border-top:0}
  #workspace .ws-rc-row .ws-ch {display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:#f2f4f7; font-size:13px; font-weight:800}
  #workspace .ws-rc-row .ws-ch--naver {background:#03c75a; color:#fff}
  #workspace .ws-rc-txt {min-width:0; display:flex; flex-direction:column}
  #workspace .ws-rc-txt b {font-size:15px; font-weight:700; color:#1e1e1e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  #workspace .ws-rc-txt b em {font-style:normal; font-weight:800; margin-left:4px}
  #workspace .ws-rc-txt small {font-size:14px; color:#4a4f57; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  #workspace .ws-rc-line {margin:0; font-size:15px; line-height:1.6; color:#4a4f57}
  #workspace .ws-rc-line b.ok {color:#027a38}
  #workspace .ws-rc-link {display:inline-flex; margin-top:6px; font-size:15px; font-weight:700; color:#006da8; text-decoration:none}
  #workspace .ws-rc-empty {margin:4px 0; font-size:15px; color:#666}
}
/* "자동 송장 출력 중" 표시가 왼쪽 아래 메뉴 글자를 가리지 않게 (PC는 오른쪽 아래로) */
@media (min-width:761px) {#label-auto-badge {left:auto !important; right:24px !important; bottom:24px !important}}

/* 2026-10-12 보드 오른쪽 칸: 이모지 대신 왼쪽 칸과 같은 선 아이콘 상자 */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-rcard h3 {gap:10px}
  #workspace .ws-rc-ic {display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:10px; background:#f2f4f7; color:#4a4f57}
  #workspace .ws-rc-ic svg {width:18px; height:18px}
  #workspace .ws-rc-ic--sms {background:#f4f0fd; color:#6941c6}
  #workspace .ws-rc-ic--print {background:#eaf5fb; color:#006da8}
  #workspace .ws-rc-ic--naver {background:#03c75a; color:#fff}
  #workspace .ws-rc-ic--naver b {font-size:15px; font-weight:900}
  #workspace .ws-rc-ic--time {background:#f2f4f7; color:#4a4f57}
  #workspace .ws-rc-row .ws-ch svg {color:#4a4f57}
}

/* 2026-10-12 보드: 오른쪽은 문자만 (그 자리 답장), 송장 대기 · 문자 "자세히 보기" */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-rc-row {position:relative}
  #workspace .ws-rc-reply {margin-left:auto; flex:none; padding:4px 10px; border:1px solid rgba(105,65,198,.35); border-radius:999px; color:#6941c6; font-size:13px; font-weight:800}
  body.dd-figma-app:not(#np) #workspace .ws-rc-more, body.dd-figma-app:not(#np) #workspace .ws-bcol-more {display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; margin-top:8px; border:0; border-top:1px solid rgba(3,14,27,.08); border-radius:0; background:none; color:#006da8; font-size:15px; font-weight:700; box-shadow:none; white-space:nowrap}
  body.dd-figma-app:not(#np) #workspace .ws-bcol-more {margin:0; background:#fff; border-top:0; border-bottom:1px solid rgba(3,14,27,.08)}
  #workspace .ws-rail .ws-rcard {position:sticky; top:16px}
  #workspace .ws-rail .ws-rc-txt small {white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
}
.dd-figma-app .ws-osheet .ws-chat-ph {font-size:15px; font-weight:600; color:#4a4f57; margin-left:6px}
.dd-figma-app .ws-osheet .ws-chat-oline-wrap {flex:1; min-width:0}

/* 2026-10-12 보드 칸 머리: 숫자 + 건, 빈 칸은 흐름 안내 */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-bcol-n small {font-size:16px; font-weight:700; margin-left:2px; color:#4a4f57}
  #workspace .ws-bcol-head small.is-none {color:#666; font-weight:500}
  #workspace .ws-bcol-empty {font-size:16px; font-weight:600; color:#666; line-height:1.5}
}

/* 2026-10-12 보드: 문자도 같은 칸 모양 (4칸 같은 너비) */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-board {grid-template-columns:repeat(4, minmax(0,1fr))}
  #workspace .ws-bcol--msg {--bc:#6941c6}
  #workspace .ws-msg-group .ws-rc-row {padding:10px 12px; border-top:1px solid rgba(3,14,27,.08); min-height:64px; background:#fff}
  #workspace .ws-msg-group .ws-rc-row:first-child {border-top:0}
  #workspace .ws-msg-group .ws-rc-row:active {background:#f6f8fa}
  #workspace .ws-msg-group .ws-ch {width:36px; height:36px}
  #workspace .ws-msg-group .ws-rc-txt b {font-size:16px}
  #workspace .ws-msg-group .ws-rc-txt small {white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
  #workspace .ws-msg-group .ws-rc-row.is-unread .ws-rc-txt b::after {content:""; display:inline-block; width:8px; height:8px; margin-left:6px; border-radius:50%; background:#d92d20; vertical-align:middle}
}

/* ===== 2026-10-12 경로 묶음: 제목과 목록을 한 카드로 + [접기 ▴]/[펼치기 ▾] 글자 버튼 ===== */
body.dd-figma-app:not(#np) #workspace .ws-grp {background:#fff; border:1px solid rgba(3,14,27,.12); border-radius:12px; overflow:hidden; box-shadow:0 2px 4px rgba(0,0,0,.04)}
body.dd-figma-app:not(#np) #workspace .ws-grp + .ws-grp {margin-top:10px}
body.dd-figma-app:not(#np) #workspace .ws-grp .ws-grp-head {margin:0 !important; border:0; border-radius:0; background:#f6f8fa; box-shadow:none; min-height:52px}
body.dd-figma-app:not(#np) #workspace .ws-grp:not(.is-closed) .ws-grp-head {border-bottom:1px solid rgba(3,14,27,.10)}
body.dd-figma-app:not(#np) #workspace .ws-grp.is-closed .ws-grp-head {background:#fff}
body.dd-figma-app:not(#np) #workspace .ws-grp > .ws-ord-group {margin:0; border:0 !important; border-radius:0 !important; box-shadow:none !important}
body.dd-figma-app:not(#np) #workspace .ws-grp-tog {display:inline-flex; align-items:center; gap:4px; margin-left:8px; padding:4px 10px; border:1px solid rgba(3,14,27,.14); border-radius:999px; background:#fff; color:#4a4f57; font-size:14px; font-weight:700; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-grp-tog i {font-style:normal; display:inline-block; transform:rotate(180deg); transition:transform .25s var(--np-ease-out,ease)}
body.dd-figma-app:not(#np) #workspace .ws-grp.is-closed .ws-grp-tog i {transform:none}
body.dd-figma-app:not(#np) #workspace .ws-grp.is-closed .ws-grp-tog {color:#006da8; border-color:rgba(0,109,168,.35)}
body.dd-figma-app:not(#np) #workspace .ws-grp-head:hover .ws-grp-tog {background:#f2f4f7}

/* ===== 2026-10-12 주문 줄: 펼치기 화살표 크게 + 아래 버튼이 좁아도 글자가 안 깨지게 ===== */
/* 화살표: 32px 동그라미 안 굵은 ▾, 펼치면 뒤집히고 파랗게 */
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-row-toggle {display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#f2f4f7; color:#4a4f57; font-size:16px; line-height:1; align-self:center; transition:transform .25s var(--np-ease-out,ease), background .2s ease}
body.dd-figma-app:not(#np) #workspace .ws-order-item.is-open>.ws-order-row>.ws-row-toggle {transform:rotate(180deg); background:#eaf5fb; color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-order-row:hover>.ws-row-toggle {background:#e6e9ee}
/* 버튼: 작은 버튼(전화 · 문자 · 송장)은 한 줄에 똑같은 너비로, 큰 버튼(처리하기)은 아래 한 줄 전체 */
body.dd-figma-app:not(#np) #workspace .ws-op-actions {display:flex; flex-wrap:wrap; gap:8px}
body.dd-figma-app:not(#np) #workspace .ws-op-actions .ws-op-btn {flex:1 1 0; min-width:0; min-height:44px; padding:0 8px; justify-content:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px}
body.dd-figma-app:not(#np) #workspace .ws-op-actions .ws-op-btn.primary {flex:1 1 100%; min-height:48px; font-size:16px}
body.dd-figma-app:not(#np) #workspace .ws-op-actions .ws-op-btn .ws-ico {flex:none}
body.dd-figma-app:not(#np) #workspace .ws-order-item>.ws-order-row {grid-template-columns:36px minmax(0,1fr) auto 32px; column-gap:10px}

/* ===== 2026-10-12 펼친 주문 칸에서 바로 고치기 ===== */
body.dd-figma-app:not(#np) #workspace .ws-op-info {position:relative}
body.dd-figma-app:not(#np) #workspace .ws-op-edit {position:absolute; top:8px; right:8px; z-index:1; display:inline-flex; align-items:center; gap:4px; min-height:36px; padding:0 12px; border:1px solid rgba(0,109,168,.35); border-radius:999px; background:#fff; color:#006da8; font-size:14px; font-weight:700; white-space:nowrap; box-shadow:none}
body.dd-figma-app:not(#np) #workspace .ws-op-info dl {padding-right:12px}
body.dd-figma-app:not(#np) #workspace .ws-op-info dl > dt:first-child + dd {padding-right:84px}
body.dd-figma-app:not(#np) #workspace .ws-order-item.is-editing {box-shadow:inset 4px 0 0 #006da8}
body.dd-figma-app:not(#np) #workspace .ws-oe-form {display:flex; flex-direction:column; gap:10px; margin:0 0 12px; padding:12px; background:#fff; border:1.5px solid rgba(0,109,168,.35); border-radius:12px}
body.dd-figma-app:not(#np) #workspace .ws-oe-title {display:flex; align-items:center; gap:6px; margin:0; font-size:16px; font-weight:800; color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-oe {display:flex; flex-direction:column; gap:4px; margin:0; font-size:14px; font-weight:700; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-oe :is(input, textarea) {width:100%; min-height:48px; padding:10px 12px; border:1px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; font-size:16px; font-weight:500; box-sizing:border-box; resize:vertical}
body.dd-figma-app:not(#np) #workspace .ws-oe :is(input, textarea):focus {outline:none; border-color:#0d111b; box-shadow:0 0 0 3px rgba(0,109,168,.18)}
body.dd-figma-app:not(#np) #workspace .ws-oe-note {margin:0; font-size:14px; color:#b45309}
body.dd-figma-app:not(#np) #workspace .ws-oe-items {align-self:flex-start; min-height:40px; padding:0 4px; border:0; background:none; color:#006da8; font-size:15px; font-weight:700; text-decoration:underline; box-shadow:none}

/* ===== 2026-10-12 한 번에 하나만 고치기: 펼친 칸 줄 + 항목 창 ===== */
body.dd-figma-app:not(#np) #workspace .ws-op-rows {margin:0 0 12px; background:#fff; border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden}
body.dd-figma-app:not(#np) #workspace .ws-op-row {display:grid; grid-template-columns:84px minmax(0,1fr) 28px; align-items:center; gap:10px; width:100%; min-height:52px; padding:10px 12px; border:0; border-top:1px solid rgba(3,14,27,.08); background:#fff; color:#1e1e1e; text-align:left; box-shadow:none; border-radius:0}
body.dd-figma-app:not(#np) #workspace .ws-op-row:first-child {border-top:0}
body.dd-figma-app:not(#np) #workspace button.ws-op-row:active {background:#f2f8fc}
body.dd-figma-app:not(#np) #workspace .ws-op-row .k {font-size:14px; font-weight:600; color:#666}
body.dd-figma-app:not(#np) #workspace .ws-op-row .v {font-size:16px; line-height:1.45; overflow-wrap:anywhere; min-width:0}
body.dd-figma-app:not(#np) #workspace .ws-op-row .v.is-empty {color:#9aa0a6}
body.dd-figma-app:not(#np) #workspace .ws-op-row .ed {display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eaf5fb; color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-op-row.is-static {grid-template-columns:84px minmax(0,1fr)}
body.dd-figma-app:not(#np) #workspace .ws-op-row .ws-op-item {display:flex; justify-content:space-between; gap:8px}
.dd-figma-app .ws-fsheet .ws-fs-who {margin:-4px 0 12px; font-size:15px; color:#4a4f57}
.dd-figma-app .ws-fsheet .ws-fs-body {display:flex; flex-direction:column; gap:8px; margin-bottom:8px}
.dd-figma-app .ws-fsheet .ws-fs-lab {display:block; margin:6px 0 0; font-size:15px; font-weight:700; color:#4a4f57}
.dd-figma-app .ws-fsheet .ws-fs-big {width:100%; min-height:60px; padding:12px 16px; border:1.5px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; font-size:20px; font-weight:600; box-sizing:border-box; resize:vertical}
.dd-figma-app .ws-fsheet .ws-fs-big.is-num {font-size:24px; letter-spacing:.04em; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-fsheet .ws-fs-big:focus {outline:none; border-color:#0d111b; box-shadow:0 0 0 3px rgba(0,109,168,.18)}
.dd-figma-app .ws-fsheet .ws-fs-now {margin:0; padding:12px 14px; background:#f6f8fa; border-radius:12px; font-size:18px; font-weight:700; line-height:1.45}
.dd-figma-app .ws-fsheet .ws-fs-find {min-height:60px; font-size:19px; margin:4px 0}
.dd-figma-app .ws-fsheet .ws-fs-hint {margin:0; font-size:14px; color:#666}
.dd-figma-app .ws-fsheet .ws-fs-chips {display:flex; flex-wrap:wrap; gap:8px}
.dd-figma-app .ws-fsheet .ws-chip2 {min-height:44px; padding:0 14px; border:1.5px solid rgba(3,14,27,.12); border-radius:12px; background:#fff; font-size:16px; font-weight:700; white-space:nowrap; box-shadow:none}
.dd-figma-app .ws-fsheet .ws-fs-alt {display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:6px}
.dd-figma-app .ws-fsheet .ws-fs-alt .ws-op-btn {display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:52px; padding:0 8px; border:1px solid rgba(3,14,27,.14); border-radius:12px; background:#fff; font-size:15px; font-weight:700; white-space:nowrap}
.dd-figma-app .ws-fsheet .ws-fs-alt [data-fs="msgs"] {color:#6941c6}
.dd-figma-app .ws-fsheet .ws-fs-alt [data-fs="call"] {color:#027a38}
.dd-figma-app .ws-fsheet .ws-fs-msgs {display:flex; flex-direction:column; gap:6px}
.dd-figma-app .ws-fsheet .ws-fs-msg {display:flex; flex-direction:column; gap:2px; padding:10px 12px; border:1px solid rgba(105,65,198,.25); border-radius:12px; background:#faf8ff; color:#1e1e1e; font-size:16px; text-align:left; line-height:1.45; white-space:pre-line; box-shadow:none}
.dd-figma-app .ws-fsheet .ws-fs-msg small {font-size:13px; color:#666}

/* 2026-10-12 상품 줄 · 상품만 고치는 창 */
body.dd-figma-app:not(#np) #workspace .ws-op-it {display:block}
body.dd-figma-app:not(#np) #workspace .ws-op-it small {display:block; font-size:14px; font-weight:700; color:#4a4f57; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-fsheet .ws-fs-item {display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#f8fafc}
.dd-figma-app .ws-fsheet select.ws-fs-big {font-size:17px; padding:0 12px}
.dd-figma-app .ws-fsheet .ws-fs-qrow {display:flex; align-items:center; justify-content:space-between; gap:8px}
.dd-figma-app .ws-fsheet .ws-fs-step {display:inline-flex; align-items:center; border:1.5px solid rgba(3,14,27,.18); border-radius:12px; background:#fff; overflow:hidden}
.dd-figma-app .ws-fsheet .ws-fs-step button {width:60px; height:56px; border:0; background:transparent; font-size:26px; font-weight:700; color:#1e1e1e; box-shadow:none}
.dd-figma-app .ws-fsheet .ws-fs-step b {min-width:48px; text-align:center; font-size:22px; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-fsheet .ws-fs-rm {display:inline-flex; align-items:center; gap:4px; min-height:44px; padding:0 12px; border:0; background:none; color:#b42318; font-size:15px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-fsheet .ws-fs-add {display:flex; align-items:center; justify-content:center; gap:6px; min-height:52px; border:1.5px dashed rgba(3,14,27,.25); border-radius:12px; background:#fff; font-size:16px; font-weight:700; box-shadow:none}
.dd-figma-app .ws-fsheet .ws-fs-total {display:flex; justify-content:space-between; margin:4px 2px 0; font-size:17px; color:#4a4f57}
.dd-figma-app .ws-fsheet .ws-fs-total b {font-size:22px; color:#1e1e1e; font-variant-numeric:tabular-nums}

/* ===== 2026-10-12 주문 줄 한 번 누르기 = 주문 창, 고칠 줄 누르기 = 항목 창 (닫으면 주문 창으로) ===== */
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-row-toggle {display:none}
body.dd-figma-app:not(#np) #workspace .ws-order-item>.ws-order-row {grid-template-columns:36px minmax(0,1fr) auto 16px}
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-chevron {display:block; grid-column:4; grid-row:1; font-size:22px; color:#9aa0a6}
.dd-figma-app .ws-osheet .ws-os-tip {font-size:14px; font-weight:600; color:#666}
.dd-figma-app .ws-osheet .ws-os-rows {background:#fff; border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden}
.dd-figma-app .ws-osheet .ws-os-row {display:grid; grid-template-columns:88px minmax(0,1fr) 20px; align-items:center; gap:10px; width:100%; min-height:56px; padding:12px 14px; border:0; border-top:1px solid rgba(3,14,27,.08); background:#fff; color:#1e1e1e; text-align:left; box-shadow:none; border-radius:0}
.dd-figma-app .ws-osheet .ws-os-row:first-child {border-top:0}
.dd-figma-app .ws-osheet button.ws-os-row:active {background:#f2f8fc}
.dd-figma-app .ws-osheet .ws-os-row .k {font-size:15px; font-weight:600; color:#666}
.dd-figma-app .ws-osheet .ws-os-row .v {font-size:17px; line-height:1.45; overflow-wrap:anywhere; min-width:0}
.dd-figma-app .ws-osheet .ws-os-row .v.is-empty {color:#9aa0a6}
.dd-figma-app .ws-osheet .ws-os-row .go {font-size:22px; color:#9aa0a6; text-align:right}
.dd-figma-app .ws-osheet .ws-os-row.is-static {grid-template-columns:88px minmax(0,1fr)}
.dd-figma-app .ws-osheet .ws-os-it {display:block}
.dd-figma-app .ws-osheet .ws-os-it small {display:block; font-size:14px; font-weight:700; color:#4a4f57}
.dd-figma-app .ws-fsheet .ws-fs-back {min-height:36px; padding:0 10px; margin-right:4px; border:1px solid rgba(3,14,27,.14); border-radius:999px; background:#fff; color:#006da8; font-size:14px; font-weight:700; box-shadow:none}

/* 2026-10-13 보드 칸 안 카드가 높이를 넘으면 눌려서 잘리던 문제: 카드는 줄어들지 않고 칸 안이 스크롤 */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-bcol-body > * {flex-shrink:0}
  #workspace .ws-bcol-body {overscroll-behavior:contain}
}
body.dd-figma-app:not(#np) #workspace .ws-task-panel > * {flex-shrink:0}

/* 2026-10-13 PC 보드 문자 칸: 주문 미인식 / 문의 칩 */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-rail-chips {display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:10px 10px 0}
  body.dd-figma-app:not(#np) #workspace .ws-rail-chips button {position:relative; display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:0 8px; border:1.5px solid rgba(3,14,27,.12); border-radius:999px; background:#fff; color:#4a4f57; font-size:15px; font-weight:700; white-space:nowrap; box-shadow:none}
  body.dd-figma-app:not(#np) #workspace .ws-rail-chips button[aria-pressed="true"] {background:#0d111b; border-color:#0d111b; color:#fff}
  #workspace .ws-rail-chips b {font-size:15px}
  #workspace .ws-rail-chips .dot {width:8px; height:8px; border-radius:50%; background:#d92d20}
}

/* 2026-10-13 문자 칸 선택: 네이버 증권 "국내 | 미국" 같은 한 덩어리 선택 막대 (고른 쪽만 흰색으로 떠오름) */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-rail-chips.ws-seg {display:grid; grid-template-columns:1fr 1fr; gap:2px; margin:10px 10px 0; padding:3px; background:#eceef1; border-radius:10px}
  body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg button {min-height:40px; gap:5px; padding:0 8px; border:1px solid transparent; border-radius:8px; background:transparent; color:#666; font-size:15px; font-weight:700; box-shadow:none; transition:background .2s var(--np-ease-out,ease), color .2s ease}
  body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg button[aria-pressed="true"] {background:#fff; border-color:rgba(3,14,27,.10); color:#1e1e1e; box-shadow:0 1px 3px rgba(3,14,27,.12)}
  #workspace .ws-seg .si {display:inline-grid; place-items:center; width:20px; height:20px; border-radius:6px}
  #workspace .ws-seg .si--order {background:#fff1e6; color:#b45309}
  #workspace .ws-seg .si--ask {background:#f4f0fd; color:#6941c6}
  #workspace .ws-seg button:not([aria-pressed="true"]) .si {filter:grayscale(1); opacity:.7}
  #workspace .ws-seg b {font-weight:800}
}

/* 2026-10-13 시연 모드 띠 (늘 보이게, 진짜 자료와 헷갈리지 않게) */
body.dd-figma-app:not(#np) #workspace .ws-demo-bar {grid-column:1 / -1; display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:0 0 14px; padding:12px 16px; border:1.5px solid rgba(105,65,198,.45); border-radius:12px; background:#f4f0fd; color:#3b2a7a}
body.dd-figma-app:not(#np) #workspace .ws-demo-bar b {font-size:17px; font-weight:800; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-demo-bar span {flex:1 1 260px; font-size:15px}
body.dd-figma-app:not(#np) #workspace .ws-demo-bar button {min-height:44px; padding:0 16px; border:0; border-radius:12px; background:#6941c6; color:#fff; font-size:16px; font-weight:800; white-space:nowrap; box-shadow:none}

/* 2026-10-13 배송 묶음 카드: 네이버 주문 포함 안내 */
body.dd-figma-app:not(#np) #workspace .ws-nv-note {display:flex; align-items:flex-start; gap:8px; margin:-4px 0 12px; padding:10px 14px; border:1px solid rgba(3,199,90,.4); border-radius:0 0 12px 12px; background:#effbf4; color:#1e1e1e; font-size:15px; line-height:1.45}
body.dd-figma-app:not(#np) #workspace .ws-nv-note .ws-grp-mark {flex:none; width:24px; height:24px; font-size:13px; display:grid; place-items:center; border-radius:50%; background:#03c75a; color:#fff; font-weight:900}

body.dd-figma-app:not(#np) #workspace .ws-nv-note > span:last-child {display:flex; flex-direction:column; gap:8px}
body.dd-figma-app:not(#np) #workspace .ws-nv-file {align-self:flex-start; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:0; border-radius:12px; background:#03c75a; color:#fff; font-size:15px; font-weight:800; white-space:nowrap; box-shadow:none}

/* 2026-10-14 화면 검토 1단계: 글자 15px 이상 · 칩 44px · 작은 화면 넘침 */
/* 목록 둘째 줄 · 상태 · 안내 (14px → 15px) */
body.dd-figma-app:not(#np) #workspace :is(.ws-row-sub, .ws-pay, .ws-tile-sub, .ws-task-note, .ws-msg-desc, .ws-grp-tog) {font-size:15px}
/* 시간 · 새 문자 꼬리표 (13px → 14px) */
body.dd-figma-app:not(#np) #workspace :is(.ws-msg-end small, .ws-msg-new, .ws-tile-old, .ws-rc-reply) {font-size:14px}
/* 칩 높이 38px → 44px */
body.dd-figma-app:not(#np) #workspace :is(.ws-ship-chips, .ws-msg-chips) button {min-height:44px; font-size:15px}
/* 360px 휴대폰: 묶음 머리의 [접기]가 화면 밖으로 나가지 않게 */
@media (max-width:380px){
  body.dd-figma-app:not(#np) #workspace .ws-grp-head {gap:6px; padding:8px 10px}
  body.dd-figma-app:not(#np) #workspace .ws-grp-head b {white-space:nowrap}
  body.dd-figma-app:not(#np) #workspace .ws-grp-sum {display:none}
  body.dd-figma-app:not(#np) #workspace .ws-grp-tog {flex:none}
}

/* 2026-10-14 주문 창: 줄마다 [✎ 수정] + PC는 마우스를 올리면 나타나고, 누르면 바로 옆 칸에 고치기 창 */
.dd-figma-app .ws-osheet .ws-os-row {grid-template-columns:88px minmax(0,1fr) auto 20px}
.dd-figma-app .ws-osheet .ws-os-edit {display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:100px; background:#eef6fb; color:#006da8; font-size:14px; font-weight:700; white-space:nowrap}
.dd-figma-app .ws-osheet .ws-os-edit svg {width:14px; height:14px}
@media (hover:hover) and (pointer:fine){
  .dd-figma-app .ws-osheet .ws-os-edit {opacity:0; transform:translateX(6px); transition:opacity .18s ease, transform .18s ease}
  .dd-figma-app .ws-osheet button.ws-os-row:hover {background:#f2f8fc}
  .dd-figma-app .ws-osheet button.ws-os-row:is(:hover, :focus-visible, .is-editing) .ws-os-edit {opacity:1; transform:none}
}
.dd-figma-app .ws-osheet .ws-os-row.is-editing {background:#e6f1f8; box-shadow:inset 4px 0 0 #006da8}
.dd-figma-app .ws-osheet .ws-os-row.is-editing .ws-os-edit {background:#006da8; color:#fff}
.dd-figma-app .ws-osheet .ws-os-row.is-editing .ws-os-edit::after {content:" 중"}
.dd-figma-app .ws-osheet .ws-os-row.is-flash {animation:wsRowFlash 1.4s ease}
@keyframes wsRowFlash {0%, 35% {background:#fff4c2} 100% {background:transparent}}
.dd-figma-app .ws-sheet-wrap.has-side {gap:12px}
.dd-figma-app .ws-sheet-wrap.has-side > .ws-sheet {flex:0 1 560px}
.dd-figma-app .ws-fside {position:relative; flex:0 0 440px; display:flex; align-items:flex-end; animation:wsSideIn .25s ease-out}
.dd-figma-app .ws-fside .ws-sheet {width:440px; max-width:440px; animation:none}
@keyframes wsSideIn {from {opacity:0; transform:translateX(-24px)} to {opacity:1; transform:none}}
/* 휴대폰(마우스 없음): [수정]이 항상 보이니 › 는 빼고 자리를 넓혀 번호 · 주소가 덜 꺾이게 */
@media (hover:none), (pointer:coarse){
  .dd-figma-app .ws-osheet .ws-os-row {grid-template-columns:76px minmax(0,1fr) auto; gap:8px}
  .dd-figma-app .ws-osheet .ws-os-row .go {display:none}
}
@media (prefers-reduced-motion:reduce){
  .dd-figma-app .ws-fside, .dd-figma-app .ws-osheet .ws-os-row.is-flash {animation:none}
  .dd-figma-app .ws-osheet .ws-os-edit {transition:none}
}

/* 2026-10-14 배송 단계: 숫자 3개 · 받는 분마다 5단계 막대 · 주문 창 단계 기록 · 홈 한 줄 */
body.dd-figma-app:not(#np) #workspace .ws-dsum {display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:4px 0 12px}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c {display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 6px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#fff; font-size:15px; font-weight:600; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c b {font-size:28px; line-height:1.1; font-weight:800; color:#006da8; font-variant-numeric:tabular-nums}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c.is-done b {color:#0f7a45}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c.is-late {border-color:#f4b4ae; background:#fff4f2}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c.is-late b {color:#c0362c}
body.dd-figma-app:not(#np) #workspace .ws-dlist {display:flex; flex-direction:column; border:1px solid rgba(3,14,27,.10); border-radius:12px; overflow:hidden; background:#fff}
body.dd-figma-app:not(#np) #workspace .ws-drow {display:flex; flex-direction:column; gap:6px; width:100%; padding:14px 16px; border:0; border-top:1px solid rgba(3,14,27,.08); background:#fff; text-align:left; color:#1e1e1e; font:inherit; cursor:pointer}
body.dd-figma-app:not(#np) #workspace .ws-drow:first-child {border-top:0}
body.dd-figma-app:not(#np) #workspace .ws-drow:hover {background:#f6f9fc}
body.dd-figma-app:not(#np) #workspace .ws-drow.is-late {background:#fff8f7; box-shadow:inset 4px 0 0 #c0362c}
body.dd-figma-app:not(#np) #workspace .ws-drow-top {display:flex; justify-content:space-between; align-items:baseline; gap:8px}
body.dd-figma-app:not(#np) #workspace .ws-drow-top b {font-size:17px; font-weight:700}
body.dd-figma-app:not(#np) #workspace .ws-drow-days {font-size:15px; font-weight:700; color:#4a4f57; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-drow.is-late .ws-drow-days {color:#c0362c}
body.dd-figma-app:not(#np) #workspace .ws-drow.is-done .ws-drow-days {color:#0f7a45}
body.dd-figma-app:not(#np) #workspace .ws-drow-item {font-size:15px; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-drow-step {display:flex; align-items:center; gap:10px; flex-wrap:wrap}
body.dd-figma-app:not(#np) #workspace .ws-drow-txt {font-size:15px; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-drow-txt b {color:#1e1e1e}
:is(#workspace, .ws-sheet-wrap) .ws-dbar {display:inline-grid; grid-template-columns:repeat(5,22px); gap:4px; flex:none}
:is(#workspace, .ws-sheet-wrap) .ws-dbar i {height:8px; border-radius:4px; background:#e3e6ea}
:is(#workspace, .ws-sheet-wrap) .ws-dbar i.on {background:#006da8}
:is(#workspace, .ws-sheet-wrap) .ws-drow.is-done .ws-dbar i.on, :is(#workspace, .ws-sheet-wrap) .ws-os-dlv .ws-dbar:not(.is-late) i.on:last-child {background:#0f7a45}
:is(#workspace, .ws-sheet-wrap) .ws-dbar.is-late i.on {background:#c0362c}
/* 2026-10-14 늦은 택배 줄: 빨강 4겹 → 빨간 꼬리표 하나 (강조는 하나, 사용자 결정: 배송 경고는 빨강) */
body.dd-figma-app:not(#np) #workspace .ws-drow.is-late {background:#fff; box-shadow:none}
body.dd-figma-app:not(#np) #workspace .ws-drow.is-late:hover {background:#f6f9fc}
body.dd-figma-app:not(#np) #workspace .ws-drow.is-late .ws-dbar i.on {background:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-drow.is-late .ws-drow-days {padding:2px 8px; border-radius:999px; background:#fef3f2; color:#c0362c}
body.dd-figma-app:not(#np) #workspace .ws-dlv-more {margin-top:16px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#fff}
body.dd-figma-app:not(#np) #workspace .ws-dlv-more > summary {min-height:52px; padding:14px 16px; font-size:16px; font-weight:700; cursor:pointer}
body.dd-figma-app:not(#np) #workspace .ws-dlv-more > .ws-dlv-batches {padding:0 12px 12px}
body.dd-figma-app:not(#np) #workspace .ws-dhome {display:flex; align-items:center; gap:10px; width:100%; min-height:56px; margin:10px 0 0; padding:12px 16px; border:1px solid rgba(3,14,27,.10); border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; font-size:16px; text-align:left; cursor:pointer}
body.dd-figma-app:not(#np) #workspace .ws-dhome svg {color:#006da8; flex:none}
body.dd-figma-app:not(#np) #workspace .ws-dhome b {font-size:18px; color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-dhome-late {padding:3px 10px; border-radius:100px; background:#fde8e6; color:#c0362c; font-size:14px; font-weight:700; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-dhome-go {margin-left:auto; color:#9aa0a6; font-size:20px}
.dd-figma-app .ws-osheet .ws-os-dlv {align-items:start}
.dd-figma-app .ws-osheet .ws-os-dlv .v {display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px}
.dd-figma-app .ws-osheet .ws-os-dlv .v small {flex-basis:100%; font-size:14px; color:#666}
.dd-figma-app .ws-osheet .ws-dlv-now {font-size:17px; color:#006da8}
.dd-figma-app .ws-osheet .ws-dlv-now.is-late {color:#c0362c}
.dd-figma-app .ws-osheet .ws-dtl {grid-column:1/-1; margin:6px 0 0; padding:0 0 0 14px; list-style:none; border-left:2px solid #e3e6ea}
.dd-figma-app .ws-osheet .ws-dtl li {position:relative; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; padding:4px 0 4px 10px; font-size:15px; color:#4a4f57}
.dd-figma-app .ws-osheet .ws-dtl li::before {content:""; position:absolute; left:-21px; top:10px; width:10px; height:10px; border-radius:50%; background:#c4c9cf}
.dd-figma-app .ws-osheet .ws-dtl li:first-child::before {background:#006da8; box-shadow:0 0 0 3px #d6e9f5}
.dd-figma-app .ws-osheet .ws-dtl li:first-child b {color:#1e1e1e}
.dd-figma-app .ws-osheet .ws-dtl li small {font-size:14px; color:#666}
.dd-figma-app .ws-osheet .ws-dtl li span {margin-left:auto; font-size:14px; color:#666; font-variant-numeric:tabular-nums}
.dd-figma-app .ws-osheet .ws-dtl-cj {grid-column:1/-1; justify-self:start; margin-top:4px; font-size:15px; font-weight:700; color:#006da8; text-decoration:none}
body.dd-figma-app:not(#np) #workspace .ws-dhome-t {display:flex; flex-direction:column; min-width:0}
body.dd-figma-app:not(#np) #workspace .ws-dhome-t > span {white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-dhome-t small {font-size:14px; color:#0f7a45; font-weight:600}

/* 2026-10-14 PC 홈 보드: 배송 중 칸 (송장 대기 오른쪽) · 5칸 보드 · 쪽 번호 */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  #workspace .ws-board {grid-template-columns:repeat(4, minmax(0,1fr))}
  #workspace .ws-bcol--transit {--bc:#0e7c7b}
  /* 1600px 아래: 칸이 너무 좁아져 이름이 사라지므로 문자 칸은 아래 넓은 줄 (문자는 2~3줄로 나란히) */
  #workspace .ws-board > .ws-bcol--msg {grid-column:1 / -1}
  #workspace .ws-board > .ws-bcol--msg .ws-msg-group {display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:8px}
  #workspace .ws-board > .ws-bcol--msg .ws-msg-group .ws-rc-row {border:1px solid rgba(3,14,27,.08); border-radius:10px}
  #workspace .ws-board > .ws-bcol--msg .ws-bcol-body {max-height:none}
  body.dd-figma-app:not(#np) #workspace .ws-bcol--transit .ws-dlist {border-radius:10px}
  body.dd-figma-app:not(#np) #workspace .ws-bcol--transit .ws-drow {gap:6px; padding:10px 12px; min-height:84px}
  body.dd-figma-app:not(#np) #workspace .ws-bcol--transit .ws-drow-top b {font-size:16px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  body.dd-figma-app:not(#np) #workspace .ws-bcol--transit .ws-dbar {grid-template-columns:repeat(5, minmax(0,1fr)); width:100%}
  body.dd-figma-app:not(#np) #workspace .ws-bcol--transit .ws-drow-step {display:block}
  body.dd-figma-app:not(#np) #workspace .ws-bcol--transit .ws-drow-txt {font-size:15px}
  body.dd-figma-app:not(#np) #workspace .ws-dpager {display:flex; justify-content:center; gap:4px; padding:10px 8px 12px; background:#f2f4f7}
  body.dd-figma-app:not(#np) #workspace .ws-dpager button {min-width:40px; height:40px; padding:0 6px; border:1px solid rgba(3,14,27,.12); border-radius:10px; background:#fff; color:#1e1e1e; font:inherit; font-size:16px; font-weight:700; cursor:pointer}
  body.dd-figma-app:not(#np) #workspace .ws-dpager button.is-on {background:#1e1e1e; border-color:#1e1e1e; color:#fff}
  body.dd-figma-app:not(#np) #workspace .ws-dpager button:disabled {opacity:.35; cursor:default}
  body.dd-figma-app:not(#np) #workspace .ws-dpager button:not(:disabled):not(.is-on):hover {background:#eef6fb}
}
@media (min-width:1600px) {
  #workspace .ws-board {grid-template-columns:repeat(5, minmax(0,1fr))}
  #workspace .ws-board > .ws-bcol--transit {order:1}  /* 2026-10-14 5칸 한 줄일 때 배송 상황을 맨 오른쪽(문자 다음)으로 */
  #workspace .ws-board > .ws-bcol--msg {grid-column:auto}
  #workspace .ws-board > .ws-bcol--msg .ws-msg-group {display:block}
  #workspace .ws-board > .ws-bcol--msg .ws-msg-group .ws-rc-row {border:0; border-top:1px solid rgba(3,14,27,.08); border-radius:0}
  #workspace .ws-board > .ws-bcol--msg .ws-bcol-body {max-height:calc(100vh - 330px)}
}
/* 2026-10-14 PC 보드 줄 다시 짜기: 이름 · 금액 한 줄 + 상품은 칸 전체 너비(최대 2줄). 칸과 같은 말 꼬리표(입금 대기 · 발송 준비 · 송장 대기)는 숨김 */
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-row.ws-order-row {display:grid; grid-template-columns:32px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:10px; row-gap:3px; align-items:center; text-align:left}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-ch {grid-column:1; grid-row:1 / span 2; align-self:start; margin-top:2px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-row-main {display:contents}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-main > strong {grid-column:2; grid-row:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-main > .ws-row-sub {grid-column:2 / 4; grid-row:2; min-width:0; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-row-end {grid-column:3; grid-row:1; display:flex; flex-direction:column; align-items:flex-end; gap:2px; min-width:0}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row :is(.ws-row-no, .ws-row-product, .ws-product-summary, .ws-chevron, .ws-row-toggle, .ws-status) {display:none}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-end :is(.ws-pay--pre, .ws-pay--paid) {display:none}
  /* 칸 머리: 작은 글은 제목 아래 칸 전체 너비로 (꺾이지 않게) */
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-head {grid-template-areas:"ic t n" "s s s"; row-gap:6px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-head small {grid-area:s}
}
@media all {  /* 2026-10-21 휴대폰 홈도 보드 (예전: min-width:1100px) */
  /* 보드 칸 안 묶음 머리: [접기]가 칸 밖으로 나가지 않게 금액은 숨김 (금액은 칸 머리에 있음) */
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-grp-head {gap:8px; padding:8px 10px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-grp-sum {display:none}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-grp-tog {flex:none; margin-left:auto}
}
/* 2026-10-14 연락처를 문자 보낸 번호로 채운 주문 표시 */
.dd-figma-app .ws-osheet .ws-os-row .v .ws-os-from {display:inline-block; margin-left:8px; padding:2px 8px; border-radius:100px; background:#fff3e3; color:#b45309; font-size:13px; font-weight:700; vertical-align:middle; white-space:nowrap}

/* 2026-10-14 자동응답 버튼 · 시트, 고객 관리 문자 버튼 */
body.dd-figma-app:not(#np) #workspace .ws-msg-head {display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
body.dd-figma-app:not(#np) #workspace .ws-ar-btn {flex:none; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 14px; border:1px solid rgba(3,14,27,.14); border-radius:100px; background:#fff; color:#4a4f57; font:inherit; font-size:15px; font-weight:700; cursor:pointer; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-ar-btn .ws-ar-dot {width:10px; height:10px; border-radius:50%; background:#c4c9cf}
body.dd-figma-app:not(#np) #workspace .ws-ar-btn.is-on {border-color:#0e7c7b; background:#e8f6f5; color:#0b5f5e}
body.dd-figma-app:not(#np) #workspace .ws-ar-btn.is-on .ws-ar-dot {background:#0e9f6e; box-shadow:0 0 0 3px rgba(14,159,110,.2)}
.dd-figma-app .ws-arsheet .ws-ar-row {display:flex; align-items:center; gap:16px; margin:12px 0 4px; padding:16px; border:1px solid rgba(3,14,27,.1); border-radius:12px; background:#fff}
.dd-figma-app .ws-arsheet .ws-ar-txt {flex:1; min-width:0}
.dd-figma-app .ws-arsheet .ws-ar-txt b {display:block; font-size:18px; font-weight:800; color:#1e1e1e}
.dd-figma-app .ws-arsheet .ws-ar-txt small {display:block; margin-top:4px; font-size:15px; line-height:1.5; color:#4a4f57}
.dd-figma-app .ws-arsheet .ws-ar-switch {flex:none; position:relative; width:64px; height:36px; border:0; border-radius:100px; background:#c4c9cf; cursor:pointer; transition:background .2s}
.dd-figma-app .ws-arsheet .ws-ar-switch span {position:absolute; top:4px; left:4px; width:28px; height:28px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .2s}
.dd-figma-app .ws-arsheet .ws-ar-switch.is-on {background:#0e9f6e}
.dd-figma-app .ws-arsheet .ws-ar-switch.is-on span {transform:translateX(28px)}
.dd-figma-app .ws-arsheet .ws-ar-state {margin:0 0 12px; font-size:15px; font-weight:700; color:#666}
.dd-figma-app .ws-arsheet .ws-ar-state.is-on {color:#0b7a55}
.dd-figma-app .ws-arsheet .ws-ar-lab {margin:8px 0 6px; font-size:15px; font-weight:700; color:#4a4f57}
.dd-figma-app .ws-arsheet .ws-ar-bubble {padding:12px 14px; border-radius:16px 16px 16px 4px; background:#eef1f4; font-size:16px; line-height:1.6; color:#1e1e1e}
.dd-figma-app .ws-arsheet .ws-ar-rules {margin:14px 0 8px; padding-left:20px; font-size:15px; line-height:1.7; color:#4a4f57}
@media (prefers-reduced-motion:reduce){.dd-figma-app .ws-arsheet .ws-ar-switch, .dd-figma-app .ws-arsheet .ws-ar-switch span {transition:none}}
body.dd-figma-app .cli2 {position:relative}
body.dd-figma-app :is(.cli-sms-btn, .cust-sms-btn) {flex:none; min-height:44px; padding:0 14px; border:1px solid #0e7c7b; border-radius:100px; background:#e8f6f5; color:#0b5f5e; font:inherit; font-size:15px; font-weight:700; cursor:pointer; white-space:nowrap}
body.dd-figma-app :is(.cli-sms-btn, .cust-sms-btn).is-off {border-color:#d5d9df; background:#f2f4f7; color:#9aa0a6}
body.dd-figma-app .cli-sms-btn {margin-left:10px}
body.dd-figma-app .cust-sms-btn {margin-right:8px}
body.dd-figma-app .biz-ar-row {display:flex; align-items:center; gap:12px; width:100%; min-height:64px; margin:0 0 16px; padding:12px 16px; border:1px solid #0e7c7b; border-radius:12px; background:#e8f6f5; color:#1e1e1e; font:inherit; text-align:left; cursor:pointer}
body.dd-figma-app .biz-ar-row .biz-ar-ic {font-size:24px}
body.dd-figma-app .biz-ar-row .biz-ar-txt {flex:1; min-width:0}
body.dd-figma-app .biz-ar-row b {display:block; font-size:17px; font-weight:800}
body.dd-figma-app .biz-ar-row small {display:block; font-size:15px; color:#0b5f5e}

/* ── 2026-10-14 화면 통일 A: 홈 화면 값을 기준으로 글자·여백 맞추기 ── */
/* 동그라미 글자: 주문 줄과 같은 36px 원 · 14px / 700 */
body.dd-figma-app:not(#np) #workspace .ws-msg .ws-msg-icon,
body.dd-figma-app:not(#np) #workspace .ws-rc-row .ws-ch {width:36px; height:36px; font-size:14px; font-weight:700}
/* 목록 줄 안쪽 여백: 주문 줄과 같은 위아래 14 · 좌우 16 */
body.dd-figma-app:not(#np) #workspace .ws-msg,
body.dd-figma-app:not(#np) #workspace .ws-msg-group .ws-rc-row {padding:14px 16px}
/* 홈 답장 대기 줄: 이름 17 · 미리보기 15 (주문 줄과 같게), 답장한 손님 이름은 보통 굵기 */
body.dd-figma-app:not(#np) #workspace .ws-msg-group .ws-rc-txt b {font-size:17px}
body.dd-figma-app:not(#np) #workspace .ws-msg-group .ws-rc-row:not(.is-unread) .ws-rc-txt b {font-weight:500}
body.dd-figma-app:not(#np) #workspace .ws-rc-txt small {font-size:15px}
/* 칩 높이 44 (다른 화면 칩과 같게, 누르기 쉬운 크기) */
body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg button {min-height:44px}
/* 묶음 머리 좌우 여백 12 (배송 화면과 같게) */
body.dd-figma-app:not(#np) #workspace .ws-board .ws-grp-head {padding:8px 12px}
/* 큰 버튼 글자 16 / 800 (홈 엑셀 버튼과 같게) */
body.dd-figma-app:not(#np) #workspace .ws-task-excel {font-size:16px; font-weight:800}

/* ── 2026-10-14 입금 확인: 예전 머리 숨김 + 제목 오른쪽 붙은 토글 (홈 답장 대기 칸 토글과 같은 모양) ── */
#workspace[data-bank-simple="1"] #ws-body > :is(.ws-heading, .ws-toolbar, .ws-note, .ws-tabs),
#workspace[data-bank-simple="1"]:not([data-bank-search="1"]) .ws-list-panel > .ws-search {display:none}
#workspace[data-bank-simple="1"] .ws-list-panel {border:0; background:transparent; overflow:visible}
#workspace[data-bank-simple="1"] .ws-list-panel > .ws-search {margin:0 0 12px; padding:0; border:0}
#workspace .ws-bank-tools {display:flex; align-items:center; gap:8px; flex-shrink:0}
#workspace :is(.ws-bank-seg, .ws-msg-seg) {display:flex; gap:2px; padding:3px; border-radius:10px; background:#eceef1}
body.dd-figma-app:not(#np) #workspace :is(.ws-bank-seg, .ws-msg-seg) button {display:flex; align-items:center; justify-content:center; gap:5px; min-height:44px; padding:0 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:#666; font-size:15px; font-weight:700; white-space:nowrap; box-shadow:none}
body.dd-figma-app:not(#np) #workspace :is(.ws-bank-seg, .ws-msg-seg) button[aria-pressed="true"] {background:#fff; border-color:rgba(3,14,27,.10); color:#1e1e1e; box-shadow:0 1px 3px rgba(3,14,27,.12)}
#workspace :is(.ws-bank-seg, .ws-msg-seg) b {font-weight:800}
body.dd-figma-app:not(#np) #workspace .ws-bank-more {display:block; min-height:44px; margin:16px auto 0; padding:0 12px; border:0; background:none; color:#006da8; font-size:15px; font-weight:700; box-shadow:none}
@media (max-width:600px) {
  #workspace .ws-bank-head {flex-wrap:wrap; gap:12px}
  #workspace .ws-bank-tools {width:100%}
  #workspace .ws-bank-seg {flex:1}
  #workspace .ws-bank-seg button {flex:1}
}

/* ── 2026-10-14 문자함: 전화는 이름 옆 · 보내기는 입력칸 높이 · 주문 미인식/문의는 오른쪽 토글 (입금 확인 토글과 같은 모양) ── */
#workspace .ws-msg-otoggle {flex:0 1 auto}
#workspace .ws-msg-ohead .ws-msg-del, #workspace .ws-msg-ofold {margin-left:auto}
#workspace .ws-msg-ohead .ws-msg-del + .ws-msg-ofold {margin-left:0}
body.dd-figma-app:not(#np) #workspace .ws-msg-ofold {flex:none; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; box-shadow:none}
#workspace .ws-msg-chat .ws-chat-input {align-items:stretch}
#workspace .ws-msg-tools {display:flex; align-items:center; gap:8px; flex-shrink:0}
#workspace .ws-msg-seg .dot {width:8px; height:8px; border-radius:50%; background:#d92d20}
@media (max-width:600px) {
  #workspace .ws-msg-head {flex-wrap:wrap}
  #workspace .ws-msg-tools {width:100%; flex-wrap:wrap}
  #workspace .ws-msg-seg {flex:1}
  #workspace .ws-msg-seg button {flex:1}
  /* 좁은 화면: 이름·번호가 쪼개지지 않게, 전화·삭제는 아이콘만 (44×44, 글자는 화면 읽기용으로 남음) */
  #workspace .ws-msg-otxt :is(strong, span) {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  body.dd-figma-app:not(#np) #workspace .ws-msg-ohead .ws-msg-call {width:44px; min-width:44px; padding:0; justify-content:center; font-size:0; gap:0}
  body.dd-figma-app:not(#np) #workspace .ws-msg-ohead .ws-msg-call svg {width:20px; height:20px}
}

/* ── 2026-10-14 시연 모드: 큰 띠 대신 로고 옆 작은 꼬리표 (켜고 끄기는 더보기 → 설정) ── */
#workspace[data-demo="1"] .ws-brand::after {content:"시연 중"; display:inline-block; margin-left:8px; padding:2px 8px; border-radius:999px; background:#f4f0fd; color:#6941c6; font-size:13px; font-weight:700; line-height:1.4; vertical-align:middle}
/* ── 2026-10-14 홈 보드: 칸 높이를 가장 긴 칸에 맞추고, 쪽 번호·버튼은 칸 맨 아래로 ── */
#workspace .ws-board {align-items:stretch}
#workspace .ws-board > .ws-bcol > .ws-bcol-body {flex:1}
#workspace .ws-board > .ws-bcol > .ws-bcol-body + * {margin-top:auto}

/* ── 2026-10-14 문자 창(홈 답장 대기): 전화는 이름 옆 · 입력줄 여백 16 · 보내기는 입력칸 높이 (#workspace 규칙보다 우선하게 창 id로) ── */
#ws-pay-sheet .ws-chat-head2 h2 {flex:0 1 auto; min-width:0}
#ws-pay-sheet .ws-chat-head2 .ws-osheet-call {width:44px; height:44px; margin:0 auto 0 8px}
#ws-pay-sheet .ws-osheet-chat .ws-chat-compose {padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
#ws-pay-sheet .ws-chat-input {align-items:stretch}

/* ── 2026-10-14 고객 관리: 본서버 모양 (6칸 상자 · 번호 줄 · 금액·횟수·등급 · 고객 추가는 머리) + 선 아이콘 ── */
.dd-figma-app #modal-customers #btn-add-customer {display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border:1px solid #ccd1da; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700; box-shadow:none}
.dd-figma-app #customer-pagination .customer-add-bottom {display:none}
.dd-figma-app #modal-customers .modal-title {font-size:20px}
.dd-figma-app #customer-filter-row {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; padding:0 0 12px}
.dd-figma-app #customer-filter-row .filter-chip:is([data-filter="gold"], [data-filter="first"]) {display:flex}
.dd-figma-app #customer-filter-row .filter-chip {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:64px; padding:8px 6px; border:1px solid rgba(3,14,27,.12); border-radius:12px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:600; text-align:center; word-break:keep-all; box-shadow:none}
.dd-figma-app #customer-filter-row .filter-chip .cf-lab {display:inline-flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap}
.dd-figma-app #customer-filter-row .filter-chip strong {font-size:17px; font-weight:800; font-variant-numeric:tabular-nums}
.dd-figma-app #customer-filter-row .filter-chip.active {background:#0d111b; border-color:#0d111b; color:#fff}
.dd-figma-app #modal-customers .cf-ic {flex:none}
.dd-figma-app #modal-customers .cf-ic--diamond {color:#006da8}
.dd-figma-app #modal-customers .cf-ic--gold {color:#c0362c}
.dd-figma-app #modal-customers .cf-ic--first {color:#4a4f57}
.dd-figma-app #modal-customers .cf-ic--waiting {color:#0f7a45}
.dd-figma-app #modal-customers .cf-ic--opt_out {color:#b45309}
.dd-figma-app #customer-filter-row .filter-chip.active .cf-ic {color:#fff}
body.dd-figma-app:not(#np) #modal-customers .customer-sort-select {flex:none; width:140px}
.dd-figma-app #customer-list-body .cli3 {display:flex; align-items:center; gap:12px; min-height:68px; margin:0; padding:12px 16px; border:0; border-top:1px solid rgba(3,14,27,.10); border-radius:0; background:#fff; box-shadow:none; cursor:pointer}
.dd-figma-app #customer-list-body .cli3:first-child {border-top:0}
.dd-figma-app #customer-list-body .cli3 .cli-num {display:grid; place-items:center; flex:none; min-width:36px; height:36px; padding:0 6px; border-radius:18px; background:#f2f4f7; color:#1e1e1e; font-size:14px; font-weight:700; font-variant-numeric:tabular-nums}
.dd-figma-app #customer-list-body .cli3 .cli-info {flex:1; min-width:0}
.dd-figma-app #customer-list-body .cli3 .cli-name {display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:0; font-size:17px; font-weight:700; line-height:1.4; color:#1e1e1e}
.dd-figma-app #customer-list-body .cli3 .cli-phone {margin:0; font-size:15px; line-height:1.4; color:#4a4f57; font-variant-numeric:tabular-nums}
.dd-figma-app #customer-list-body .cli3 .cli-tag.is-optout {padding:0 8px; border-radius:999px; background:#fff3e3; color:#b45309; font-size:13px; font-weight:700}
.dd-figma-app #customer-list-body .cli3 .cli-meta {flex:none; text-align:right}
.dd-figma-app #customer-list-body .cli3 .cli-amount {margin:0; font-size:17px; font-weight:800; line-height:1.4; color:#1e1e1e; font-variant-numeric:tabular-nums; white-space:nowrap}
.dd-figma-app #customer-list-body .cli3 .cli-tier {display:inline-flex; align-items:center; gap:4px; margin:0; font-size:14px; font-weight:600; color:#4a4f57; white-space:nowrap}

/* ── 2026-10-14 주문서: 묶음 + 5줄 쪽 넘기기 (홈 칸과 같은 모양, 모든 화면 폭) ── */
#workspace[data-ord-simple="1"] .ws-grp {margin:0 0 12px}
body.dd-figma-app:not(#np) #workspace[data-ord-simple="1"] .ws-dpager {display:flex; justify-content:center; gap:4px; padding:8px 0 4px; background:transparent}
body.dd-figma-app:not(#np) #workspace[data-ord-simple="1"] .ws-dpager button {min-width:40px; height:40px; padding:0 6px; border:1px solid rgba(3,14,27,.12); border-radius:10px; background:#fff; color:#1e1e1e; font:inherit; font-size:15px; font-weight:700; box-shadow:none}
body.dd-figma-app:not(#np) #workspace[data-ord-simple="1"] .ws-dpager button.is-on {background:#1e1e1e; border-color:#1e1e1e; color:#fff}
body.dd-figma-app:not(#np) #workspace[data-ord-simple="1"] .ws-dpager button:disabled {opacity:.35; cursor:default}

/* ── 2026-10-14 입금 확인 줄: 이름·시간·일치 후보 / 금액 / ✓ (홈 기준 글자) ── */
#workspace .ws-bank-srow {display:flex; align-items:center; gap:12px; min-height:68px; padding:12px 16px; border-top:1px solid rgba(3,14,27,.10); background:#fff}
#workspace .ws-bank-srow:first-child {border-top:0}
#workspace .ws-bank-sinfo {flex:1; min-width:0; display:flex; flex-direction:column}
#workspace .ws-bank-sinfo > b {font-size:17px; font-weight:700; line-height:1.4; color:#1e1e1e}
#workspace .ws-bank-sinfo small {font-size:15px; line-height:1.4; color:#4a4f57}
body.dd-figma-app:not(#np) #workspace .ws-bank-sorder {display:inline; min-height:0; padding:0; border:0; background:none; color:#006da8; font:inherit; font-weight:600; box-shadow:none}
#workspace .ws-bank-samt {flex:none; font-size:17px; font-weight:800; color:#1e1e1e; font-variant-numeric:tabular-nums; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-bank-ok {flex:none; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1.5px solid #0f7a45; border-radius:8px; background:#e6f4ec; color:#0f7a45; box-shadow:none}
#workspace .ws-bank-ok svg {width:22px; height:22px}
#workspace .ws-bank-sdone {flex:none; font-size:14px; font-weight:700; color:#0f7a45; white-space:nowrap}

/* ── 2026-10-14 홈 보드: 칸 전체 높이를 고정(쪽을 넘겨도 안 변함), 목록은 내용만큼 · 버튼과 쪽 번호는 목록 바로 밑 ── */
#workspace .ws-board > .ws-bcol:not(.ws-bcol--msg) {height:min(calc(100vh - 56px), 974px)}
#workspace .ws-board > .ws-bcol > .ws-bcol-body {flex:1 1 auto; height:auto; min-height:0}  /* 목록이 남는 공간을 채움 → 버튼·쪽 번호는 칸 맨 아래 고정 */
#workspace .ws-board > .ws-board > .ws-bcol > .ws-bcol-body + *, #workspace .ws-board > .ws-bcol > .ws-bcol-body + * {margin-top:0}
@media (min-width:1600px) {
  #workspace .ws-board > .ws-bcol--msg {height:min(calc(100vh - 56px), 974px)}
}

/* ── 2026-10-14 주문 줄: 마우스를 올리면 연한 파랑, 펼친 줄은 조금 더 진한 파랑 (홈 · 주문서 · 배송 관리 같게) ── */
body.dd-figma-app:not(#np) #workspace .ws-order-row:hover {background:#eef4fa}
body.dd-figma-app:not(#np) #workspace .ws-order-item.is-open > .ws-order-row {background:#e6eef7}

/* ── 2026-10-14 열기·닫기 표시: 줄 밑에 펼쳐지면 ⌄(펼치면 ⌃), 창이 열리면 › ── */
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-chevron {display:grid; place-items:center; align-self:center; color:#666}
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-chevron svg {transition:transform .2s var(--np-ease-out, ease)}
body.dd-figma-app:not(#np) #workspace .ws-order-item.is-open>.ws-order-row>.ws-chevron svg {transform:rotate(180deg)}
body.dd-figma-app:not(#np) #workspace .ws-msg {grid-template-columns:40px minmax(0,1fr) auto 20px}
#workspace .ws-msg-chev {display:grid; place-items:center; color:#666}
body.dd-figma-app:not(#np) #workspace .ws-drow:has(> .ws-drow-go) {position:relative; padding-right:40px}
#workspace .ws-drow-go {position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:22px; line-height:1; color:#666}

/* ── 2026-10-14 전체 점검 수정: 배송 관리 쪽 넘기기 · 주문 창 입금자 · 주문서 검색 건수 ── */
body.dd-figma-app:not(#np) #workspace[data-dlv-simple="1"] .ws-dpager {display:flex; justify-content:center; gap:4px; padding:8px 0 4px; background:transparent}
body.dd-figma-app:not(#np) #workspace[data-dlv-simple="1"] .ws-dpager button {min-width:40px; height:40px; padding:0 6px; border:1px solid rgba(3,14,27,.12); border-radius:10px; background:#fff; color:#1e1e1e; font:inherit; font-size:15px; font-weight:700; box-shadow:none}
body.dd-figma-app:not(#np) #workspace[data-dlv-simple="1"] .ws-dpager button.is-on {background:#1e1e1e; border-color:#1e1e1e; color:#fff}
body.dd-figma-app:not(#np) #workspace[data-dlv-simple="1"] .ws-dpager button:disabled {opacity:.35; cursor:default}
#workspace[data-dlv-simple="1"] .ws-grp {margin:0 0 12px}
.ws-osheet-payer {margin-left:6px}
#workspace[data-ord-simple="1"] #ws-count {display:none}

/* ── 2026-10-14 문자함 🔍 검색칸 · 상품 관리 네이버 버튼 ── */
#workspace[data-msg-simple="1"][data-msg-search="1"] #ws-body .ws-list-panel > .ws-search {display:flex; margin:0 0 12px; padding:0; border:0}  /* 숨김 규칙(:is에 #ws-selection 포함)보다 우선 */
body.dd-figma-app:not(#np) #modal-products .naver-products-btn {display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; margin:0 0 12px; border:1px solid #03c75a; border-radius:8px; background:#f0fbf4; color:#0f7a45; font-size:16px; font-weight:700}
body.dd-figma-app:not(#np) #modal-products .naver-mark {display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#03c75a; color:#fff; font-size:14px; font-weight:900}

/* ── 2026-10-14 제품 관리 [전체 | 판매중]: 홈 · 문자함과 같은 붙은 토글 (사각형으로 깨지던 것) ── */
body.dd-figma-app:not(#np) #modal-products .product-segmented {gap:2px; padding:3px; border:0; border-radius:10px; background:#eceef1}
body.dd-figma-app:not(#np) #modal-products .product-segment {min-width:72px; height:44px; min-height:44px; padding:0 14px; border:1px solid transparent; border-radius:8px; background:transparent; color:#666; font-size:15px; font-weight:700; box-shadow:none}
body.dd-figma-app:not(#np) #modal-products .product-segment.active {background:#fff; border-color:rgba(3,14,27,.10); color:#1e1e1e; box-shadow:0 1px 3px rgba(3,14,27,.12)}

/* ── 2026-10-14 홈 머리: 다른 화면과 같은 제목 줄 + 🔍 (큰 검색창은 🔍를 누를 때만) ── */
#workspace .ws-home-search:not(.is-open) {display:none}
#workspace .ws-home-head {flex-wrap:nowrap}
#workspace .ws-home-head .ws-msg-tools {width:auto}
body.dd-figma-app:not(#np) #workspace .ws-home-head p {margin:0; line-height:1.2}  /* 날짜 줄: 머리 높이를 다른 화면(토글 50px)과 같게 */

/* ── 2026-10-14 단체 문자 등급 칸: 고객 관리와 같은 이름 · 선 아이콘 · 상자 모양 (여럿 고르기) ── */
body.dd-figma-app:not(#np) #modal-sms .sms-filter-row {display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px; margin:0 0 12px; overflow:visible}
body.dd-figma-app:not(#np) #modal-sms .sms-chip {display:flex; align-items:center; justify-content:center; gap:6px; min-height:52px; padding:8px 6px; border:1px solid rgba(3,14,27,.12); border-radius:12px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:600; text-align:center; white-space:normal; word-break:keep-all}
body.dd-figma-app:not(#np) #modal-sms .sms-chip:has(input:checked) {background:#0d111b; border-color:#0d111b; color:#fff}
body.dd-figma-app:not(#np) #modal-sms .sms-chip:has(input:checked) .cf-ic {color:#fff}
@media (max-width:600px) { body.dd-figma-app:not(#np) #modal-sms .sms-filter-row {grid-template-columns:repeat(2, minmax(0,1fr))} }
/* 등급 아이콘 색 (고객 관리 · 단체 문자 · 주문 카드 · 손님 창 공통) */
.cf-ic {flex:none; vertical-align:-3px}
.cf-ic--diamond {color:#006da8} .cf-ic--gold {color:#c0362c} .cf-ic--first {color:#4a4f57} .cf-ic--waiting {color:#0f7a45} .cf-ic--opt_out {color:#b45309}

/* ── 2026-10-14 홈 칸: 버튼(택배 주문서 받기 · 송장 엑셀 올리러 가기)은 쪽 번호 위로, 쪽 번호는 다섯 칸 모두 맨 아래 같은 줄 ── */
#workspace .ws-board > .ws-bcol > .ws-bcol-foot {order:1; margin-bottom:0}
#workspace .ws-board > .ws-bcol > .ws-dpager {order:2}
#workspace .ws-board > .ws-bcol > .ws-bcol-foot:last-child {margin-bottom:10px}

/* ── 2026-10-14 배송 관리: 🔍 검색칸 · 숫자 칸 누르면 그것만 ── */
#workspace[data-dlv-simple="1"][data-dlv-search="1"] #ws-body .ws-list-panel > .ws-search {display:flex; margin:0 0 12px; padding:0; border:0}
body.dd-figma-app:not(#np) #workspace button.ws-dsum-c {font:inherit; cursor:pointer; box-shadow:none}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c:hover {background:#eef4fa}
body.dd-figma-app:not(#np) #workspace .ws-dsum-c.is-on {border:2px solid #1e1e1e; box-shadow:0 1px 3px rgba(3,14,27,.12)}

/* ── 2026-10-14 주문 경로 아이콘 (말풍선 · 사람+ · 연필) ── */
body.dd-figma-app:not(#np) #workspace :is(.ws-grp-mark, .ws-ch) svg {width:16px; height:16px; display:block}
body.dd-figma-app:not(#np) #workspace :is(.ws-grp-mark--sms, .ws-ch--sms) {color:#6941c6}

/* ── 2026-10-14 홈 주문 창 🗑 삭제 버튼 (📞 옆, 빨간 선) ── */
.dd-figma-app .ws-osheet .ws-osheet-bar .ws-osheet-del {color:#b42318; border-color:rgba(180,35,24,.35)}
.dd-figma-app .ws-osheet .ws-osheet-bar .ws-osheet-del:active {background:rgba(180,35,24,.06)}

/* ── 2026-10-14 주문서 · 배송 관리 펼친 칸 줄: 홈 주문 창과 같게 (› · 마우스 올리면 연한 파랑 + ✎ 수정) ── */
body.dd-figma-app:not(#np) #workspace .ws-op-row {grid-template-columns:84px minmax(0,1fr) auto 20px}
body.dd-figma-app:not(#np) #workspace .ws-op-row.is-static {grid-template-columns:84px minmax(0,1fr)}
body.dd-figma-app:not(#np) #workspace .ws-op-row .go {font-size:22px; color:#9aa0a6; text-align:right}
body.dd-figma-app:not(#np) #workspace .ws-op-fix {display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:100px; background:#eef6fb; color:#006da8; font-size:14px; font-weight:700; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-op-fix svg {width:14px; height:14px}
@media (hover:hover) {
  body.dd-figma-app:not(#np) #workspace .ws-op-fix {opacity:0; transform:translateX(6px); transition:opacity .18s ease, transform .18s ease}
  body.dd-figma-app:not(#np) #workspace button.ws-op-row:hover {background:#f2f8fc}
  body.dd-figma-app:not(#np) #workspace button.ws-op-row:is(:hover, :focus-visible) .ws-op-fix {opacity:1; transform:none}
}

/* ── 2026-10-14 주문 줄 앞 = 손님 이름 첫 글자 (고객 관리 · 문자함과 같은 회색 동그라미), 문자 주문 묶음 아이콘 = 주문서(주황) ── */
body.dd-figma-app:not(#np) #workspace .ws-order-row>.ws-ch--name {background:#f2f4f7; color:#1e1e1e; font-size:14px; font-weight:700}
body.dd-figma-app:not(#np) #workspace .ws-grp-mark--sms {color:#b45309}

/* ── 2026-10-14 홈 칸 주문 줄: 상품 · 시간은 한 줄(넘치면 …), 글자 14 (두 줄로 꺾여 줄이 커지던 것) ── */
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-main > .ws-row-sub {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:unset; font-size:14px}
/* 주문 창 · 답장 창의 ✕를 위로 (손잡이 막대 가까이) */
#ws-pay-sheet .ws-sheet-head .ws-sheet-x {align-self:flex-start; margin-top:-10px}

/* ── 2026-10-14 톡톡 느낌 문자 창 (답장 창 · 주문 창 [문자] 탭): 화면 위까지, 대화가 남는 공간 전부, 자주 쓰는 답장은 접힘, 입력 한 줄 ── */
#ws-pay-sheet.is-chat .ws-sheet {display:flex; flex-direction:column; height:min(90vh, 920px); max-height:90vh; overflow:hidden; padding-bottom:0}
#ws-pay-sheet.is-chat .ws-sheet > :not(.ws-osheet-chat) {flex:none}
#ws-pay-sheet.is-chat .ws-sheet-head {padding-bottom:12px; margin-bottom:0; border-bottom:1px solid rgba(3,14,27,.10)}
#ws-pay-sheet.is-chat .ws-osheet-bar {margin:12px 0 0}
#ws-pay-sheet.is-chat .ws-osheet-chat {flex:1 1 auto; min-height:0; display:flex; flex-direction:column; margin:12px -20px 0; border-radius:0}
#ws-pay-sheet.is-chat .ws-osheet-chat .ws-chat-thread {flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto}
#ws-pay-sheet.is-chat .ws-osheet-chat .ws-chat-compose {flex:none; gap:0; padding:0 16px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid rgba(3,14,27,.10)}
#ws-pay-sheet .ws-quick-tog, #workspace .ws-msg-chat .ws-quick-tog {display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:44px; margin:0; padding:0; border:0; background:#fff; color:#4a4f57; font:inherit; font-size:14px; font-weight:700; box-shadow:none; cursor:pointer}
/* 2026-10-14 답장 서랍은 위로 열림: 닫힘 ▴ / 열림 ▾ (펼쳐지는 쪽을 가리킴) */
#ws-pay-sheet .ws-quick-tog span, #workspace .ws-msg-chat .ws-quick-tog span {display:inline-block; transition:transform .2s ease; transform:none}
#ws-pay-sheet .ws-quick-tog.is-open span {transform:rotate(180deg)}
/* 문자·전화 화면 펼친 대화는 버튼이 아래로 펼쳐지므로: 닫힘 ▾ / 열림 ▴ */
#workspace .ws-msg-chat .ws-quick-tog span {transform:rotate(180deg)}
#workspace .ws-msg-chat .ws-quick-tog.is-open span {transform:none}
#ws-pay-sheet .ws-chat-quick:not(.is-open), #workspace .ws-msg-chat .ws-chat-quick:not(.is-open) {display:none}
#ws-pay-sheet .ws-chat-quick.is-open, #workspace .ws-msg-chat .ws-chat-quick.is-open {padding:0 0 10px}
/* 문자·전화 화면의 펼친 대화도 문자 창과 같은 톡톡 모양 (답장 서랍 + 한 줄 입력칸) */
#workspace .ws-msg-chat .ws-chat-compose {gap:0; border-top:1px solid rgba(3,14,27,.10)}
#ws-pay-sheet .ws-chat-input, #workspace .ws-msg-chat .ws-chat-input {align-items:flex-end; padding-top:0}
#ws-pay-sheet .ws-chat-input textarea, #workspace .ws-msg-chat .ws-chat-input textarea {min-height:44px; height:44px; padding:10px 14px; line-height:1.5; resize:none; overflow-y:hidden}
#ws-pay-sheet .ws-chat-send, #workspace .ws-msg-chat .ws-chat-send {min-height:44px; height:44px; padding:0 16px; font-size:16px}

/* 2026-10-14 문자·전화 펼친 대화: 짧아도 길게 (톡톡처럼 대화 칸 넉넉히) */
#workspace .ws-msg-chat .ws-chat-thread {height:min(60vh, 620px); max-height:none; min-height:320px}
#workspace .ws-msg-open {scroll-margin-top:16px}

/* 2026-10-14 홈 칸 머리: 설명 줄 없애고 제목·숫자 크게 */
#workspace .ws-board .ws-bcol-head > small {display:none}
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-head {grid-template-areas:"ic t n"; padding:16px}
#workspace .ws-board .ws-bcol-head b {font-size:22px}
#workspace .ws-board .ws-bcol-n {font-size:44px}
#workspace .ws-board .ws-bcol-n small {font-size:18px}
#workspace .ws-board .ws-bcol-ic {width:44px; height:44px}

/* 2026-10-14 선택된 토큰: 업비트처럼 검은 테두리 */
body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg button[aria-pressed="true"],
body.dd-figma-app:not(#np) #workspace :is(.ws-bank-seg, .ws-msg-seg) button[aria-pressed="true"],
body.dd-figma-app:not(#np) #modal-products .product-segment.active {border-color:#1e1e1e}

/* 2026-10-15 톡톡 창 머리 🗑 삭제 (문자·전화 목록도 이 창으로 열림) */
#ws-pay-sheet .ws-chat-head2 .ws-chat-del {display:inline-flex; align-items:center; gap:6px; flex:none; min-height:44px; margin:0 8px 0 auto; padding:0 14px; border:1px solid rgba(180,35,24,.35); border-radius:8px; background:#fff; color:#b42318; font:inherit; font-size:15px; font-weight:700; box-shadow:none; cursor:pointer}
#ws-pay-sheet .ws-chat-head2 .ws-chat-del svg {width:18px; height:18px}
#ws-pay-sheet .ws-chat-head2 .ws-chat-del:active {background:rgba(180,35,24,.06)}
#ws-pay-sheet .ws-chat-head2 .ws-chat-del + .ws-sheet-x {margin-left:0}

/* 2026-10-15 홈 배송 상황 칸 [⚠ 늦음 | 전체] 토글: 답장 대기 토글과 같은 자리·모양 */
#workspace .ws-seg .si--late {background:#fdecea; color:#c0362c}
#workspace .ws-seg .si--all {background:#e6f4f2; color:#0e7c66}

/* 2026-10-15 문자 입력 칸: 처음 3줄, 길게 쓰면 8줄(240)까지 */
#ws-pay-sheet .ws-chat-input textarea, #workspace .ws-msg-chat .ws-chat-input textarea {min-height:96px; height:96px; max-height:240px}

/* 2026-10-15 고객 관리: 창 높이 고정 → 칸을 눌러도 제목·아이콘 자리가 그대로, 목록만 바뀜
   2026-10-20 탭 · 검색 · 필터로 목록 길이가 바뀌는 창 모두 같은 규칙 (제품 관리 · 수신 관리 · 단체 문자 · 입금 조회) */
body.dd-figma-app:not(#np) :is(#modal-customers, #modal-products, #modal-reception, #modal-sms, #modal-bank-deposits) .modal-sheet {height:min(90dvh, 900px); max-height:90dvh}
body.dd-figma-app:not(#np) :is(#modal-customers, #modal-products, #modal-reception, #modal-sms, #modal-bank-deposits) .modal-body {flex:1 1 auto; min-height:0; overflow-y:auto}

/* 2026-10-20 로그인 화면 오른쪽 "문자 주문 체험" (try.html?embed=1). 넓은 화면에서만 보이고, 좁은 화면은 [문자 주문 체험해 보기] 링크 */
#login-screen.lg .lg-try {display:none}
@media (min-width:1100px) {
  #login-screen.lg {padding-right:min(56vw,860px)}
  #login-screen.lg .lg-try {display:block; position:fixed; top:0; right:0; bottom:0; width:min(56vw,860px); background:#eef1f4; border-left:1px solid rgba(3,14,27,.10)}
  #login-screen.lg .lg-try iframe {display:block; width:100%; height:100%; border:0}
  #login-screen.lg .lg-try-link {display:none}
}

/* 2026-10-20 페이지 길이가 바뀌어도(예: 입금 대기 16줄 ↔ 완료 2줄) 스크롤 막대 자리를 늘 비워 둬서 화면이 좌우로 움찔하지 않게 */
html {scrollbar-gutter:stable}

/* 2026-10-20 단체 문자 "받는 손님 고르기" = 고객 관리와 같은 6칸 상자 (고른 칸만 검정, 숫자 표시). 문자 안 받음은 고를 수 없음(자동 제외) */
.dd-figma-app #sms-pick-row {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; padding:0 0 12px}
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:64px; padding:8px 6px; border:1px solid rgba(3,14,27,.12); border-radius:12px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:600; text-align:center; word-break:keep-all; box-shadow:none}
.dd-figma-app #sms-pick-row .filter-chip .cf-lab {display:inline-flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap}
.dd-figma-app #sms-pick-row .filter-chip strong {font-size:17px; font-weight:800; font-variant-numeric:tabular-nums}
.dd-figma-app #sms-pick-row .filter-chip small {font-size:13px; font-weight:600; color:#666}
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip.active {background:#0d111b; border-color:#0d111b; color:#fff}
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip:disabled {background:#f6f8fa; color:#666; cursor:default; opacity:1}
.dd-figma-app #sms-pick-row .cf-ic {flex:none}
.dd-figma-app #sms-pick-row .cf-ic--diamond {color:#006da8}
.dd-figma-app #sms-pick-row .cf-ic--gold {color:#c0362c}
.dd-figma-app #sms-pick-row .cf-ic--first {color:#4a4f57}
.dd-figma-app #sms-pick-row .cf-ic--waiting {color:#0f7a45}
.dd-figma-app #sms-pick-row .cf-ic--opt_out {color:#b45309}
.dd-figma-app #sms-pick-row .filter-chip.active .cf-ic {color:#fff}
#modal-sms.showing-sms-history #sms-pick-row {display:none}
#modal-sms .sms-filter-row[hidden] {display:none !important}

/* 2026-10-20 손님 묶음 6칸(고객 관리 · 단체 문자)도 토큰 방식 (2026-10-14 붙은 토글과 같음):
   회색 바탕 위, 고른 칸만 흰 토큰 + 검은 테두리(6칸은 커서 2px), 나머지는 회색 바탕에 회색 글씨. 아이콘 색은 그대로 */
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) {gap:2px; padding:3px; margin:0 0 12px; border-radius:12px; background:#eceef1}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip {min-height:60px; border:2px solid transparent; border-radius:10px; background:transparent; color:#666; box-shadow:none}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip strong {color:#4a4f57}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip.active {background:#fff; border-color:#1e1e1e; color:#1e1e1e; box-shadow:0 1px 3px rgba(3,14,27,.12)}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip.active strong {color:#1e1e1e}
body.dd-figma-app:not(#np) #customer-filter-row .filter-chip.active .cf-ic--all,
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip.active .cf-ic--all {color:#1e1e1e}
.dd-figma-app #modal-customers .filter-chip.active .cf-ic--diamond, .dd-figma-app #sms-pick-row .filter-chip.active .cf-ic--diamond {color:#006da8}
.dd-figma-app #modal-customers .filter-chip.active .cf-ic--gold, .dd-figma-app #sms-pick-row .filter-chip.active .cf-ic--gold {color:#c0362c}
.dd-figma-app #modal-customers .filter-chip.active .cf-ic--first, .dd-figma-app #sms-pick-row .filter-chip.active .cf-ic--first {color:#4a4f57}
.dd-figma-app #modal-customers .filter-chip.active .cf-ic--waiting, .dd-figma-app #sms-pick-row .filter-chip.active .cf-ic--waiting {color:#0f7a45}
.dd-figma-app #modal-customers .filter-chip.active .cf-ic--opt_out, .dd-figma-app #sms-pick-row .filter-chip.active .cf-ic--opt_out {color:#b45309}
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip:disabled {background:transparent; color:#8a9099}

/* 2026-10-21 고객 관리 · 단체 문자 손님 묶음: 한 줄 알약(증권 앱 "거래대금 상위 | 인기 종목" 방식).
   고른 것만 검정으로 채움, 나머지 흰 바탕 + 테두리. 선 아이콘 · 숫자는 띠링 그대로. 넘치면 옆으로 밀어서 봄 */
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) {display:flex; flex-wrap:nowrap; gap:8px; margin:0 0 12px; padding:2px 2px 6px; border-radius:0; background:none; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row)::-webkit-scrollbar {display:none}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip {flex:none; display:inline-flex; flex-direction:row; align-items:center; gap:6px; min-height:44px; width:auto; padding:0 16px; border:1px solid rgba(3,14,27,.18); border-radius:999px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700; white-space:nowrap; box-shadow:none}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip .cf-lab {display:inline-flex; align-items:center; gap:5px; flex-wrap:nowrap}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip strong {font-size:15px; font-weight:800; color:#4a4f57}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip small {display:none}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip.active {background:#1e1e1e; border-color:#1e1e1e; color:#fff; box-shadow:none}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip.active strong {color:#fff}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip.active .cf-ic {color:#fff}
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip:disabled {background:#f6f8fa; border-color:rgba(3,14,27,.10); color:#8a9099}
body.dd-figma-app:not(#np) #sms-pick-row .filter-chip:disabled strong {color:#8a9099}

/* 2026-10-21 한 줄 알약이 창 안쪽 여백에서 잘려 "깨져 보이던" 문제: 줄을 창 끝까지 늘리고 오른쪽 끝을 흐리게 → 옆으로 밀 수 있다는 표시 */
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) {margin-inline:calc(-1 * var(--dd-body-pad, 16px)); padding-inline:var(--dd-body-pad, 16px); scroll-padding-inline:var(--dd-body-pad, 16px);
  -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 40px), transparent); mask-image:linear-gradient(to right, #000 calc(100% - 40px), transparent)}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row).at-end {-webkit-mask-image:none; mask-image:none}

/* 2026-10-21 단체 문자: 메시지 칸이 창 아래 버튼 바로 위까지 꽉 차게 (빈 공간 없이). 위쪽 칸들은 줄어들지 않음 */
body.dd-figma-app:not(#np) #modal-sms .modal-body {display:flex; flex-direction:column}
body.dd-figma-app:not(#np) #modal-sms .modal-body > * {flex-shrink:0}
body.dd-figma-app:not(#np) #modal-sms .modal-body > .sms-compose {flex:1 1 auto; display:flex; flex-direction:column; min-height:260px}
body.dd-figma-app:not(#np) #modal-sms .sms-compose > .sms-compose-body {flex:1 1 auto; min-height:140px; height:auto; resize:none}
body.dd-figma-app:not(#np) #modal-sms .modal-body > .bulk-sms-history-panel:not([hidden]) {flex:1 1 auto}

/* 2026-10-21 (대표 지시) 알약 줄이 잘려 보이지 않게: 밀기 · 흐림 대신 넓으면 한 줄, 좁으면 자동으로 다음 줄로 */
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) {flex-wrap:wrap; gap:6px; margin-inline:0; padding:0 0 4px; overflow:visible; -webkit-mask-image:none; mask-image:none}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip {flex:1 1 auto; justify-content:center; gap:5px; padding:0 12px; font-size:14px}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip strong {font-size:14px}
body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip .cf-ic {width:15px; height:15px}

/* 2026-10-21 (대표 지시) 6칸이 잘리거나 한 칸만 다음 줄로 떨어지지 않게:
   PC는 창을 넓혀 6칸 한 줄(필요 폭 약 731px), 좁은 화면은 2칸씩 반듯하게 */
@media (min-width:820px) {
  body.dd-figma-app:not(#np) :is(#modal-sms, #modal-customers) .modal-sheet {width:min(800px, calc(100vw - 48px)); max-width:min(800px, calc(100vw - 48px))}
  body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) {flex-wrap:nowrap}
}
@media (max-width:819px) {
  body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px}
  body.dd-figma-app:not(#np) :is(#customer-filter-row, #sms-pick-row) .filter-chip {width:100%; min-width:0; padding:0 8px}
}

/* 2026-10-21 고객 목록: 안내 글이 상자 테두리에 붙지 않게 위와 같은 16px 여백, 불러오는 중에는 손님 줄 모양 애니메이션 */
#customer-list-body .cl-state {margin:0; padding:20px 16px; color:#4a4f57; font-size:15px; text-align:center}
#customer-list-body .cl-skel-wrap {display:flex; flex-direction:column}
#customer-list-body .cl-skel {display:flex; align-items:center; gap:12px; min-height:68px; padding:12px 16px; border-top:1px solid rgba(3,14,27,.08)}
#customer-list-body .cl-skel:first-child {border-top:0}
#customer-list-body .cl-skel-dot {flex:none; width:36px; height:36px; border-radius:50%}
#customer-list-body .cl-skel span {flex:1; display:flex; flex-direction:column; gap:8px}
#customer-list-body .cl-skel span i {display:block; height:12px; border-radius:6px; width:38%}
#customer-list-body .cl-skel span i + i {width:58%; height:10px}
#customer-list-body .cl-skel :is(.cl-skel-dot, span i) {background:linear-gradient(90deg, #eceef1 25%, #f6f7f9 50%, #eceef1 75%); background-size:200% 100%; animation:cl-shimmer 1.2s linear infinite}
@keyframes cl-shimmer {from {background-position:200% 0} to {background-position:-200% 0}}
@media (prefers-reduced-motion:reduce) {#customer-list-body .cl-skel :is(.cl-skel-dot, span i) {animation:none}}

/* 2026-10-21 휴대폰 점검 (PC 디자인 규칙 맞추기) */
/* ① 아래 메뉴 글자 13 → 14px (글자 14px 이상 규칙) */
body.dd-figma-app #workspace .ws-mobile-nav button, body.dd-figma-app #workspace .ws-mobile-nav button > span {font-size:14px !important}
/* ② "띠링" 로고 버튼 누르는 곳 44px 이상 */
body.dd-figma-app #workspace .ws-global-head .ws-brand {display:inline-flex; align-items:center; min-height:44px; min-width:44px}
/* ③ 떠 있는 [홈 화면에 추가] 버튼: 띠링 검정, 아래 메뉴 위, 창(모달) · 대화 창이 열리면 숨김 (내용을 가리지 않게) */
body.dd-figma-app #btn-install-app {background:#0d111b !important; color:#fff !important; font-family:inherit !important; font-size:15px !important; padding:0 18px !important; min-height:44px; display:inline-flex; align-items:center; box-shadow:0 4px 12px rgba(3,14,27,.18) !important;
  bottom:calc(88px + env(safe-area-inset-bottom)) !important; right:16px !important}
body.dd-figma-app:has(.modal.active, #ws-pay-sheet:not([hidden]), #install-guide:not([hidden])) #btn-install-app {display:none !important}
/* ④ 홈 화면에 추가 안내창: 어두운 남색 · 청록 · 이모지 → 흰 바탕 · 검정 강조 · 선 아이콘 */
body.dd-figma-app #install-guide.is-open {background:rgba(3,14,27,.45)}
body.dd-figma-app #install-guide .sheet {background:#fff; color:#1e1e1e; border:0; font-family:inherit; box-shadow:0 -4px 24px rgba(3,14,27,.12)}
body.dd-figma-app #install-guide :is(.sub, .how, .step .dim, .link, .cancel) {color:#4a4f57}
body.dd-figma-app #install-guide .cancel:hover {color:#1e1e1e}
body.dd-figma-app #install-guide .how {border-top-color:rgba(3,14,27,.10)}
body.dd-figma-app #install-guide .step {background:#f6f8fa; border-color:rgba(3,14,27,.10)}
body.dd-figma-app #install-guide .step .num {background:#0d111b; color:#fff}
body.dd-figma-app #install-guide .step .txt b, body.dd-figma-app #install-guide .why .lead em {color:#006da8}
body.dd-figma-app #install-guide .step .glyph {background:#fff; border-color:rgba(3,14,27,.18)}
body.dd-figma-app #install-guide .step .glyph svg {stroke:#0d111b}
body.dd-figma-app #install-guide .pointer {color:#006da8}
body.dd-figma-app #install-guide .warn {background:#fff1e6; border-color:#f3c9a1; color:#1e1e1e}
body.dd-figma-app #install-guide .warn b {color:#b45309}
body.dd-figma-app #install-guide .act {background:#0d111b; color:#fff; min-height:52px}
body.dd-figma-app #install-guide .act.ghost {background:#fff; border-color:rgba(3,14,27,.18); color:#1e1e1e}
body.dd-figma-app #install-guide .why li .ic {display:inline-flex; color:#006da8}
body.dd-figma-app #install-guide .why li .ic.ic-warn {color:#d92d20}
body.dd-figma-app #install-guide .why li .no {color:#d92d20}

/* 2026-10-21 휴대폰 · 태블릿 홈 = PC 보드를 세로로: 입금 대기 → 발송 대기 → 송장 대기 → 답장 대기 → 배송 상황 */
@media (max-width:1099px) {
  #workspace[data-board="1"] #ws-body {max-width:none}
  #workspace .ws-board {grid-template-columns:minmax(0,1fr) !important; gap:12px}
  #workspace .ws-board > .ws-bcol, #workspace .ws-board > .ws-bcol--msg {height:auto !important; grid-column:auto !important}
  #workspace .ws-board > .ws-bcol--msg {order:4}
  #workspace .ws-board > .ws-bcol--transit {order:5}
  #workspace .ws-board > .ws-bcol > .ws-bcol-body, #workspace .ws-board > .ws-bcol--msg .ws-bcol-body {max-height:none !important; min-height:0; overflow:visible}
  #workspace .ws-board > .ws-bcol--msg .ws-msg-group {display:block !important}
  #workspace .ws-board > .ws-bcol--msg .ws-msg-group .ws-rc-row {border:0; border-top:1px solid rgba(3,14,27,.08); border-radius:0}
  #workspace .ws-bcol-head {padding:12px 14px}
  #workspace .ws-bcol-n {font-size:32px}
  #workspace .ws-bcol-empty {padding:16px 0}
}

/* 2026-10-21 보드 한 칸 5개는 휴대폰 · PC 같음 (대표 결정). 휴대폰 쪽 번호 버튼은 누르는 곳 44px */
@media (max-width:1099px) {
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-dpager button {min-width:44px; height:44px; font-size:15px}
}

/* 2026-10-21 피드백 "검색 버튼이 잘 안 보여요" → 돋보기 버튼 대신 처음부터 보이는 검색칸 (홈 · 주문서 · 입금 · 배송 · 문자)
   높이 52 · 글자 17 · 회색 바탕 · 돋보기 아이콘, 무엇을 쓰면 되는지 안내 글 */
#workspace .ws-ord-search-btn {display:none !important}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search {position:relative; display:flex !important; align-items:center; gap:8px; margin:0 0 12px; padding:0; border:0; background:none; flex-wrap:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > label {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > input {flex:1; min-width:0; height:52px; padding:0 16px 0 46px !important; border:0; border-radius:12px; background:#f2f4f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234a4f57' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center; color:#1e1e1e; font-size:17px; box-shadow:none}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > input::placeholder {color:#666}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > input:focus {outline:3px solid #006da8; outline-offset:2px}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > :is(.ws-button, button) {flex:none; min-height:44px}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > #ws-count:empty {display:none}
/* 검색칸이 좁아지지 않게: 쓴 글이 없으면 [지우기] 숨김, 개수 · 불러오는 중 글은 검색칸 아래 줄 */
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search {flex-wrap:wrap}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > input {order:1}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > [data-action="clear-search"] {order:2}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search:has(> input:placeholder-shown) > [data-action="clear-search"] {display:none}
body.dd-figma-app:not(#np) #workspace .ws-list-panel > .ws-search > #ws-count {order:3; flex-basis:100%; margin:0; padding-left:4px; font-size:15px; color:#4a4f57; text-align:left}

/* 2026-10-21 주문 카드 성 동그라미에 손님 등급: 단골 = 파랑 테두리 + 별, 자주 사는 손님 = 빨강 테두리 + 하트 (고객 관리 아이콘 · 색과 같음) */
body.dd-figma-app:not(#np) #workspace .ws-order-row > .ws-ch--name {position:relative; overflow:visible}
body.dd-figma-app:not(#np) #workspace .ws-order-row > .ws-ch--t-diamond {box-shadow:inset 0 0 0 2px #006da8; background:#eaf5fb}
body.dd-figma-app:not(#np) #workspace .ws-order-row > .ws-ch--t-gold {box-shadow:inset 0 0 0 2px #c0362c; background:#fdeeed}
#workspace .ws-ch-tier {position:absolute; right:-4px; bottom:-4px; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 0 0 1.5px #fff, 0 1px 2px rgba(3,14,27,.25)}
#workspace .ws-ch-tier--diamond {color:#006da8}
#workspace .ws-ch-tier--gold {color:#c0362c}

/* 2026-10-21 주문 카드 등급 표시 = 고객 관리와 같은 선 아이콘 (customerIcon). 작은 흰 동그라미 안에 맞춤 */
#workspace .ws-ch-tier .cf-ic {width:11px; height:11px; stroke-width:2.6; vertical-align:0}

/* 2026-10-21 홈 검색 손님 카드: 답장할 문자 · 배송 상황 · 주문을 작은 제목으로 나눔 */
#workspace .ws-person-sec {margin-top:12px}
#workspace .ws-person-sec > h3 {margin:0 0 6px; font-size:15px; font-weight:700; color:#4a4f57}
#workspace .ws-person-wait {color:#c0362c; font-weight:700}
#workspace .ws-person-sec .ws-rc-row {width:100%}
#workspace .ws-person-sec .ws-dlist {display:grid; gap:8px}

/* 2026-10-21 답장 대기 [문의] 줄마다 한마디 요약 (이름 아래). 환불 · 취소 · 교환 · 상품 문제 = 빨강, 감사 인사 = 초록 */
#workspace .ws-rc-txt .ws-ask-tag {display:inline-block; justify-self:start; width:max-content; margin:2px 0 1px; padding:1px 8px; border-radius:6px; background:#eef1f5; color:#30353c; font-size:13px; font-style:normal; font-weight:700; line-height:20px}
#workspace .ws-rc-txt .ws-ask-tag--bad {background:#fdeeed; color:#c0362c}
#workspace .ws-rc-txt .ws-ask-tag--good {background:#e6f4ec; color:#0f7a45}

/* 2026-10-21 취소 · 환불 (주문 창 버튼 · 창 · 취소됨 표시) */
.dd-figma-app .ws-osheet .ws-osheet-bar .ws-osheet-refund {flex:none; height:44px; padding:0 14px; margin-left:auto; border:1px solid rgba(180,35,24,.35); border-radius:8px; background:#fff; color:#b42318; font-size:15px; font-weight:700}
.dd-figma-app .ws-osheet .ws-osheet-bar .ws-osheet-refund + .ws-osheet-del {margin-left:8px}
.dd-figma-app .ws-pay--cancel {background:#f2f4f7; color:#4a4f57}
.dd-figma-app .ws-osheet-refunded {margin-left:8px; color:#b42318; font-weight:700}
.dd-figma-app .ws-refund .ws-refund-mode {display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0}
.dd-figma-app .ws-refund :is(.ws-refund-mode, .ws-refund-why) button {min-height:48px; border:1px solid #d0d5dd; border-radius:8px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:600}
.dd-figma-app .ws-refund :is(.ws-refund-mode button[aria-checked="true"], .ws-refund-why button[aria-pressed="true"]) {border:2px solid #1e1e1e; font-weight:800}
.dd-figma-app .ws-refund button:disabled {opacity:.45}
.dd-figma-app .ws-refund .ws-refund-amt {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; font-size:16px; font-weight:700}
.dd-figma-app .ws-refund .ws-refund-box {display:inline-flex; align-items:center; gap:6px}
.dd-figma-app .ws-refund .ws-refund-input {width:150px; height:48px; padding:0 12px; border:1px solid #d0d5dd; border-radius:8px; font-size:18px; font-weight:700; text-align:right}
.dd-figma-app .ws-refund .ws-refund-why {display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:0 0 14px}
.dd-figma-app .ws-refund .ws-refund-warn {margin:0 0 14px; padding:10px 12px; border-radius:8px; background:#fdeeed; color:#b42318; font-size:15px; font-weight:600; line-height:1.45}
@media (max-width:480px){.dd-figma-app .ws-refund .ws-refund-why {grid-template-columns:repeat(2,1fr)}}

/* 2026-10-21 대화창 손님 사진 (말풍선 안, 누르면 크게) · 환불 빠른 답장 (빨간 선) */
#workspace .ws-chat-img, .ws-sheet .ws-chat-img {display:block; margin-top:6px}
#workspace .ws-chat-img img, .ws-sheet .ws-chat-img img {display:block; max-width:220px; max-height:260px; width:auto; height:auto; border-radius:10px; background:#eef1f5; object-fit:cover}
#workspace .ws-chat-bubble > .ws-chat-img:first-child, .ws-sheet .ws-chat-bubble > .ws-chat-img:first-child {margin-top:0}
:is(#workspace, .ws-sheet) .ws-chat-quick button.is-refund {border-color:rgba(180,35,24,.45); color:#b42318}
:is(#workspace, .ws-sheet) .ws-chat-quick button.is-go {background:#fdeeed; font-weight:700}

/* 2026-10-21 대화창 계좌 복사 · 환불 상황 상자 · 문의 줄 주문 단계 */
:is(#workspace, .ws-sheet) .ws-chat-acct {display:flex; align-items:center; gap:8px; margin-top:8px; padding:6px 8px 6px 10px; border-radius:8px; background:#f2f4f7; font-size:14px}
:is(#workspace, .ws-sheet) .ws-chat-acct button {flex:none; min-height:34px; padding:0 12px; border:1px solid #1e1e1e; border-radius:8px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:700}
:is(#workspace, .ws-sheet) .ws-chat-case {margin:0 0 8px; padding:10px 12px; border:1px solid #f3c4c0; border-radius:10px; background:#fff7f6; font-size:15px; line-height:1.5; color:#1e1e1e}
:is(#workspace, .ws-sheet) .ws-chat-case p {margin:0}
:is(#workspace, .ws-sheet) .ws-chat-case .ws-ask-tag {display:inline-block; margin-right:4px; padding:1px 8px; border-radius:6px; background:#fdeeed; color:#c0362c; font-size:13px; font-style:normal; font-weight:700}
:is(#workspace, .ws-sheet) .ws-chat-case-next {margin-top:4px !important; color:#4a4f57; font-size:14px; font-weight:600}
#workspace .ws-rc-txt .ws-ask-line {display:flex; align-items:center; flex-wrap:wrap; gap:4px}
#workspace .ws-rc-txt .ws-ask-stage {font-size:13px; font-weight:700; color:#4a4f57}

/* 2026-10-21 취소 · 환불 요청: 주문 카드 빨간 표시 · 홈 맨 위 알림 · 답장 대기 [환불·취소] 탭 */
#workspace .ws-rq-badge {display:inline-block; margin-right:6px; padding:0 7px; border-radius:6px; background:#fdeeed; color:#c0362c; font-size:13px; font-style:normal; font-weight:800; line-height:20px; vertical-align:1px; white-space:nowrap}
#workspace .ws-drow-top .ws-rq-badge {margin:0 0 0 6px}
#workspace .ws-rq-alert {display:flex; align-items:center; gap:10px; width:100%; min-height:52px; margin:0 0 12px; padding:10px 16px; border:1px solid #f3c4c0; border-radius:12px; background:#fff7f6; color:#b42318; font-size:16px; font-weight:600; text-align:left}
#workspace .ws-rq-alert svg {flex:none}
#workspace .ws-rq-alert > span:nth-of-type(1) {flex:1}
#workspace .ws-rq-alert b {font-weight:800}
#workspace .ws-rail-chips button[data-value="refund"] {color:#b42318}
#workspace .ws-rail-chips button[data-value="refund"][aria-pressed="true"] {border-color:#b42318; box-shadow:inset 0 0 0 1px #b42318}
/* 탭이 3개(환불·취소 포함)면 한 줄 3칸. 좁은 칸에서는 글자를 조금 줄임 */
#workspace .ws-rail-chips.ws-seg:has(> button:nth-child(3)) {grid-template-columns:repeat(3,minmax(0,1fr))}
body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg:has(> button:nth-child(3)) button {padding:0 4px; gap:3px; font-size:14px; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg button[data-value="refund"] {color:#b42318}
body.dd-figma-app:not(#np) #workspace .ws-rail-chips.ws-seg:has(> button:nth-child(3)) .si {display:none}

/* 2026-10-22 답장 대기 문자 동그라미에도 등급 (주문 카드와 같은 모양) */
body.dd-figma-app:not(#np) #workspace .ws-rc-row > .ws-ch {position:relative; overflow:visible}
body.dd-figma-app:not(#np) #workspace .ws-rc-row > .ws-ch--t-diamond {box-shadow:inset 0 0 0 2px #006da8; background:#eaf5fb}
body.dd-figma-app:not(#np) #workspace .ws-rc-row > .ws-ch--t-gold {box-shadow:inset 0 0 0 2px #c0362c; background:#fdeeed}

/* 2026-10-22 대화창 [이 문자로 주문 등록] + 옆 주문서 창 (PC 오른쪽 · 휴대폰 전체) */
:is(#workspace, .ws-sheet) .ws-chat-mk {margin:0 0 8px}
:is(#workspace, .ws-sheet) .ws-chat-mkbtn {display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 16px; border:1.5px solid #1e1e1e; border-radius:10px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700}
.ws-mk-panel {position:fixed; top:0; right:0; bottom:0; z-index:2000; width:min(440px,100vw); display:flex; flex-direction:column; background:#fff; box-shadow:-8px 0 24px rgba(3,14,27,.18); font-size:16px; color:#1e1e1e}
.ws-mk-panel .ws-mk-head {display:flex; align-items:center; justify-content:space-between; padding:16px 16px 8px; border-bottom:1px solid #eceef1}
.ws-mk-panel .ws-mk-head h2 {margin:0; font-size:20px; font-weight:800}
.ws-mk-panel .ws-mk-body {flex:1; overflow-y:auto; padding:12px 16px 24px}
.ws-mk-panel .ws-mk-sub {margin:0 0 12px; color:#4a4f57; font-size:15px; line-height:1.5}
.ws-mk-panel .ws-mk-warn {margin:0 0 12px; padding:10px 12px; border-radius:8px; background:#fdeeed; color:#b42318; font-weight:700; font-size:15px}
.ws-mk-panel .ws-mk-f {display:block; margin:0 0 12px}
.ws-mk-panel .ws-mk-f > span, .ws-mk-panel .ws-mk-lab {display:block; margin:0 0 6px; font-size:15px; font-weight:700; color:#4a4f57}
.ws-mk-panel :is(input, textarea, select) {width:100%; min-height:48px; padding:10px 12px; border:1px solid #d0d5dd; border-radius:8px; background:#fff; font:inherit; font-size:17px; color:#1e1e1e}
.ws-mk-panel textarea {resize:vertical}
.ws-mk-panel .ws-mk-it {display:grid; grid-template-columns:1fr 64px auto auto; gap:6px; align-items:center; margin:0 0 8px}
.ws-mk-panel .ws-mk-it input {text-align:center; padding:10px 4px}
.ws-mk-panel .ws-mk-it .u {font-size:15px; color:#4a4f57}
.ws-mk-panel .ws-mk-it button {width:40px; height:40px; border:0; border-radius:8px; background:#f2f4f7; color:#4a4f57; display:grid; place-items:center}
.ws-mk-panel .ws-mk-add {display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:1px dashed #98a2b3; border-radius:8px; background:#fff; font-size:15px; font-weight:700}
.ws-mk-panel .ws-mk-total {margin:16px 0 12px; font-size:17px; text-align:right}
.ws-mk-panel .ws-mk-total b {font-size:22px; font-weight:800}
.ws-mk-panel .ws-sheet-main {width:100%; min-height:52px; border:0; border-radius:8px; background:#0d111b; color:#fff; font-size:17px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; gap:6px}
.ws-mk-panel .ws-sheet-main:disabled {opacity:.6}
.ws-mk-panel .ws-mk-src {margin-top:16px; font-size:14px; color:#4a4f57}
.ws-mk-panel .ws-mk-src pre {white-space:pre-wrap; margin:8px 0 0; padding:10px; border-radius:8px; background:#f2f4f7; font:inherit}
@media (min-width:1100px){ body.ws-mk-open .ws-sheet-wrap .ws-sheet {margin-right:440px} }

/* 2026-10-22 대화창 머리줄: 이름 · 번호 · [주문 등록] · [삭제] · 닫기를 모두 세로 가운데로, [주문 등록]은 삭제 왼쪽 같은 모양 */
#ws-pay-sheet.is-chat .ws-chat-head2 {align-items:center}
#ws-pay-sheet.is-chat .ws-chat-head2 h2 {flex:1 1 auto; min-width:0; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#ws-pay-sheet.is-chat .ws-chat-head2 .ws-sheet-x {align-self:center; margin-top:0}
#ws-pay-sheet .ws-chat-head2 .ws-chat-mkhead {display:inline-flex; align-items:center; gap:6px; flex:none; min-height:44px; margin:0 0 0 auto; padding:0 14px; border:1px solid #1e1e1e; border-radius:8px; background:#fff; color:#1e1e1e; font-size:15px; font-weight:700}
#ws-pay-sheet .ws-chat-head2 .ws-chat-mkhead svg {width:18px; height:18px}
#ws-pay-sheet .ws-chat-head2 .ws-chat-mkhead + .ws-chat-del {margin-left:8px}
#ws-pay-sheet .ws-chat-head2 .ws-chat-mkhead + .ws-sheet-x {margin-left:8px}
@media (max-width:480px){ #ws-pay-sheet .ws-chat-head2 :is(.ws-chat-mkhead, .ws-chat-del) {padding:0 10px; font-size:14px} #ws-pay-sheet.is-chat .ws-chat-head2 h2 small {display:none} }
@media (max-width:480px){ #ws-pay-sheet.is-chat .ws-chat-head2 h2 {font-size:17px} #ws-pay-sheet .ws-chat-head2 :is(.ws-chat-mkhead, .ws-chat-del) {gap:4px} #ws-pay-sheet .ws-chat-head2 .ws-chat-mkhead + .ws-chat-del {margin-left:6px} }
@media (max-width:480px){ #ws-pay-sheet .ws-chat-head2 :is(.ws-chat-mkhead, .ws-chat-del) svg {display:none} #ws-pay-sheet .ws-chat-head2 :is(.ws-chat-mkhead, .ws-chat-del) {padding:0 10px} }

/* 2026-10-22 주문 창 · 취소·환불 · 송장 번호 창 머리줄도 제목과 닫기(✕)를 세로 가운데로 (예전 margin-top:-10px 때문에 5px 위로 떠 있었음) */
#ws-pay-sheet .ws-sheet-head {align-items:center}
#ws-pay-sheet .ws-sheet-head .ws-sheet-x {align-self:center; margin-top:0}
/* 2026-10-22 답장 대기 문자 동그라미의 별 · 하트도 주문 카드와 같은 색 · 크기 (문자 동그라미 설정이 덮어쓰던 것) */
body.dd-figma-app:not(#np) #workspace .ws-ch .ws-ch-tier svg {width:11px; height:11px}
body.dd-figma-app:not(#np) #workspace .ws-ch .ws-ch-tier--diamond, body.dd-figma-app:not(#np) #workspace .ws-ch .ws-ch-tier--diamond svg {color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-ch .ws-ch-tier--gold, body.dd-figma-app:not(#np) #workspace .ws-ch .ws-ch-tier--gold svg {color:#c0362c}
/* 답장 대기 동그라미 글자색도 주문 카드와 같게 (보라 → 검정) */
body.dd-figma-app:not(#np) #workspace .ws-rc-row > .ws-ch {color:#1e1e1e}

/* 2026-10-22 문자함 손님 동그라미도 등급 (주문 카드 · 답장 대기와 같은 테두리 · 별 · 하트) */
body.dd-figma-app:not(#np) #workspace .ws-msg-icon {position:relative; overflow:visible}
body.dd-figma-app:not(#np) #workspace .ws-msg-icon--t-diamond {box-shadow:inset 0 0 0 2px #006da8; background:#eaf5fb; color:#1e1e1e}
body.dd-figma-app:not(#np) #workspace .ws-msg-icon--t-gold {box-shadow:inset 0 0 0 2px #c0362c; background:#fdeeed; color:#1e1e1e}
body.dd-figma-app:not(#np) #workspace .ws-msg-icon .ws-ch-tier svg {width:11px; height:11px}
body.dd-figma-app:not(#np) #workspace .ws-msg-icon .ws-ch-tier--diamond, body.dd-figma-app:not(#np) #workspace .ws-msg-icon .ws-ch-tier--diamond svg {color:#006da8}
body.dd-figma-app:not(#np) #workspace .ws-msg-icon .ws-ch-tier--gold, body.dd-figma-app:not(#np) #workspace .ws-msg-icon .ws-ch-tier--gold svg {color:#c0362c}

/* 2026-10-22 문자 [주문 등록]: PC에서 대화창 오른쪽에 새 주문 칸 (줄 고치기도 같은 칸 자리에서) */
.dd-figma-app #ws-pay-sheet.is-chat.has-side > .ws-sheet {flex:0 1 560px}
.dd-figma-app .ws-dside {position:relative; flex:0 0 460px; display:flex; align-items:flex-end; animation:wsSideIn .25s ease-out}
.dd-figma-app .ws-dside[hidden] {display:none}
.dd-figma-app .ws-dside > .ws-sheet {width:460px; max-width:460px; max-height:min(90vh, 920px); overflow-y:auto; animation:none}

/* 2026-10-22 주문 카드 · 문자 줄 · 배송 줄: 창을 닫고 돌아올 때 생기는 파란 테두리(위아래 줄) 없앰. 대신 아주 연한 바탕만 */
body.dd-figma-app:not(#np) #workspace :is(.ws-order-row, .ws-rc-row, .ws-drow):focus-visible {outline:none !important; box-shadow:none; background:#f2f7fb}

/* 2026-10-22 휴대폰 홈 가로 토큰: 누르면 그 칸만 아래로 펼침 (PC는 그대로 5칸) */
#workspace .ws-mtabs, #workspace .ws-mtabs-hint {display:none}
@media (max-width:760px){
  #workspace .ws-mtabs {display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px}
  #workspace .ws-mtab {display:inline-flex; align-items:center; gap:6px; min-height:46px; padding:0 14px; border:1.5px solid #d0d5dd; border-radius:999px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700}
  #workspace .ws-mtab b {font-size:18px; font-weight:800}
  #workspace .ws-mtab--pay b {color:#b45309} #workspace .ws-mtab--ship b {color:#006da8} #workspace .ws-mtab--going b {color:#30353c} #workspace .ws-mtab--transit b {color:#0f766e} #workspace .ws-mtab--msg b {color:#6941c6}
  #workspace .ws-mtab[aria-expanded="true"] {background:#0d111b; border-color:#0d111b; color:#fff}
  #workspace .ws-mtab[aria-expanded="true"] b {color:#fff}
  #workspace .ws-mtabs-hint {display:block; margin:4px 0 0; color:#4a4f57; font-size:15px; text-align:center}
  #workspace .ws-mtabs-hint[hidden] {display:none}
  #workspace .ws-board[data-mcol="none"] > .ws-bcol,
  #workspace .ws-board[data-mcol="pay"] > .ws-bcol:not([data-col="pay"]),
  #workspace .ws-board[data-mcol="ship"] > .ws-bcol:not([data-col="ship"]),
  #workspace .ws-board[data-mcol="going"] > .ws-bcol:not([data-col="going"]),
  #workspace .ws-board[data-mcol="transit"] > .ws-bcol:not([data-col="transit"]),
  #workspace .ws-board[data-mcol="msg"] > .ws-bcol:not([data-col="msg"]) {display:none !important}
  #workspace .ws-board[data-mcol] > .ws-bcol > .ws-bcol-head {display:none}
}
/* 휴대폰 토큰은 가로 한 줄 5칸: 숫자 위(크게) · 이름 아래 */
@media (max-width:760px){
  #workspace .ws-mtabs {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; flex-wrap:nowrap}
  #workspace .ws-mtab {flex-direction:column; justify-content:center; gap:2px; min-height:66px; padding:6px 2px; border-radius:14px; font-size:13px; line-height:1.2; text-align:center; word-break:keep-all}
  #workspace .ws-mtab b {order:-1; font-size:22px; line-height:1.1}
}

/* 2026-10-22 홈 보드 주문 카드: 동그라미 · 금액을 카드 높이 가운데로 (금액이 첫 줄에 붙어 보이던 것) */
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-ch {grid-row:1 / span 2; align-self:center; margin-top:0}
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-main > .ws-row-sub {grid-column:2}
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-row-end {grid-row:1 / span 2; align-self:center; justify-content:center}

/* 2026-10-22 취소 · 환불 요청 주문: 카드 전체를 빨갛게 (왼쪽 빨간 막대 + 연한 빨강 바탕). 동그라미는 등급 표시 그대로 */
body.dd-figma-app:not(#np) #workspace .ws-order-item:has(.ws-rq-badge) {box-shadow:inset 4px 0 0 #d92d20 !important; background:#fff4f3}
body.dd-figma-app:not(#np) #workspace .ws-order-item:has(.ws-rq-badge) > .ws-order-row {background:transparent}
body.dd-figma-app:not(#np) #workspace .ws-drow:has(.ws-rq-badge) {box-shadow:inset 4px 0 0 #d92d20; background:#fff4f3}

/* 2026-10-22 주문 창: [취소·환불]을 [주문][문자] 탭과 같은 높이(52px), 삭제는 맨 아래 따로 (닫기와 붙어 잘못 누르기 쉬움) */
.dd-figma-app .ws-osheet .ws-osheet-bar {align-items:stretch}
.dd-figma-app .ws-osheet .ws-osheet-bar .ws-osheet-refund {height:52px; min-height:52px; padding:0 16px; font-size:16px}
.dd-figma-app .ws-osheet .ws-osheet-delrow {display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:48px; margin:20px 0 4px; border:1px solid rgba(180,35,24,.35); border-radius:8px; background:#fff; color:#b42318; font-size:16px; font-weight:700}
.dd-figma-app .ws-osheet .ws-osheet-delrow svg {width:18px; height:18px}
.dd-figma-app .ws-osheet .ws-osheet-delrow:active {background:rgba(180,35,24,.06)}
/* 닫기(✕)와 [취소·환불]이 위아래로 붙지 않게 머리줄과 탭 줄 사이 간격 */
.dd-figma-app #ws-pay-sheet.ws-osheet:not(.is-chat) .ws-osheet-bar {margin-top:16px}

/* ── 2026-10-22 고객 정보 창 (디자인 규칙: 등급 동그라미 · 16px 이상 · 같은 모양 테두리 버튼 · 토큰 → 새 창) ── */
#customer-panel .panel-body {padding:16px 20px 28px}
#customer-panel .cp2-head {display:flex; align-items:center; gap:12px; margin:0 0 10px}
#customer-panel .cp2-ch {position:relative; flex:none; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#f2f4f7; color:#1e1e1e; font-size:20px; font-weight:800}
#customer-panel .cp2-ch--diamond {box-shadow:inset 0 0 0 2.5px #006da8; background:#eaf5fb}
#customer-panel .cp2-ch--gold {box-shadow:inset 0 0 0 2.5px #c0362c; background:#fdeeed}
#customer-panel .cp2-tier {position:absolute; right:-4px; bottom:-4px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(3,14,27,.25)}
#customer-panel .cp2-tier svg {width:13px; height:13px; stroke-width:2.4}
#customer-panel .cp2-who {min-width:0}
#customer-panel .cp2-name {margin:0; font-size:21px; font-weight:800; line-height:1.3; color:#1e1e1e}
#customer-panel .cp2-sub {display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:4px 0 0; font-size:16px; color:#4a4f57}
#customer-panel .cp2-tag {display:inline-flex; align-items:center; gap:4px; font-size:14px; font-weight:700}
#customer-panel .cp2-tag svg {width:15px; height:15px}
#customer-panel .cp2-tag--off {padding:1px 8px; border-radius:6px; background:#fef3e2; color:#b45309}
#customer-panel .cp2-addr {display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px; padding:10px 12px; border-radius:10px; background:#f7f8fa; font-size:16px; color:#1e1e1e}
#customer-panel .cp2-addr-v.is-empty {color:#8a9099}
#customer-panel .cp2-btn {display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:48px; padding:0 14px; border:1.5px solid #d0d5dd; border-radius:10px; background:#fff; color:#1e1e1e; font-size:16px; font-weight:700}
#customer-panel .cp2-btn svg {width:20px; height:20px; flex:none}
#customer-panel .cp2-btn--sm {flex:none; min-height:40px; padding:0 12px; font-size:15px}
#customer-panel .cp2-btn--sm svg {width:17px; height:17px}
#customer-panel .cp2-btn.is-off {color:#8a9099}
#customer-panel .cp2-acts {display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 14px}
#customer-panel .cp2-stats {display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 16px}
#customer-panel .cp2-stat {display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 8px; border:1px solid #e3e6ea; border-radius:12px; background:#fff}
#customer-panel .cp2-stat b {font-size:22px; font-weight:800; color:#1e1e1e}
#customer-panel .cp2-stat b small {margin-left:2px; font-size:15px; font-weight:700}
#customer-panel .cp2-stat span {font-size:15px; color:#4a4f57}
#customer-panel .cp2-f {display:block; margin:0 0 12px}
#customer-panel .cp2-f > span {display:block; margin:0 0 6px; font-size:16px; font-weight:700; color:#30353c}
#customer-panel .cp2-f :is(input, textarea) {width:100%; font-size:17px}
#customer-panel .cp2-f textarea {min-height:96px}
#customer-panel .cp2-hint {margin:-4px 0 12px; font-size:14px; color:#4a4f57}
#customer-panel .cp2-check {display:flex; align-items:center; gap:10px; min-height:44px; margin:0 0 16px; font-size:16px; color:#1e1e1e}
#customer-panel .cp2-check input {width:22px; height:22px; margin:0}
#customer-panel .cp2-tokens {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:16px; border-top:1px solid #eceef1}
#customer-panel .cp2-token {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:66px; padding:6px 4px; border:1.5px solid #d0d5dd; border-radius:14px; background:#fff; color:#1e1e1e; font-size:14px; font-weight:700}
#customer-panel .cp2-token b {order:-1; font-size:22px; font-weight:800}
#customer-panel .cp2-token:active {background:#0d111b; border-color:#0d111b; color:#fff}
/* 토큰을 누르면 여는 새 창 */
.dd-figma-app .cp2-sheet {z-index:950}
.dd-figma-app .cp2-sheet .cp2-list {display:flex; flex-direction:column; gap:8px; max-height:60vh; overflow-y:auto; padding:4px 0 8px}
.dd-figma-app .cp2-sheet .cp2-row {display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:12px 14px; border:1px solid #e3e6ea; border-radius:12px; background:#fff; text-align:left; color:#1e1e1e}
.dd-figma-app .cp2-sheet .cp2-row-main {display:flex; flex-direction:column; gap:3px; min-width:0}
.dd-figma-app .cp2-sheet .cp2-row-main b {font-size:16px; font-weight:700}
.dd-figma-app .cp2-sheet .cp2-row small {font-size:14px; color:#4a4f57}
.dd-figma-app .cp2-sheet .cp2-row-txt {font-size:15px; color:#30353c; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.dd-figma-app .cp2-sheet .cp2-row-end {display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex:none}
.dd-figma-app .cp2-sheet .cp2-row-end b {font-size:17px; font-weight:800}
.dd-figma-app .cp2-sheet .cp2-empty {margin:16px 0; text-align:center; font-size:16px; color:#4a4f57}
/* 고객 정보 창 · 기록 창이 열려 있으면 "홈 화면에 추가" 버튼 숨김 (토큰을 가림) */
body.dd-figma-app:has(#customer-panel.open, #cp-list-sheet) #btn-install-app {display:none !important}

/* 2026-10-22 사장님 요청: 창 맨 위 회색 손잡이 막대 없앰 (주문 창 · 대화창 · 고객 정보 · 예전 모달 모두). 닫기는 ✕ 버튼 */
body.dd-figma-app .ws-sheet .ws-sheet-grip, body.dd-figma-app .modal .modal-handle {display:none !important}
body.dd-figma-app:not(#np) .side-panel::before {content:none !important; display:none !important}

/* 2026-10-22 창 머리줄: ✕ 위 간격 = ✕ 아래 간격 = 16px (손잡이 막대를 없애서 위가 8px로 좁아졌던 것) */
.dd-figma-app .ws-sheet .ws-sheet-head {margin-top:8px}
#ws-pay-sheet.is-chat .ws-sheet-head {padding-bottom:15px}
#ws-pay-sheet.is-chat .ws-osheet-chat {margin-top:0}

/* 2026-10-22 주문번호 줄도 다른 요소와 같은 좌우 20px (2px 안쪽으로 들어가 있던 것) */
.dd-figma-app .ws-osheet .ws-osheet-no {margin:6px 0 0}

/* 2026-10-22 주문 창 위아래 간격: 큰 덩어리 사이 16px, 한 덩어리(주문 내용) 안 8px, 맨 아래 20px */
.dd-figma-app .ws-osheet .ws-osheet-sec {margin:16px 0 16px}
.dd-figma-app .ws-osheet .ws-osheet-sec > .ws-addr-check {margin-top:8px}
.dd-figma-app .ws-osheet .ws-osheet-no {margin:8px 0 0}
.dd-figma-app .ws-osheet .ws-osheet-sec + .ws-sheet-main {margin-top:0}
.dd-figma-app .ws-osheet .ws-osheet-delrow {margin:16px 0 0}
.dd-figma-app #ws-pay-sheet.ws-osheet:not(.is-chat) > .ws-sheet {padding-bottom:20px}

/* 2026-10-22 홈 보드 칸 안 간격 통일: 묶음 머리 · 주문 카드 · 답장 줄 · 배송 줄 안쪽 모두 칸 가장자리에서 24px, 쪽 번호는 모든 칸에서 바닥에 붙여 같은 여백 */
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row {padding-left:12px; padding-right:12px}
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-rc-row {padding-left:12px; padding-right:12px}
body.dd-figma-app:not(#np) #workspace .ws-board > .ws-bcol > .ws-dpager {margin-top:auto}

/* 2026-10-22 주문 창 [문자] 탭: 주문 탭과 같은 머리줄(밑줄 없음 · ✕ 아래 16), 탭 줄과 대화 영역 사이 16px */
#ws-pay-sheet.is-chat:has(.ws-osheet-bar) .ws-sheet-head {border-bottom:0; padding-bottom:0}
.dd-figma-app #ws-pay-sheet.ws-osheet.is-chat .ws-osheet-bar {margin-top:16px}
#ws-pay-sheet.is-chat:has(.ws-osheet-bar) .ws-osheet-chat {margin-top:16px}
/* 모든 대화 입력: 좌우 20px, [보내기]는 입력칸과 같은 높이 (한 덩어리) */
#ws-pay-sheet.is-chat .ws-osheet-chat .ws-chat-compose, #ws-pay-sheet .ws-osheet-chat .ws-chat-compose {padding-left:20px; padding-right:20px}
#ws-pay-sheet .ws-chat-input, #workspace .ws-msg-chat .ws-chat-input {align-items:stretch}
#ws-pay-sheet .ws-chat-input .ws-chat-send, #workspace .ws-msg-chat .ws-chat-input .ws-chat-send {min-height:0; height:auto; align-self:stretch; min-width:84px}

/* 2026-10-22 취소된 주문 창: 위 회색 띠 + 줄 그은 금액, 줄은 잠금(› 없음) */
.dd-figma-app .ws-osheet .ws-osheet-xbar {margin:4px 0 8px; padding:10px 14px; border-radius:var(--dd-r-card); background:#f2f4f7; color:#30353c; text-align:center; font-size:16px; font-weight:700}
.dd-figma-app .ws-sheet .ws-sheet-amount.is-x {color:#8a9099; text-decoration:line-through; text-decoration-thickness:3px}
.dd-figma-app .ws-osheet .ws-osheet-state .ws-osheet-refunded {margin-left:0}
.dd-figma-app .ws-osheet .ws-os-row.is-xrow {cursor:default; background:#fafbfc}
.dd-figma-app .ws-osheet .ws-os-row.is-xrow .v {color:#4a4f57}

/* 2026-10-22 고객 정보: 모서리를 규칙 값으로(버튼 8 · 상자 12), 문자 안 받음 줄은 작게, 메모는 낮게, 아래 토큰은 크게 */
#customer-panel .cp2-addr {border-radius:var(--dd-r-card)}
#customer-panel :is(.cp2-btn, .cp2-btn--sm) {border-radius:var(--dd-r-ctl)}
#customer-panel .cp2-stat {border-radius:var(--dd-r-card)}
body.dd-figma-app:not(#np) #customer-panel .cp2-f textarea.textarea {min-height:96px; height:96px}
#customer-panel .cp2-check {min-height:32px; gap:8px; margin:0 0 16px; font-size:15px; color:#4a4f57}
#customer-panel .cp2-check input {width:18px; height:18px}
#customer-panel .cp2-token {min-height:92px; gap:4px; border-radius:var(--dd-r-card); font-size:15px}
#customer-panel .cp2-token b {font-size:28px}
/* 2026-10-22 고객 관리 → 고객 정보: 고객 정보가 위에, ✕ 누르면 고객 관리 목록으로 돌아감 */
body:has(#customer-panel.open) #modal-customers {z-index:290}
/* 2026-10-22 주문 카드 이름 굵게 (답장 대기 이름과 같은 700). 이름 뒤 상품 글자는 보통 굵기 */
body.dd-figma-app #workspace .ws-order-row .ws-row-main > strong {font-weight:700}
body.dd-figma-app #workspace .ws-order-row .ws-row-main > strong .ws-row-product {font-weight:500}
/* 2026-10-22 홈 답장 대기 칸: 문자 내용은 한 줄만 (궁금하면 줄을 눌러 대화창에서 전체) */
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-txt small {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:unset}
/* 2026-10-22 이름이 먼저 보이게: 답장 대기 · 주문 카드 이름 800, 답장 대기 "· 칸 이름"은 500 */
body.dd-figma-app #workspace .ws-rc-txt > b, body.dd-figma-app #workspace .ws-order-row .ws-row-main > strong {font-weight:800}
body.dd-figma-app #workspace .ws-rc-txt .ws-ask-stage {font-weight:500}
/* 2026-10-22 답장 대기 줄 높이 같게: 이름 + 요약은 한 줄(절대 안 바뀜), 아래 "칸 이름 · 문자"도 한 줄 */
#workspace .ws-rc-txt .ws-rc-top {display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap}
#workspace .ws-rc-txt .ws-rc-top > b {flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-rc-txt .ws-rc-top .ws-ask-tag {flex:none; margin:0}
body.dd-figma-app #workspace .ws-rc-txt .ws-rc-top > b {font-weight:800}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-txt small .ws-ask-stage {display:inline; font-size:inherit; font-weight:700; color:#30353c}
/* 이름은 절대 안 줄이고, 자리가 모자라면 요약 표시가 … 로 줄어듦 */
#workspace .ws-rc-txt .ws-rc-top > b {flex:none; overflow:visible}
#workspace .ws-rc-txt .ws-rc-top .ws-ask-tag {flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
/* 답장 대기 칸: [답장] 단추를 조금 작게 해서 이름 + 요약 자리 확보 */
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-reply {padding:3px 8px; font-size:13px}
/* 2026-10-22 홈 답장 대기 칸(폭 좁음): 안 읽음 점은 동그라미 오른쪽 위로, [답장] 단추는 숨김(줄 전체를 누르면 대화창) → 이름 + 요약 한 줄 자리 */
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-row.is-unread .ws-rc-txt b::after {display:none}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-row.is-unread > .ws-ch::after {content:""; position:absolute; top:-2px; right:-2px; width:10px; height:10px; border-radius:50%; background:#d92d20; box-shadow:0 0 0 2px #fff}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-reply {display:none}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-top .ws-ask-tag {padding:1px 6px}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-top > b.is-ph {font-size:15px; letter-spacing:-.02em}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-txt .ws-rc-top {height:26px}
/* 2026-10-22 목록 이름 굵기 통일: 아래 글자(500)보다 한 단계만 굵게 = 600 (주식 앱 종목 이름처럼). 창 제목은 그대로
   홈 보드 주문 카드 · 답장 대기 · 배송 상황 줄 · 문자함 · 주문서 · 검색 손님 · 고객 관리 목록 */
body.dd-figma-app:not(#np) #workspace .ws-order-row .ws-row-main > strong,
body.dd-figma-app:not(#np) #workspace .ws-rc-txt b,
body.dd-figma-app:not(#np) #workspace .ws-rc-txt .ws-rc-top > b,
body.dd-figma-app:not(#np) #workspace .ws-msg-group .ws-rc-row:not(.is-unread) .ws-rc-txt b,
body.dd-figma-app:not(#np) #workspace .ws-msg .ws-msg-text strong,
body.dd-figma-app:not(#np) #workspace .ws-drow .ws-drow-top b,
body.dd-figma-app:not(#np) #workspace .ws-person-info strong,
body.dd-figma-app:not(#np) #modal-customers .cli3 .cli-name {font-weight:600}
body.dd-figma-app:not(#np) #workspace .ws-bcol--msg .ws-rc-txt small .ws-ask-stage {font-weight:500; color:#4a4f57}
/* 2026-10-22 문자함 [환불·취소] 칩 = 홈 답장 대기와 같은 빨간 글자 */
body.dd-figma-app:not(#np) #workspace .ws-msg-seg button[data-value="refund"] {color:#b42318}
body.dd-figma-app:not(#np) #workspace .ws-msg-seg button[data-value="refund"][aria-pressed="true"] {border-color:#b42318; box-shadow:inset 0 0 0 1px #b42318}
/* 2026-10-22 휴대폰 주문 창: 줄마다 "✎ 수정" 알약 없앰 → PC처럼 › 만 (줄을 누르면 고치는 창) */
@media (hover:none), (pointer:coarse){
  body.dd-figma-app .ws-osheet .ws-os-row {grid-template-columns:76px minmax(0,1fr) 16px; gap:8px}
  body.dd-figma-app .ws-osheet .ws-os-row .ws-os-edit {display:none !important}
  body.dd-figma-app .ws-osheet .ws-os-row .go {display:block}
  body.dd-figma-app .ws-osheet .ws-os-row.is-static {grid-template-columns:76px minmax(0,1fr)}
}
/* 2026-10-22 입금자 고치기 창: 통장에서 찾기 목록 (금액 같은 입금은 초록 테두리, 고른 것은 검정) */
.dd-figma-app .ws-fsheet .ws-fs-lab small {margin-left:6px; font-size:14px; font-weight:500; color:#4a4f57}
.dd-figma-app .ws-fsheet .ws-fs-deps {display:flex; flex-direction:column; gap:8px; margin:0 0 16px}
.dd-figma-app .ws-fsheet .ws-fs-dep {display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:56px; padding:10px 14px; border:1px solid #d0d5dd; border-radius:var(--dd-r-card); background:#fff; color:#1e1e1e; text-align:left}
.dd-figma-app .ws-fsheet .ws-fs-dep > span {display:flex; flex-direction:column; gap:2px; min-width:0}
.dd-figma-app .ws-fsheet .ws-fs-dep b {font-size:17px; font-weight:600}
.dd-figma-app .ws-fsheet .ws-fs-dep small {font-size:14px; color:#4a4f57}
.dd-figma-app .ws-fsheet .ws-fs-dep .ws-fs-dep-amt {align-items:flex-end; flex:none}
.dd-figma-app .ws-fsheet .ws-fs-dep .ws-fs-dep-amt b {font-weight:800}
.dd-figma-app .ws-fsheet .ws-fs-dep.is-same {border-color:#0f7a45}
.dd-figma-app .ws-fsheet .ws-fs-dep.is-same .ws-fs-dep-amt small {color:#0f7a45; font-weight:700}
.dd-figma-app .ws-fsheet .ws-fs-dep.is-picked {border-color:#0d111b; box-shadow:inset 0 0 0 1px #0d111b; background:#f7f8fa}
/* 2026-10-22 모든 목록 줄 공통: 이름 옆 요약 표시(빨간 취소 · 환불 / 문의 요약)는 첫 줄, 같은 모양(13px · 700 · 위아래 1 좌우 6 · 모서리 6), 줄 안 바뀜 */
body.dd-figma-app:not(#np) #workspace .ws-rq-badge {margin:0 0 0 6px; padding:1px 6px; border-radius:6px; font-size:13px; font-weight:700; line-height:20px; vertical-align:2px}
body.dd-figma-app:not(#np) #workspace .ws-rc-txt .ws-rc-top .ws-ask-tag {font-size:13px; font-weight:700; line-height:20px; border-radius:6px}
body.dd-figma-app:not(#np) #workspace .ws-order-row .ws-row-main > strong {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* 2026-10-22 주문 카드 첫 줄 = 이름 + 표시 (답장 대기와 같은 규칙: 이름은 안 줄이고, 자리가 모자라면 표시가 …). 금액 자리는 모든 카드 같음 */
body.dd-figma-app:not(#np) #workspace .ws-order-row .ws-row-main > strong {display:flex; align-items:center; gap:6px; min-width:0}
body.dd-figma-app:not(#np) #workspace .ws-order-row .ws-row-main > strong > .ws-nm {flex:none; white-space:nowrap; color:inherit; font-size:inherit; font-weight:inherit}   /* 예전 workspace.css의 '.ws-row-main span = 회색 16px'을 받지 않게 */
body.dd-figma-app:not(#np) #workspace .ws-order-row .ws-row-main > strong > .ws-rq-badge {flex:0 1 auto; min-width:0; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-order-row .ws-row-main > strong > .ws-row-product {flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
/* 2026-10-22 홈 보드 칸이 좁을 때(카드 250px 이하, 노트북): 카드 안쪽 여백만 줄여 "이름 + 표시"가 첫 줄에 다 보이게. 금액 자리 · 크기는 그대로 */
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-ord-group {container-type:inline-size; container-name:bcard}
@container bcard (max-width: 250px) {
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row {padding-left:8px !important; padding-right:8px !important; column-gap:6px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-ch {width:32px; height:32px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-main > strong {gap:4px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-rq-badge {padding:1px 4px}
}
@container bcard (max-width: 225px) {
  /* 아주 좁은 칸: 모든 카드 금액을 똑같이 16px (빨간 카드만 다르게 하지 않음) */
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-row-end strong {font-size:16px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row > .ws-ch {width:30px; height:30px; font-size:13px}
}
@container bcard (max-width: 212px) {
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row {column-gap:4px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-rq-badge {padding:1px 3px; font-size:12px}
  body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol-body .ws-order-row .ws-row-main > strong {gap:3px; font-size:16px}
}
body.dd-figma-app:not(#np) #workspace .ws-drow .ws-drow-top b {font-size:17px}   /* 2026-10-22 목록 이름 17px 통일 (배송 상황 줄만 16이었음) */
/* 2026-10-22 둘째 줄(보조 글) 통일: 홈 다섯 칸 = 주문 카드와 같은 14px · #666 · 줄 높이 1.4 / 주문서 · 문자함 화면 = 15px · 같은 #666 */
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol--msg .ws-rc-txt small,
body.dd-figma-app:not(#np) #workspace .ws-board .ws-drow .ws-drow-txt {font-size:14px; line-height:1.4; color:#666; font-weight:500}
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol--msg .ws-rc-txt small .ws-ask-stage {font-size:inherit; color:inherit; font-weight:inherit}
body.dd-figma-app:not(#np) #workspace .ws-msg .ws-msg-text > span {color:#666}
body.dd-figma-app:not(#np) #workspace .ws-board .ws-bcol--msg .ws-rc-txt {row-gap:3px; gap:3px}   /* 2026-10-22 첫 줄 · 둘째 줄 사이 3px = 주문 카드와 같은 줄 높이 */
/* 2026-10-22 PC 왼쪽 메뉴 "문자 · 전화" 안 읽은 문자 숫자 (휴대폰 아래 메뉴와 같은 색: 빨강 = 주문 미인식, 회색 = 문의) */
#workspace .ws-sidebar nav button .ws-side-badges {display:inline-flex; gap:4px; margin-left:auto}
#workspace .ws-sidebar .ws-side-badge {display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 7px; border-radius:999px; background:#d92d20; color:#fff; font-size:13px; font-weight:800; line-height:1; font-style:normal}
#workspace .ws-sidebar .ws-side-badge--ask {background:#6b7280}
#workspace .ws-sidebar .ws-side-badge[hidden] {display:none}
#workspace .ws-sidebar nav button > span:not(.ws-side-badges) {white-space:nowrap}   /* 메뉴 글자는 절대 꺾이지 않게 */
#workspace .ws-sidebar nav button .ws-side-badges {flex:none; margin-left:auto; padding-left:6px}
/* 2026-10-22 문자 · 전화 / 주문서 / 배송 관리 / 입금 확인 목록 줄 = 홈 줄과 같게: 높이 78 · 위아래 14 · 이름 17 · 600 · #1e1e1e · 둘째 줄 14px · #666 · 줄 높이 1.4 · 사이 3px */
body.dd-figma-app:not(#np) #workspace #ws-content .ws-ord-group .ws-order-row .ws-row-sub,
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text > span,
body.dd-figma-app:not(#np) #workspace #ws-content .ws-bank-srow small {font-size:14px; line-height:1.4; color:#666; font-weight:500}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-ord-group .ws-order-row {row-gap:3px}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text,
body.dd-figma-app:not(#np) #workspace #ws-content .ws-bank-srow .ws-bank-sinfo {display:flex; flex-direction:column; gap:3px}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-bank-srow {padding-top:14px; padding-bottom:14px; align-items:center}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-bank-srow .ws-bank-sinfo > b {font-size:17px; font-weight:600; color:#1e1e1e; line-height:26px}
body.dd-figma-app:not(#np) #workspace #ws-content :is(.ws-msg, .ws-bank-srow, .ws-ord-group .ws-order-item) {box-sizing:border-box; min-height:78px}
/* 2026-10-22 고침: 바깥 상자만 키우면 아래 틈으로 주황 표시선이 비침 → 안쪽 흰 줄을 78px로 */
body.dd-figma-app:not(#np) #workspace #ws-content .ws-ord-group .ws-order-item {min-height:0}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-ord-group .ws-order-item > .ws-order-row {box-sizing:border-box; min-height:77px}   /* + 구분선 1px = 78 (홈과 같음) */
body.dd-figma-app:not(#np) #workspace .ws-dpager:not(.ws-bcol > .ws-dpager) {display:flex; justify-content:center; gap:4px; padding:8px 0 4px; margin-top:12px; background:transparent}   /* 2026-10-22 화면 목록 쪽 단추 = 주문서와 같은 모양 (회색 띠 없음) */
/* 2026-10-22 등급 숫자 도장: 1등급 파랑 · 2등급 빨강 · 3등급 초록 (홈 동그라미 · 답장 대기 · 문자함 · 고객 관리 · 단체 문자 공통) */
.cf-num {display:inline-grid; place-items:center; flex:none; width:16px; height:16px; border-radius:50%; color:#fff !important; font-size:11px; font-weight:800; font-style:normal; line-height:1; vertical-align:-3px}
.cf-num--diamond {background:#006da8} .cf-num--gold {background:#c0362c} .cf-num--first {background:#0f7a45}
.cf-lab .cf-num, .cli-tier .cf-num {margin-right:4px}
#workspace .ws-ch-tier:has(.cf-num), #customer-panel .cp2-tier:has(.cf-num) {background:transparent; box-shadow:0 0 0 2px #fff}
#workspace .ws-ch-tier .cf-num {width:16px; height:16px; font-size:11px}
#customer-panel .cp2-tier .cf-num {width:20px; height:20px; font-size:13px}
/* 3등급 동그라미 테두리 = 초록 (1 · 2등급은 원래 파랑 · 빨강) */
body.dd-figma-app:not(#np) #workspace :is(.ws-order-row, .ws-rc-row) > .ws-ch--t-first {box-shadow:inset 0 0 0 2px #0f7a45; background:#e6f4ec}
body.dd-figma-app:not(#np) #workspace .ws-msg-icon--t-first {box-shadow:inset 0 0 0 2px #0f7a45; background:#e6f4ec; color:#1e1e1e}
#customer-panel .cp2-ch--first {box-shadow:inset 0 0 0 2.5px #0f7a45; background:#e6f4ec}
.cf-ic--waiting {color:#8a9099}
/* 2026-10-22 문자 · 전화 맨 위 할 일 3칸 (숫자 · 새 문자 · 해야 할 일, 누르면 그 칸 목록) */
#workspace .ws-msg-todo {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 16px}
#workspace .ws-msg-todo-card {display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; padding:14px 16px; border:1px solid #e3e6ea; border-radius:var(--dd-r-card); background:#fff; color:#1e1e1e; text-align:left}
#workspace .ws-msg-todo-card .t {display:inline-flex; align-items:center; gap:6px; font-size:15px; font-weight:600; color:#30353c; white-space:nowrap}
#workspace .ws-msg-todo-card .t svg {width:16px; height:16px}
#workspace .ws-msg-todo-card b {font-size:28px; font-weight:800; line-height:1.15; letter-spacing:-.02em}
#workspace .ws-msg-todo-card b small {margin-left:2px; font-size:15px; font-weight:700}
#workspace .ws-msg-todo-card .d {display:flex; align-items:center; gap:4px; min-width:0; font-size:14px; font-weight:500; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-msg-todo-card .d .dot {flex:none; width:8px; height:8px; border-radius:50%; background:#d92d20}
#workspace .ws-msg-todo-card[aria-pressed="true"] {border-color:#0d111b; box-shadow:inset 0 0 0 1px #0d111b}
#workspace .ws-msg-todo-card.is-refund .t, #workspace .ws-msg-todo-card.is-refund b {color:#b42318}
#workspace .ws-msg-todo-card.is-refund[aria-pressed="true"] {border-color:#b42318; box-shadow:inset 0 0 0 1px #b42318}
@media (max-width:760px){
  #workspace .ws-msg-todo-card {padding:12px 10px}
  #workspace .ws-msg-todo-card .t {font-size:13px; gap:4px}
  #workspace .ws-msg-todo-card .t svg {display:none}
  #workspace .ws-msg-todo-card b {font-size:24px}
  #workspace .ws-msg-todo-card .d {font-size:12px; white-space:normal}
}
/* 주문 등록 화면 머리 [+ 주문 등록] */
#workspace .ws-ord-new {display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:1.5px solid #0d111b; border-radius:var(--dd-r-ctl); background:#fff; color:#0d111b; font-size:15px; font-weight:700; white-space:nowrap}
#workspace .ws-ord-new svg {width:18px; height:18px}
/* 2026-10-22 문자함 줄: "입금했다고 해요" 표시도 이름 옆 첫 줄 (목록 줄 공통 규칙, 2줄 고정) */
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text > strong {display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text > strong .ws-msg-tag {flex:0 1 auto; min-width:0; margin:0; padding:1px 6px; border-radius:6px; font-size:13px; font-weight:700; line-height:20px; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-msg-icon svg {width:18px; height:18px}
body.dd-figma-app:not(#np) #workspace .ws-msg-head .ws-msg-todo-hint {margin:4px 0 0; font-size:15px; font-weight:500; color:#666}
/* 2026-10-23 휴대폰 문자 · 전화 토큰 3칸: 화면 폭에 맞춰 똑같이 나눔 (넘쳐서 잘리지 않게, 아이콘은 숨김) */
@media (max-width:760px){
  body.dd-figma-app:not(#np) #workspace .ws-msg-head .ws-msg-tools:has(> .ws-msg-seg) {width:100%; min-width:0}   /* 토큰이 있는 줄만 (홈 제목 줄은 그대로) */
  body.dd-figma-app:not(#np) #workspace .ws-msg-head .ws-msg-seg {flex:1 1 auto; width:100%; min-width:0}
  body.dd-figma-app:not(#np) #workspace .ws-msg-head .ws-msg-seg button {flex:1 1 0; min-width:0; padding:0 4px; gap:3px; font-size:14px; white-space:nowrap}
  body.dd-figma-app:not(#np) #workspace .ws-msg-head .ws-msg-seg button .si {display:none}
}
/* 2026-10-23 A안: 문자 · 전화 화면 제목 아래 "N건"(제목 숫자와 달라 헷갈림) 숨김 */
#workspace[data-msg-simple="1"] #ws-count {display:none}
/* 2026-10-23 맨 위 줄: 테두리 상자 대신 평평한 줄 → "띠링" 글자 시작 = 아래 내용 시작 (PC = 왼쪽 메뉴 "나의 업무" 줄 32px, 휴대폰 = 제목 줄 20px) */
body.dd-figma-app:not(#np) #workspace .ws-global-head {margin:0 !important; width:100% !important; top:0 !important; border:0; border-bottom:1px solid #eceef1; border-radius:0; box-shadow:none; padding-left:32px; padding-right:32px}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-brand {padding-left:0; margin-left:0}
@media (max-width:760px){
  body.dd-figma-app:not(#np) #workspace .ws-global-head {padding-left:20px; padding-right:20px}
}
/* 2026-10-23 오른쪽 위 중요 알림 (종 선그림 + 빨간 숫자 하나). 할 일이 없으면 회색 종만 */
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert {position:relative; display:inline-grid !important; place-items:center; width:44px; height:44px; margin-left:auto; margin-right:8px; border:0; border-radius:50%; background:transparent; color:#8a9099}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert.has-alert {color:#1e1e1e}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert:hover {background:#f2f4f7}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert-n {position:absolute; top:4px; right:2px; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:#d92d20; color:#fff; font-size:12px; font-weight:800; line-height:20px; text-align:center; box-shadow:0 0 0 2px #fff}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert-n[hidden] {display:none}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert + .ws-account {margin-left:0}
@media (max-width:760px){ body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert {margin-right:-6px} }
/* 중요 알림 창 */
.dd-figma-app .ws-alert-sheet .ws-alert-list {display:flex; flex-direction:column; gap:8px; padding:4px 0 8px}
.dd-figma-app .ws-alert-sheet .ws-alert-row {display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:78px; padding:14px 16px; border:1px solid #e3e6ea; border-radius:var(--dd-r-card); background:#fff; color:#1e1e1e; text-align:left}
.dd-figma-app .ws-alert-sheet .ws-alert-main {display:flex; flex-direction:column; gap:3px; min-width:0}
.dd-figma-app .ws-alert-sheet .ws-alert-main b {font-size:17px; font-weight:600}
.dd-figma-app .ws-alert-sheet .ws-alert-main small {font-size:14px; line-height:1.4; color:#666}
.dd-figma-app .ws-alert-sheet .ws-alert-c {flex:none; font-size:26px; font-weight:800; color:#b42318}
.dd-figma-app .ws-alert-sheet .ws-alert-c small {margin-left:2px; font-size:15px; font-weight:700}
.dd-figma-app .ws-alert-sheet .ws-alert-row.is-zero {background:#fafbfc; color:#8a9099}
.dd-figma-app .ws-alert-sheet .ws-alert-row.is-zero .ws-alert-c {color:#8a9099}
.dd-figma-app .ws-alert-sheet .ws-alert-row.is-ar {border-style:dashed}
.dd-figma-app .ws-alert-sheet .ws-alert-go {font-size:22px; color:#8a9099}
/* 문자 목록: 새 문자 / 읽었어요 구분 줄 */
body.dd-figma-app:not(#np) #workspace .ws-msg-list .ws-msg-split {display:block; margin:0; padding:10px 16px; background:#f7f8fa; font-size:14px; font-weight:600; color:#4a4f57; border-top:1px solid #eceef1}
body.dd-figma-app:not(#np) #workspace .ws-msg-list .ws-msg-split:first-child {border-top:0}
body.dd-figma-app:not(#np) #workspace .ws-msg-list .ws-msg-split.is-new {color:#b42318}
/* 종 그림이 숫자에 가리지 않게: 숫자는 종 오른쪽 위 바깥으로 */
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert svg {width:24px; height:24px}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-alert-n {top:2px; right:-6px; min-width:18px; height:18px; padding:0 5px; font-size:11px; line-height:18px}
/* 구분 줄은 한 줄 ("새 문자 4명") */
body.dd-figma-app:not(#np) #workspace .ws-msg-list .ws-msg-split b {display:inline; margin-left:4px; font-size:inherit; font-weight:800}
/* 2026-10-23 오른쪽 위 = 오늘 요약 단추 (선그림 + "오늘 125,000원") */
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today {display:inline-flex !important; align-items:center; gap:6px; min-height:40px; margin-left:auto; margin-right:12px; padding:0 14px; border:0; border-radius:999px; background:#f2f4f7; color:#30353c; font-size:15px; font-weight:600; white-space:nowrap}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today b {font-weight:800; color:#1e1e1e}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today:hover {background:#e9ecf0}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today + .ws-account {margin-left:0}
@media (max-width:760px){ body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today {margin-right:0; padding:0 12px; font-size:14px} body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today svg {display:none} }
/* 오늘 요약 창 */
.dd-figma-app .ws-today-sheet .ws-today-big {display:flex; flex-direction:column; gap:4px; margin:0 0 16px; padding:16px; border-radius:var(--dd-r-card); background:#f7f8fa}
.dd-figma-app .ws-today-sheet .ws-today-big small {font-size:15px; font-weight:600; color:#4a4f57}
.dd-figma-app .ws-today-sheet .ws-today-big b {font-size:32px; font-weight:800; letter-spacing:-.02em; color:#1e1e1e}
.dd-figma-app .ws-today-sheet .ws-today-big span {font-size:14px; color:#666}
.dd-figma-app .ws-today-sheet .ws-today-big em {font-style:normal; font-weight:700} .dd-figma-app .ws-today-sheet .is-up {color:#0f7a45} .dd-figma-app .ws-today-sheet .is-down {color:#b42318}
.dd-figma-app .ws-today-sheet .ws-today-list {display:flex; flex-direction:column; gap:8px}
.dd-figma-app .ws-today-sheet .ws-today-row {display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:78px; padding:14px 16px; border:1px solid #e3e6ea; border-radius:var(--dd-r-card)}
.dd-figma-app .ws-today-sheet .ws-today-main {display:flex; flex-direction:column; gap:3px} .dd-figma-app .ws-today-sheet .ws-today-main b {font-size:17px; font-weight:600} .dd-figma-app .ws-today-sheet .ws-today-main small {font-size:14px; color:#666}
.dd-figma-app .ws-today-sheet .ws-today-v {display:flex; flex-direction:column; align-items:flex-end; gap:2px} .dd-figma-app .ws-today-sheet .ws-today-v b {font-size:24px; font-weight:800} .dd-figma-app .ws-today-sheet .ws-today-v b small {margin-left:2px; font-size:15px; font-weight:700} .dd-figma-app .ws-today-sheet .ws-today-v > small {font-size:14px; color:#4a4f57; font-weight:600}
.dd-figma-app .ws-today-sheet .ws-today-note {margin:12px 0 4px; font-size:13px; color:#8a9099}
/* 문자: 맨 위 "새 문자(모든 칸)" 목록과 아래 목록 사이 간격 · 칸 표시 */
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg-list + .ws-msg-list {margin-top:16px}
body.dd-figma-app:not(#np) #workspace .ws-msg-list .ws-msg-split small {margin-left:8px; font-size:13px; font-weight:500; color:#8a9099}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text > strong .ws-msg-flowtag {flex:none; margin:0; padding:1px 6px; border-radius:6px; background:#eef1f5; color:#30353c; font-size:13px; font-weight:700; font-style:normal; line-height:20px}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-flowtag.is-refund {background:#fdeeed; color:#c0362c}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-flowtag.is-order {background:#fff3e3; color:#b45309}
body.dd-figma-app:not(#np) #workspace .ws-msg-none {margin-top:12px}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text > strong .ws-msg-flowtag.is-refund {background:#fdeeed; color:#c0362c}
body.dd-figma-app:not(#np) #workspace #ws-content .ws-msg .ws-msg-text > strong .ws-msg-flowtag.is-order {background:#fff3e3; color:#b45309}
/* 2026-10-23 오른쪽 위 가게 이름 ▾ 없앰 (설정은 왼쪽 아래 "업체 정보 · 설정" · 휴대폰 더보기에서). 오늘 요약이 오른쪽 끝 */
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-account {display:none !important}
body.dd-figma-app:not(#np) #workspace .ws-global-head .ws-today {margin-right:0}
/* 2026-10-23 "이번 달 번 돈" 창: 줄을 누르면 그 화면 (› ) */
.dd-figma-app .ws-today-sheet button.ws-today-row {width:100%; background:#fff; color:#1e1e1e; text-align:left; cursor:pointer}
.dd-figma-app .ws-today-sheet button.ws-today-row:hover {background:#f7f8fa}
.dd-figma-app .ws-today-sheet .ws-today-row.is-zero {background:#fafbfc; color:#8a9099}
.dd-figma-app .ws-today-sheet .ws-today-go {flex:none; margin-left:4px; font-size:22px; color:#8a9099}
.dd-figma-app .ws-today-sheet .ws-today-v {margin-left:auto}
.dd-figma-app .ws-today-sheet .ws-today-row.is-todaymoney .ws-today-v b {color:#0f7a45}
.dd-figma-app .ws-today-sheet .ws-today-row.is-refund:not(.is-zero) .ws-today-v b {color:#b42318}
/* 2026-10-23 등급 금 · 은 · 동 (사장님, FC온라인 카드처럼): 1등급 금 · 2등급 은 광택 + 몇 초에 한 번 빛줄기, 3등급 동. 움직임 줄이기 설정이면 멈춤 */
.cf-num {position:relative; overflow:hidden}
.cf-num.cf-num--diamond {background:linear-gradient(135deg,#fbe7a1 0%,#e2b93b 42%,#b8860b 70%,#f3d77a 100%); color:#4a3200 !important; box-shadow:inset 0 0 0 1px rgba(120,80,0,.35)}
.cf-num.cf-num--gold {background:linear-gradient(135deg,#ffffff 0%,#d5dbe1 40%,#98a2ad 72%,#e9edf1 100%); color:#25303b !important; box-shadow:inset 0 0 0 1px rgba(60,72,84,.35)}
.cf-num.cf-num--first {background:linear-gradient(135deg,#f2c39b 0%,#c27c45 50%,#8a4b22 100%); color:#fff !important; box-shadow:inset 0 0 0 1px rgba(90,45,15,.35)}
.cf-num.cf-num--diamond::after, .cf-num.cf-num--gold::after {content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.9) 50%,transparent 70%); transform:translateX(-130%); animation:ddTierShine 3.6s ease-in-out infinite; pointer-events:none}
.cf-num.cf-num--gold::after {animation-delay:1.2s}
@keyframes ddTierShine {0%,68% {transform:translateX(-130%)} 100% {transform:translateX(130%)}}
/* 동그라미 테두리 = 같은 금 · 은 · 동 */
body.dd-figma-app:not(#np) #workspace :is(.ws-order-row, .ws-rc-row) > .ws-ch--t-diamond, body.dd-figma-app:not(#np) #workspace .ws-msg-icon--t-diamond, #customer-panel .cp2-ch--diamond {box-shadow:inset 0 0 0 2px #c9a227, 0 0 0 2px rgba(226,185,59,.18); background:linear-gradient(145deg,#fffaea,#fbeec4)}
body.dd-figma-app:not(#np) #workspace :is(.ws-order-row, .ws-rc-row) > .ws-ch--t-gold, body.dd-figma-app:not(#np) #workspace .ws-msg-icon--t-gold, #customer-panel .cp2-ch--gold {box-shadow:inset 0 0 0 2px #98a2ad, 0 0 0 2px rgba(152,162,173,.18); background:linear-gradient(145deg,#ffffff,#eef1f4)}
body.dd-figma-app:not(#np) #workspace :is(.ws-order-row, .ws-rc-row) > .ws-ch--t-first, body.dd-figma-app:not(#np) #workspace .ws-msg-icon--t-first, #customer-panel .cp2-ch--first {box-shadow:inset 0 0 0 2px #b8713c; background:#fbf0e7}
@media (prefers-reduced-motion:reduce){ .cf-num::after {animation:none !important; display:none} }
/* 2026-10-23 고객 관리 · 단체 문자 등급 칩: 6칸 같은 폭 + 내용 가운데 (PC). 휴대폰은 지금처럼 옆으로 밀기 */
@media (min-width:761px){
  .dd-figma-app :is(#customer-filter-row, #sms-pick-row) {display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; overflow:visible}
  .dd-figma-app :is(#customer-filter-row, #sms-pick-row) .filter-chip {width:100%; min-width:0; justify-content:center; padding-left:8px; padding-right:8px}
  .dd-figma-app :is(#customer-filter-row, #sms-pick-row) .filter-chip .cf-lab {justify-content:center; white-space:nowrap}
}
/* 2026-10-23 검색 = 맨 위에 뜨는 창 (화면 이동 없음) + 손님 카드 (증권 앱 종목 카드처럼) */
body.dd-figma-app:not(#np) #workspace .ws-home-search .ws-home-search-open {flex:1 1 auto; min-width:0; height:100%; min-height:48px; padding:0; border:0; background:transparent; color:#8a9099; font-size:17px; font-weight:500; text-align:left; cursor:text}
body.ws-search-open {overflow:hidden}
#workspace .ws-sq-wrap {position:fixed; inset:0; z-index:850; display:flex; justify-content:center; align-items:flex-start; padding:12px 16px}
#workspace .ws-sq-back {position:absolute; inset:0; background:rgba(13,17,27,.38)}
#workspace .ws-sq {position:relative; display:flex; flex-direction:column; width:100%; max-width:640px; max-height:calc(100dvh - 24px); border-radius:var(--dd-r-sheet); background:#fff; box-shadow:0 12px 40px rgba(13,17,27,.22); overflow:hidden; animation:ddSqIn .18s ease-out}
@keyframes ddSqIn {from {opacity:0; transform:translateY(-8px)} to {opacity:1; transform:none}}
#workspace .ws-sq-input {display:flex; align-items:center; gap:10px; flex:none; min-height:60px; padding:0 20px; border-bottom:1px solid #eceef1; color:#30353c}
#workspace .ws-sq-input input {flex:1 1 auto; min-width:0; height:56px; border:0; outline:0; background:transparent; color:#1e1e1e; font-size:18px; font-weight:500}
#workspace .ws-sq-body {flex:1 1 auto; overflow-y:auto; padding:16px 20px; overscroll-behavior:contain}
#workspace .ws-sq-body > .ws-msg-desc {margin:0 0 12px; font-size:14px; color:#666}
#workspace .ws-sq-label {margin:0 0 10px; font-size:15px; font-weight:600; color:#4a4f57}
#workspace .ws-sq-recent {display:flex; flex-wrap:wrap; gap:8px}
#workspace .ws-sq-chip {min-height:40px; padding:0 14px; border:0; border-radius:999px; background:#f2f4f7; color:#1e1e1e; font-size:15px; font-weight:600}
#workspace .ws-sq-clear {min-height:40px; padding:0 8px; border:0; background:none; color:#8a9099; font-size:14px}
#workspace .ws-sq-empty {margin:8px 0; font-size:15px; color:#8a9099}
#workspace .ws-sq-foot {flex:none; display:flex; justify-content:flex-end; padding:8px 12px; border-top:1px solid #eceef1}
#workspace .ws-sq-close {min-height:44px; padding:0 16px; border:0; background:none; color:#4a4f57; font-size:16px; font-weight:600}
@media (max-width:760px){ #workspace .ws-sq-wrap {padding:0} #workspace .ws-sq {max-width:none; max-height:100dvh; height:100dvh; border-radius:0} }
/* 손님 카드 */
#workspace .ws-scard {margin:0 0 12px; border:1px solid #e3e6ea; border-radius:var(--dd-r-card); background:#fff; overflow:hidden}
#workspace .ws-scard-head {display:flex; align-items:center; gap:12px; padding:16px 16px 12px}
#workspace .ws-scard-head > .ws-ch {position:relative; flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#f2f4f7; font-size:16px; font-weight:700; color:#1e1e1e}
#workspace .ws-scard-head > .ws-ch--t-diamond {box-shadow:inset 0 0 0 2px #c9a227, 0 0 0 2px rgba(226,185,59,.18); background:linear-gradient(145deg,#fffaea,#fbeec4)}
#workspace .ws-scard-head > .ws-ch--t-gold {box-shadow:inset 0 0 0 2px #98a2ad; background:linear-gradient(145deg,#fff,#eef1f4)}
#workspace .ws-scard-head > .ws-ch--t-first {box-shadow:inset 0 0 0 2px #b8713c; background:#fbf0e7}
#workspace .ws-scard-who {display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto}
#workspace .ws-scard-who b {font-size:17px; font-weight:600; color:#1e1e1e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-scard-who small, #workspace .ws-scard-sum small {font-size:14px; font-weight:500; color:#666}
#workspace .ws-scard-sum {display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex:none}
#workspace .ws-scard-sum b {font-size:18px; font-weight:800; color:#1e1e1e}
#workspace .ws-scard-sec {padding:0 16px 12px}
#workspace .ws-scard-label {display:flex; align-items:center; gap:6px; margin:0 0 6px; font-size:14px; font-weight:600; color:#30353c}
#workspace .ws-scard-label small {margin-left:auto; font-size:13px; font-weight:500; color:#8a9099}
#workspace .ws-scard-dot {width:8px; height:8px; border-radius:50%; background:#d92d20}
#workspace .ws-scard-box {display:flex; flex-direction:column; width:100%; padding:4px 14px; border:0; border-radius:var(--dd-r-card); background:#f7f8fa; text-align:left; color:#1e1e1e}
#workspace .ws-scard-msg {flex-direction:row; align-items:center; gap:10px; min-height:52px; padding:10px 14px; cursor:pointer}
#workspace .ws-scard-msg span {flex:1 1 auto; min-width:0; font-size:15px; color:#30353c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-scard-msg em {flex:none; padding:4px 10px; border:1px solid rgba(105,65,198,.35); border-radius:999px; color:#6941c6; font-size:13px; font-weight:800; font-style:normal; background:#fff}
#workspace .ws-scard-row {display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:60px; padding:10px 0; border:0; border-top:1px solid #eceef1; background:none; color:#1e1e1e; text-align:left; cursor:pointer}
#workspace .ws-scard-row:first-child {border-top:0}
#workspace .ws-scard-row.is-rq {box-shadow:inset 3px 0 0 #d92d20; padding-left:10px}
#workspace .ws-scard-main {display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto}
#workspace .ws-scard-main b {display:flex; align-items:center; gap:6px; font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-scard-main small {font-size:13px; color:#666}
#workspace .ws-scard-end {display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex:none}
#workspace .ws-scard-end b {font-size:16px; font-weight:800} #workspace .ws-scard-end b.is-x {color:#8a9099; text-decoration:line-through}
#workspace .ws-scard-end .ws-pay {font-size:13px}
#workspace .ws-scard-end em {font-style:normal; font-size:14px; font-weight:700; color:#4a4f57} #workspace .ws-scard-end em.is-late {color:#b42318} #workspace .ws-scard-end em.is-done {color:#0f7a45}
#workspace .ws-scard-bar {display:flex; align-items:center; gap:8px; min-width:0} #workspace .ws-scard-bar small {white-space:nowrap}
#workspace .ws-scard-more {display:block; width:100%; margin-top:6px; padding:6px 0; border:0; background:none; color:#006da8; font-size:14px; font-weight:600; text-align:center}
#workspace .ws-scard-foot {display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #eceef1}
#workspace .ws-scard-foot button {min-height:48px; border:0; background:#fff; font-size:15px; font-weight:700; color:#0f7a45}
#workspace .ws-scard-foot button + button {border-left:1px solid #eceef1; color:#6941c6}
#workspace .ws-scard-foot button:hover, #workspace .ws-scard-row:hover, #workspace .ws-scard-msg:hover {background:#f2f4f7}
/* 검색 창 고침: 글칸 겹테두리 없앰 · 주문 줄 상태 글자 보이게 */
body.dd-figma-app:not(#np) #workspace .ws-sq-input input {border:0 !important; box-shadow:none !important; outline:0 !important; padding:0 !important; min-height:0 !important; border-radius:0 !important; background:transparent !important}
body.dd-figma-app:not(#np) #workspace .ws-sq-input:focus-within {box-shadow:inset 0 -2px 0 #0d111b}
body.dd-figma-app:not(#np) #workspace .ws-scard-end .ws-pay {display:inline-flex !important; align-items:center; font-size:13px; font-weight:700}
/* 2026-10-23 검색 창 = 원래 검색칸 자리에서 아래로 펼침 (위치 · 폭은 화면 코드가 검색칸에 맞춤) */
html.ws-sq-lock {overflow:hidden}
#workspace .ws-sq-wrap {display:block; padding:0}
#workspace .ws-sq-back {background:rgba(13,17,27,.28)}
#workspace .ws-sq {position:fixed; max-width:none; border-radius:var(--dd-r-sheet); animation:ddSqDrop .16s ease-out}
@keyframes ddSqDrop {from {opacity:0; transform:translateY(-4px)} to {opacity:1; transform:none}}
@media (max-width:760px){ #workspace .ws-sq-wrap {padding:0} #workspace .ws-sq {height:auto; border-radius:var(--dd-r-sheet)} }
/* 손님 카드 = 날짜별 줄 (증권 앱처럼): 점 + 세로줄, 줄마다 회색 상자 두 칸 */
#workspace .ws-scard-head {padding:18px 18px 14px}
#workspace .ws-scard-head > .ws-ch {width:48px; height:48px; font-size:17px}
#workspace .ws-scard-sum b {font-size:19px}
#workspace .ws-tl {padding:0 18px 6px}
#workspace .ws-tl-item {position:relative; padding:0 0 14px 22px}
#workspace .ws-tl-item::before {content:""; position:absolute; left:5px; top:20px; bottom:0; width:2px; background:#e3e6ea}
#workspace .ws-tl-item:last-child::before {bottom:14px}
#workspace .ws-tl-date {display:flex; align-items:center; gap:8px; margin:0 0 8px; min-height:22px; font-size:15px; color:#1e1e1e}
#workspace .ws-tl-date b {font-weight:700}
#workspace .ws-tl-dot {position:absolute; left:0; top:5px; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 2px #c8ccd2}
#workspace .ws-tl-dot.is-on {background:#1e1e1e; box-shadow:none}
#workspace .ws-tl-today {padding:0 6px; border:1px solid #0f7a45; border-radius:6px; color:#0f7a45; font-size:12px; font-weight:800; font-style:normal; line-height:18px}
#workspace .ws-tl-right {margin-left:auto; font-size:13px; font-weight:500; color:#8a9099}
#workspace .ws-tl-box {display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:stretch; width:100%; padding:12px 0; border:0; border-radius:var(--dd-r-card); background:#f5f6f8; color:#1e1e1e; text-align:left; cursor:pointer}
#workspace .ws-tl-box:hover {background:#eef0f3}
#workspace .ws-tl-box.is-rq {box-shadow:inset 3px 0 0 #d92d20}
#workspace .ws-tl-col {display:flex; flex-direction:column; gap:3px; min-width:0; padding:0 16px}
#workspace .ws-tl-col + .ws-tl-col {border-left:1px solid #dfe2e6}
#workspace .ws-tl-col small {display:flex; align-items:center; gap:5px; font-size:13px; font-weight:500; color:#8a9099}
#workspace .ws-tl-col b {display:flex; align-items:center; gap:6px; font-size:16px; font-weight:700; color:#1e1e1e}
#workspace .ws-tl-one {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block !important}
#workspace .ws-tl-one .ws-rq-badge {margin-left:6px}
#workspace .ws-tl-amt {align-items:flex-end; min-width:110px} #workspace .ws-tl-amt b.is-x {color:#8a9099; text-decoration:line-through}
#workspace .ws-tl-amt .ws-pay {display:inline-flex !important; font-size:13px; font-weight:700}
#workspace .ws-tl-act {align-items:flex-start; justify-content:center} #workspace .ws-tl-act em {padding:3px 10px; border:1px solid rgba(105,65,198,.35); border-radius:999px; background:#fff; color:#6941c6; font-size:13px; font-weight:800; font-style:normal}
#workspace .ws-scard-foot button {min-height:46px; font-size:15px}
@media (max-width:760px){ #workspace .ws-tl-amt {min-width:0} #workspace .ws-tl-col {padding:0 12px} }
/* 넓은 검색 창: 손님 카드를 나란히 (PC). 위 안내 · 최근 손님은 한 줄 전체 */
@media (min-width:1100px){
  #workspace .ws-sq-body .ws-scards {display:grid; grid-template-columns:repeat(auto-fit,minmax(420px,1fr)); gap:12px; align-items:start}
  #workspace .ws-sq-body .ws-scards > .ws-scard {margin:0}
}
/* 2026-10-23 검색 카드: 결론 상자 (지금 할 일 · 최근 주문) + 자세히 보기 */
#workspace .ws-scard-concl {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); width:100%; padding:12px 0; border:0; border-radius:var(--dd-r-card); background:#f5f6f8; text-align:left; cursor:pointer}
#workspace .ws-scard-concl:hover {background:#eef0f3}
#workspace .ws-scard-concl b {font-size:17px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block}
#workspace .ws-scard-todo.is-refund {color:#b42318} #workspace .ws-scard-todo.is-reply {color:#6941c6} #workspace .ws-scard-todo.is-pay, #workspace .ws-scard-todo.is-check {color:#b45309} #workspace .ws-scard-todo.is-ship, #workspace .ws-scard-todo.is-track {color:#006da8} #workspace .ws-scard-todo.is-late {color:#b42318} #workspace .ws-scard-todo.is-none {color:#8a9099}
#workspace .ws-scard-detail {padding-top:4px}
#workspace .ws-scard-toggle {display:flex; align-items:center; justify-content:center; gap:4px; width:100%; min-height:44px; border:0; border-top:1px solid #eceef1; background:#fff; color:#4a4f57; font-size:15px; font-weight:600}
#workspace .ws-scard-toggle svg {transition:transform .15s}
#workspace .ws-scard-toggle .t-close {display:none}
#workspace .ws-scard.is-open .ws-scard-toggle .t-open {display:none} #workspace .ws-scard.is-open .ws-scard-toggle .t-close {display:inline} #workspace .ws-scard.is-open .ws-scard-toggle svg {transform:rotate(180deg)}
#workspace .ws-scard .ws-scard-sec {padding:0 18px 14px}
@media (max-width:760px){
  #workspace .ws-scard-concl {grid-template-columns:1fr; row-gap:10px}
  #workspace .ws-scard-concl .ws-tl-col + .ws-tl-col {border-left:0; border-top:1px solid #dfe2e6; padding-top:10px}
}
/* 2026-10-23 검색 카드 배송 상자: 송장 번호(복사) · 지금 단계 · 막대 · 장소/시각 · CJ 링크 (자세히에서는 단계별 기록) */
#workspace .ws-trk-label {margin-top:12px}
#workspace .ws-trk {margin-top:8px; padding:12px 16px; border:1px solid #e3e6ea; border-radius:var(--dd-r-card); background:#fff}
#workspace .ws-trk.is-late {border-color:#f4c7c3; background:#fffafa}
#workspace .ws-trk-top {display:flex; align-items:center; justify-content:space-between; gap:12px}
#workspace .ws-trk-col {display:flex; flex-direction:column; gap:2px; min-width:0}
#workspace .ws-trk-col small {font-size:13px; color:#8a9099}
#workspace .ws-trk-col b {font-size:17px; font-weight:700; letter-spacing:.02em; font-variant-numeric:tabular-nums}
#workspace .ws-trk-copy {flex:none; min-height:36px; padding:0 12px; border:1px solid #d0d5dd; border-radius:var(--dd-r-ctl); background:#fff; color:#30353c; font-size:14px; font-weight:700}
#workspace .ws-trk-now {display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-top:10px}
#workspace .ws-trk-now > b {font-size:16px; font-weight:800; color:#006da8}
#workspace .ws-trk.is-late .ws-trk-now > b {color:#b42318} #workspace .ws-trk.is-done .ws-trk-now > b {color:#0f7a45}
#workspace .ws-trk-now small {width:100%; font-size:14px; color:#666}
#workspace .ws-trk-list {margin:10px 0 0; padding:10px 0 0; border-top:1px solid #eceef1}
#workspace .ws-trk-cj {display:inline-block; margin-top:8px; color:#006da8; font-size:14px; font-weight:600}
#workspace .ws-tl-item .ws-trk {margin-top:8px}
#workspace .ws-trk .ws-trk-list {margin:10px 0 0 6px; padding:6px 0 0 14px; list-style:none; border-top:0; border-left:2px solid #e3e6ea}
#workspace .ws-trk .ws-trk-list li {position:relative; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; padding:4px 0 4px 10px; font-size:15px; color:#4a4f57}
#workspace .ws-trk .ws-trk-list li::before {content:""; position:absolute; left:-21px; top:10px; width:10px; height:10px; border-radius:50%; background:#c4c9cf}
#workspace .ws-trk .ws-trk-list li:first-child::before {background:#006da8; box-shadow:0 0 0 3px #d6e9f5}
#workspace .ws-trk .ws-trk-list li:first-child b {color:#1e1e1e}
#workspace .ws-trk .ws-trk-list li small {font-size:14px; color:#666}
#workspace .ws-trk .ws-trk-list li span {margin-left:auto; font-size:13px; color:#8a9099}
/* 2026-10-23 검색 카드 "지금 상황" 한 줄 (홈 칸 이름 알약 · 상품 · 금액 · ›) */
#workspace .ws-scard-now {display:flex; align-items:center; gap:10px; width:100%; min-height:52px; padding:0 14px; border:0; border-radius:var(--dd-r-card); background:#f5f6f8; color:#1e1e1e; text-align:left; cursor:pointer}
#workspace .ws-scard-now:hover {background:#eef0f3}
#workspace .ws-scard-now em {flex:none; padding:3px 10px; border-radius:999px; font-size:14px; font-weight:800; font-style:normal; background:#e9ecf0; color:#30353c}
#workspace .ws-scard-now.is-refund em {background:#fdeeed; color:#b42318} #workspace .ws-scard-now.is-pay em {background:#fff3e3; color:#b45309} #workspace .ws-scard-now.is-ship em {background:#e6f1f8; color:#006da8} #workspace .ws-scard-now.is-go em {background:#e6f4ec; color:#0f7a45} #workspace .ws-scard-now.is-reply em {background:#f1ecfb; color:#6941c6}
#workspace .ws-scard-now span {flex:1 1 auto; min-width:0; font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#workspace .ws-scard-now b {flex:none; font-size:16px; font-weight:800}
#workspace .ws-scard-now i {flex:none; font-style:normal; font-size:20px; color:#8a9099}
/* 2026-10-23 검색 카드: 진행 중인 것만 한 줄씩 (줄 사이 8px, 배송 중이면 줄 밑에 송장 상자) */
#workspace .ws-scard-nowlist {display:flex; flex-direction:column; gap:8px}
#workspace .ws-scard-nowitem .ws-trk {margin-top:6px}
#workspace .ws-scard-none {margin:0 18px 14px; padding:14px; border-radius:var(--dd-r-card); background:#f5f6f8; color:#8a9099; font-size:15px}
#workspace .ws-scard-foot button {display:inline-flex; align-items:center; justify-content:center; gap:6px}
#workspace .ws-scard-foot button svg {width:18px; height:18px; flex:none}

/* 2026-10-29 영업용 [사용법] 버튼 (홈 제목 줄, 시험 서버만) + 화면을 덮는 시연 창 (booth.html?guide=1, 누를 때마다 다음 장면) */
#workspace .ws-guide-btn {display:inline-flex; align-items:center; gap:6px; height:44px; padding:0 14px; border:1px solid #e3e6ea; border-radius:12px; background:#fff; color:#1e1e1e; font:inherit; font-size:16px; font-weight:700; cursor:pointer; white-space:nowrap}
#workspace .ws-guide-btn:active {background:#f2f4f7}
#workspace .ws-guide-btn:focus-visible {outline:3px solid #006da8; outline-offset:2px}
.ws-guide {position:fixed; inset:0; z-index:9000; display:flex; flex-direction:column; background:#eef1f4}
.ws-guide-bar {flex:none; display:flex; align-items:center; gap:10px; min-height:60px; padding:max(6px, env(safe-area-inset-top)) 8px 6px 16px; background:#fff; border-bottom:1px solid rgba(3,14,27,.10); color:#1e1e1e}
.ws-guide-bar b {font-size:18px; font-weight:800}
.ws-guide-bar span {font-size:15px; color:#4a4f57}
.ws-guide iframe {flex:1; width:100%; min-height:0; border:0; display:block}
.ws-guide-x {margin-left:auto; display:grid; place-items:center; width:48px; height:48px; border:0; border-radius:12px; background:none; color:#1e1e1e; cursor:pointer}
.ws-guide-x:active {background:#f2f4f7}
.ws-guide-x:focus-visible {outline:3px solid #006da8; outline-offset:2px}
/* 2026-10-29 홈 [시연 모드] 버튼: 켜지면 검정 바탕 (선택된 상태) */
#workspace .ws-demo-btn.is-on {background:#0d111b; border-color:#0d111b; color:#fff}