/*
 * 面板紧凑密度（ADR-0026）：只补 AdminLTE/Bootstrap 没有紧凑档的那部分。
 *
 * 框架自己有对应类的，一律在视图里加类解决，不在这里重复：
 *   body.text-sm      → 全站字号 16→14px、顶栏 57→47px、按钮/下拉字号、侧栏条目内边距
 *   .nav-compact      → 侧栏条目上下内边距
 *   .table-sm         → 表格单元格内边距 12→4.8px
 *   .form-control-sm  → 输入框 38→31px、字号 16→14px
 *   .btn-sm           → 按钮内边距 6/12→4/8px
 *
 * 本文件只写框架没提供紧凑类的那几个组件。加载顺序：adminlte.min.css 之后、
 * 页面自己的 @stack('styles') 之前，所以同特异性下本文件的规则生效。
 */

/* 内容容器（AdminLTE 无紧凑档；layout 里原有的 15px 覆盖已并入此处） */
.content-wrapper { padding: 10px; }

/* 卡片 */
.card-body { padding: 12px; }
.card-header { padding: 8px 12px; }
.card-footer { padding: 8px 12px; }

/* 表单行距：Bootstrap 没有 form-group-sm；1rem 的行距在一个 6 字段弹窗里要吃掉 96px */
.form-group { margin-bottom: .625rem; }

/* 弹窗：Bootstrap 只有 .modal-sm(300px) 与 .modal-lg(800px) 两档，都不合用 */
.modal-body { padding: 12px; }
.modal-header { padding: 10px 12px; }
.modal-footer { padding: 8px 12px; }
.modal-header .close { padding: .6rem; margin: -.6rem -.6rem -.6rem auto; font-size: 1.25rem; }
@media (min-width: 576px) {
    .modal-dialog { max-width: 460px; }
}
@media (min-width: 992px) {
    .modal-lg { max-width: 620px; }
}

/* 提示条：关闭按钮靠 4rem 右内边距让位，压内边距时必须一并重算，否则 × 会压到文字上 */
.alert { padding: 8px 12px; }
.alert-dismissible { padding-right: 2.5rem; }
.alert-dismissible .close { padding: .5rem .75rem; font-size: 1.25rem; }

/* 页脚不用管：AdminLTE 自己有 .text-sm .main-footer{padding:.812rem}（16→12.99px），
   它的特异性比单类高，写在这里也是死规则。 */

/* 字号：.text-sm 把正文压到 14px，但只覆盖了 .card-title 一个标题类——
   弹窗标题是小节里最大的字（<h4> 的 1.5rem，不随 body 字号变），小节标题同理。 */
.modal-title { font-size: 1.25rem; }   /* 24→20px */
h5, .h5 { font-size: 1.125rem; }        /* 20→18px */

/* 仪表盘指标卡：数字(2.2rem)是刻意的大字号锚点，且由 .col-* 的媒体查询分级设定，
   压它要逐条对特异性，不值当，保持不动；说明文字是写死的 1rem，会与 14px 正文脱节，
   这里拉平。 */
.small-box p { font-size: .875rem; }