/*
 * 작업현황 (소유자 전용 실시간 화면, 2026-11-11) — 컨셉 D «리스트별 분할» (sample/work-flow/d.html)
 * 색은 전부 테마 토큰(var(--ord-*)) — 라이트/다크 자동. 사이드바 «소유자» 배지(.sidebar-owner-badge)도 여기.
 */

/* 사이드바 2차 메뉴 «소유자» 배지 — 소유자 전용 화면 표식 */
.sidebar-owner-badge { margin-left: auto; flex-shrink: 0; padding: 1px 7px; border-radius: 999px; font-size: 10px; font-weight: 700; line-height: 1.5;
  background: var(--ord-tint-violet-bg); color: var(--ord-tint-violet-fg); border: 1px solid var(--ord-tint-violet-line); }
.sidebar-menu-item-wrap:has(> .sidebar-favorite-btn) .sidebar-owner-badge { margin-right: 18px; }

.ws { color: var(--ord-text); }
.ws-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.ws-title { margin: 0; font-size: 19px; font-weight: 800; display: inline-flex; align-items: center; gap: 8px; }
.ws-owner-badge { padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; background: var(--ord-tint-violet-bg); color: var(--ord-tint-violet-fg); border: 1px solid var(--ord-tint-violet-line); }
.ws-sp { flex: 1; }
.ws-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700;
  background: var(--ord-tint-green-bg); color: var(--ord-tint-green-fg); border: 1px solid var(--ord-tint-green-line); }
.ws-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--ord-solid-green); animation: ws-pulse 1.6s infinite; }
.ws-pill.is-off { background: var(--ord-band); color: var(--ord-text-3); border-color: var(--ord-line); }
.ws-pill.is-off i { background: var(--ord-text-4); animation: none; }
@keyframes ws-pulse { 0% { box-shadow: 0 0 0 0 var(--ord-tint-green-line); } 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }

.ws-sw { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--ord-text-2); cursor: pointer; user-select: none; }
.ws-sw input { position: absolute; opacity: 0; width: 0; height: 0; }
.ws-tr { position: relative; width: 30px; height: 17px; border-radius: 999px; background: var(--ord-line-2); transition: .15s; flex-shrink: 0; }
.ws-tr::after { content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px; border-radius: 50%; background: var(--ord-surface); transition: .15s; box-shadow: 0 1px 2px var(--ord-line-2); }
.ws-sw input:checked + .ws-tr { background: var(--ord-solid-blue); }
.ws-sw input:checked + .ws-tr::after { transform: translateX(13px); }
.ws-sw:has(input:checked) { color: var(--ord-accent-strong); font-weight: 600; }
.ws-sw input:focus-visible + .ws-tr { outline: 2px solid var(--ord-accent); outline-offset: 2px; }

.ws-tabs { display: none; margin-bottom: 12px; }

/* 캠페인 선택기(캠페인 2개 이상 업체) + 흐름·접속자 줄의 캠페인 칩 */
.ws-camp-sel { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--ord-text-2); font-weight: 600; }
.ws-select { max-width: 200px; padding: 5px 28px 5px 10px; border: 1px solid var(--ord-line-2); border-radius: 8px; font: inherit; font-size: 12px; font-weight: 600;
  background-color: var(--ord-input-bg, var(--ord-surface)); color: var(--ord-text); cursor: pointer; }
.ws-select:focus-visible { outline: 2px solid var(--ord-accent); outline-offset: 2px; }
.ws-camp { display: inline-block; padding: 0 7px; border-radius: 999px; font-size: 10.5px; font-weight: 700; line-height: 1.7; vertical-align: 1px;
  background: var(--ord-tint-gray-bg); color: var(--ord-tint-gray-fg); border: 1px solid var(--ord-line); white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }

/* 상단 요약 */
.ws-hero { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 16px 20px; border-radius: 14px; margin-bottom: 16px;
  background: var(--ord-head-bg); color: var(--ord-on-solid); }
