/* * SaaSShop Admin Components * 说明:用于承接 Blade 中零散的 inline style,便于后续统一美化与治理。 */ .form-inline-row{ display:flex; align-items:center; gap:8px; } .text-danger{ color:#b42318; } /* 平台订单:退款状态治理区块 */ .refund-governance-block{ margin-top:12px; border:1px dashed #fda29b; background:#fff1f3; } .refund-governance-title{ margin-bottom:6px; } .refund-governance-meta{ margin-bottom:8px; } /* 平台订单:治理提示块(用于 BMPA / 同步订阅 等动作前的安全阀说明) */ .governance-block{ margin-top:10px; width:100%; border:1px solid #f5c2c7; background:#fff5f5; } .governance-block-title{ margin:0; } .governance-block-body{ margin-top:6px; font-size:12px; line-height:1.5; } /* 可复用:治理提示块内的说明/脚注文本 */ .governance-block-footnote{ margin-top:6px; font-size:12px; line-height:1.5; } /* 平台订单:工具区(两列分组卡片化,避免表单散落) */ .tool-grid{align-items:start;} .tool-group{width:100%;} .tool-group-title{ font-size:12px; color:#94a3b8; text-transform:uppercase; letter-spacing:.08em; font-weight:700; margin:0 0 10px; } .tool-group-subtitle{margin:0 0 6px;} /* 平台订单列表:避免列太多导致内容挤压成“竖排/断字” */ .table-wrap{ width:100%; overflow-x:auto; } .table-wrap table{ min-width:1600px; } .table-nowrap th, .table-nowrap td{ white-space:nowrap; word-break:normal; } /* 平台订单列表:精简视图(默认隐藏部分列,避免列表过长) */ .platform-orders-table .col-optional{display:none;} .platform-orders-table.is-full .col-optional{display:table-cell;} /* 平台订单列表(精简视图):进一步收敛信息密度 */ .platform-orders-table.is-compact td{padding-top:8px;padding-bottom:8px;} .platform-orders-table.is-compact .muted-xs{font-size:12px;} .platform-orders-table .row-meta{margin-top:2px;} .platform-orders-table .row-warn{margin-top:4px;padding:4px 6px;border-left:3px solid #d9534f;background:#fff6f6;border-radius:4px;} .platform-orders-table .row-warn a.link{color:#b52b27;text-decoration:underline;} .platform-orders-table .row-warn a.link:hover{text-decoration:none;} /* 平台订单列表:精简视图也要可达的治理提示(对账/退款不一致) */ .platform-orders-table .governance-hints{margin-bottom:6px;} .platform-orders-table .governance-hint{line-height:1.4;}