/* ============================================================
 * 品宏外贸CRM系统 - 全局公共样式
 * 包含：全局重置、通用组件（卡片/按钮/标签/表格/表单）、
 *       弹窗、富文本编辑器、上传区域、Toast提示
 * ============================================================ */

/* ===== 全局重置 ===== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f0f2f5;color:#1a1a2e;font-size:14px;line-height:1.6;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;outline:none;font-family:inherit;}
input,select,textarea{font-family:inherit;outline:none;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;}
::-webkit-scrollbar-track{background:transparent;}

/* ===== 通用组件 - 卡片 ===== */
.card{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.06);padding:20px;}

/* ===== 通用组件 - 按钮 ===== */
.btn{padding:8px 18px;border-radius:6px;font-size:13px;font-weight:500;transition:all 0.15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;border:1px solid transparent;}
.btn-primary{background:#e94560;color:#fff;}
.btn-primary:hover{background:#c73650;}
.btn-secondary{background:#f0f2f5;color:#333;}
.btn-secondary:hover{background:#e4e6e9;}
.btn-sm{padding:5px 12px;font-size:12px;}
.btn-gray{background:#8c8c8c;color:#fff;}
.btn-gray:hover{background:#666;}
.btn-green{background:#28a745;color:#fff;}
.btn-green:hover{background:#1e7e34;}

/* ===== 通用组件 - 标签 ===== */
.tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;}
.tag-green{background:#e6f7ed;color:#1a9c4b;}
.tag-blue{background:#e6f0ff;color:#1a6dd6;}
.tag-yellow{background:#fff7e6;color:#d48806;}
.tag-gray{background:#f0f0f0;color:#666;}
.tag-red{background:#ffebe6;color:#d4380d;}
.tag-purple{background:#f0e6ff;color:#722ed1;}
.tag-orange{background:#fff2e8;color:#d46b08;}

/* ===== 通用组件 - 表格 ===== */
table{width:100%;border-collapse:collapse;}
th{text-align:left;padding:12px 14px;font-size:12px;font-weight:600;color:#666;background:#fafafa;border-bottom:1px solid #eee;white-space:nowrap;}
td{padding:12px 14px;font-size:13px;color:#333;border-bottom:1px solid #f0f0f0;}
tr:hover td{background:#fafbfc;}
.table-wrap{overflow-x:auto;}

/* ===== 通用组件 - 表单 ===== */
.form-row{display:flex;gap:16px;margin-bottom:16px;}
.form-group{flex:1;}
.form-group label{display:block;font-size:12px;font-weight:500;color:#555;margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;transition:border-color 0.2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e94560;}

/* ===== 弹窗 ===== */
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;align-items:center;justify-content:center;}
.modal-overlay.active{display:flex;}
.modal{background:#fff;border-radius:12px;width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.2);}
.modal-header{padding:18px 24px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;}
.modal-header h3{font-size:16px;font-weight:600;}
.modal-close{width:28px;height:28px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;cursor:pointer;}
.modal-close:hover{background:#eee;}
.modal-body{padding:24px;}
.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;}

/* ===== 富文本编辑器 ===== */
.rte-toolbar{display:flex;gap:4px;padding:6px 8px;background:#f8f9fa;border:1px solid #ddd;border-bottom:none;border-radius:6px 6px 0 0;flex-wrap:wrap;}
.rte-toolbar button{min-width:28px;height:28px;padding:0 8px;border-radius:4px;background:transparent;font-size:13px;color:#555;display:flex;align-items:center;justify-content:center;white-space:nowrap;}
.rte-toolbar button:hover{background:#e8e8e8;}
.rte-toolbar button.active{background:#e94560;color:#fff;}
.rte-content{min-height:80px;padding:10px 12px;border:1px solid #ddd;border-radius:0 0 6px 6px;background:#fff;font-size:13px;line-height:1.7;}
.rte-content:focus{border-color:#e94560;}
.rte-content img{max-width:100%;}
.rte-lite .rte-toolbar{padding:4px 6px;}
.rte-lite .rte-content{min-height:50px;padding:8px 10px;font-size:12px;}

/* ===== 上传区域 ===== */
.upload-area{border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:border-color 0.2s;}
.upload-area:hover{border-color:#e94560;}
.upload-area p{font-size:12px;color:#999;}
.upload-area svg{width:32px;height:32px;color:#ccc;margin-bottom:8px;}

/* ===== Toast 提示 ===== */
.toast{position:fixed;top:20px;right:20px;background:#1a1a2e;color:#fff;padding:12px 20px;border-radius:8px;font-size:13px;z-index:2000;opacity:0;transform:translateX(20px);transition:all 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.toast.show{opacity:1;transform:translateX(0);}
.toast.success{background:#28a745;}
.toast.error{background:#dc3545;}

/* ===== 筛选栏（通用） ===== */
.filter-bar{display:flex;gap:12px;margin-bottom:18px;align-items:center;position:sticky;top:50px;z-index:20;background:#f5f7fa;padding:10px 0;margin-top:-10px;flex-wrap:wrap;}
.search-box{position:relative;flex:1;max-width:360px;}
.search-box input{width:100%;padding:9px 12px 9px 36px;border:1px solid #ddd;border-radius:6px;font-size:13px;}
.search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#999;}
.filter-select{padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:#fff;}