/* FAX一覧：4列コンパクト表示 */

#view-list #statusCards {
  display:none !important;
}

#view-list .listMain {
  min-width:0 !important;
  overflow-x:hidden !important;
}

#view-list .compactFaxTable {
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
  border-collapse:collapse;
}

#view-list .compactFaxTable th,
#view-list .compactFaxTable td {
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box;
  white-space:normal !important;
  overflow-wrap:anywhere;
  vertical-align:top;
}

/* 状態・フラグ */
#view-list .compactFaxTable th:nth-child(1),
#view-list .compactFaxTable td:nth-child(1) {
  width:30% !important;
}

/* 送信元・取引先 */
#view-list .compactFaxTable th:nth-child(2),
#view-list .compactFaxTable td:nth-child(2) {
  width:auto !important;
}

/* 日時・ページ数 */
#view-list .compactFaxTable th:nth-child(3),
#view-list .compactFaxTable td:nth-child(3) {
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
}

/* 操作：縦書き状に潰れない幅を確保 */
#view-list .compactFaxTable th:nth-child(4),
#view-list .compactFaxTable td:nth-child(4) {
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
  overflow:hidden !important;
}

.compactStateCell .chip {
  margin-bottom:5px;
}

.compactStateCell .flagSet {
  display:flex;
  gap:3px;
  flex-wrap:wrap;
}

.compactSenderCell strong {
  display:block;
  margin-bottom:3px;
  line-height:1.4;
}

.compactNumber {
  display:block;
  color:#425466;
  font-size:12px;
  line-height:1.45;
}

.compactNumberType {
  display:block;
  margin-top:1px;
  color:var(--sub);
  font-size:10px;
}

.compactFallback {
  display:block;
  margin-top:5px;
  color:var(--sub);
  font-size:11px;
  line-height:1.4;
}

.compactTimeCell {
  color:var(--sub);
  font-size:12px;
  line-height:1.5;
}

.compactPages {
  display:block;
  margin-top:4px;
  color:var(--ink);
  font-weight:600;
}

.compactActions {
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
  white-space:normal !important;
  overflow:hidden !important;
}

.compactActionCell .miniBtn,
.compactActionCell a.miniBtn {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  padding:5px 4px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* compact-status-layout managed start */

/* 状態は状況カラムの横幅いっぱいに表示 */
.compactStateCell > .chip {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  padding: 3px 5px;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
}

/* 開封・印刷・返信を同じ幅で横一列に並べる */
.compactStateCell .flagSet {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}

.compactStateCell .flagPill {
  flex: 1 1 0;
  min-width: 0;
  padding: 2px 3px;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
}

/* compact-status-layout managed end */

/* compact-color-system managed start */

/*
 * 状態の色は4種類だけに限定
 * 青：要確認
 * 緑：完了
 * 赤：異常
 * 灰：それ以外
 */
.compactStateCell > .chip {
  background: #eef1f4 !important;
  border: 1px solid #d8dde3 !important;
  color: #5f6b76 !important;
}

/* 要確認 */
.compactStateCell > .chip.received,
.compactStateCell > .chip.queued,
.compactStateCell > .chip.sending,
.compactStateCell > .chip.retrying {
  background: #e3f2fd !important;
  border-color: #bbdefb !important;
  color: #1565c0 !important;
}

/* 完了 */
.compactStateCell > .chip.processed,
.compactStateCell > .chip.reply_created,
.compactStateCell > .chip.sent,
.compactStateCell > .chip.replied {
  background: #e7f0e8 !important;
  border-color: #b8d4bc !important;
  color: #1b5e20 !important;
}

/* 異常 */
.compactStateCell > .chip.failed,
.compactStateCell > .chip.busy {
  background: #ffebee !important;
  border-color: #ffcdd2 !important;
  color: #c62828 !important;
}

/* 取消・確認済みなどはグレー */
.compactStateCell > .chip.viewed,
.compactStateCell > .chip.canceled {
  background: #eef1f4 !important;
  border-color: #d8dde3 !important;
  color: #5f6b76 !important;
}

/*
 * フラグ未実施はすべてグレー
 */
.compactStateCell .flagPill {
  background: #f5f6f7 !important;
  border-color: #d8dde3 !important;
  color: #8a939c !important;
  font-weight: 500 !important;
}

/*
 * フラグ実施済みは種類に関係なく同じ緑
 */
.compactStateCell .flagPill.on,
.compactStateCell .flagPill.printed.on,
.compactStateCell .flagPill.replied.on {
  background: #e7f0e8 !important;
  border-color: #b8d4bc !important;
  color: #1b5e20 !important;
  font-weight: 700 !important;
}

/* compact-color-system managed end */

/* workflow-three-flags managed start */

/*
 * 受信箱では処理工程欄を広めに確保する。
 * 日時・操作は固定幅、送信元欄は残り幅を使用する。
 */
#view-list .compactFaxTable.workflowInboxTable th:nth-child(1),
#view-list .compactFaxTable.workflowInboxTable td:nth-child(1) {
  width: 34% !important;
}

#view-list .compactFaxTable.workflowInboxTable th:nth-child(2),
#view-list .compactFaxTable.workflowInboxTable td:nth-child(2) {
  width: auto !important;
}

#view-list .compactFaxTable.workflowInboxTable th:nth-child(3),
#view-list .compactFaxTable.workflowInboxTable td:nth-child(3) {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
}

#view-list .compactFaxTable.workflowInboxTable th:nth-child(4),
#view-list .compactFaxTable.workflowInboxTable td:nth-child(4) {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  overflow: hidden !important;
}

/* 3工程（確認・PDF・返信）を導線順に均等配置 */
.compactStateCell .workflowFlags {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  width: 100%;
}

/* 未実施の工程はすべてグレー */
.compactStateCell .workflowFlags .flagPill {
  display: block;
  min-width: 0;
  padding: 4px 1px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
  background: #f2f4f6 !important;
  border: 1px solid #d8dde3 !important;
  color: #8a939c !important;
  font-size: 10px;
  font-weight: 600 !important;
  line-height: 1.2;
}

/* 実施済みの工程だけ同じ緑＋チェック */
.compactStateCell .workflowFlags .flagPill.on {
  background: #e7f0e8 !important;
  border-color: #b8d4bc !important;
  color: #1b5e20 !important;
  font-weight: 700 !important;
}

.compactStateCell .workflowFlags .flagPill.on::after {
  content: "✓";
  margin-left: 2px;
  font-size: 9px;
}

/* 受信箱では従来の状態チップ用余白を使わない */
.workflowInboxTable .compactStateCell > .chip {
  display: none !important;
}

/* workflow-three-flags managed end */