/* retouch.css — 메인 리터치(2026-11-02). 시안: 작업/사이트/prototypes/main_retouch_v6.html
   index.html 인라인 스타일과 founder.css 뒤에 덧씌운다. 판 배치는 html[data-rt] 일 때만 건다
   (개발팀 대시보드 · 창 폭 1440 이상. data-rt 값이 판 높이 1080 | 1200). 브랜드 지사 · 리포트 · 모바일은 색 토큰만 따라간다.

   깊이에 뜻을 준다
     파인 판 = 기계가 쓴 것(AI 에이전트 터미널)
     바닥    = 지나가는 정보(KPI · 팀장 보고 · 메신저 · 처리량 · 일정 · 메일). 상자 없이 바탕 위 글자
     뜬 카드 = 대표가 손댈 것(결재함 · 척 · 배포). 줄마다 한 장
   간격: 바깥 40 · 단 사이 32 · 줄 사이 40 · 머리 → 내용 16 · 칸 글 시작선 = 칸 모서리 + 28 */

:root{
  --rt-sunk:#071417;
  --rt-sunk-sh:inset 0 2px 6px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.35),0 1px 0 rgba(200,240,235,.05);
  --rt-raised-sh:inset 0 1px 0 rgba(210,245,240,.09),inset 0 0 0 1px rgba(210,245,240,.05),0 1px 1px rgba(0,0,0,.45),0 18px 40px -14px rgba(0,0,0,.75),0 2px 8px -2px rgba(0,0,0,.4);
  --rt-hair:rgba(210,245,240,.07);
  --rt-hatch:rgba(170,215,208,.2);
  --rt-acc:#ddf59a;--rt-on-acc:#14260f;
  /* 「대표 차례」 글자색. 라이트에서는 라임이 바탕에 묻혀 올리브로 */
  --rt-acc-tx:#ddf59a;
}
html[data-mode="light"]{
  --rt-sunk:#dbe5e3;
  --rt-sunk-sh:inset 0 2px 5px rgba(10,40,40,.1),inset 0 0 0 1px rgba(10,40,40,.04),0 1px 0 rgba(255,255,255,.9);
  --rt-raised-sh:inset 0 1px 0 #fff,0 1px 1px rgba(10,40,40,.06),0 18px 40px -16px rgba(10,40,40,.2),0 2px 6px -2px rgba(10,40,40,.07);
  --rt-hair:rgba(10,40,40,.09);
  --rt-hatch:rgba(10,40,40,.16);
  --rt-acc-tx:#5d7d0e;
}

/* ================= 판 배치 ================= */
html[data-rt] #app{
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:32px;row-gap:40px;
  grid-template-rows:36px 92px 320px 204px 200px;
  padding:28px 40px 40px;height:calc(100vh / var(--z));min-height:0;
}
html[data-rt="1200"] #app{grid-template-rows:36px 92px 376px 220px 248px}
html[data-rt] #app>.row{display:contents}
html[data-rt] #app #top{grid-column:1/-1;grid-row:1;padding:0 28px}

/* KPI: 4단을 반으로 나눈 8칸. 결재 대기는 마지막 두 칸 */
html[data-rt] #kpi>.card{grid-row:2;grid-column:auto}
html[data-rt] #kpi>.card:nth-child(1){grid-column:1}
html[data-rt] #kpi>.card:nth-child(2){grid-column:2}
html[data-rt] #kpi>.card:nth-child(3){grid-column:3}
html[data-rt] #kpi>.card:nth-child(4){grid-column:4}
html[data-rt] #kpi>.card:nth-child(5){grid-column:5}
html[data-rt] #kpi>.card:nth-child(6){grid-column:7/9}

