/* 月历组件样式 */

/* 月历网格 */
.calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;margin:16px 0}
.calendar-header{background:#f3f4f6;padding:12px;text-align:center;font-weight:600;font-size:14px}

/* 日历单元格 */
.calendar-day{background:#fff;padding:8px;min-height:60px;position:relative;cursor:pointer;border:1px solid transparent}
.calendar-day:hover{background:#f9fafb}
.calendar-day.other-month{color:#9ca3af;background:#f9fafb}
.calendar-day.has-trades{background:#dbeafe;border-color:#3b82f6}
.calendar-day.has-trades:hover{background:#bfdbfe}

/* 日历内容 */
.calendar-day-number{font-weight:500;margin-bottom:4px}
.calendar-trades-count{font-size:10px;color:#6b7280;background:#e5e7eb;border-radius:8px;padding:1px 4px}

/* 月历导航 */
.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.calendar-nav button{background:#111827;color:#fff;border:1px solid #374151;padding:8px 12px;border-radius:6px;cursor:pointer}
.calendar-nav button:hover{background:#374151}
.calendar-nav h3{margin:0;font-size:18px}

/* 日期详情 */
.day-details{margin-top:16px;padding:16px;background:#f8fafc;border-radius:8px;display:none}
.day-details.show{display:block}
.day-details h4{margin:0 0 12px 0;color:#374151}
.day-trades{max-height:300px;overflow-y:auto}

/* 交易项目 */
.day-trade-item{padding:8px;background:#fff;margin-bottom:4px;border-radius:4px;font-size:12px;border-left:3px solid #3b82f6}
.day-trade-item.sell{border-left-color:#ef4444}