html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* 在文件末尾添加：让问题列表中的 .btn-danger 更淡一些（仅影响 table-issues 范围） */
.table-issues .btn-danger {
  background-color: #ff8a8a !important;
  border-color: #ff8a8a !important;
  color: #ffffff !important;
}

.table-issues .btn-danger:hover,
.table-issues .btn-danger:focus {
  background-color: #ff6b6b !important;
  border-color: #ff6b6b !important;
  color: #ffffff !important;
}

/* 更强的覆盖：针对问题列表里的详情按钮（包含 a/button） */
.table-issues a.btn.btn-danger,
.table-issues button.btn.btn-danger {
  background-color: #ff8a8a !important;
  border-color: #ff8a8a !important;
  color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important; /* 覆盖 .btn:focus 的外圈 */
  filter: saturate(85%) brightness(100%) !important; /* 可选：进一步变淡/调色 */
}

/* hover / focus 状态 */
.table-issues a.btn.btn-danger:hover,
.table-issues a.btn.btn-danger:focus,
.table-issues button.btn.btn-danger:hover,
.table-issues button.btn.btn-danger:focus {
  background-color: #ff6b6b !important;
  border-color: #ff6b6b !important;
  color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 修复：允许主区在 flex 布局中正确收缩，防止子内容撑开布局 */
.app-layout > .row > main,
.app-layout > .row > main .container,
.app-layout > .row > main .container-fluid {
    min-width: 0; /* 允许在 flex 中缩小 */
}

/* 详情卡：不超出父容器宽度 */
.card[data-issue-id] {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

/* 子项可换行并能在 flex 中缩小，避免长单词/url 撑开 */
.detail-item,
.detail-item .value,
.issue-progress-card {
    min-width: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
}