/* 1단: 결재함 | 팀장 보고 | 메신저 | 척 — 뜬 카드가 양 끝을 받친다 */
html[data-rt] #r1>.card:nth-child(1){grid-column:1/3;grid-row:3}
html[data-rt] #r1>.card:nth-child(2){grid-column:3/5;grid-row:3}
html[data-rt] #r1>.card:nth-child(4){grid-column:5/7;grid-row:3}
html[data-rt] #r1>.card:nth-child(3){grid-column:7/9;grid-row:3}
/* 아래: 세로 기둥 — 에이전트(1·2단 두 줄) · 처리량+일정 · 배포+메일 */
html[data-rt] #r2>.card:nth-child(1){grid-column:1/5;grid-row:4/6}
html[data-rt] #r2>.card:nth-child(2){grid-column:5/7;grid-row:4}
html[data-rt] #r3>.card:nth-child(1){grid-column:5/7;grid-row:5}
html[data-rt] #r3>.card:nth-child(2){display:none}
html[data-rt] #r3>.card:nth-child(3){grid-column:7/9;grid-row:5}
html[data-rt] #r3>.card:nth-child(4){grid-column:7/9;grid-row:4}

/* ================= 깊이 ================= */
/* 바닥: 상자를 걷는다 */
html[data-rt] #app .card{background:none;box-shadow:none;border-radius:0}
html[data-rt] #app .card>.hd{height:auto;padding:26px 28px 0;border:0;overflow:visible}
html[data-rt] #app .card>.bd{padding:16px 28px 0}
/* 뜬 카드 */
html[data-rt] #r1>.card:nth-child(1),
html[data-rt] #r1>.card:nth-child(3),
html[data-rt] #r3>.card:nth-child(4){background:var(--carbon);box-shadow:var(--rt-raised-sh);border-radius:20px}
html[data-rt] #r1>.card:nth-child(1)>.bd,
html[data-rt] #r1>.card:nth-child(3)>.bd,
html[data-rt] #r3>.card:nth-child(4)>.bd{padding:16px 28px 26px}
/* 아래 줄 바닥 칸은 머리를 줄 위에 붙인다(뜬 배포 카드의 머리와 높이를 맞추지 않고 줄 선에 맞춘다) */
html[data-rt] #r2>.card>.hd,html[data-rt] #r3>.card:nth-child(1)>.hd,html[data-rt] #r3>.card:nth-child(3)>.hd{padding-top:0}
/* 파인 판: 에이전트 터미널. 머리는 바닥에 두고 본문만 판다 */
html[data-rt] #r2>.card:nth-child(1)>.bd{margin-top:16px;padding:0;background:var(--rt-sunk);box-shadow:var(--rt-sunk-sh);border-radius:14px;overflow:hidden}

/* ================= 머리 글자 ================= */
html[data-rt] #app .hd{gap:12px}
html[data-rt] #app .hd h2{font-size:15px;font-weight:500;letter-spacing:0}
html[data-rt] #app .hd .m{font-size:13px;color:var(--ash)}

/* ================= KPI ================= */
html[data-rt] #kpi>.card{padding:0 0 0 28px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:0;row-gap:0;align-items:end}
html[data-rt] #kpi>.card+.card::before{left:-16px;top:4px;height:auto;bottom:4px;background:var(--rt-hair)}
html[data-rt] #kpi .k .l{grid-column:1/-1;font-size:13px;color:var(--ash)}
html[data-rt] #kpi .k .vr{grid-column:1;margin-top:8px}
html[data-rt] #kpi .k .v{font-size:40px;line-height:46px;font-weight:300;letter-spacing:-1px;color:var(--paper)}
html[data-rt] #kpi .k .v small{font-size:15px;font-weight:400;color:var(--ash);letter-spacing:0;margin-left:5px}
html[data-rt] #kpi .k svg.sp{grid-column:2;grid-row:2;width:56px;height:24px;margin:0 0 9px 16px;justify-self:start}
html[data-rt] #kpi .k .c{grid-column:1/-1;font-size:13px;color:var(--ash);margin-top:6px;white-space:nowrap}
/* KPI 칸 줄 자리를 못 박는다(앞 판 그리드 줄 번호가 남아 설명 줄과 스파크가 겹쳤다) */
html[data-rt] #kpi .k .l{grid-row:1}
html[data-rt] #kpi .k .vr{grid-row:2}
html[data-rt] #kpi .k svg.sp{grid-row:2;align-self:end}
html[data-rt] #kpi .k .c{grid-row:3}
html[data-rt] #kpi .k .c em{font-style:normal;font-weight:500}
html[data-rt] #kpi>.card:nth-child(6) .v{color:var(--rt-acc-tx)}

