/* ============================================================
 * EduMaster · OPC 模块样式（opc.css）
 * 作用：OPC 主路由（route-opc.php）视觉升级 + 创作者工作台新增面板
 *      （仪表盘 / 订单收入 / 项目管理 / OPC AI 助手）。
 * 命名：新增组件统一 .opc- 前缀，避免与既有 .oc-*（创作中心旧样式）
 *      及其他模块冲突。
 * 配色：以橙/琥珀为点缀主色，中性灰为底，不使用厚重靛蓝/紫色主视觉。
 * 加载：route-opc.php 顶部 wp_enqueue_style('opc', ...)。
 * ============================================================ */

/* ---------- 分区标题体系 ---------- */
.opc-sec-head{margin:8px 0 18px;}
.opc-sec-head .opc-sec-kicker{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ea580c;}
.opc-sec-head .opc-sec-kicker::before{content:"";width:18px;height:2px;background:#ea580c;border-radius:2px;}
.opc-sec-head h2{font-size:22px;font-weight:800;color:#111827;margin:6px 0 4px;line-height:1.3;}
.opc-sec-head p{font-size:13px;color:#6b7280;margin:0;}

/* ---------- 卡片 ---------- */
.opc-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(17,24,39,.04);transition:box-shadow .2s ease,transform .2s ease;}
.opc-card:hover{box-shadow:0 12px 28px -12px rgba(17,24,39,.12);}
.opc-card.flush{padding:0;overflow:hidden;}

/* ---------- 统计块（仪表盘） ---------- */
.opc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
@media(min-width:640px){.opc-stats{grid-template-columns:repeat(4,1fr);}}
.opc-stat{background:#fff;border:1px solid #ececec;border-radius:14px;padding:16px 14px;}
.opc-stat .opc-stat-v{font-size:22px;font-weight:800;color:#111827;line-height:1.1;}
.opc-stat .opc-stat-l{font-size:12px;color:#6b7280;margin-top:4px;}
.opc-stat .opc-stat-hint{font-size:11px;color:#9ca3af;margin-top:2px;}
.opc-stat.accent{background:linear-gradient(135deg,#fff7ed,#ffffff);border-color:#fed7aa;}
.opc-stat.accent .opc-stat-v{color:#ea580c;}

/* ---------- 待办引导 ---------- */
.opc-todo{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #f0ede4;border-radius:10px;background:#fffdf8;margin-bottom:8px;font-size:13px;color:#374151;}
.opc-todo.done{opacity:.55;}
.opc-todo .opc-todo-ic{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;background:#ffedd5;color:#ea580c;}
.opc-todo.done .opc-todo-ic{background:#d1fae5;color:#059669;}
.opc-todo a{color:#ea580c;font-weight:600;white-space:nowrap;}

/* ---------- 会员套餐 ---------- */
.opc-tiers{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:768px){.opc-tiers{grid-template-columns:repeat(3,1fr);}}
.opc-tier{position:relative;background:#fff;border:1px solid #ececec;border-radius:18px;padding:24px 20px;display:flex;flex-direction:column;}
.opc-tier.hot{border:2px solid #ea580c;box-shadow:0 16px 40px -20px rgba(234,88,12,.45);}
.opc-tier .opc-tier-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#ea580c;color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:99px;white-space:nowrap;}
.opc-tier h3{font-size:17px;font-weight:800;color:#111827;}
.opc-tier .opc-tier-tag{font-size:12px;color:#6b7280;margin:2px 0 12px;}
.opc-tier .opc-tier-price{font-size:30px;font-weight:800;color:#111827;}
.opc-tier .opc-tier-price small{font-size:13px;font-weight:500;color:#9ca3af;}
.opc-tier ul{list-style:none;padding:0;margin:16px 0;flex:1;}
.opc-tier ul li{font-size:13px;color:#374151;padding:5px 0 5px 22px;position:relative;}
.opc-tier ul li::before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700;}
.opc-tier .opc-tier-btn{display:block;text-align:center;padding:10px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid #e5e7eb;color:#374151;background:#fff;cursor:pointer;width:100%;}
.opc-tier.hot .opc-tier-btn{background:#ea580c;color:#fff;border-color:#ea580c;}
.opc-tier .opc-tier-btn:disabled{opacity:.5;cursor:not-allowed;}

/* ---------- 状态徽章 ---------- */
.opc-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:600;}
.opc-badge.pending{background:#fef3c7;color:#b45309;}
.opc-badge.confirmed{background:#dcfce7;color:#15803d;}
.opc-badge.settled{background:#dbeafe;color:#1d4ed8;}
.opc-badge.cancelled{background:#f3f4f6;color:#6b7280;}

/* ---------- 表单 ---------- */
.opc-field{margin-bottom:14px;}
.opc-field label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:5px;}
.opc-field input,.opc-field textarea,.opc-field select{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px;outline:none;font-family:inherit;}
.opc-field input:focus,.opc-field textarea:focus,.opc-field select:focus{border-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.15);}
.opc-btn{display:inline-block;background:#111827;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;}
.opc-btn:hover{background:#1f2937;}
.opc-btn.primary{background:#ea580c;}
.opc-btn.primary:hover{background:#c2410c;}
.opc-btn.ghost{background:#fff;color:#374151;border:1px solid #e5e7eb;}
.opc-btn.sm{padding:6px 12px;font-size:13px;}
.opc-btn.danger{color:#dc2626;background:#fff;border:1px solid #fecaca;}

/* ---------- 支付指引 ---------- */
.opc-paybox{background:#fffbeb;border:1px dashed #fcd34d;border-radius:14px;padding:18px;}
.opc-paybox .opc-pay-no{font-size:13px;color:#78350f;}
.opc-paybox .opc-pay-no strong{font-size:16px;letter-spacing:.5px;}
.opc-qr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;}
.opc-qr{background:#fff;border:1px solid #eee;border-radius:10px;padding:12px;text-align:center;}
.opc-qr .opc-qr-img{height:120px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;color:#9ca3af;font-size:12px;margin-bottom:8px;}
.opc-qr .opc-qr-img img{max-height:120px;border-radius:6px;}

/* ---------- 订单表 ---------- */
.opc-otable{width:100%;font-size:13px;border-collapse:collapse;}
.opc-otable th{text-align:left;color:#6b7280;font-size:12px;font-weight:600;padding:8px 6px;border-bottom:1px solid #eee;}
.opc-otable td{padding:10px 6px;border-bottom:1px solid #f3f4f6;}

/* ---------- OPC AI 助手面板 ---------- */
.opc-ai-scenes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.opc-ai-scene{padding:7px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:99px;font-size:13px;color:#374151;cursor:pointer;}
.opc-ai-scene.active{background:#ea580c;border-color:#ea580c;color:#fff;}
.opc-ai-log{background:#f9fafb;border:1px solid #eee;border-radius:12px;padding:14px;min-height:120px;max-height:360px;overflow:auto;font-size:13px;line-height:1.7;}
.opc-ai-msg{margin-bottom:12px;}
.opc-ai-msg .who{font-weight:700;font-size:12px;color:#6b7280;margin-bottom:2px;}
.opc-ai-msg.user .who{color:#ea580c;}
.opc-ai-msg .bubble{white-space:pre-wrap;}
.opc-ai-notice{margin-top:10px;font-size:12px;color:#b45309;background:#fef3c7;border-radius:8px;padding:8px 10px;}

/* ---------- 最近使用工具 / 动态 ---------- */
.opc-chip-list{display:flex;flex-wrap:wrap;gap:6px;}
.opc-chip{padding:5px 11px;background:#f3f4f6;border-radius:99px;font-size:12px;color:#4b5563;}
.opc-feed-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151;}
.opc-feed-item:last-child{border-bottom:0;}
.opc-feed-item .when{color:#9ca3af;font-size:12px;white-space:nowrap;}

/* ---------- 项目管理行 ---------- */
.opc-proj-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #eee;border-radius:12px;margin-bottom:10px;background:#fff;}
.opc-proj-row .t{flex:1;min-width:0;}
.opc-proj-row .t h4{font-size:14px;font-weight:600;color:#111827;}
.opc-proj-row .t .meta{font-size:12px;color:#9ca3af;margin-top:2px;}

.opc-muted{color:#9ca3af;font-size:12px;}
.opc-empty{text-align:center;padding:36px 10px;color:#9ca3af;font-size:13px;}