/* 申请及审批中心·本人视图（第3项） */
.approval-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:4px;border:1px solid #dce8eb;border-radius:11px;background:#f6fafb}
.approval-segment{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:42px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#4b6576;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.approval-segment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approval-segment b{flex:none;min-width:24px;padding:2px 7px;border-radius:999px;background:#e6eef1;color:#355669;font-size:13px;text-align:center}
.approval-segment:hover{color:#007e70}
.approval-segment.active{background:#fff;color:#0b7f6d;box-shadow:0 1px 4px #12334b18;outline:1px solid #30ab95}
.approval-segment.has-pending b{background:#d92d3c;color:#fff}
.approval-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.approval-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 11px;border:1px solid #d8e5e9;border-radius:999px;background:#fff;color:#45616f;font-family:inherit;font-size:12px;cursor:pointer}
.approval-chip b{font-weight:700;color:#23495d}
.approval-chip:hover{border-color:#30ab95;color:#007e70}
.approval-chip.active{border-color:#009f8d;background:#009f8d;color:#fff}.approval-chip.active b{color:#fff}
.approval-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.approval-toolbar .select{min-width:150px}
.approval-panel{overflow:hidden}
.approval-table .table td{vertical-align:top}
/* 编号 / 内容与公司名可换行，表格在 1366/1440 宽度下不必横向滚动；“操作”列固定在右侧，横向滚动时也始终可见。 */
.approval-table .table td.approval-cell-ref{white-space:normal;min-width:170px;max-width:300px;overflow-wrap:anywhere}
.approval-table .table td.approval-cell-company{white-space:normal;word-break:keep-all;min-width:84px;max-width:170px}
.approval-table .table th,.approval-table .table td{padding-left:12px;padding-right:12px}
.approval-table .approval-cell-actions{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-10px 0 12px -12px #12334b55}
.approval-table thead .approval-cell-actions{background:#f7fafb}
.approval-table tbody tr:hover .approval-cell-actions{background:#fafdfc}
.approval-type{display:inline-block;padding:3px 8px;border-radius:5px;background:#e7f0fb;color:#3a72ab;font-size:11px;font-weight:700;white-space:nowrap}
.approval-handle{display:inline-block;margin-left:4px;padding:3px 6px;border-radius:5px;background:#fff1df;color:#9a3412;font-size:11px;font-weight:700;white-space:nowrap}
.approval-actions{display:flex;flex-wrap:nowrap;gap:5px;white-space:nowrap}
.approval-reason{max-width:260px;white-space:normal;overflow-wrap:anywhere;color:#5d7584}
.approval-audit-queue{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid #f1dfb4;border-radius:10px;background:#fffaf0}
.approval-queue-item{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border:1px solid #efd9a6;border-radius:7px;background:#fff;color:#7a5a1d;font-family:inherit;font-size:12px;cursor:pointer}
.approval-queue-item b{color:#9a3412}
.approval-queue-item:hover{border-color:#e0b860}
.approval-section-label{font-size:12px;font-weight:700;color:#5b6d78;margin-right:2px}
.approval-unavailable{margin-bottom:12px}
.approval-note{margin:8px 2px 0}
/* 付款 / 用章入口卡全站统一为紧凑版（styles.css .application-entry），这里只保留台账区的间距。 */
.approval-ledger{margin-top:16px}
.approval-ledger .application-entry-grid{margin-bottom:0}
/* 手机：每条一张卡片（类型与编号为标题，其余“标签 值”两列排列，按钮在卡片底部），不出现整页横向滚动。 */
@media(max-width:720px){
  .approval-panel{background:transparent;border:0;box-shadow:none;overflow:visible}
  .approval-table{overflow:visible}
  .approval-table .table,.approval-table .table tbody,.approval-table .table tr,.approval-table .table td{display:block;width:100%;min-width:0;max-width:none}
  .approval-table .table thead{display:none}
  .approval-table .table{white-space:normal}
  .approval-table .table tr.approval-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;margin:0 0 10px;padding:12px 13px;border:1px solid #e4ebef;border-radius:12px;background:#fff;box-shadow:0 2px 10px #12334b08}
  .approval-table .table tr.approval-row td{padding:4px 0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:12px}
  .approval-table .table tr.approval-row td::before{content:attr(data-label);display:block;margin-bottom:1px;color:#8d9ca8;font-size:11px}
  .approval-table .table tr.approval-row td.approval-cell-type,.approval-table .table tr.approval-row td.approval-cell-ref,.approval-table .table tr.approval-row td.approval-reason{grid-column:1/-1}
  .approval-table .table tr.approval-row td.approval-cell-type::before,.approval-table .table tr.approval-row td.approval-cell-ref::before{display:none}
  .approval-table .table tr.approval-row td.approval-cell-ref{font-size:13px;font-weight:600;color:#1d3a4e}
  .approval-table .table tr.approval-row td.approval-cell-actions{grid-column:1/-1;position:static;box-shadow:none;background:transparent;margin-top:6px;padding-top:9px;border-top:1px solid #eef2f4}
  .approval-table .table tr.approval-row td.approval-cell-actions::before{display:none}
  .approval-table .approval-actions{flex-wrap:wrap}
  .approval-table .approval-actions .btn{flex:1 1 auto;min-height:34px}
  .approval-table .table tr:not(.approval-row) td{border:1px solid #e4ebef;border-radius:12px;background:#fff}
}
@media(max-width:620px){
  .approval-segments{gap:4px;padding:3px}
  .approval-segment{flex-direction:column;gap:3px;min-height:52px;padding:6px 4px;font-size:12px}
  .approval-segment b{font-size:12px;min-width:22px;padding:1px 6px}
  .approval-toolbar .select{flex:1;min-width:0}
  .approval-audit-queue{padding:9px}
  .approval-queue-item{flex:1 1 auto}
}