/* =============================================================
   세일즈 플로우 — 맥(파이프라인 탭 2안). 범위: #pipeline-content 안쪽만, 값은 ui-tokens.css 에서만.
   머리 한 줄 · 공지 한 줄 · 안쪽 탭 세그먼트 · 단계 칸 회색 묶음 · 2줄 카드 · 오른쪽 칸 묶음.
   휴대폰: 칸반 먼저(단계 칸 옆으로 밀기), 오른쪽 칸 내용은 아래.
   아직 그대로: 상세 · 새 영업건 창, 실패·리텐션 보기, 나머지 안쪽 탭 6개.
   되돌리기: index.tsx 의 이 파일 <link> 한 줄 + ws-pipeline.js 카드 · 칸 마크업.
   ============================================================= */
html #pipeline-content{ background:var(--ui-bg) }
html #pipeline-content *:not(i):not(.fas):not(.far):not(.fa){ font-family:var(--ui-font) !important }
html #pipeline-content > div > .bg-white{ border:0 !important; box-shadow:none !important; border-radius:0 !important; background:transparent !important }
/* 머리: 그라데이션 아이콘 · 부제 없이 제목 한 줄 + 사용가이드 흰 단추 */
html #pipeline-content > div > .bg-white > div:first-child{ padding:4px 16px 8px !important }
html #pipeline-content > div > .bg-white > div:first-child .w-9{ display:none }
html #pipeline-content > div > .bg-white > div:first-child h2{ font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-bold) !important; color:var(--ui-text-1) !important }
html #pipeline-content > div > .bg-white > div:first-child p{ display:none }
html #pipeline-content > div > .bg-white > div:first-child > button{ height:var(--ui-control-sm); padding:0 10px !important; background:var(--ui-surface) !important; color:var(--ui-text-1) !important; box-shadow:var(--ui-elev-control) !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #pipeline-content > div > .bg-white > div:first-child > button i{ font-size:11px !important; color:var(--ui-text-2) }
/* 공지 줄: 한 줄 · 이모지 숨김 · 회색 묶음 */
html #pipeline-content #pl-notice-banner{ margin:0 16px 8px !important; height:36px; padding:0 6px 0 12px !important; border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-accent-tint) !important }
html #pipeline-content #pl-notice-banner > span:first-child{ display:none }
html #pipeline-content #pl-notice-banner > div{ display:flex; gap:8px; align-items:baseline }
html #pipeline-content #pl-notice-banner p:first-child{ font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-semibold) !important; color:var(--ui-text-1) !important }
html #pipeline-content #pl-notice-banner p + p{ font-size:var(--ui-text-caption) !important; color:var(--ui-text-2) !important }
html #pipeline-content #pl-notice-banner > button:not([title]){ height:24px; padding:0 8px !important; background:transparent !important; color:var(--ui-accent-text) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #pipeline-content #pl-notice-banner > button[title]{ width:24px !important; height:24px !important; color:var(--ui-text-2) !important }
/* 안쪽 탭 7개: 한 줄 세그먼트 */
html #pipeline-content > div > .bg-white > .px-5{ padding:0 16px !important }
html #pipeline-content #pl-subtab-nav{ display:inline-flex !important; flex-wrap:nowrap; gap:0; padding:2px; border:0 !important; border-radius:var(--ui-radius-control); background:var(--ui-fill) !important; max-width:100%; overflow-x:auto; scrollbar-width:none }
html #pipeline-content #pl-subtab-nav .pl-nav-tab{ flex:none; height:26px; padding:0 12px !important; border-radius:calc(var(--ui-radius-control) - 2px) !important; background:transparent !important; box-shadow:none !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important; white-space:nowrap }
html #pipeline-content #pl-subtab-nav .pl-nav-tab i{ display:none }
html #pipeline-content #pl-subtab-nav .pl-nav-tab::after, html #pipeline-content #pl-subtab-nav .pl-nav-tab::before{ content:none !important; display:none !important }
html #pipeline-content #pl-subtab-nav .pl-nav-tab--active{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; font-weight:var(--ui-weight-semibold) !important }
html #pipeline-content > div > .bg-white > .p-5{ padding:10px 16px 16px !important }
/* 도구 줄: [전체 | 내 카드] ··· [파이프라인 | 실패·리텐션] [새 영업건] — 분할 단추 고른 칸 흰색, 채운 파랑은 새 영업건 하나 */
html #pipeline-content #pipeline-content-inner > .pl-tools{ display:flex; align-items:center; gap:8px; height:28px; margin-bottom:8px !important }
html #pipeline-content #pipeline-content-inner .pl-shell-t{ display:none }
html #pipeline-content .pl-tools-sp{ flex:1 }
html #pipeline-content .pl-seg{ display:inline-flex; flex:none; padding:2px; border-radius:var(--ui-radius-control); background:var(--ui-fill) }
html #pipeline-content .pl-seg button{ height:22px; padding:0 11px; border:0; border-radius:calc(var(--ui-radius-control) - 2px); background:transparent; color:var(--ui-text-1); font-size:var(--ui-text-footnote); white-space:nowrap; cursor:default }
html #pipeline-content .pl-seg button + button:not(.on){ box-shadow:inset var(--ui-hairline) 0 0 var(--ui-line) }
html #pipeline-content .pl-seg button.on + button{ box-shadow:none }
html #pipeline-content .pl-seg button.on{ background:var(--ui-surface); box-shadow:var(--ui-elev-control); font-weight:var(--ui-weight-semibold) }
html #pipeline-content .pl-new{ flex:none; height:var(--ui-control-sm); padding:0 12px; border:0; border-radius:var(--ui-radius-control); background:var(--ui-accent); color:var(--ui-on-accent); font-size:var(--ui-text-footnote); font-weight:var(--ui-weight-semibold); cursor:default }
html #pipeline-content .pl-new::before{ content:"+"; margin-right:4px; font-weight:var(--ui-weight-regular) }
/* 보드 + 레일 */
html #pipeline-content #pipeline-content-inner > .flex.gap-4{ gap:12px !important }
html #pipeline-content #pl-rail-wrap{ width:260px !important }
html #pipeline-content .pl-board{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.72fr); gap:8px; align-items:start }
html #pipeline-content .pl-col{ display:flex; flex-direction:column; min-width:0; border-radius:var(--ui-radius-group); background:var(--ui-fill-subtle) }
html #pipeline-content .pl-hd{ display:flex; align-items:center; gap:6px; height:32px; padding:0 10px; font-size:var(--ui-text-footnote); white-space:nowrap }
html #pipeline-content .pl-t{ font-weight:var(--ui-weight-semibold); color:var(--ui-text-1) }
html #pipeline-content .pl-n{ min-width:18px; height:18px; padding:0 5px; border-radius:var(--ui-radius-pill); background:var(--ui-fill); color:var(--ui-text-2); font-size:var(--ui-text-caption); line-height:18px; text-align:center }
html #pipeline-content .pl-subt{ display:none }
html #pipeline-content .pl-sum{ margin-left:auto; color:var(--ui-text-2); font-size:var(--ui-text-caption) }
html #pipeline-content .pl-list{ display:flex; flex-direction:column; gap:4px; padding:0 6px 6px; max-height:calc(100vh - 250px); overflow-y:auto; scrollbar-gutter:stable }
html #pipeline-content .pl-empty{ padding:14px 0; text-align:center; font-size:var(--ui-text-footnote) !important; color:var(--ui-text-2) !important }
html #pipeline-content .pl-card{ position:relative; padding:7px 10px; border-radius:var(--ui-radius-control); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); cursor:pointer }
@media (hover:hover){ html #pipeline-content .pl-card:hover{ box-shadow:0 0 0 1px var(--ui-accent) } }
html #pipeline-content .pl-card > div{ display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap }
html #pipeline-content .pl-l1{ height:18px; font-size:var(--ui-text-body) }
html #pipeline-content .pl-l2{ height:16px; margin-top:2px; font-size:var(--ui-text-caption); color:var(--ui-text-2) }
html #pipeline-content .pl-co-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; font-weight:var(--ui-weight-semibold) }
html #pipeline-content .pl-amt{ flex:none; font-variant-numeric:tabular-nums } html #pipeline-content .pl-amt.none{ color:var(--ui-text-3); font-size:var(--ui-text-caption) }
html #pipeline-content .pl-prod{ min-width:0; overflow:hidden; text-overflow:ellipsis }
html #pipeline-content .pl-own, html #pipeline-content .pl-sub, html #pipeline-content .pl-q{ flex:none }
html #pipeline-content .pl-q{ color:var(--ui-success) }
html #pipeline-content .pl-sep{ flex:none; color:var(--ui-text-3) }
html #pipeline-content .pl-next{ min-width:0; overflow:hidden; text-overflow:ellipsis }
html #pipeline-content .pl-next.over{ color:var(--ui-danger) }
html #pipeline-content .pl-acts{ position:absolute; right:6px; top:5px; display:none; gap:2px; padding:1px; border-radius:6px; background:var(--ui-surface); box-shadow:var(--ui-elev-control) }
@media (hover:hover){ html #pipeline-content .pl-card:hover .pl-acts{ display:inline-flex } }
html #pipeline-content .pl-acts button{ height:20px; padding:0 6px; border:0; background:transparent; font:inherit; font-size:11px; color:var(--ui-text-1); cursor:pointer; border-radius:5px }
html #pipeline-content .pl-acts button:hover{ background:var(--ui-fill-subtle) } html #pipeline-content .pl-acts .del{ color:var(--ui-danger) }
/* 레일 묶음 사이 간격은 .rl-cap 이 맡음(테일윈드 space-y-3 끔) */
html #pipeline-content #pl-rail-wrap > * + *{ margin-top:0 !important }
/* 휴대폰: 보드가 레일에 밀려 폭 0 이던 것 → 보드 먼저(단계 칸 옆으로 밀기), 레일은 아래 */
@media (max-width:767px){
  html #pipeline-content #pipeline-content-inner > .flex.gap-4{ flex-direction:column !important }
  html #pipeline-content #pipeline-content-inner > .flex.gap-4 > .flex-1{ width:100% }
  html #pipeline-content #pl-rail-wrap{ width:100% !important; position:static !important }
  html #pipeline-content .pl-board{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:8px; scrollbar-width:none }
  html #pipeline-content .pl-col{ flex:0 0 calc(100vw - 56px); scroll-snap-align:start }
  html #pipeline-content .pl-list{ max-height:calc(100vh - 330px) }
  html #pipeline-content .pl-card{ padding:9px 12px }
  html #pipeline-content #pipeline-content-inner > .pl-tools{ flex-wrap:wrap; height:auto; row-gap:6px }
  html #pipeline-content .pl-seg button{ height:28px }
  html #pipeline-content #pl-notice-banner p + p{ display:none }
}

/* 함께 담당(홈페이지 문의 배치)은 남은 폭에서 말줄임 — 이름이 길면 카드 밖으로 넘치던 것(운영 실데이터 1280). 전체 이름은 카드 title */
html #pipeline-content .pl-co{ display:block; flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:inherit !important; color:inherit !important; margin:0 !important }
html #pipeline-content .pl-card > .pl-l2{ overflow:hidden }
html #pipeline-content .pl-co i{ display:none }
html #pipeline-content .pl-col.drop{ box-shadow:inset 0 0 0 2px var(--ui-accent) }
html #pipeline-content .pl-col.won .pl-amt{ color:var(--ui-text-2) }

/* =============================================================
   오른쪽 칸 · 실패·리텐션 보기 — 맥(사용자 승인 A안 목록). 회색 작은 제목 + 흰 묶음 목록.
   ============================================================= */
/* ── 오른쪽 칸: 회색 작은 제목 + 흰 묶음 목록 ── */
html #pipeline-content #pl-rail-wrap .rl-cap{ display:flex; align-items:center; gap:6px; height:18px; margin:14px 10px 5px; font-size:var(--ui-text-caption); font-weight:var(--ui-weight-semibold); color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap > div:first-child > .rl-cap:first-child, html #pipeline-content #pl-target-panel:empty + #pl-rail > .rl-cap:first-child{ margin-top:0 }
html #pipeline-content #pl-rail-wrap .rl-cnt{ margin-left:auto; font-weight:var(--ui-weight-regular) }
html #pipeline-content #pl-rail-wrap .rl-grp{ border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); overflow:hidden }
html #pipeline-content #pl-rail-wrap .rl-row{ display:flex; align-items:center; gap:8px; min-height:30px; padding:5px 12px; font-size:var(--ui-text-footnote); color:var(--ui-text-1) }
html #pipeline-content #pl-rail-wrap .rl-row + .rl-row{ box-shadow:inset 0 var(--ui-hairline) 0 var(--ui-line) }
html #pipeline-content #pl-rail-wrap .rl-k{ flex:none; color:var(--ui-text-1) }
html #pipeline-content #pl-rail-wrap .rl-fun .rl-k{ width:56px }
html #pipeline-content #pl-rail-wrap .rl-bar{ flex:1; height:4px; border-radius:2px; background:var(--ui-fill) }
html #pipeline-content #pl-rail-wrap .rl-bar i{ display:block; height:100%; border-radius:2px; background:var(--ui-accent) }
html #pipeline-content #pl-rail-wrap .rl-n{ flex:none; min-width:18px; text-align:right; font-variant-numeric:tabular-nums }
html #pipeline-content #pl-rail-wrap .rl-amt{ flex:none; width:52px; text-align:right; color:var(--ui-text-2); font-variant-numeric:tabular-nums }
html #pipeline-content #pl-rail-wrap .rl-foot{ justify-content:space-between; color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap .rl-foot .rl-k{ color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap .rl-foot .rl-n{ color:var(--ui-text-1); font-weight:var(--ui-weight-semibold) }
html #pipeline-content #pl-rail-wrap .rl-two{ min-height:40px }
html #pipeline-content #pl-rail-wrap .rl-main{ flex:1; min-width:0 }
html #pipeline-content #pl-rail-wrap .rl-co, html #pipeline-content #pl-rail-wrap .rl-desc{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px }
html #pipeline-content #pl-rail-wrap .rl-desc{ font-size:var(--ui-text-caption); color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap .rl-when{ flex:none; font-size:var(--ui-text-caption); color:var(--ui-text-2); font-variant-numeric:tabular-nums }
html #pipeline-content #pl-rail-wrap .rl-when.over{ color:var(--ui-danger) }
html #pipeline-content #pl-rail-wrap .rl-when.today{ color:var(--ui-warning) }
html #pipeline-content #pl-rail-wrap .rl-empty{ justify-content:center; color:var(--ui-text-3) }
/* 수주 목표 */
html #pipeline-content #pl-rail-wrap .st-body{ padding:10px 12px 9px }
html #pipeline-content #pl-rail-wrap .st-num{ display:flex; align-items:baseline; gap:5px; white-space:nowrap }
html #pipeline-content #pl-rail-wrap .st-v{ font-size:var(--ui-text-title2); font-weight:var(--ui-weight-semibold); color:var(--ui-text-1); font-variant-numeric:tabular-nums }
html #pipeline-content #pl-rail-wrap .st-of{ font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap .st-bar{ height:4px; margin:8px 0 6px; border-radius:2px; background:var(--ui-fill) }
html #pipeline-content #pl-rail-wrap .st-bar i{ display:block; height:100%; border-radius:2px; background:var(--ui-success-dot) }
html #pipeline-content #pl-rail-wrap .st-sub{ font-size:var(--ui-text-caption); color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap .st-sub.pend{ color:var(--ui-warning) }
html #pipeline-content #pl-rail-wrap .st-foot{ box-shadow:inset 0 var(--ui-hairline) 0 var(--ui-line); padding:6px 8px }
html #pipeline-content #pl-rail-wrap .st-btn{ display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 10px; border:0; border-radius:var(--ui-radius-control); background:var(--ui-surface); box-shadow:var(--ui-elev-control); color:var(--ui-text-1); font-size:var(--ui-text-footnote); cursor:default }
html #pipeline-content #pl-rail-wrap .st-btn.st-r, html #pipeline-content #pl-rail-wrap .st-foot .st-btn:only-child, html #pipeline-content #pl-rail-wrap .st-state + .st-btn{ margin-left:auto }
html #pipeline-content #pl-rail-wrap .st-badge{ min-width:16px; height:16px; padding:0 4px; border-radius:var(--ui-radius-pill); background:var(--ui-danger); color:var(--ui-on-accent); font-size:11px; font-weight:var(--ui-weight-semibold); line-height:16px; text-align:center }
html #pipeline-content #pl-rail-wrap .st-none{ font-size:var(--ui-text-caption); color:var(--ui-text-3) }
html #pipeline-content #pl-rail-wrap .st-state{ font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #pipeline-content #pl-rail-wrap .st-state.approved{ color:var(--ui-success) } html #pipeline-content #pl-rail-wrap .st-state.pending{ color:var(--ui-warning) } html #pipeline-content #pl-rail-wrap .st-state.rejected{ color:var(--ui-danger) }
html #pipeline-content #pl-rail-wrap .st-rej{ align-items:flex-start } html #pipeline-content #pl-rail-wrap .st-rej-t{ flex:1; min-width:0; white-space:pre-wrap; color:var(--ui-danger) }
html #pipeline-content #pl-rail-wrap .st-seg{ display:inline-flex; margin-left:auto; padding:1px; border-radius:6px; background:var(--ui-fill) }
html #pipeline-content #pl-rail-wrap .st-seg button{ height:18px; padding:0 9px; border:0; border-radius:5px; background:transparent; color:var(--ui-text-1); font-size:11px; font-weight:var(--ui-weight-regular); cursor:default }
html #pipeline-content #pl-rail-wrap .st-seg button.on{ background:var(--ui-surface); box-shadow:var(--ui-elev-control); font-weight:var(--ui-weight-semibold) }

/* ── 실패 · 리텐션 보기 ── */
html #pipeline-content .rt-sum{ display:flex; align-items:center; gap:14px; min-height:40px; margin-bottom:6px; padding:6px 8px 6px 14px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); white-space:nowrap }
html #pipeline-content .rt-sum-t{ font-size:var(--ui-text-body); font-weight:var(--ui-weight-semibold); color:var(--ui-text-1) }
html #pipeline-content .rt-sum-t b{ font-weight:inherit }
html #pipeline-content .rt-stats{ display:flex; align-items:center; gap:12px; min-width:0; overflow:hidden; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #pipeline-content .rt-stats b{ margin-left:2px; font-weight:var(--ui-weight-semibold); color:var(--ui-text-1) }
html #pipeline-content .rt-stats .red, html #pipeline-content .rt-stats .red b{ color:var(--ui-danger) }
html #pipeline-content .rt-stats .orange, html #pipeline-content .rt-stats .orange b{ color:var(--ui-warning) }
html #pipeline-content .rt-stats .sep{ width:var(--ui-hairline); height:14px; background:var(--ui-line) }
html #pipeline-content .rt-link{ margin-left:auto; height:24px; padding:0 8px; border:0; border-radius:var(--ui-radius-control); background:transparent; color:var(--ui-accent-text); font-size:var(--ui-text-footnote); cursor:default }
@media (hover:hover){ html #pipeline-content .rt-link:hover{ background:var(--ui-fill-subtle) } }
html #pipeline-content .rt-cap{ display:flex; gap:6px; margin:16px 12px 6px; font-size:var(--ui-text-caption); font-weight:var(--ui-weight-semibold); color:var(--ui-text-2) }
html #pipeline-content .rt-cap span{ font-weight:var(--ui-weight-regular) }
html #pipeline-content .rt-empty{ padding:40px 0; text-align:center; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #pipeline-content .rt-dl{ flex:none; font-size:var(--ui-text-caption); color:var(--ui-text-2); white-space:nowrap }
html #pipeline-content .rt-dl.red{ color:var(--ui-danger) } html #pipeline-content .rt-dl.orange{ color:var(--ui-warning) }
html #pipeline-content button.rt-dl{ padding:0; border:0; background:transparent; text-decoration:underline; text-underline-offset:2px; cursor:default }
html #pipeline-content .rt-acts{ display:none; gap:2px; padding:1px; border-radius:6px; background:var(--ui-surface); box-shadow:var(--ui-elev-control) }
html #pipeline-content .rt-acts button{ height:22px; padding:0 7px; border:0; border-radius:5px; background:transparent; color:var(--ui-text-1); font-size:var(--ui-text-caption); white-space:nowrap; cursor:default }
html #pipeline-content .rt-acts button.pri{ color:var(--ui-accent-text) } html #pipeline-content .rt-acts button.del{ color:var(--ui-danger) }
@media (hover:hover){ html #pipeline-content .rt-acts button:hover{ background:var(--ui-fill-subtle) } }
/* 유형별 묶음 목록: 한 건 한 줄 */
html #pipeline-content .rt-list{ border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); overflow:hidden }
html #pipeline-content .rt-row{ position:relative; display:flex; align-items:center; gap:12px; height:36px; padding:0 12px; font-size:var(--ui-text-body); white-space:nowrap; cursor:default }
html #pipeline-content .rt-row + .rt-row{ box-shadow:inset 0 var(--ui-hairline) 0 var(--ui-line) }
@media (hover:hover){ html #pipeline-content .rt-row:hover{ background:var(--ui-fill-subtle) } html #pipeline-content .rt-row:hover .rt-acts{ display:inline-flex; position:absolute; right:8px } html #pipeline-content .rt-row:hover :is(.rt-dlw, .rt-days){ visibility:hidden } }
html #pipeline-content .rt-row .rt-co{ flex:0 1 220px; min-width:0; overflow:hidden; text-overflow:ellipsis; font-weight:var(--ui-weight-semibold) }
html #pipeline-content .rt-row .rt-why{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #pipeline-content .rt-row .rt-amt{ flex:none; width:90px; text-align:right; font-variant-numeric:tabular-nums }
html #pipeline-content .rt-row .rt-dlw{ flex:none; width:120px; text-align:right }
html #pipeline-content .rt-row .rt-days{ flex:none; width:84px; text-align:right; font-size:var(--ui-text-caption); color:var(--ui-text-2) }

/* 주간 경위서 띠(다른 파일 마크업): 흰 묶음 한 줄, 색 아이콘 숨김 */
html #pipeline-content #rw-banner > div{ margin-bottom:6px !important; padding:6px 8px 6px 14px !important; border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 var(--ui-hairline) var(--ui-line) !important }
html #pipeline-content #rw-banner .w-9.h-9{ display:none !important }
html #pipeline-content #rw-banner .text-sm{ font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html #pipeline-content #rw-banner .text-sm.text-gray-600{ font-weight:var(--ui-weight-regular) !important; color:var(--ui-text-2) !important }
html #pipeline-content #rw-banner :is(.text-red-700, .text-red-600){ color:var(--ui-danger) !important } html #pipeline-content #rw-banner .text-emerald-700{ color:var(--ui-success) !important } html #pipeline-content #rw-banner .text-blue-700{ color:var(--ui-text-1) !important }
html #pipeline-content #rw-banner :is(.text-red-500, .text-red-400, .text-emerald-600, .text-blue-500){ color:var(--ui-text-2) !important }
html #pipeline-content #rw-banner [class*="text-[11px]"]{ font-size:var(--ui-text-caption) !important }
html #pipeline-content #rw-banner button{ height:24px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #pipeline-content #rw-banner button i{ display:none }
html #pipeline-content #rw-banner button[onclick^="_rwOpenReport"]{ background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; box-shadow:none !important }
html #pipeline-content #rw-banner button[onclick^="_rwConfirmPenalty"]{ color:var(--ui-danger) !important }

@media (max-width:767px){
  html #pipeline-content .rt-sum{ flex-wrap:wrap; gap:4px 12px; padding:8px 12px; white-space:normal }
  html #pipeline-content .rt-stats{ order:3; width:100%; flex-wrap:wrap; gap:4px 12px }
  html #pipeline-content .rt-stats .sep{ display:none }
  html #pipeline-content .rt-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"co amt" "dl days" "why why" "acts acts"; height:auto; min-height:44px; padding:8px 12px; gap:2px 8px; white-space:normal }
  html #pipeline-content .rt-row .rt-co{ grid-area:co; white-space:nowrap }
  html #pipeline-content .rt-row .rt-amt{ grid-area:amt; width:auto }
  html #pipeline-content .rt-row .rt-dlw{ grid-area:dl; width:auto; text-align:left }
  html #pipeline-content .rt-row .rt-days{ grid-area:days; width:auto }
  html #pipeline-content .rt-row .rt-why{ grid-area:why; white-space:nowrap }
  html #pipeline-content .rt-row .rt-acts{ grid-area:acts; justify-self:start }
  /* 휴대폰은 마우스 올림이 없어 손댈 단추를 늘 보임 */
  html #pipeline-content .rt-acts{ display:inline-flex; margin-top:4px; box-shadow:none; background:transparent; padding:0; gap:4px }
  html #pipeline-content .rt-acts button{ height:28px; padding:0 10px; background:var(--ui-fill-subtle) }
}

/* 오른쪽 아래 도움말(?) 단추가 레일 마지막 줄을 가리던 것 → 아래 여백(계약관리와 같은 값) */
@media (min-width:768px){ html #pipeline-content{ padding-bottom:76px } }