/* 처리량 막대: 지난 값은 가라앉힌 청록, p99 만 따뜻한 한 줄 */
html[data-rt]{--rq-a:#4f6f72;--rq-w:#2f4a4e;--rq-q:#223a3e}
html[data-rt][data-mode="light"]{--rq-a:#8fa7a4;--rq-w:#bccbc8;--rq-q:#d4dfdd}

/* ================= 행: 두 단 글자(이름 + 보조), 행 56 ================= */
.fa .sub{display:none}
html[data-rt] #app .fa{grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;row-gap:1px;
  padding-top:var(--fapad,8px);padding-bottom:var(--fapad,8px)}
html[data-rt] #app .fa img{grid-row:1/3;width:30px;height:30px}
html[data-rt] #app .fa .ttl{grid-column:2;grid-row:1;font-size:15px;font-weight:400;line-height:21px}
html[data-rt] #app .fa .amt{grid-column:3;grid-row:1;font-family:var(--code);font-size:14px;color:var(--paper);min-width:0}
html[data-rt] #app .fa .sub{display:block;grid-column:2;grid-row:2;font-size:13px;line-height:18px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-rt] #app .fa .st{grid-column:3;grid-row:2;font-size:13px}
html[data-rt] #app .fa .st i{display:none}
html[data-rt] #app .fa .st.a{color:var(--rt-acc-tx)}
/* 선택·hover 면: 글 시작선에 딱 붙은 직사각형은 행이 잘려 보인다.
   면을 좌우 14px 밖으로 빼고 둥글게 감싸, 글 시작선은 그대로 두고 면만 넉넉하게 */
/* 결재함(.fa) · 팀장 보고(.fr) · 메일(.fm) 모두 같은 면 문법을 쓴다 */
html[data-rt] #app .fa,html[data-rt] #app .fr,html[data-rt] #app .fr.rich{margin:0 -14px;padding-left:14px;padding-right:14px;border-radius:12px;border-top:0;transition:background-color .12s;
  background:linear-gradient(var(--rt-hair),var(--rt-hair)) 14px 0/calc(100% - 28px) 1px no-repeat}
html[data-rt] #app .fa:first-child,html[data-rt] #app .fa:hover,html[data-rt] #app .fa:hover+.fa,
html[data-rt] #app .fr:first-child,html[data-rt] #app .fr:hover,html[data-rt] #app .fr:hover+.fr{background-image:none}
html[data-rt] #app .fa:hover,html[data-rt] #app .fr:hover{background-color:var(--rt-row-hl)}
html[data-rt] #app .fm{margin:0 -14px;padding-left:14px;padding-right:14px;border-radius:12px}
html[data-rt] #app .fm:hover{background:var(--rt-row-hl)}
html[data-rt] #app .ms.me{margin:2px -14px;padding-left:14px;padding-right:14px;border-radius:12px;background:var(--rt-row-hl)}
html[data-rt] #app #assistant .ms.me{margin:0;padding-left:0;padding-right:0;border-radius:0;background:none}

html[data-rt] #app .fr,html[data-rt] #app .fr.rich{grid-template-columns:32px max-content max-content minmax(0,1fr);grid-template-rows:auto auto;column-gap:0;row-gap:1px;
  align-items:center;padding-top:var(--frpad,8px);padding-bottom:var(--frpad,8px)}
html[data-rt] #app .fr img{grid-column:1;grid-row:1/3;width:32px;height:32px;margin:0}
html[data-rt] #app .fr .tx{grid-column:2/-1;grid-row:1;padding-left:14px;font-size:15px;line-height:21px;color:var(--paper)}
html[data-rt] #app .fr .tx .d{display:none}
html[data-rt] #app .fr .st,html[data-rt] #app .fr.rich .st{display:block;grid-column:2;grid-row:2;padding-left:14px;margin:0;font-size:13px;line-height:18px;color:var(--ash)}
html[data-rt] #app .fr .tm{grid-column:3;grid-row:2;margin:0;font-size:13px;font-weight:400;color:var(--ash)}
html[data-rt] #app .fr .tm::before,html[data-rt] #app .fr .t::before{content:" · "}
html[data-rt] #app .fr .t{grid-column:4;grid-row:2;margin:0;text-align:left;font-size:13px;color:var(--ash);font-family:var(--code)}
html[data-rt] #app .fr[data-tone="a"] .st,html[data-rt] #app .fr[data-tone="r"] .st{color:var(--amber)}

