/* star_repair 前後台共用藍灰卡片樣式。// Codex20261008 */
.star-repair-wrap { max-width: 980px; margin: 20px auto; }
.star-repair-card { background: #fff; border: 1px solid #cfddea; border-radius: 8px; box-shadow: 0 2px 8px rgba(31, 62, 91, .08); margin-bottom: 20px; overflow: hidden; }
.star-repair-card h2, .star-repair-card h3 { background: #e8f2fb; border-bottom: 1px solid #cfddea; color: #1f4e79; font-size: 1.25rem; font-weight: 600; margin: 0 0 16px; padding: 13px 18px; }
.star-repair-notice-text { color: #34495e; line-height: 1.75; padding: 0 18px 18px; white-space: normal; }
.star-repair-email-notice { background: #f4f8fb; border-left: 4px solid #3b79ad; color: #294d6c; line-height: 1.7; margin: 0 18px 16px; padding: 10px 13px; }
/* Codex20261015：將流程成功訊息改為高對比、具「重要通知」標籤的提示框，讓使用者明確知道須前往信箱完成下一步。 */
.star-repair-flash { align-items: center; background: #d8f3ff; border: 3px solid #1976a8; border-left-width: 10px; box-shadow: 0 3px 8px rgba(25, 118, 168, .16); color: #123f5b; display: flex; font-size: 1.15rem; font-weight: 600; gap: 12px; line-height: 1.65; margin: 0 0 22px; padding: 17px 20px; }
.star-repair-flash-label { background: #145a86; border-radius: 4px; color: #fff; display: inline-block; font-size: .9rem; letter-spacing: .08em; padding: 5px 9px; white-space: nowrap; }
.star-repair-card form { padding: 0 18px 18px; }
.star-repair-row { border-bottom: 1px solid #e8eef4; display: grid; grid-template-columns: 170px minmax(0, 1fr); margin: 0; padding: 12px 0; }
.star-repair-row > label { align-items: center; background: #f1f6fa; color: #294d6c; display: flex; font-weight: 600; margin: -12px 14px -12px 0; padding: 12px; }
.star-repair-row input, .star-repair-row textarea, .star-repair-row select { border: 1px solid #b8cada; border-radius: 4px; box-sizing: border-box; max-width: 100%; padding: 8px 10px; width: 100%; }
.star-repair-row small { color: #5e6e7e; display: block; margin-top: 6px; }
.star-repair-actions { padding-top: 18px; text-align: center; }
.star-repair-actions .btn-primary, .star-repair-btn { background: #1f5f99; border-color: #1f5f99; color: #fff; }
.star-repair-actions .btn-primary:hover, .star-repair-btn:hover { background: #174b79; color: #fff; }
/* Codex20261015：後台主題會覆寫 outline 按鈕文字色；在模組範圍內固定深藍文字與互動狀態，確保篩選按鈕可閱讀。 */
.star-repair-wrap .btn.btn-outline-secondary { background: #fff; border-color: #507b9f; color: #1f4e79 !important; font-weight: 600; }
.star-repair-wrap .btn.btn-outline-secondary:hover, .star-repair-wrap .btn.btn-outline-secondary:focus { background: #e3f0fa; border-color: #1f5f99; color: #123d63 !important; }
.star-repair-wrap .btn.btn-outline-secondary.star-repair-filter-current { background: #1f5f99; border-color: #1f5f99; color: #fff !important; }
.star-repair-admin-table { background: #fff; border-collapse: collapse; margin: 15px 0; width: 100%; }
.star-repair-admin-table th { background: #e8f2fb; color: #294d6c; }
.star-repair-admin-table td, .star-repair-admin-table th { border: 1px solid #cfddea; padding: 9px; text-align: left; vertical-align: top; }
.star-repair-admin-image { border: 1px solid #cfddea; height: auto; margin: 5px; max-height: 280px; max-width: 100%; }
.star-repair-status-new { color: #a05a00; font-weight: 600; }
.star-repair-status-replied { color: #17653a; font-weight: 600; }
.star-repair-status-closed { color: #5d6770; font-weight: 600; }
@media (max-width: 640px) {
  .star-repair-wrap { margin: 10px; }
  .star-repair-row { display: block; }
  .star-repair-row > label { margin: 0 0 8px; padding: 8px; }
}
