/* ── Homepage Quick Actions ─────────────────────────────────── */ .gm-quick-actions-section { margin: 1.25rem 0; } .gm-quick-action-card { display: flex; flex-direction: column; padding: 1.5rem; border-radius: 12px; background: #fff; text-decoration: none !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); } .gm-quick-action--flash { background: linear-gradient(135deg, rgba(255, 0, 0, 0.03) 0%, rgba(255, 0, 0, 0.06) 100%); border: 1px solid rgba(255, 0, 0, 0.2); } .gm-quick-action--flash .gm-qa-cta { color: #FF0000 !important; } .gm-quick-action--clearance { background: linear-gradient(135deg, rgba(249, 115, 22, 0.03) 0%, rgba(234, 88, 12, 0.07) 100%); border: 1px solid rgba(249, 115, 22, 0.15); } .gm-quick-action-card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); } .gm-quick-action--flash:hover { border-color: #FF0000; box-shadow: 0 10px 25px rgba(255, 0, 0, 0.12); } .gm-quick-action--clearance:hover { border-color: rgba(249, 115, 22, 0.35); } .gm-qa-badge-title-row { display: flex; align-items: center; gap: 8px; margin-bottom: 0.5rem; } .gm-qa-icon { font-size: 1.5rem; line-height: 1; } .gm-qa-title { font-size: 18px; font-weight: 700; margin: 0; color: #1e293b; } .gm-qa-desc { font-size: 13px; color: #64748b; margin: 0 0 1rem 0; } .gm-qa-cta { font-size: 13px; font-weight: 700; color: var(--bs-primary, #3b71ca); display: inline-flex; align-items: center; gap: 4px; transition: gap 0.2s ease; } .gm-quick-action-card:hover .gm-qa-cta { gap: 8px; } /* ── Dark Mode support (theme system uses [theme="dark"] on ) ── */ [theme="dark"] .gm-quick-action-card { background: var(--az-surface); box-shadow: none; } [theme="dark"] .gm-quick-action--flash { background: linear-gradient(135deg, rgba(255, 0, 0, 0.08) 0%, rgba(255, 0, 0, 0.02) 100%); border-color: rgba(255, 0, 0, 0.28); } [theme="dark"] .gm-quick-action--flash:hover { border-color: #FF0000; box-shadow: 0 0 16px rgba(255, 0, 0, 0.2); } [theme="dark"] .gm-quick-action--flash .gm-qa-cta { color: #FF0000 !important; } [theme="dark"] .gm-quick-action--clearance { background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(234, 88, 12, 0.12) 100%); border-color: rgba(249, 115, 22, 0.25); } [theme="dark"] .gm-qa-title { color: var(--az-text-strong); } [theme="dark"] .gm-qa-desc { color: var(--az-text-muted); }