/* ── 출퇴근 바 (하단 탭 내비게이션 바로 위) ─────────────────────────────── */
.attendance-bar {
  flex: none; display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; background: #F7F9FC; border-top: 1px solid #DDE1E9;
}
.att-btn {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  border: 1px solid #DDE1E9; border-radius: 10px; background: #FFFFFF;
  padding: 9px 6px; cursor: pointer; color: #37415A; font-size: 13px; font-weight: 700;
  transition: background .12s, border-color .12s, color .12s, opacity .12s;
}
.att-btn:active:not(:disabled) { background: #EEF3FB; }
.att-btn .att-time { font-size: 11px; font-weight: 500; color: #8C95A8; }
/* 아직 누를 수 있는 버튼만 색을 준다 - 출근 전에는 퇴근이 눌리지 않아야 한다. */
.att-btn.att-in.ready { border-color: #1565C0; color: #1565C0; }
.att-btn.att-out.ready { border-color: #E8590C; color: #E8590C; }
/* 이미 처리된 버튼 */
.att-btn.done { background: #EDF7F1; border-color: #B7E4C7; color: #1B7F4B; }
.att-btn.done .att-time { color: #1B7F4B; }
.att-btn:disabled { cursor: default; }
.att-btn.att-out:disabled:not(.done) { opacity: .5; }

/* 출퇴근 결과 안내 (이 앱에 공용 토스트가 없어 자체 사용) */
.att-toast {
  position: fixed; left: 50%; transform: translate(-50%, 12px);
  bottom: calc(112px + env(safe-area-inset-bottom)); z-index: 9000;
  max-width: 82%; padding: 10px 16px; border-radius: 20px;
  background: rgba(17, 24, 39, .92); color: #FFFFFF; font-size: 13px; text-align: center;
  opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s;
}
.att-toast.on { opacity: 1; transform: translate(-50%, 0); }

/* 출퇴근 바는 친구 탭에서만 (messenger.js switchTab) */
.attendance-bar.tab-hidden{display:none !important}
/* 휴지통 비우기 (쪽지함/파일함) */
.trash-bar{display:flex;justify-content:flex-end;padding:8px 12px;border-bottom:1px solid #F2F4F8}
.trash-empty-btn{border:1px solid #DDE1E9;background:#fff;color:#C62828;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}
.trash-empty-btn:hover{background:#FEE8E8}