/* 代理商页面专用样式 */

/* Hero 区域 */
.ag-hero-gradient { background: linear-gradient(135deg, var(--legacy-success), #42b983); border-radius: 1rem; padding: 28px; margin-bottom: var(--spacing-base); color: white; }
.ag-hero-title { font-size: 1.5rem; margin-bottom: var(--spacing-sm); }
.ag-subtitle { font-size: 0.875rem; opacity: 0.9; }

/* 卡片容器 */
.ag-card { background: white; border-radius: var(--radius-lg); padding: var(--spacing-base); margin-bottom: var(--spacing-base); box-shadow: var(--shadow-md); }

/* 卡片标题 */
.ag-card-title { font-size: 1rem; margin-bottom: var(--spacing-base); gap: var(--spacing-sm); }

/* 菜单项 */
.ag-menu-item { padding: var(--spacing-base); background: var(--green-50); border-radius: 0.625rem; }
.ag-menu-item-blue { background: var(--blue-50); }
.ag-menu-item-orange { background: #fff5e6; }
.ag-menu-item-purple { background: var(--purple-50); }

/* 统计图标 */
.ag-stat-icon { font-size: 1.75rem; }
.ag-stat-icon-green { color: #4caf50; }
.ag-stat-icon-blue { color: #2196f3; }
.ag-stat-icon-orange { color: #ff9800; }
.ag-stat-icon-red { color: var(--legacy-red-bright); }

/* 统计标签 */
.ag-stat-label { font-size: 0.75rem; margin-top: var(--spacing-sm); color: #333333; }

/* 统计卡片 */
.ag-stat-card-green { padding: var(--spacing-md); background: var(--green-50); border-radius: var(--radius-md); }
.ag-stat-card-blue { padding: var(--spacing-md); background: var(--blue-50); border-radius: var(--radius-md); }
.ag-stat-card-orange { padding: var(--spacing-md); background: #fff5e6; border-radius: var(--radius-md); }
.ag-stat-number { font-size: 1.25rem; }

/* 商店项 */
.ag-store-item { padding: var(--spacing-md); background: #fafafa; border-radius: var(--radius-md); }
.ag-store-icon { width: 40px; height: 40px; border-radius: var(--radius-md); }
.ag-store-icon-orange { background: #ffb347; }
.ag-store-icon-green { background: var(--legacy-success); }
.ag-store-icon-red { background: var(--legacy-danger); }
.ag-store-status { font-size: 0.75rem; }
.ag-store-status-ok { color: #4caf50; }
.ag-store-status-warn { color: #ff9800; }

/* 布局工具类 */
.ag-gap-md { gap: var(--spacing-md); }
.ag-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); }
.ag-grid-gap { margin-top: var(--spacing-base); }