/* 運営：手紙（QRコード付きのご案内）の一覧 */

.il-lead {
  max-width: 62em;
  margin: 0 0 18px;
  color: #4a5666;
  font-size: 13px;
  line-height: 1.8;
}

.il-search {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
}

.il-search input[type="search"] {
  width: 260px;
  padding: 7px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  font-size: 14px;
}

.il-search button {
  padding: 7px 14px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}

.il-clear {
  font-size: 13px;
  color: #5a6677;
}

.il-bulk {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  padding: 12px 14px;
  margin-bottom: 18px;
  background: #f4f7fb;
  border: 1px solid #dfe7f0;
  border-radius: 8px;
}

.il-bulk p { margin: 0; font-size: 13px; }

.il-warn { color: #8a5500; }

.il-primary,
.il-bulk form button {
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  background: #0a86c9;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.il-bulk form { margin: 0; }
.il-bulk form button:disabled { background: #b6c2cf; cursor: default; }

.il-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.il-table th,
.il-table td {
  padding: 8px 10px;
  border-bottom: 1px solid #e6ebf1;
  text-align: left;
  vertical-align: top;
}

.il-table th {
  background: #f7f9fc;
  font-weight: 600;
  white-space: nowrap;
}

.il-table .il-num { text-align: right; white-space: nowrap; }

.il-address {
  display: inline-block;
  max-width: 28em;
  color: #4a5666;
}

.il-muted { color: #8a94a2; }
.il-missing { color: #b33; }

.il-button {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  color: #10223f;
  text-decoration: none;
  white-space: nowrap;
}

.il-empty {
  padding: 24px;
  color: #5a6677;
  text-align: center;
}

/* 符号と、作る／もう一度出す */
.il-code {
  padding: 2px 6px;
  background: #eef3f9;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.il-until {
  display: block;
  margin-top: 2px;
  color: #8a94a2;
  font-size: 11px;
}

.il-actions { white-space: nowrap; }
.il-actions form { display: inline; margin: 0; }

.il-go {
  border-color: #0a86c9;
  color: #0a86c9;
  cursor: pointer;
}

/* しぼり込み（会社名・状態・掲載の有無） */
.il-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin-bottom: 14px;
}

.il-filters input[type="search"] {
  width: 240px;
  padding: 7px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  font-size: 14px;
}

.il-filters select {
  padding: 6px 8px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  font-size: 14px;
}

.il-filters button {
  padding: 7px 14px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}

.il-field,
.il-check {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #4a5666;
  font-size: 13px;
}

/* 状態 */
.il-done {
  display: inline-block;
  padding: 2px 8px;
  background: #e6f4ea;
  border: 1px solid #b7e0c4;
  border-radius: 999px;
  color: #1e6b36;
  font-size: 12px;
  white-space: nowrap;
}

.il-email {
  margin-left: 4px;
  color: #0a86c9;
  cursor: help;
}

.il-mail {
  border-color: #0a86c9;
  color: #0a86c9;
  cursor: pointer;
}

.il-actions form + form,
.il-actions a + form { margin-left: 4px; }