.ws-hero-lab { font-size: 12px; opacity: .8; margin-bottom: 4px; }
.ws-hero-big { font-size: 40px; font-weight: 800; letter-spacing: -1px; line-height: 1; }
.ws-hero-big small { font-size: 14px; font-weight: 600; margin-left: 4px; opacity: .8; letter-spacing: 0; }
.ws-dist { min-width: 0; }
.ws-bar { display: flex; height: 14px; border-radius: 99px; overflow: hidden; background: color-mix(in srgb, var(--ord-on-solid) 18%, transparent); }
.ws-bar i { display: block; height: 100%; transition: width .5s; }
.ws-bar .db, .ws-leg .db i { background: var(--ord-solid-blue); }
.ws-bar .od, .ws-leg .od i { background: var(--ord-solid-violet); }
.ws-bar .etc, .ws-leg .etc i { background: color-mix(in srgb, var(--ord-on-solid) 60%, transparent); }
.ws-bar .idle, .ws-leg .idle i { background: color-mix(in srgb, var(--ord-on-solid) 28%, transparent); }
.ws-leg { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 8px; font-size: 12px; }
.ws-leg span { display: inline-flex; align-items: center; gap: 5px; }
.ws-leg i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; }
.ws-today { display: flex; gap: 18px; text-align: center; }
.ws-today b { display: block; font-size: 22px; font-weight: 800; }
.ws-today span { font-size: 11px; opacity: .8; }

/* 상담사 프로필 줄 (히어로 바로 아래) — 눌러서 그 상담사의 작업현황만 */
.ws-people { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 12px; margin: -4px 0 4px; scrollbar-width: thin; }
.ws-pf { flex: 0 0 auto; width: 84px; text-align: center; cursor: pointer; background: none; border: 0; padding: 4px 0 2px; border-radius: 12px; color: inherit; font: inherit; }
.ws-pf:focus-visible { outline: 2px solid var(--ord-accent); outline-offset: 2px; }
.ws-pf-ring { width: 58px; height: 58px; margin: 0 auto; border-radius: 50%; padding: 3px; display: grid; place-items: center;
  border: 2.5px solid var(--ws-rc, var(--ord-line-2)); transition: transform .15s, background .15s; }