html[data-rt] #app .ms{grid-template-columns:32px minmax(0,1fr) auto;gap:0 14px;padding:var(--mspad,6px) 0}
html[data-rt] #app .ms img,html[data-rt] #app .ms .bot{width:32px;height:32px;margin-top:0}
html[data-rt] #app .ms .body{font-size:14.5px;line-height:21px}
html[data-rt] #app .ms .body .ch{font-size:12.5px}
html[data-rt] #app .ms .t{font-size:12.5px}
html[data-rt] #app .ms em{color:var(--rt-acc-tx);background:color-mix(in srgb,var(--rt-acc) 14%,transparent)}

html[data-rt] #app .ev{grid-template-columns:52px 0 minmax(0,1fr) auto;column-gap:14px;min-height:48px;border-top:1px solid var(--rt-hair)}
html[data-rt] #app .ev:first-child{border-top:0}
html[data-rt] #app .ev::before{display:none}
html[data-rt] #app .ev span{font-size:15px;font-weight:400}
html[data-rt] #app .ev time{font-size:13px;text-align:left}
html[data-rt] #app .ev small,html[data-rt] #app .ev .sub{font-size:13px}
html[data-rt] #app .ev.now time,html[data-rt] #app .ev.now small{color:var(--rt-acc-tx)}

/* 버튼: 주 버튼은 라임 알약 하나 */
html[data-rt] #app .btn{height:36px;padding:0 16px;font-size:14px;border-radius:999px}
html[data-rt] #app .btn.primary{background:var(--rt-acc);color:var(--rt-on-acc);font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px -8px rgba(221,245,154,.55)}

/* ================= ③ KPI · tmux · 팀 ================= */
/* KPI 는 숫자만: 202 칸에 숫자와 스파크를 나란히 두면 단위를 덮는다(레퍼런스도 숫자만) */
html[data-rt] #kpi .k svg.sp{display:none}

/* 메신저: 위로 밀려 잘리는 줄은 흐리게 지운다 */
#msgs .rt-cut>img,#msgs .rt-cut>.bot{visibility:hidden}

