/* =============================================================================
   금일 TBM 서명하기 (2026-11-22) — js/tbm-today.js(통합 홈 단추) · js/modules/tbm.js(TBM 메뉴 단추 · 금일 TBM 서명 목록)와 한 쌍
   - 현재 디자인 토큰(--ap-*)과 구역(.ha-tile .ha-wrap)을 그대로 쓴다. 새 색은 없다(파랑 단추 · 회색 글자 · 완료는 기존 녹색 계열).
   - 터치 대상은 모두 44px 이상, 모바일은 화면 너비 가득 1열 · 가로 스크롤 없음.
   ========================================================================== */

/* ── 통합 홈 단추 ── */
.ha-tile.ha-tbmsign{padding:16px 0 0;background:#fff;}
.tbmsign-btn{display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;min-height:68px;padding:12px 20px;border-radius:var(--ap-r-lg);background:var(--ap-blue);color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .1s ease;}
.tbmsign-btn:active{transform:scale(.99);}
.tbmsign-btn:focus-visible{outline:3px solid var(--ap-blue-focus);outline-offset:2px;}
@media (hover:hover){ .tbmsign-btn:hover{background:var(--ap-blue-focus);} }
.tbmsign-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);}
.tbmsign-ico svg{display:block;}
.tbmsign-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;}
.tbmsign-line{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;word-break:keep-all;}
.tbmsign-n{display:inline-block;margin-left:2px;font-weight:700;}
.tbmsign-btn.has-todo .tbmsign-n{padding:1px 10px;border-radius:var(--ap-pill);background:#fff;color:var(--ap-blue);font-size:16px;margin-left:8px;}
.tbmsign-sub{font-size:14px;line-height:1.4;color:rgba(255,255,255,.88);word-break:keep-all;}
.tbmsign-go{flex:0 0 auto;font-size:30px;line-height:1;opacity:.85;}
.ha-tile.ha-tbmsign + .ha-hero{margin-top:16px;}
@media (max-width:640px){
  .ha-tile.ha-tbmsign{padding:12px 0 0;}
  .tbmsign-btn{min-height:64px;padding:10px 14px;gap:12px;border-radius:var(--ap-r-md);}
  .tbmsign-ico{width:40px;height:40px;}
  .tbmsign-line{font-size:17px;}
  .tbmsign-btn.has-todo .tbmsign-n{font-size:15px;}
  .tbmsign-sub{font-size:13px;}
}
@media (prefers-reduced-motion:reduce){ .tbmsign-btn{transition:none;} }

/* ── TBM 메뉴 상단 단추 ── */
.tbm-wrap .tbm-today-btn{min-height:52px;margin:0 0 16px;font-size:17px;font-weight:600;}
.tbm-wrap .tbm-today-n{margin-left:2px;font-weight:700;}

/* ── 금일 TBM 서명 목록 ── */
.tbm-today .tbm-today-help{margin:0 0 12px;line-height:1.55;}
.tbm-today-sum{margin:0 0 12px;font-size:16px;color:var(--ap-ink);}
.tbm-today-empty{padding:36px 16px;text-align:center;border:1px dashed var(--ap-hair);border-radius:var(--ap-r-lg);background:#fff;color:var(--ap-ink-60);font-size:16px;}
.tbm-today-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px;}
.tbm-today-item{box-sizing:border-box;padding:14px 16px;border:1px solid var(--ap-hair);border-left-width:5px;border-radius:var(--ap-r-md);background:#fff;}
.tbm-today-item.is-todo{border-left-color:#d9480f;}
.tbm-today-item.is-done{border-left-color:#2f9e44;background:#fbfdfb;}
.tbm-today-item.is-closed{border-left-color:var(--ap-hair);background:var(--ap-parch);}
.tdi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.tdi-tag{font-size:12.5px;font-weight:600;color:var(--ap-ink-60);}
.tdi-st{display:inline-block;padding:2px 10px;border-radius:var(--ap-pill);font-size:13px;font-weight:700;white-space:nowrap;}
.tdi-st.is-todo{background:#fff1e8;color:#b13a05;}
.tdi-st.is-done{background:#e6f6ea;color:#1f7a35;}
.tdi-st.is-closed{background:#ececef;color:var(--ap-ink-60);}
.tdi-title{font-size:17px;font-weight:600;line-height:1.35;color:var(--ap-ink);word-break:keep-all;overflow-wrap:anywhere;}
.tdi-work{margin-top:2px;font-size:15px;line-height:1.45;color:var(--ap-ink-80);overflow-wrap:anywhere;}
.tdi-meta{margin-top:6px;line-height:1.5;}
.tdi-go{width:100%;min-height:48px;margin-top:12px;font-size:16px;}
.tdi-closed{margin-top:10px;color:var(--ap-ink-60);line-height:1.5;}
.tbm-today-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.tbm-today-actions .btn{min-height:44px;}
@media (min-width:641px){ .tdi-go{width:auto;min-width:160px;} }