/* GuDoC CompanyOS — 승인 인박스. console.css/transfer.css/faq.css 토큰·버튼 재사용. */
.ap{display:flex;gap:16px;padding:18px;align-items:flex-start;}
.ap-list{flex:0 0 416px;max-height:calc(100vh - 92px);overflow-y:auto;display:flex;flex-direction:column;gap:13px;}
.ap-det{flex:1;min-width:0;max-height:calc(100vh - 92px);overflow-y:auto;background:var(--color-surface,#fff);border:1px solid var(--color-border,#E0D5CC);border-radius:16px;padding:20px;}

.ap-list__title{font-size:21px;font-weight:800;color:var(--color-text-strong,#15110E);margin:0 0 5px;display:flex;align-items:center;gap:9px;}
.ap-list__sub{font-size:12.5px;color:var(--color-text-muted,#6B5F57);line-height:1.55;margin:0;}
.ap-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
.ap-kpi{border:1px solid var(--color-border,#E0D5CC);border-radius:12px;padding:11px 12px;background:var(--color-surface,#fff);}
.ap-kpi__n{font-size:22px;font-weight:800;color:var(--color-text-strong,#15110E);line-height:1;}
.ap-kpi__l{font-size:10.5px;color:var(--color-text-subtle,#9A8C82);margin-top:5px;font-weight:600;}
.ap-kpi--pend{background:#FEF6E0;border-color:#F4DFA6;}
.ap-kpi--pend .ap-kpi__n{color:#92660C;}
.ap-kpi--ok .ap-kpi__n{color:#1F8A5B;}
.ap-kpi--sla .ap-kpi__n{color:#B23A12;}
.ap-kpi--high .ap-kpi__n{color:#E11D48;}

.ap-filters{display:flex;flex-wrap:wrap;gap:6px;}
.ap-f{font-family:inherit;font-size:12px;font-weight:700;border:1px solid var(--color-border,#E0D5CC);background:var(--color-surface,#fff);color:var(--color-text-muted,#6B5F57);border-radius:999px;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.ap-f i{font-size:10.5px;opacity:.8;}
.ap-f .n{font-weight:800;opacity:.6;}
.ap-f--on{background:var(--color-text-strong,#15110E);border-color:var(--color-text-strong,#15110E);color:#fff;}
.ap-f--on .n{opacity:.85;}

.ap-rows{display:flex;flex-direction:column;gap:9px;}
.ap-card{position:relative;display:flex;gap:12px;background:var(--color-surface,#fff);border:1px solid var(--color-border,#E0D5CC);border-radius:13px;padding:13px 14px;cursor:pointer;}
.ap-card:hover{border-color:var(--color-border-strong,#D8CCC2);}
.ap-card--on{border-color:var(--accent-text,#B23A12);box-shadow:0 0 0 2px var(--accent-bg,#FFE9E0);}
.ap-card__ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;}
.ap-card__b{flex:1;min-width:0;}
.ap-card__top{display:flex;align-items:center;gap:7px;margin-bottom:4px;flex-wrap:wrap;}
.ap-lane{font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 9px;}
.ap-card__code{font-size:10.5px;font-family:'JetBrains Mono',monospace;color:var(--color-text-subtle,#9A8C82);}
.ap-card__t{font-size:14px;font-weight:700;color:var(--color-text-strong,#15110E);margin:0 0 5px;line-height:1.35;}
.ap-card__m{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--color-text-subtle,#9A8C82);}
.ap-card__dot{position:absolute;top:13px;right:13px;width:8px;height:8px;border-radius:50%;background:#92660C;}
.ap-card__dot.is-high{background:#E11D48;}
.ap-dots{display:inline-flex;gap:3px;}
.ap-dots i{width:6px;height:6px;border-radius:50%;background:var(--color-border,#E0D5CC);}
.ap-dots i.is-used{background:#92660C;}
.ap-dots i.is-ok{background:#1F8A5B;}
.ap-dots i.is-rej{background:#E11D48;}

.ap-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 20px;color:var(--color-text-subtle,#9A8C82);text-align:center;}
.ap-done i{font-size:30px;color:#1F8A5B;opacity:.7;}
.ap-done b{color:var(--color-text-strong,#15110E);font-size:14px;}

/* 상세 */
.ap-det__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--color-text-subtle,#9A8C82);}
.ap-det__empty i{font-size:34px;opacity:.4;}
.ap-det__head{display:flex;gap:14px;margin-bottom:16px;}
.ap-det__ic{flex:0 0 auto;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;}
.ap-det__h1{font-size:19px;font-weight:800;color:var(--color-text-strong,#15110E);margin:0 0 7px;line-height:1.3;}
.ap-det__sub{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
/* Approvals 전용 채움 pill — 공용 .chip(console.css)은 흰 채움+테두리다. 이름이 겹쳐
   Actors·Gateway·알림센터의 칩까지 이 값으로 덮고 있었다(2026-08-27 개명). */
.ap-chip{font-size:11px;font-weight:600;color:var(--color-text-muted,#6B5F57);background:var(--color-surface-2,#F5EEE9);border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;}
.ap-attempt{font-size:11px;font-weight:700;color:#92660C;background:#FEF6E0;border-radius:999px;padding:3px 10px;}
.ap-attempt.is-last{color:#E11D48;background:#FFE4E6;}

.ap-card2{border:1px solid var(--color-border,#E0D5CC);border-radius:13px;padding:15px 16px;margin-bottom:13px;background:var(--color-surface,#fff);}
.ap-card2__lb{font-size:12px;font-weight:800;color:var(--color-text-muted,#6B5F57);margin-bottom:11px;display:flex;align-items:center;gap:7px;}
.ap-card2__lb i{color:var(--accent-text,#B23A12);}
.ap-reason{font-size:13px;color:var(--color-text-muted,#5A4F47);line-height:1.6;margin:0 0 9px;}
/* 셀러 변경 사유 등 셀러 자유입력 — 개행(\n) 보존(text 출력·MarkupString 미사용). */
.ap-reason--pre{white-space:pre-line;}
.ap-sor{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);font-family:'JetBrains Mono',monospace;}
.ap-deep{display:inline-flex;align-items:center;gap:7px;margin:-4px 0 13px;font-size:12.5px;font-weight:700;color:#4F46E5;text-decoration:none;background:#EEF0FF;border:1px solid #DDD6FE;border-radius:9px;padding:9px 13px;}
.ap-deep:hover{background:#E5E8FF;}
/* 온톨로지 ObjectType 배지 */
.ap-obj{font-size:10px;font-weight:800;color:#4F46E5;background:#EEF0FF;border:1px solid #DDD6FE;border-radius:5px;padding:1px 6px;font-family:'JetBrains Mono',monospace;}
.ap-obj--lg{font-size:11px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px;}
.ap-obj--lg i{font-size:9px;}
/* 정밀화 노트 (금융/ADR/AI) */
.ap-onote{display:flex;gap:9px;align-items:flex-start;border-radius:11px;padding:10px 13px;margin-bottom:11px;font-size:12.5px;line-height:1.55;}
.ap-onote i{margin-top:2px;font-size:13px;}
.ap-onote code{font-family:'JetBrains Mono',monospace;font-size:11px;background:rgba(0,0,0,.06);border-radius:4px;padding:1px 5px;}
.ap-onote a{font-weight:700;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;}
.ap-onote--fin{background:#F0E9FF;color:#6D28D9;border:1px solid #DDD0FA;}
.ap-onote--adr{background:#E0F2FE;color:#0369A1;border:1px solid #BAE2FD;}
.ap-onote--ai{background:#F1F5F9;color:#475569;border:1px solid #E2E8F0;}

/* 게이트웨이 스트립 */
.ap-gw{border:1px solid #BBF7D0;background:#F0FDF4;border-radius:13px;padding:12px 14px;margin-bottom:13px;}
.ap-gw__h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#0F7B57;}
.ap-gw__note{font-weight:600;font-size:11px;color:#1F8A5B;font-family:'JetBrains Mono',monospace;}
.ap-gw__link{margin-left:auto;font-size:11.5px;font-weight:700;color:#0369A1;text-decoration:none;}
.ap-gw__checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;}
.ap-gw__chk{font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;display:inline-flex;align-items:center;gap:5px;}
.ap-gw__chk.ok{color:#0F7B57;background:#DEF5EC;}
.ap-gw__chk.no{color:#B0193A;background:#FFE4E6;}

/* 체크리스트/스코어 */
.ap-score{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.ap-score__bar{flex:1;height:9px;border-radius:999px;background:var(--color-surface-2,#EFE7DF);overflow:hidden;}
.ap-score__fill{height:100%;border-radius:999px;}
.ap-score__n{font-size:19px;font-weight:800;}
.ap-score__n small{font-size:12px;font-weight:600;color:var(--color-text-subtle,#9A8C82);}
.ap-docs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;}
.ap-doc{font-size:11.5px;font-weight:600;border-radius:8px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;}
.ap-doc--ok{color:#0F7B57;background:#DEF5EC;}
.ap-doc--warn{color:#92660C;background:#FEF6E0;}
.ap-doc--no{color:#B0193A;background:#FFE4E6;}
.ap-checks{display:flex;flex-direction:column;gap:9px;}
.ap-chk{display:flex;gap:10px;align-items:flex-start;}
.ap-chk__i{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;}
.ap-chk__i.ok{background:#1F8A5B;}
.ap-chk__i.no{background:#E11D48;}
.ap-chk__t{font-size:13px;font-weight:700;color:var(--color-text-strong,#15110E);}
.ap-chk__d{font-size:11.5px;color:var(--color-text-subtle,#9A8C82);margin-top:1px;}

/* diff */
.ap-diff{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.ap-diff--solo{grid-template-columns:1fr;}
.ap-diff__col{border:1px solid var(--color-divider,#EDE4DD);border-radius:10px;padding:11px;}
.ap-diff__col--new{border-color:#BBF7D0;background:#F6FEF9;}
.ap-diff__clb{font-size:10.5px;font-weight:800;color:var(--color-text-subtle,#9A8C82);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em;}
.ap-diff__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:12.5px;}
.ap-diff__k{color:var(--color-text-subtle,#9A8C82);flex:0 0 auto;}
.ap-diff__v{color:var(--color-text-strong,#15110E);font-weight:600;text-align:right;}
.ap-diff__v.add{color:#0F7B57;}
.ap-diff__v.del{color:#B0193A;text-decoration:line-through;}

/* diff — 이미지 값(프로필·헤더 등)은 URL 문자열이 아니라 실제 썸네일로 보여준다(운영자가 눈으로 판단해야 승인/거절이 가능). */
.ap-diff__row--img{flex-direction:column;align-items:stretch;gap:6px;}
.ap-diff__imgwrap{display:block;border:1px solid var(--color-divider,#EDE4DD);border-radius:8px;overflow:hidden;background:var(--color-surface-sunken,#FAF7F5);line-height:0;}
.ap-diff__imgwrap:hover{border-color:var(--color-brand,#F2643C);}
.ap-diff__img{width:100%;max-height:190px;object-fit:contain;display:block;}
.ap-diff__imgna{padding:22px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-subtle,#9A8C82);border:1px dashed var(--color-divider,#EDE4DD);border-radius:8px;}
.ap-diff__imghint{font-size:10.5px;color:var(--color-text-subtle,#9A8C82);font-weight:600;text-align:right;word-break:break-all;}

/* content */
.ap-content{border:1px solid var(--color-divider,#EDE4DD);border-radius:11px;overflow:hidden;}
.ap-content__title{font-size:14px;font-weight:800;color:var(--color-text-strong,#15110E);padding:12px 15px;background:var(--color-surface-2,#F7F2EE);border-bottom:1px solid var(--color-divider,#EDE4DD);}
.ap-content__body{padding:14px 16px;font-size:13.5px;color:var(--color-text-muted,#5A4F47);line-height:1.6;}

/* escrow */
.ap-escrow{border:1px solid var(--color-divider,#EDE4DD);border-radius:11px;padding:13px 15px;margin-bottom:13px;}
.ap-escrow__row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:13px;color:var(--color-text-muted,#6B5F57);}
.ap-escrow__row+.ap-escrow__row{border-top:1px solid var(--color-divider,#EDE4DD);}
.ap-escrow__amt{font-size:17px;color:var(--color-text-strong,#15110E);}
.ap-escrow__tag{font-size:11px;font-weight:800;color:#7C3AED;background:#F0E9FF;border-radius:999px;padding:2px 10px;}

/* 결과 배너 */
.ap-result{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13px;line-height:1.5;}
.ap-result i{margin-top:2px;}
.ap-result--ok{background:#DEF5EC;color:#0F7B57;}
.ap-result--no{background:#FFE4E6;color:#B0193A;}
.ap-result--re{background:#FEF6E0;color:#92660C;}

/* 액션바 / 반려 */
.ap-actbar{display:flex;align-items:center;gap:9px;border-top:1px solid var(--color-divider,#EDE4DD);padding-top:14px;margin-top:4px;}
.ap-actbar__gw{font-size:11px;color:var(--color-text-subtle,#9A8C82);display:inline-flex;align-items:center;gap:6px;}
.ap-warn-block{margin-bottom:13px;}
.ap-reject{border:1px solid #F6BBC4;background:#FFF5F6;border-radius:13px;padding:14px 15px;margin-top:6px;}
.ap-reject__h{font-size:13.5px;font-weight:800;color:#B0193A;margin-bottom:9px;display:flex;align-items:center;gap:7px;}
.ap-reject__warn{font-size:12px;font-weight:600;color:#92660C;background:#FEF6E0;border-radius:8px;padding:8px 11px;margin-bottom:10px;display:flex;align-items:center;gap:7px;}
.ap-reject textarea{width:100%;box-sizing:border-box;margin-bottom:9px;}

/* 인박스 본문 직접 결정(주소 변경요청 레인) — 결정 사유 입력 + 검증 에러. */
.ap-note{width:100%;box-sizing:border-box;margin:4px 0 9px;padding:9px 11px;border:1px solid var(--color-border,#E0D5CC);border-radius:8px;background:var(--color-surface,#fff);font:inherit;font-size:13px;color:var(--color-text,#3A2F28);line-height:1.55;resize:vertical;}
.ap-note:focus{outline:none;border-color:var(--accent-text,#B23A12);box-shadow:0 0 0 3px rgba(178,58,18,.10);}
.ap-note:disabled{background:var(--color-surface-muted,#F6F1EC);color:var(--color-text-subtle,#9A8C82);cursor:not-allowed;}
.ap-decide-err{font-size:12px;color:#E11D48;display:flex;align-items:center;gap:6px;margin:0 0 8px;}
.ap-reject__quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px;}
.ap-reject__chip{font-size:11px;font-weight:600;border:1px solid var(--color-border,#E0D5CC);background:var(--color-surface,#fff);color:var(--color-text-muted,#6B5F57);border-radius:999px;padding:4px 11px;cursor:pointer;font-family:inherit;}
.ap-reject__chip:hover{border-color:#E11D48;color:#B0193A;}
.ap-reject__row{display:flex;gap:8px;justify-content:flex-end;}

/* 타임라인 */
.ap-tl{display:flex;flex-direction:column;gap:0;}
.ap-tl__i{position:relative;padding:0 0 16px 26px;border-left:2px solid var(--color-divider,#EDE4DD);}
.ap-tl__i:last-child{border-left-color:transparent;padding-bottom:0;}
.ap-tl__dot{position:absolute;left:-11px;top:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;background:#9A8C82;}
.ap-tl__dot--sub{background:#0369A1;}
.ap-tl__dot--re{background:#92660C;}
.ap-tl__dot--ok{background:#1F8A5B;}
.ap-tl__dot--no{background:#E11D48;}
.ap-tl__t{font-size:12.5px;font-weight:700;color:var(--color-text-strong,#15110E);}
.ap-tl__who{font-weight:600;color:var(--color-text-subtle,#9A8C82);}
.ap-tl__who.is-op{color:var(--accent-text,#B23A12);}
.ap-tl__note{font-size:12px;color:var(--color-text-muted,#6B5F57);margin-top:3px;background:var(--color-surface-2,#F7F2EE);border-radius:7px;padding:6px 9px;}
.ap-tl__at{font-size:10.5px;color:var(--color-text-subtle,#9A8C82);margin-top:3px;font-family:'JetBrains Mono',monospace;}

@media(max-width:780px){ .ap{flex-direction:column;} .ap-list{flex:none;width:100%;max-height:none;} .ap-det{width:100%;max-height:none;} }

/* 승인·미집행(좀비) 표 — 2026-08-27 신설.
   BUG(2026-08-28 Owner 스크린샷): 이 클래스에 CSS가 하나도 없어서 제목 칸이 1글자 폭으로
   접히며 세로쓰기가 났다. "CSS 없는 클래스"는 세로쓰기 3대 원인 중 하나로 이미 박제된 형태인데
   내가 표를 새로 만들면서 같은 실수를 반복했다.
   fixed layout + 명시 폭으로 칸이 붕괴하지 않게 고정한다. */
.ap-list__tbl{table-layout:fixed;border-collapse:collapse;}
.ap-list__tbl th,
.ap-list__tbl td{padding:6px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--co-line,#e7ded6);word-break:break-word;}
.ap-list__tbl thead th{font-weight:700;color:var(--co-muted,#6b5f57);white-space:nowrap;}
.ap-list__tbl tbody tr:last-child td{border-bottom:none;}
/* 안건 id(고정폭 코드)·레일·발의일은 폭을 못 박고, 제목이 남은 폭을 전부 갖게 한다. */
.ap-list__tbl th:nth-child(1),.ap-list__tbl td:nth-child(1){width:34%;}
.ap-list__tbl th:nth-child(2),.ap-list__tbl td:nth-child(2){width:22%;}
.ap-list__tbl th:nth-child(3),.ap-list__tbl td:nth-child(3){width:auto;min-width:12em;}
.ap-list__tbl th:nth-child(4),.ap-list__tbl td:nth-child(4){width:6.5em;white-space:nowrap;}
.ap-list__tbl code{word-break:break-all;}

/* 좀비 안건 진단 패널 — 2026-08-28. 행 클릭으로 펼친다. */
.ap-list__row--click{cursor:pointer;}
.ap-list__row--click:hover{background:var(--co-surface-sunken,#f5eee9);}
.ap-zdiag{padding:10px 12px;background:var(--co-surface-sunken,#f5eee9);border-radius:10px;font-size:12.5px;line-height:1.6;}
.ap-zdiag__row{display:grid;grid-template-columns:7em 1fr;gap:10px;padding:3px 0;}
.ap-zdiag__row > b{color:var(--co-muted,#6b5f57);font-weight:700;}
.ap-zdiag__note{margin:8px 0 0;font-size:11.5px;color:var(--co-muted,#6b5f57);}
.ap-zdiag__act{display:flex;gap:8px;align-items:center;margin-top:10px;}
.ap-zdiag__act .tpl-in{flex:1;min-width:0;}