/*
 * Yoone Subscriptions 后台样式
 * - 兼容原有“表格式”订阅计划（由 JS 转换为面板，表格默认隐藏但保留样式）
 * - 新增“面板式”订阅计划的外观：标题、操作按钮（折叠/删除）、详情区块
 * - 风格尽量贴近 WooCommerce 后台组件，保持一致的交互与视觉
 */
#yoone_subscriptions_data .description { color: #666; display: block; margin-top: 6px; line-height: 1.5; }
#yoone_subscriptions_data .form-field { margin-bottom: 12px; }

/* 订阅计划表格布局优化（兼容保留但默认隐藏） */
#yoone_subscriptions_data .yoone-sub-plans-table { margin-top: 10px; width: 100%; table-layout: fixed; }
#yoone_subscriptions_data .yoone-sub-plans-table thead th { font-weight: 600; }
#yoone_subscriptions_data .yoone-sub-plans-table th,
#yoone_subscriptions_data .yoone-sub-plans-table td { padding: 8px 10px; vertical-align: middle; }
#yoone_subscriptions_data .yoone-sub-plans-table tr:nth-child(even) { background-color: #f9f9f9; }

/* 列宽（与 table-layout: fixed 配合） */
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(1) { width: 28%; }
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(2) { width: 16%; }
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(3) { width: 22%; }
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(4) { width: 18%; }
#yoone_subscriptions_data .yoone-sub-plans-table colgroup col:nth-child(5) { width: 16%; }

/* 输入控件统一风格（参考 Woo 后台表单） */
#yoone_subscriptions_data .yoone-sub-plans-table input[type="text"],
#yoone_subscriptions_data .yoone-sub-plans-table input[type="number"],
#yoone_subscriptions_data .yoone-sub-plans-table select {
  width: 100%;
  box-sizing: border-box;
  min-height: 32px;
}

/* 行内按钮精简样式 */
#yoone_subscriptions_data .yoone-sub-plans-table .button {
  min-height: 28px;
  line-height: 26px;
}

/* 新增计划按钮间距 */
#yoone_subscriptions_data #yoone-sub-plan-add { margin-top: 8px; }

/* 面板式订阅计划样式 */
#yoone_subscriptions_data #yoone-sub-plans-panels { margin-top: 12px; }
#yoone_subscriptions_data .yoone-sub-plan-panel {
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  margin-bottom: 12px;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
#yoone_subscriptions_data .yoone-sub-plan-header {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f6f7f7;
  border-bottom: 1px solid #e2e4e7;
}
#yoone_subscriptions_data .yoone-sub-plan-title {
  width: 60%;
  max-width: 420px;
}
#yoone_subscriptions_data .yoone-sub-plan-actions .button { margin-left: 8px; }
#yoone_subscriptions_data .yoone-sub-plan-body { padding: 12px; }
#yoone_subscriptions_data .yoone-sub-plan-body p { margin: 0 0 10px; }
#yoone_subscriptions_data .yoone-sub-plan-body.collapsed { display: none; }