.ws-pf:hover .ws-pf-ring { transform: translateY(-2px); }
.ws-pf-ring .ws-av { width: 46px; height: 46px; font-size: 16px; }
.ws-pf.db { --ws-rc: var(--ord-solid-blue); }
.ws-pf.order { --ws-rc: var(--ord-solid-violet); }
.ws-pf.etc { --ws-rc: var(--ord-text-4); }
.ws-pf.idle .ws-pf-ring { border-style: dashed; opacity: .8; }
.ws-pf.off { opacity: .55; }
.ws-pf.off .ws-pf-ring { border-color: var(--ord-line); }
.ws-pf.is-on { background: var(--ord-accent-soft); }
.ws-pf.is-fresh .ws-pf-ring { animation: ws-fresh 2.4s ease-out; }
@keyframes ws-fresh { 0% { box-shadow: 0 0 0 0 var(--ord-accent); } 40% { box-shadow: 0 0 0 7px var(--ord-accent-soft); } 100% { box-shadow: 0 0 0 0 transparent; } }
@media (prefers-reduced-motion: reduce) { .ws-pf.is-fresh .ws-pf-ring { animation: none; } }
.ws-pf.is-on .ws-pf-ring { box-shadow: 0 0 0 3px var(--ord-accent); }
.ws-pf.is-on .ws-pf-n { color: var(--ord-accent-strong); }
.ws-pf-all { font-size: 12px; font-weight: 800; color: var(--ord-accent-strong); }
.ws-pf.all .ws-pf-ring { background: var(--ord-surface-2); }
.ws-pf-n { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; color: var(--ord-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 4px; }
.ws-pf-w { display: block; font-size: 10.5px; color: var(--ord-text-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 4px; }
.ws-filter { margin: 0 0 12px; padding: 8px 12px; border-radius: 10px; background: var(--ord-accent-soft); color: var(--ord-accent-strong); font-size: 12px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ws-filter button { border: 1px solid var(--ord-accent); background: var(--ord-surface); color: var(--ord-accent-strong); border-radius: 999px; padding: 2px 10px; font-size: 11.5px; font-weight: 700; cursor: pointer; }

/* 상담사별 오늘 — 프로필 줄 아래 «자세히» 표 (루트 data-team-open="1" 일 때만 보임) */
.ws-team-bar { display: flex; margin: -4px 0 12px; }
.ws-team-tg { display: inline-flex; align-items: center; gap: 6px; padding: 5px 13px; border-radius: 999px; border: 1px solid var(--ord-line-2); background: var(--ord-surface); color: var(--ord-text-2); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.ws-team-tg:hover { border-color: var(--ord-accent); color: var(--ord-accent-strong); }
.ws-team-tg:focus-visible { outline: 2px solid var(--ord-accent); outline-offset: 2px; }
.ws-team-tg .ws-chev { transform: rotate(-45deg); margin-top: 0; }
.ws[data-team-open="1"] .ws-team-tg { background: var(--ord-accent-soft); border-color: var(--ord-accent); color: var(--ord-accent-strong); }
.ws[data-team-open="1"] .ws-team-tg .ws-chev { transform: rotate(45deg); margin-top: -3px; }
.ws-team { display: none; margin-bottom: 16px; border: 1px solid var(--ord-line); border-radius: 12px; overflow-x: auto; background: var(--ord-surface); }
.ws[data-team-open="1"] .ws-team { display: block; }
.ws-tb { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ws-tb th { background: var(--ord-band); color: var(--ord-accent-strong); font-size: 11.5px; padding: 8px 10px; text-align: center; white-space: nowrap; }
.ws-tb td { padding: 7px 10px; border-top: 1px solid var(--ord-line-soft); text-align: center; white-space: nowrap; }
.ws-tb th:first-child, .ws-tb td:first-child { text-align: left; }
.ws-tb tbody tr { cursor: pointer; }
.ws-tb tbody tr:hover td { background: var(--ord-surface-2); }
.ws-tb tbody tr.is-on td { background: var(--ord-accent-soft); }
.ws-tb-nm { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.ws-tb-nm .ws-av { width: 26px; height: 26px; }
.ws-tb-key { color: var(--ord-accent-strong); font-weight: 800; }
.ws-tb-warn { color: var(--ord-tint-red-fg); font-weight: 700; }
.ws-rb { display: flex; gap: 2px; min-width: 180px; }
.ws-rb i { flex: 1; height: 14px; border-radius: 3px; background: var(--ord-line-soft); }
.ws-rb i.l1 { background: color-mix(in srgb, var(--ord-solid-blue) 30%, transparent); }
.ws-rb i.l2 { background: color-mix(in srgb, var(--ord-solid-blue) 60%, transparent); }
.ws-rb i.l3 { background: var(--ord-solid-blue); }
.ws-rb i.g { background: repeating-linear-gradient(45deg, var(--ord-tint-red-bg), var(--ord-tint-red-bg) 3px, var(--ord-tint-red-line) 3px, var(--ord-tint-red-line) 5px); }
.ws-team-note { margin: 0; padding: 7px 12px; border-top: 1px solid var(--ord-line-soft); font-size: 11px; color: var(--ord-text-4); }

/* 패널 */
.ws-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.ws-panel { border: 1px solid var(--ord-line); border-radius: 14px; background: var(--ord-surface); overflow: hidden; }
.ws-ph { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-bottom: 1px solid var(--ord-line); }
.ws-panel.db .ws-ph { background: var(--ord-tint-blue-bg); }
.ws-panel.order .ws-ph { background: var(--ord-tint-violet-bg); }
.ws-ph { flex-wrap: wrap; row-gap: 6px; }
.ws-ph h3 { margin: 0; font-size: 15px; font-weight: 800; white-space: nowrap; }
.ws-panel.db .ws-ph h3 { color: var(--ord-tint-blue-fg); }
.ws-panel.order .ws-ph h3 { color: var(--ord-tint-violet-fg); }
.ws-cnt { font-size: 12px; color: var(--ord-text-2); font-weight: 700; }
.ws-stack { display: flex; }
.ws-stack .ws-av { width: 28px; height: 28px; font-size: 11px; border: 2px solid var(--ord-surface); margin-left: -8px; }
.ws-stack .ws-av:first-child { margin-left: 0; }
.ws-av { width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 11px; font-weight: 800; color: var(--ord-on-solid); flex-shrink: 0; }
.ws-av-0 { background: var(--ord-solid-blue); } .ws-av-1 { background: var(--ord-solid-green); } .ws-av-2 { background: var(--ord-solid-violet); }
.ws-av-3 { background: var(--ord-solid-orange); } .ws-av-4 { background: var(--ord-solid-cyan); } .ws-av-5 { background: var(--ord-solid-gray); } .ws-av-6 { background: var(--ord-solid-red); }

.ws-k { display: flex; border-bottom: 1px solid var(--ord-line-soft); }   /* 항상 한 줄 — 칸이 좁아지면 글자만 줄인다 */
.ws-k div { flex: 1 1 0; min-width: 0; padding: 10px 2px; text-align: center; border-right: 1px solid var(--ord-line-soft); }
.ws-k div:last-child { border-right: 0; }
.ws-k .is-key { background: var(--ord-accent-soft); }
.ws-k .is-key b { color: var(--ord-accent-strong); }
.ws-k b { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.5px; line-height: 1.2; }
.ws-k span { display: block; font-size: 11px; color: var(--ord-text-4); line-height: 1.3; overflow-wrap: anywhere; }
/* 오늘 하루 시간대별 차트 (0~23시 · 누적 막대 · 지금 시각 강조) */
.ws-day { padding: 12px 16px 10px; border-bottom: 1px solid var(--ord-line-soft); }
.ws-day-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ws-day-h b { font-size: 12px; font-weight: 800; color: var(--ord-text-2); }
.ws-day-h span { font-size: 11.5px; color: var(--ord-text-3); }
.ws-day-legend { display: flex; align-items: center; gap: 4px 12px; flex-wrap: wrap; margin: 6px 0 8px; font-size: 10.5px; color: var(--ord-text-3); }
.ws-day-legend i { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: -6px; }
.ws-day-legend .v, .ws-stk .v { background: var(--ord-solid-cyan); }
.ws-day-legend .s, .ws-stk .s { background: var(--ord-solid-blue); }
.ws-day-legend .n, .ws-stk .n { background: var(--ord-solid-orange); }
.ws-day-legend .o, .ws-stk .o { background: var(--ord-solid-violet); }
.ws-day-chart { position: relative; display: flex; align-items: flex-end; gap: 3px; height: 96px; padding-top: 14px;
  background-image: linear-gradient(to bottom, var(--ord-line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--ord-line-soft) 1px, transparent 1px);
  background-size: 100% 50%, 100% 100%; background-position: 0 14px, 0 100%; background-repeat: no-repeat; border-bottom: 1px solid var(--ord-line-2); }
.ws-day-max { position: absolute; left: 0; top: 0; font-size: 10px; color: var(--ord-text-4); line-height: 1; }
.ws-col { position: relative; flex: 1 1 0; min-width: 0; height: 100%; display: flex; align-items: flex-end; cursor: default; }
.ws-col::before { content: ""; position: absolute; inset: 0; border-radius: 4px; background: transparent; transition: background .12s; }
.ws-col:hover::before { background: var(--ord-accent-soft); }
.ws-col.is-now::before { background: var(--ord-accent-soft); }
.ws-stk { position: relative; width: 100%; display: flex; flex-direction: column-reverse; border-radius: 3px 3px 0 0; overflow: hidden; min-height: 0; }
.ws-stk i { display: block; min-height: 2px; }
.ws-col.is-empty::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: var(--ord-line); }
.ws-col.is-future::after { opacity: .5; }
.ws-col.is-now .ws-stk { box-shadow: 0 0 0 1px var(--ord-accent); }
.ws-tip { position: absolute; bottom: calc(100% - 4px); left: 50%; transform: translateX(-50%); z-index: 5; min-width: max-content; max-width: 220px; padding: 6px 9px; border-radius: 8px;
  background: var(--ord-head-bg); color: var(--ord-on-solid); font-size: 11px; line-height: 1.5; text-align: center; box-shadow: var(--ord-shadow); opacity: 0; pointer-events: none; transition: opacity .1s; }
.ws-tip b { font-weight: 800; }
.ws-col:hover .ws-tip { opacity: 1; }
.ws-col:nth-child(-n+4) .ws-tip { left: 0; transform: none; }          /* 왼쪽 끝 칸은 툴팁이 패널 밖으로 안 나가게 */
.ws-col:nth-last-child(-n+4) .ws-tip { left: auto; right: 0; transform: none; }
.ws-day-axis { display: flex; gap: 3px; margin-top: 4px; }
.ws-day-axis span { flex: 1 1 0; min-width: 0; font-size: 10px; color: var(--ord-text-4); text-align: left; white-space: nowrap; overflow: visible; }
.ws-day-axis span.is-now { color: var(--ord-accent-strong); font-weight: 800; }

.ws-now { padding: 10px 16px 6px; border-bottom: 1px solid var(--ord-line-soft); }
.ws-now h4 { margin: 0 0 6px; font-size: 11.5px; color: var(--ord-text-3); }
.ws-now-tg { display: flex; align-items: center; gap: 6px; width: 100%; background: none; border: 0; padding: 2px 0; cursor: pointer; color: inherit; font: inherit; font-weight: 700; text-align: left; }
.ws-now-tg em { margin-left: auto; font-style: normal; font-weight: 700; color: var(--ord-text-2); }
.ws-now-tg:focus-visible { outline: 2px solid var(--ord-accent); outline-offset: 2px; border-radius: 6px; }
.ws-chev { width: 7px; height: 7px; border-right: 2px solid var(--ord-text-3); border-bottom: 2px solid var(--ord-text-3); transform: rotate(45deg); transition: transform .15s; margin: -3px 2px 0 1px; }
.ws[data-collapsed-db="1"] .ws-panel.db .ws-chev, .ws[data-collapsed-order="1"] .ws-panel.order .ws-chev { transform: rotate(-45deg); margin-top: 0; }
.ws[data-collapsed-db="1"] .ws-panel.db .ws-now-body, .ws[data-collapsed-order="1"] .ws-panel.order .ws-now-body { display: none; }
.ws-pr { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 5px 0; font-size: 12.5px; }
.ws-pr.idle { opacity: .6; }
.ws-pr.none { grid-template-columns: 1fr; color: var(--ord-text-4); padding: 8px 0; }
.ws-w { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-w b { font-weight: 800; }
.ws-w small { color: var(--ord-text-4); margin-left: 4px; font-size: 11.5px; }
.ws-el { font-size: 11px; color: var(--ord-text-4); }

.ws-feed { list-style: none; margin: 0; padding: 0; max-height: 400px; overflow-y: auto; }
.ws-ev { display: grid; grid-template-columns: 46px 22px minmax(0, 1fr); gap: 8px; align-items: center; padding: 8px 16px; border-bottom: 1px solid var(--ord-line-soft); font-size: 12.5px; }
.ws-ev:last-child { border-bottom: 0; }
.ws-t { font-size: 11px; color: var(--ord-text-4); text-align: right; line-height: 1.3; }
.ws-t b { display: block; font-size: 12px; font-weight: 700; color: var(--ord-text-2); }
.ws-x { min-width: 0; line-height: 1.5; overflow-wrap: anywhere; }
.ws-x b { font-weight: 800; }
.ws-cu { color: var(--ord-accent-strong); font-weight: 700; }
.ws-cn { font-weight: 600; }

/* 고객명 hover 읽기 전용 간편창(DB리스트 쪽) — 레이어·박스 모양은 _db_history_preview.css(.dhp-*) 를 그대로 쓴다 */
.ws-cu.is-peek, .ws-cn.is-peek { cursor: help; text-decoration: underline dotted; text-decoration-color: var(--ord-text-4); text-underline-offset: 3px; }
.ws-cu.is-peek.is-active, .ws-cn.is-peek.is-active { background: var(--ord-accent-soft); border-radius: 4px; }
.ws-peek-ro { padding: 7px 12px; border-top: 1px solid var(--ord-line); background: var(--ord-surface-2); color: var(--ord-text-4); font-size: 11px; text-align: center; }
.dhp-prog .ws-peek-ro { margin: 10px -14px -12px; }
.ws-peek[data-hide-system="1"] .ws-peek-sys { display: none; }
.ws-l2 { margin-top: 2px; display: flex; gap: 5px; align-items: center; flex-wrap: wrap; color: var(--ord-text-3); }
.ws-ar { color: var(--ord-text-4); }
.ws-note { color: var(--ord-text-2); background: var(--ord-surface-2); border: 1px solid var(--ord-line-soft); border-radius: 8px; padding: 2px 9px; max-width: 100%; }
.ws-empty { padding: 28px 16px; text-align: center; color: var(--ord-text-4); line-height: 1.7; }
.ws-empty small { font-size: 11.5px; }
.ws-ico { width: 20px; height: 20px; border-radius: 6px; display: inline-grid; place-items: center; flex-shrink: 0; }
.ws-ico-view { background: var(--ord-tint-cyan-bg); color: var(--ord-tint-cyan-fg); }
.ws-ico-status { background: var(--ord-tint-blue-bg); color: var(--ord-tint-blue-fg); }
.ws-ico-note { background: var(--ord-tint-amber-bg); color: var(--ord-tint-amber-fg); }
.ws-ico-order { background: var(--ord-tint-violet-bg); color: var(--ord-tint-violet-fg); }
.ws-ico-share { background: var(--ord-tint-green-bg); color: var(--ord-tint-green-fg); }
.ws-ico-edit { background: var(--ord-tint-gray-bg); color: var(--ord-tint-gray-fg); }

.ws-etc { margin-top: 16px; padding: 12px 16px; border: 1px dashed var(--ord-line-2); border-radius: 12px; display: flex; gap: 10px 18px; flex-wrap: wrap; align-items: center; font-size: 12px; color: var(--ord-text-3); }
.ws-etc-t { font-weight: 800; color: var(--ord-text-2); }
.ws-p { display: inline-flex; align-items: center; gap: 6px; color: var(--ord-text-2); font-weight: 600; }
.ws-p .ws-av { width: 22px; height: 22px; font-size: 10px; }
.ws-dim { color: var(--ord-text-4); font-weight: 500; }
.ws-etc-off { margin-left: auto; }

/* 모바일 — 패널은 탭으로 하나씩 */
@media (max-width: 900px) {
  .ws-hero { grid-template-columns: 1fr; gap: 12px; }
  .ws-hero-big { font-size: 34px; }
  .ws-grid { grid-template-columns: 1fr; }
  .ws-tabs { display: block; }
  .ws-k b { font-size: 18px; }
  .ws-k span { font-size: 10px; }
  .ws[data-tab="db"] .ws-panel.order, .ws[data-tab="order"] .ws-panel.db { display: none; }
  .ws-etc-off { margin-left: 0; width: 100%; }
}