/* ============================================================
   基本情報 横長カード
============================================================ */

.basic-card-container {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.basic-card-row {
  display: flex;
  gap: 20px;
}

.basic-item {
  flex: 1;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 12px;
}

.basic-item.full {
  flex: 100%;
}

.basic-item span {
  font-size: 12px;
  color: #6b7280;
  display: block;
  margin-bottom: 4px;
}

.basic-item p {
  font-size: 14px;
  color: #111827;
  margin: 0;
}

/* ============================================================
   横長の一覧表（ユーザー一覧と同じスタイル）
============================================================ */

.profile-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
}

.profile-table thead {
  background: #f3f4f6;
}

.profile-table thead th {
  padding: 10px;
  border-bottom: 1px solid #d0d7de;
  text-align: left;
  font-weight: 600;
}

.profile-table tbody td {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.profile-table tbody tr:hover {
  background: #f9fafb;
}

/* ============================================================
   表ビュー：ユーザー一覧風の控えめな罫線
============================================================ */

.employment-table,
.career-table,
.business-table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc; /* 外枠は薄め */
}

.employment-table th,
.career-table th,
.business-table th {
  background: #f7f7f7;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 6px 8px;
}

.employment-table td,
.career-table td,
.business-table td {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 8px;
}

/* 偶数行に薄い背景色 */
.employment-table tr:nth-child(even),
.career-table tr:nth-child(even),
.business-table tr:nth-child(even) {
  background: #fafafa;
}

/* ============================================================
   表ビュー：縦罫線（ユーザー一覧風）
============================================================ */

.employment-table th,
.employment-table td,
.career-table th,
.career-table td,
.business-table th,
.business-table td {
  border-right: 1px solid #e0e0e0; /* 控えめな縦線 */
}

/* 最後の列だけ右線を消す */
.employment-table th:last-child,
.employment-table td:last-child,
.career-table th:last-child,
.career-table td:last-child,
.business-table th:last-child,
.business-table td:last-child {
  border-right: none;
}

/* ============================================================
   役職セル（横線ズレ完全修正）
============================================================ */

.position-cell {
  display: table-cell;   /* ← これが決め手 */
  vertical-align: top;
}

.position-card {
  margin-bottom: 0.5em;
}

.position-card:last-child {
  margin-bottom: 0;
}

/* 役職カードの tooltip */
.pos-tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 190px;
  padding: 0.6em;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  white-space: pre-line;
  z-index: 10;
  width: max-content;
  max-width: 300px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.position-card:hover .pos-tooltip {
  display: block;
}

/* ============================================================
   詳細セル（省略＋tooltip）
============================================================ */

.detail-cell {
  position: relative;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}

.detail-tooltip {
  position: absolute;
  max-width: 320px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  white-space: normal;
  word-break: break-word;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 999999;
  display: none;
}

.detail-cell:hover .detail-tooltip {
  display: block;
}


/* 業務タブの要約・スキル・PR の余白調整 */
#table-business-summary-wrapper .work-info-block,
#table-business-skills-wrapper .work-info-block,
#table-business-pr-wrapper .work-info-block {
  margin-bottom: 1.5em;
}

/* 業務経歴（表）の列幅調整 */
.business-table th:nth-child(1),
.business-table td:nth-child(1) {
  width: 240px;
}

.business-table th:nth-child(2),
.business-table td:nth-child(2) {
  width: 140px;
  white-space: nowrap;
}

.business-table th:nth-child(3),
.business-table td:nth-child(3) {
  width: 80px;
  text-align: center;
}

.business-table th:nth-child(4),
.business-table td:nth-child(4) {
  width: 200px;
}

.business-table th:nth-child(5),
.business-table td:nth-child(5) {
  width: 200px;
}

/* 業務経歴の「使用技術」セルだけ折り返し */
.business-table td:nth-child(5) {
  white-space: normal !important;
  word-break: break-word;
}

/* ▼ セルの基本色を白に統一 */
.profile-table td {
  background-color: #ffffff !important;
}

/* ▼ ヘッダーだけ薄いグレーに */
.profile-table th {
  background-color: #f2f2f2 !important;
}