/* 사용성 점검 반영 (2026-10-13). 다른 화면 파일은 건드리지 않고 여기서 덮어쓴다. */

/* 위쪽 이름 옆 권한 표시: 흰 바탕에서도 보이게 */
.authenticated-shell .topbar .who small{color:var(--work-muted)}

/* + 올리기: 메모 / 새 딜 / 기록 남기기 */
.add-menu{position:relative}
.add-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
.add-menu>summary::-webkit-details-marker{display:none}
.add-menu-list{position:absolute;right:0;top:calc(100% + 8px);width:300px;background:#fff;border:1px solid var(--work-line);border-radius:10px;box-shadow:0 10px 28px rgba(30,51,91,.14);padding:6px;z-index:60}
.add-menu-list a{display:block;padding:10px 12px;border-radius:8px;color:var(--work-ink);text-decoration:none}
.add-menu-list a:hover,.add-menu-list a:focus-visible{background:#eef3f7}
.add-menu-list b{display:block;font-size:14px}
.add-menu-list small{display:block;color:var(--work-muted);font-size:12px;line-height:1.5;margin-top:2px}

/* 아래 줄 메뉴: 지금 화면 표시 */
.section-nav a.on{color:var(--work-ink);font-weight:650;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}

/* 딜 보드: 빈 단계는 한 줄로 */
.ridge-group.empty{padding-top:12px;padding-bottom:12px}
.ridge-group.empty>p{display:none}
.ridge-group.empty .col{min-height:0;padding:8px 12px}
.ridge-group.empty .ridge-empty{padding:4px 0;font-size:12px}

/* 딜 화면: 팀 · 할 일 · 대화 · 문서를 위로 */
.deal-team{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.deal-team .who-chip{display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--work-line);border-radius:999px;padding:5px 12px;font-size:13px;background:#fff}
.deal-team .who-chip small{color:var(--work-muted);font-size:11px}
.deal-team .who-chip.gone{opacity:.6}
.deal-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.deal-work>.card{margin:0}
.deal-feed{list-style:none;margin:0;padding:0}
.deal-feed li{border-top:1px solid var(--work-line);padding:9px 0}
.deal-feed li:first-child{border-top:0}
.deal-feed .meta{font-size:11px;color:var(--work-muted)}
.deal-feed .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.card-head h2{margin:0}
.card-head a{font-size:12px}
.deal-tools{margin-top:16px}

/* 파트너 명부 */
.people-search{display:flex;gap:8px;margin:0 0 16px}
.people-search input{flex:1;min-width:0;padding:9px 12px;border:1px solid #cfd2d9;border-radius:8px;font:inherit}
.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.person-card{background:#fff;border:1px solid var(--work-line);border-radius:11px;padding:16px 18px;min-width:0}
.person-card h2{font-size:16px;margin:0}
.person-card .sub{font-size:12px;color:var(--work-muted);margin-top:2px}
.person-card dl{display:grid;grid-template-columns:72px 1fr;gap:4px 10px;margin:12px 0 0;font-size:13px}
.person-card dt{color:var(--work-muted)}
.person-card dd{margin:0;overflow-wrap:anywhere}
.person-card .deals a{display:inline-block;margin-right:6px}

/* 확인 요청 표: 휴대폰에서는 글 아래로 버튼을 내린다 */
@media(max-width:700px){
  .inbox-table tr,.inbox-table td{display:block;width:auto}
  .inbox-table td{border:0;padding:6px 0}
  .inbox-table tr{border-top:1px solid var(--work-line);padding:8px 0}
  .inbox-table td.bar-v{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .deal-work{grid-template-columns:1fr}
}

/* 휴대폰: 왼쪽 메뉴를 아래 탭 막대로 바꾸고 본문을 화면 폭 그대로 쓴다 */
@media(max-width:700px){
  .authenticated-shell .topbar{height:auto;min-height:56px;padding:8px 12px;flex-wrap:wrap;gap:8px;position:static}
  .authenticated-shell .topbar .who{gap:8px;font-size:12px;flex-wrap:wrap;width:100%;justify-content:flex-end;margin-left:0}
  .authenticated-shell .topbar .who .ask-bar{order:5;flex:1 1 100%}
  .authenticated-shell .topbar .who .ask-bar input{width:100%;box-sizing:border-box}
  .authenticated-shell .topbar .who .link,.authenticated-shell .topbar .who .langsw{white-space:nowrap}
  .authenticated-shell .topbar .who .me{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .authenticated-shell .topbar nav{position:fixed;inset:auto 0 0 0;top:auto;width:auto;height:60px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:2px;border-right:0;border-top:1px solid var(--work-line);overflow:visible;z-index:50}
  .authenticated-shell .topbar nav a{flex:1;flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;font-size:10px;text-align:center;border-radius:8px}
  .authenticated-shell .topbar nav a span{font-size:9px}
  .authenticated-shell .topbar nav .firm-menu{margin-top:0;border-top:0;padding-top:6px;border-radius:8px}
  .authenticated-shell main.page{margin-left:0;padding:14px 14px 84px}
  .authenticated-shell .foot{margin-left:0;padding-bottom:76px}
  .add-menu-list{position:fixed;left:12px;right:12px;top:64px;width:auto}
  .section-nav{margin-bottom:16px}
}

/* 내 보상: 세 화면을 한 줄 탭으로 */
.money-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}
.money-tabs a{border:1px solid var(--work-line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--work-ink);background:#fff;text-decoration:none}
.money-tabs a.on{background:#243f55;border-color:#243f55;color:#fff}

/* 새 딜: 세 칸만 먼저 */
.deal-more{margin:14px 0}.deal-more>summary{cursor:pointer;font-weight:600}

/* 딜 화면: 할 일·문서 입력을 한두 줄로 */
#tasks form.inline-upload,#docs-card form.inline-upload{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
#tasks form.inline-upload input[name=title]{flex:1 1 100%;width:auto;margin:0}
#tasks form.inline-upload select,#tasks form.inline-upload input[type=date]{flex:1 1 140px;width:auto;margin:0}
#docs-card form.inline-upload input[name=tags]{flex:1 1 200px;width:auto;margin:0}

/* 딜 삭제: 눈에 띄되 주 버튼보다 조용하게 (2026-10-13) */
.btn.danger-outline{background:#fff;color:var(--bad);border-color:var(--bad)}
.btn.danger-outline:hover{background:#fdf1f0}
.btn.danger-outline[disabled]:hover{background:#fff}
/* 딜 화면 문서 칸: 지운 문서는 접어 둔다 */
.doc-trash{margin-top:10px;font-size:13px}.doc-trash>summary{cursor:pointer;color:var(--work-muted)}
#docs-card form.inline,#docs-card .doc-trash form.inline{display:inline}
#docs-card button.link{font-size:12px;margin-left:4px}

/* 대화 목록(2026-10-13): 빈 오른쪽 칸 없이 한 줄씩. 무엇에 붙은 대화인지, 마지막 메시지, 언제인지 */
.conv-list{background:#fff;border:1px solid var(--work-line);border-radius:12px;overflow:hidden}
.conv-row{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr) 180px;gap:6px 20px;align-items:center;padding:14px 20px;border-top:1px solid var(--work-line);color:var(--work-ink);text-decoration:none}
.conv-row:first-child{border-top:0}
.conv-row:hover,.conv-row:focus-visible{background:#f3f6f9}
.conv-what small{display:block;font-size:11px;color:var(--work-muted)}
.conv-what strong{display:block;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.conv-last{font-size:13px;color:var(--work-muted);line-height:1.55;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.conv-last b{color:var(--work-ink);font-weight:600}
.conv-row.unread .conv-last{color:var(--work-ink)}
.conv-when{font-size:12px;color:var(--work-muted);white-space:nowrap;text-align:right}
.conv-list>p{padding:18px 20px;margin:0}
.conversation-rooms .conv-back{display:block;font-size:12px;color:var(--work-muted);padding:0 0 10px;border:0;background:none}
@media(max-width:700px){.conv-row{grid-template-columns:1fr;padding:12px 14px}.conv-when{text-align:left}}
/* 왼쪽 메뉴의 안 읽은 수: 켜진 메뉴에서도 숫자가 보이게 */
.authenticated-shell .topbar nav a .tag,.authenticated-shell .topbar nav a.on .tag{color:#243f55;background:#fff;font-size:11px;min-width:0;padding:0 7px}

/* 딜 화면 「지금 상황」: 메모 AI 정리를 저장하면 가장 최근 것이 여기 나온다(2026-10-13) */
.deal-situation-lead{white-space:pre-wrap;line-height:1.75;margin:4px 0 6px;font-size:15px}
.deal-situation-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 16px;border-top:1px solid var(--work-line);padding:8px 0}
.deal-situation-row h3{font-size:12px;color:var(--work-muted);margin:2px 0 0;font-weight:600}
.deal-situation-row p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px}
@media(max-width:700px){.deal-situation-row{grid-template-columns:1fr}}