/* tmux: 칸 상자를 걷고 1px 선으로 나눈 한 판 + 아래 상태 줄 */
.rt-bar{display:none}
html[data-rt] #r2>.card:nth-child(1)>.bd{display:flex;flex-direction:column;padding:0!important}
html[data-rt] #ags{flex:1;min-height:0;gap:0;height:auto}
html[data-rt] #ags>*{background:none!important;box-shadow:none!important;border-radius:0!important;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:14px 24px 0 28px!important}
html[data-rt] #ags>*:nth-child(3n){border-right:0}
html[data-rt] #ags>*:nth-child(n+4){border-bottom:0}
html[data-rt] .rt-bar{display:flex;align-items:center;gap:18px;flex:none;height:26px;padding:0 18px 0 28px;font-family:var(--code);font-size:12px;color:var(--ash);border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
html[data-rt] .rt-bar b{font-weight:400;color:var(--paper)}
html[data-rt] .rt-bar .on{color:var(--green)}
html[data-rt] .rt-bar .sp{flex:1}
/* 터미널은 라이트에서도 어둡다: 실제 터미널 앱이 어둡고, 밝은 화면에서 깊이의 닻이 된다 */
html[data-rt][data-mode="light"] body:not([data-preset="brand"]) #r2>.card:nth-child(1)>.bd{background:#0b1a1d;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 1px 0 #fff,0 10px 30px -12px rgba(10,40,40,.35);
  --paper:#eef4f2;--mist:rgba(238,244,242,.9);--fog:#9db1ae;--ash:#647d7a;--green:#8fdc9d;--amber:#f2c27e;--iris:#a9a3f0;--teal:#8cc8e6;--red:#f2897c;color:var(--mist)}

/* 상단 바: 팀 카드 대신 얼굴 다섯 + 접속 수 */
#rt-team{display:none}
html[data-rt] #rt-team{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--ash);white-space:nowrap}
html[data-rt] #rt-team .fx{display:flex}
html[data-rt] #rt-team .fx i{width:24px;height:24px;border-radius:50%;background:center/cover;box-shadow:0 0 0 2px var(--void);margin-left:-7px}
html[data-rt] #rt-team .fx i:first-child{margin-left:0}
.rt-cash{display:none!important}
html[data-rt] #kpi>.rt-cash{display:grid!important;grid-column:6!important}

/* ================= ④ 팝업 딤 ================= */
/* 창이 뜨면 뒤가 물러나야 한다: 블러 없이 어둡게만 깔고, 창은 비치지 않는 판으로 세운다 */
:root{--rt-dim:rgba(2,8,9,.76);--rt-row-hl:rgba(170,215,208,.07)}
html[data-mode="light"]{--rt-dim:rgba(6,22,24,.62);--rt-row-hl:rgba(12,40,44,.05)}
html .ix-win:not(.sheet){box-shadow:0 0 0 300vmax var(--rt-dim),0 24px 72px rgba(0,0,0,.45)!important}
html .ix-win:not(.sheet),html .ix-win:not(.sheet).dragging,html .ix-win:not(.sheet).ix-still{background:var(--carbon)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html .ix-win[data-kind="agent"]:not(.sheet) .ix-term{background:var(--void)!important}
html[data-mode="light"] .ix-win[data-kind="agent"]:not(.sheet) .ix-term{background:var(--carbon)!important}
#scrim{background:var(--rt-dim)!important}
#pop{background:var(--carbon)!important}
.me-ov{background:var(--rt-dim)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* 대표가 누를 단추는 라임: 온보딩 저장도 같은 문법 */
.me-card .ft .ok{background:var(--pink)!important;color:var(--on-pink)!important}
.me-card .ft .ok:hover{background:color-mix(in srgb,var(--pink) 88%,#000)!important}
.me-card input[type=text]:focus{box-shadow:0 0 0 1px var(--pink)!important}

/* 배포 카드: 단계 줄과 승인 단추 사이에 최신 로그 한 줄이 서도록 바닥 줄 위 여백을 줄인다(1080 에서 12px 모자랐다) */
html[data-rt] #r3>.card:nth-child(4) .plog{margin-top:8px;min-height:19px}
html[data-rt] #r3>.card:nth-child(4) .pl-foot{margin-top:0;padding-top:6px;border-top:0}

/* ================= ⑤ 앱 창: 오목조목 걷기 ================= */
/* 창 본문 글자가 10~13px 이라 대시보드보다 한 단 작았다. 규칙 수백 개를 하나씩 키우지 않고
   본문 배율을 한 단 올려 글자·행·여백을 같은 비율로 넓힌다(13→14.6, 12→13.4). 창 크기는 그대로다. */
.ix-win:not(.sheet){border-radius:20px!important}
.ix-win:not(.sheet)>.ix-body{zoom:1.12}
.ix-win:not(.sheet)>.ix-bar{zoom:1.08}

/* 이름 옆 꼬리표(앱·에이전트): 아바타와 이름이 이미 말한다 */
.ix-win:not(.sheet) .ix-m .who .app,.ix-win:not(.sheet) .ix-agt,.ix-win:not(.sheet) .ix-ckh small{display:none!important}
/* 봇 메시지: 상자를 걷고 글로만. 봇 아바타는 사람과 같은 원 */
.ix-win:not(.sheet) .ix-att{background:none!important;padding:2px 0 0!important;border-radius:0}
.ix-win:not(.sheet) .ix-att.ci:hover{background:none!important;text-decoration:underline;text-underline-offset:3px}
.ix-win:not(.sheet) .ix-m .bot{border-radius:50%;background:var(--ov3)}
/* 날짜 구분: 알약을 걷고 선 사이 글만 */
.ix-win:not(.sheet) .ix-day span{background:none;padding:0}
/* 안 읽은 수: 빨간 상자 대신 숫자만. 급한 것처럼 보일 이유가 없다 */
.ix-win:not(.sheet) .ix-ch .ix-bdg{background:none!important;color:var(--paper)!important;min-width:0;padding:0;font-weight:600}
/* 상태 칩(대기·집행·통과…): 상자를 걷고 색 글자만 */
.ix-win:not(.sheet) .lz{background:none!important;padding:0!important;height:auto!important;border-radius:0!important;box-shadow:none!important}
.ix-win:not(.sheet) .ia-ap .lz.a{color:var(--rt-acc-tx,var(--amber))}
/* 고른 줄·탭: 모서리를 대시보드 행과 같은 둥글기로 */
.ix-win:not(.sheet) .ix-ch,.ix-win:not(.sheet) .ia-nav,.ix-win:not(.sheet) .ix-cktab{border-radius:10px}
/* 목록에 초점이 있을 때 고른 줄이 보라빛으로 바뀌던 것을 중립 면 한 단으로 */
.ix-win:not(.sheet) :focus .sel:not(.ib-ev){background:var(--ov8)!important}
/* 봇 알림 글: 굵은 보라 글씨는 링크 더미처럼 읽힌다. 본문과 같은 무게로 두고 누를 수 있는 건 hover 밑줄로 */
.ix-win:not(.sheet) .ix-att.ci,.ix-win:not(.sheet) .ix-att .ix-attt{color:var(--mist)!important;font-weight:400!important}
/* 터미널 창은 실제 터미널처럼 글자 크기를 그대로 둔다 */
.ix-win[data-kind="agent"]:not(.sheet)>.ix-body{zoom:1}

/* ================= ⑥ 브랜드 지사 판 ================= */
/* 행·카드 순서가 개발팀과 같아 자리 규칙은 그대로 쓴다. 다른 것만 여기서 고친다 */
/* KPI: 여섯 지표는 1~6칸, 오른쪽 끝 두 칸은 결재 대기(대표 차례). 현금 잔고는 개발팀 것이다 */
html[data-rt] body[data-preset="brand"] #kpi>.rt-cash{display:none!important}
html[data-rt] body[data-preset="brand"] #kpi>.card:nth-child(6){grid-column:6!important}
html[data-rt] body[data-preset="brand"] #kpi>.card:nth-child(6) .num{color:var(--paper)}
.rt-wait{display:none!important}
html[data-rt] body[data-preset="brand"] #kpi>.rt-wait{display:grid!important;grid-column:7/9!important}
html[data-rt] body[data-preset="brand"] #kpi>.rt-wait .num{color:var(--rt-acc-tx)}
/* 재고 히트맵은 보는 카드다. 뜬 카드(대표가 손댈 것)에서 바닥으로 */
html[data-rt] body[data-preset="brand"] #r1>.card:nth-child(3){background:none;box-shadow:none}
/* 팀장 보고: 브랜드 규칙(#app #reports)이 두 줄 접기·상태 숨김을 걸어 두 단 행이 깨졌다 */
html[data-rt] body[data-preset="brand"] #app #reports .fr{grid-template-columns:32px max-content max-content minmax(0,1fr);align-items:center}
html[data-rt] body[data-preset="brand"] #app #reports .fr img{grid-column:1;grid-row:1/3;margin:0}
html[data-rt] body[data-preset="brand"] #app #reports .fr .tx{display:block;grid-column:2/-1;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;line-height:21px}
html[data-rt] body[data-preset="brand"] #app #reports .fr .st{display:block;grid-column:2;grid-row:2}
html[data-rt] body[data-preset="brand"] #app #reports .fr .tm{grid-column:3;grid-row:2;margin:0;line-height:18px}
html[data-rt] body[data-preset="brand"] #app #reports .fr .t{grid-column:4;grid-row:2;margin:0;line-height:18px}
/* 매출 흐름: 머리 줄에 범례와 합계가 같이 들어가 오른쪽이 잘렸다. 범례는 차트 아래 채널 줄이 대신한다 */
html[data-rt] body[data-preset="brand"] #hero-m .bh-k{display:none}
/* 머리 줄이 436 칸에서 잘렸다. 히트맵은 범례 셋의 합이 곧 SKU 수라 총계를 빼고, 매출 흐름은 단위 설명을 빼 합계를 살린다 */
html[data-rt] body[data-preset="brand"] #r1>.card:nth-child(3)>.hd>.m:not(.hlg){display:none}
html[data-rt] body[data-preset="brand"] #hero-m{display:none}

/* ================= ⑦ 리포트 판 ================= */
/* 같은 8칸 판에 올린다. 머리 제목은 왼쪽 절반, 지표 넷은 오른쪽 네 칸(경계가 아래 카드 모서리와 맞는다).
   일별 흐름(바닥) 1~6칸 · 이번 주 요약(뜬 카드, 대표가 읽고 판단할 글) 7~8칸 두 줄 ·
   팀원별 기여(바닥) · 에이전트 사용량(파인 판, 기계가 쓴 것) */
html[data-rt] #app[data-view="report"][data-view]{grid-template-columns:repeat(8,minmax(0,1fr));column-gap:32px;row-gap:40px;grid-template-rows:36px 92px 420px minmax(0,1fr);height:calc(100vh / var(--z));min-height:0;overflow:hidden}
html[data-rt="1200"] #app[data-view="report"][data-view]{grid-template-rows:36px 92px 470px minmax(0,1fr)}
html[data-rt] #app[data-view="report"] #rrep>#rep-head{display:contents}
html[data-rt] #app[data-view="report"] #kpi>.rt-cash{display:none!important}
html[data-rt] #app[data-view="report"] #rep-head>div{grid-row:2;padding:0 0 0 28px;align-self:end;gap:0;position:relative}
html[data-rt] #app[data-view="report"] #rep-head .rh-t{grid-column:1/5;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:16px}
html[data-rt] #app[data-view="report"] #rep-head .rh-t h2{flex-basis:100%;font-size:13px;line-height:18px;font-weight:400;color:var(--ash);margin-bottom:8px}
html[data-rt] #app[data-view="report"] #rep-head .rg{font-size:40px;line-height:46px;font-weight:300;letter-spacing:-1px;color:var(--paper)}
html[data-rt] #app[data-view="report"] #rep-head .gen{font-size:13px}
html[data-rt] #app[data-view="report"] #rep-k0{grid-column:5}
html[data-rt] #app[data-view="report"] #rep-k1{grid-column:6}
html[data-rt] #app[data-view="report"] #rep-k2{grid-column:7}
html[data-rt] #app[data-view="report"] #rep-k3{grid-column:8}
html[data-rt] #app[data-view="report"] #rep-head [id^="rep-k"]::before{content:"";position:absolute;left:-16px;top:4px;bottom:4px;width:1px;background:var(--rt-hair)}
html[data-rt] #app[data-view="report"] #rep-head .l{font-size:13px;line-height:18px;color:var(--ash)}
html[data-rt] #app[data-view="report"] #rep-head .v{font-size:40px;line-height:46px;font-weight:300;letter-spacing:-1px;margin-top:8px}
html[data-rt] #app[data-view="report"] #rep-head .v small{font-size:15px;color:var(--ash);margin-left:5px}
html[data-rt] #app[data-view="report"] #rep-head .c{font-size:13px;line-height:18px;margin-top:6px}

html[data-rt] #app[data-view="report"] #rrep>#rep-wk-c{grid-row:3;grid-column:1/7}
html[data-rt] #app[data-view="report"] #rrep>#rep-memo{grid-row:3/5;grid-column:7/9;background:var(--carbon);box-shadow:var(--rt-raised-sh);border-radius:20px}
html[data-rt] #app[data-view="report"] #rrep>#rep-contrib{grid-row:4;grid-column:1/4}
html[data-rt] #app[data-view="report"] #rrep>#rep-agents{grid-row:4;grid-column:4/7}
html[data-rt] #app[data-view="report"] #rrep>.card>.hd{padding:26px 28px 0}
html[data-rt] #app[data-view="report"] #rrep>.card>.bd{padding:16px 28px 0}
/* 바닥 카드는 머리를 줄 위에 붙인다(개발팀 판과 같은 문법) */
html[data-rt] #app[data-view="report"] #rrep>#rep-wk-c>.hd,html[data-rt] #app[data-view="report"] #rrep>#rep-contrib>.hd,html[data-rt] #app[data-view="report"] #rrep>#rep-agents>.hd{padding-top:0}
html[data-rt] #app[data-view="report"] #rrep>#rep-memo>.bd{padding-bottom:26px}
/* 에이전트 사용량: 파인 판 */
html[data-rt] #app[data-view="report"] #rrep>#rep-agents>.bd{margin-top:16px;padding:20px 28px;background:var(--rt-sunk);box-shadow:var(--rt-sunk-sh);border-radius:14px}