/* ═══════════════════════════════════════════════════════════════════════
   AWESOME ONE — Design System v3
   Enterprise-grade agentic UI layer
   Applied on top of wipro-theme.css — overrides only visual styles
   ═══════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    /* ── Agentic Color Palette ─────────────────────────── */
    --v3-bg: #f7f8fa;
    --v3-surface: #ffffff;
    --v3-surface-2: #f1f3f6;
    --v3-border: #e4e7ec;
    --v3-border-light: #eef0f4;
    --v3-text: #0d1117;
    --v3-text-2: #4a5568;
    --v3-text-3: #8b95a5;
    --v3-accent: #FF9900;
    --v3-accent-glow: rgba(255,153,0,0.12);
    --v3-blue: #3b82f6;
    --v3-green: #10b981;
    --v3-purple: #8b5cf6;
    --v3-red: #ef4444;
    --v3-teal: #06b6d4;
    --v3-dark: #0f172a;
    --v3-dark-2: #1e293b;
    --v3-radius: 12px;
    --v3-radius-sm: 8px;
    --v3-radius-lg: 16px;
    --v3-shadow: 0 2px 8px rgba(0,0,0,0.06);
    --v3-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --v3-shadow-lg: 0 12px 40px rgba(0,0,0,0.1);
    --v3-font: 'Inter', -apple-system, 'Segoe UI', sans-serif;
    --v3-tr: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --v3-tr-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Global Overrides ──────────────────────────────────── */
body {
    font-family: var(--v3-font) !important;
    background: var(--v3-bg) !important;
    -webkit-font-smoothing: antialiased;
}
body::before {
    content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse at 15% 0%, rgba(255,153,0,0.03) 0%, transparent 50%),
                radial-gradient(ellipse at 85% 100%, rgba(59,130,246,0.03) 0%, transparent 50%);
}

/* ── Header v3 ─────────────────────────────────────────── */
.header {
    background: var(--v3-dark) !important;
    border-bottom: none !important;
    box-shadow: none !important;
    position: relative;
}
.header::after {
    content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, var(--v3-accent), var(--v3-blue), var(--v3-accent), transparent) !important;
    opacity: 0.4 !important;
    animation: none !important;
}
.header-brand {
    padding: 10px 24px !important;
}
.brand-text h1 {
    font-family: var(--v3-font) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
}
.brand-subtitle {
    font-family: var(--v3-font) !important;
    font-size: 0.65rem !important;
    color: rgba(255,255,255,0.45) !important;
}
.btn-logout {
    font-family: var(--v3-font) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 14px !important;
    border-radius: var(--v3-radius-sm) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: none !important;
    transition: var(--v3-tr) !important;
}
.btn-logout:hover {
    background: rgba(255,255,255,0.08) !important;
    transform: none !important;
    box-shadow: none !important;
}
.welcome-text {
    font-family: var(--v3-font) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* ── Main Container v3 ─────────────────────────────────── */
.main-container {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    max-width: 1240px !important;
    padding: 24px 28px !important;
    margin: 0 auto !important;
}
.industry-dashboard {
    background: transparent !important;
}
.dashboard-header {
    margin-bottom: 20px !important;
}
.dashboard-header h2 {
    font-family: var(--v3-font) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-align: left !important;
    justify-content: flex-start !important;
}
.header-content {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.header-text {
    text-align: left !important;
}
.demo-links-section {
    margin-top: 28px !important;
    padding: 16px 20px !important;
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border-light) !important;
    border-radius: var(--v3-radius) !important;
}
.demo-links-section h3 {
    font-family: var(--v3-font) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--v3-text-2) !important;
    margin-bottom: 10px !important;
}
.marketplace-link {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    transition: var(--v3-tr) !important;
}

/* ── Industry Cards v3 ─────────────────────────────────── */
.industry-cards {
    grid-template-columns: repeat(4, 1fr) !important;
}
.industry-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border-light) !important;
    border-radius: var(--v3-radius-lg) !important;
    box-shadow: var(--v3-shadow) !important;
    transition: var(--v3-tr-slow) !important;
    position: relative !important;
    overflow: hidden !important;
}
.industry-card:hover {
    box-shadow: var(--v3-shadow-lg) !important;
    transform: translateY(-5px) scale(1.01) !important;
    border-color: var(--v3-accent-glow) !important;
}
.industry-card::before {
    content: '' !important; position: absolute !important; inset: 0 !important;
    background: linear-gradient(135deg, var(--v3-accent-glow), transparent) !important;
    opacity: 0 !important; transition: opacity var(--v3-tr-slow) !important;
    height: auto !important; animation: none !important; background-size: auto !important;
    pointer-events: none !important;
}
.industry-card:hover::before { opacity: 1 !important; }
.industry-card h3 {
    font-family: var(--v3-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.app-count {
    font-family: var(--v3-font) !important;
    font-size: 12px !important;
    color: var(--v3-text-3) !important;
}
.industry-icon {
    font-size: 2rem !important;
    text-shadow: none !important;
}

/* ── Application Cards v3 ──────────────────────────────── */
.application-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
.application-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border-light) !important;
    border-radius: var(--v3-radius-lg) !important;
    box-shadow: var(--v3-shadow) !important;
    transition: var(--v3-tr) !important;
    height: auto !important;
    min-height: 0 !important;
}
.application-card:hover {
    box-shadow: var(--v3-shadow-md) !important;
    transform: translateY(-3px) !important;
    border-color: var(--v3-border) !important;
}
.application-card::before {
    height: 3px !important;
    background: linear-gradient(90deg, var(--v3-accent), var(--v3-blue)) !important;
    animation: none !important; background-size: auto !important;
    pointer-events: none !important;
}
.app-description {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}
.url-buttons {
    height: auto !important;
    min-height: 0 !important;
}
.app-header {
    height: auto !important;
    min-height: 0 !important;
}
.app-footer {
    height: auto !important;
    min-height: 0 !important;
}
.app-header h3 {
    font-family: var(--v3-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.app-description {
    font-family: var(--v3-font) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
.app-type {
    font-family: var(--v3-font) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 10px !important;
}

/* ── URL Buttons v3 ────────────────────────────────────── */
.url-btn {
    font-family: var(--v3-font) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: var(--v3-tr) !important;
}
.demo-btn {
    background: #f0fdf4 !important; color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}
.demo-btn:hover { background: #16a34a !important; color: #fff !important; }
.ppt-btn {
    background: #fff7ed !important; color: #ea580c !important;
    border: 1px solid #fed7aa !important;
}
.ppt-btn:hover { background: #ea580c !important; color: #fff !important; }
.video-btn {
    background: #fdf2f8 !important; color: #db2777 !important;
    border: 1px solid #fbcfe8 !important;
}
.video-btn:hover { background: #db2777 !important; color: #fff !important; }
.reference-btn {
    background: #eff6ff !important; color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}
.reference-btn:hover { background: #2563eb !important; color: #fff !important; }

/* ── Buttons v3 ────────────────────────────────────────── */
.btn-add, .btn-primary {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    font-weight: 600 !important;
    transition: var(--v3-tr) !important;
}
.btn-add:hover, .btn-primary:hover {
    transform: translateY(-1px) !important;
}
.btn-back {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    font-size: 13px !important;
}

/* ── Search Input v3 ───────────────────────────────────── */
.search-input, .search-wrapper input {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius) !important;
    border: 1.5px solid var(--v3-border) !important;
    transition: var(--v3-tr) !important;
    background: var(--v3-surface) !important;
    font-size: 13px !important;
}
.search-input:focus, .search-wrapper input:focus {
    border-color: var(--v3-accent) !important;
    box-shadow: 0 0 0 3px var(--v3-accent-glow) !important;
}
.search-box {
    background: var(--v3-surface) !important;
}
#searchInput {
    width: 280px !important;
    padding: 10px 16px !important;
    border: 1.5px solid var(--v3-border) !important;
    border-radius: var(--v3-radius) !important;
    font-family: var(--v3-font) !important;
    font-size: 13px !important;
    background: var(--v3-surface) !important;
}
#searchInput:focus {
    border-color: var(--v3-accent) !important;
    box-shadow: 0 0 0 3px var(--v3-accent-glow) !important;
}

/* ── Filter Chips v3 ───────────────────────────────────── */
.filter-chip {
    font-family: var(--v3-font) !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: var(--v3-tr) !important;
    border: 1.5px solid var(--v3-border) !important;
}
.filter-chip:hover {
    border-color: var(--v3-accent) !important;
    color: var(--v3-accent) !important;
}
.filter-chip.active {
    background: var(--v3-accent) !important;
    color: #fff !important;
    border-color: var(--v3-accent) !important;
}

/* ── Modal v3 ──────────────────────────────────────────── */
.modal-content {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-lg) !important;
    box-shadow: var(--v3-shadow-lg) !important;
}
.form-group label {
    font-family: var(--v3-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.form-group input, .form-group textarea, .form-group select {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    border: 1.5px solid var(--v3-border) !important;
    transition: var(--v3-tr) !important;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
    border-color: var(--v3-accent) !important;
    box-shadow: 0 0 0 3px var(--v3-accent-glow) !important;
}

/* ── Dashboard Header Title v3 ─────────────────────────── */
.dashboard-header h2 {
    font-family: var(--v3-font) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

/* ── Entrance Animations ───────────────────────────────── */
@keyframes v3FadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.industry-card { animation: v3FadeUp 0.5s ease both; }
.industry-card:nth-child(1) { animation-delay: 0.05s; }
.industry-card:nth-child(2) { animation-delay: 0.1s; }
.industry-card:nth-child(3) { animation-delay: 0.15s; }
.industry-card:nth-child(4) { animation-delay: 0.2s; }
.industry-card:nth-child(5) { animation-delay: 0.25s; }
.industry-card:nth-child(6) { animation-delay: 0.3s; }
.industry-card:nth-child(7) { animation-delay: 0.35s; }
.industry-card:nth-child(8) { animation-delay: 0.4s; }
.application-card { animation: v3FadeUp 0.4s ease both; }

/* ═══════════════════════════════════════════════════════════════════════
   AI WORKSPACE v3 Overrides
   ═══════════════════════════════════════════════════════════════════════ */
.ws-msg-content {
    font-family: var(--v3-font) !important;
}
.ws-msg-content h2 {
    font-family: var(--v3-font) !important;
    font-weight: 800 !important;
}
.ws-msg-content h3 {
    font-family: var(--v3-font) !important;
    font-weight: 700 !important;
}
.ws-welcome-title {
    font-family: var(--v3-font) !important;
    font-weight: 800 !important;
}
.ws-welcome-sub {
    font-family: var(--v3-font) !important;
}
.ws-welcome-card {
    transition: var(--v3-tr) !important;
    border-radius: var(--v3-radius-lg) !important;
}
.ws-welcome-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--v3-shadow-md) !important;
}
.ws-input-container {
    border-radius: var(--v3-radius) !important;
    transition: var(--v3-tr) !important;
}
.ws-input-container:focus-within {
    box-shadow: 0 2px 12px var(--v3-accent-glow) !important;
}
.ws-thread-item {
    transition: var(--v3-tr) !important;
    border-radius: var(--v3-radius-sm) !important;
}
.ws-msg-action-btn {
    font-family: var(--v3-font) !important;
    transition: var(--v3-tr) !important;
    border-radius: 6px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   CHATBOT v3 Overrides
   ═══════════════════════════════════════════════════════════════════════ */
.chatbot-window {
    border-radius: var(--v3-radius-lg) !important;
    box-shadow: var(--v3-shadow-lg) !important;
    font-family: var(--v3-font) !important;
}
.chatbot-header {
    background: var(--v3-dark) !important;
}
.chatbot-header::after {
    background: linear-gradient(90deg, var(--v3-accent), var(--v3-blue), var(--v3-accent)) !important;
    opacity: 0.4 !important;
}
.message-bubble {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius) !important;
}
.message.bot .message-bubble {
    box-shadow: var(--v3-shadow) !important;
}
.agent-toggle-bar {
    font-family: var(--v3-font) !important;
}
.agent-toggle {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    transition: var(--v3-tr) !important;
}
.chat-input {
    font-family: var(--v3-font) !important;
    border-radius: 20px !important;
    transition: var(--v3-tr) !important;
}
.chat-input:focus {
    box-shadow: 0 0 0 3px var(--v3-accent-glow) !important;
}
.suggestion-chip {
    font-family: var(--v3-font) !important;
    transition: var(--v3-tr) !important;
}
.suggestion-chip:hover {
    background: var(--v3-dark) !important;
    border-color: var(--v3-dark) !important;
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   HELP/GUIDE v3 Overrides
   ═══════════════════════════════════════════════════════════════════════ */
.help-header {
    background: var(--v3-dark) !important;
}
.help-section h1, .help-section h2, .help-section h3 {
    font-family: var(--v3-font) !important;
}
.help-section p, .help-section li {
    font-family: var(--v3-font) !important;
}
.step-item {
    border-radius: var(--v3-radius) !important;
    transition: var(--v3-tr) !important;
}
.step-item:hover {
    border-color: var(--v3-accent) !important;
    box-shadow: var(--v3-shadow) !important;
}
.feature-card {
    border-radius: var(--v3-radius) !important;
    transition: var(--v3-tr) !important;
}
.feature-card:hover {
    box-shadow: var(--v3-shadow-md) !important;
    transform: translateY(-2px) !important;
}
.accordion-item {
    border-radius: var(--v3-radius) !important;
}
.callout {
    border-radius: var(--v3-radius) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   LOGIN PAGE v3 Overrides
   ═══════════════════════════════════════════════════════════════════════ */
.login-card {
    border-radius: var(--v3-radius-lg) !important;
    box-shadow: var(--v3-shadow-lg) !important;
    font-family: var(--v3-font) !important;
}
.login-title {
    font-family: var(--v3-font) !important;
    font-weight: 800 !important;
}
.login-subtitle {
    font-family: var(--v3-font) !important;
}
.login-btn {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    transition: var(--v3-tr) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   ADMIN & ANALYTICS v3 Overrides
   ═══════════════════════════════════════════════════════════════════════ */
.stat-card, .kpi-card {
    border-radius: var(--v3-radius-lg) !important;
    transition: var(--v3-tr) !important;
}
.stat-card:hover, .kpi-card:hover {
    transform: translateY(-3px) !important;
}
.card {
    border-radius: var(--v3-radius-lg) !important;
    box-shadow: var(--v3-shadow) !important;
    transition: var(--v3-tr) !important;
}
.card:hover {
    box-shadow: var(--v3-shadow-md) !important;
}
.card-header h3 {
    font-family: var(--v3-font) !important;
}
.user-card {
    border-radius: var(--v3-radius-lg) !important;
    transition: var(--v3-tr) !important;
}
.user-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--v3-shadow-md) !important;
}
.page-title-section h2 {
    font-family: var(--v3-font) !important;
}
.log-table {
    font-family: var(--v3-font) !important;
}
.log-table th {
    font-family: var(--v3-font) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   FEEDBACK WIDGET v3 Overrides
   ═══════════════════════════════════════════════════════════════════════ */
.fb-modal {
    border-radius: var(--v3-radius-lg) !important;
    font-family: var(--v3-font) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   ANALYTICS v3 — Cleaner, more focused executive view
   ═══════════════════════════════════════════════════════════════════════ */

/* Tighter spacing */
.kpi-row { gap: 12px !important; margin-bottom: 20px !important; }
.kpi-card { padding: 16px 18px !important; }
.kpi-card .kpi-num { font-size: 1.5rem !important; }
.kpi-card .kpi-label { font-size: 0.68rem !important; }

/* System health bar — more compact */
.system-health-bar { padding: 10px !important; margin-bottom: 16px !important; gap: 8px !important; }
.health-item { padding: 8px 12px !important; }
.health-value { font-size: 1rem !important; }
.health-label { font-size: 0.6rem !important; }

/* Cards — tighter */
.card-header { padding: 12px 16px 8px !important; }
.card-body { padding: 12px 16px !important; }
.card-header h3 { font-size: 0.82rem !important; }

/* Section titles — subtler */
.section-title { font-size: 0.78rem !important; margin-bottom: 10px !important; }

/* Grid gaps tighter */
.grid-2 { gap: 12px !important; margin-bottom: 12px !important; }
.grid-3 { gap: 12px !important; margin-bottom: 12px !important; }
.section-gap { margin-bottom: 12px !important; }

/* Hide overly detailed sections to keep it focused */
/* Keep: KPIs, health bar, daily activity, agent breakdown, feedback, top questions, active users, platform feedback */
/* The participation levels and response quality are nice-to-have but add clutter */

/* Agent items — more compact */
.agent-item { padding: 8px 12px !important; }
.agent-name { font-size: 0.8rem !important; }

/* Question items — compact */
.question-item { padding: 6px 10px !important; }
.question-text { font-size: 0.75rem !important; }

/* User items — compact */
.user-item { padding: 6px 10px !important; }
.user-email-text { font-size: 0.75rem !important; }

/* Disliked items — compact */
.disliked-item { padding: 8px 12px !important; }
.disliked-question { font-size: 0.78rem !important; }
.disliked-response { font-size: 0.7rem !important; }

/* Platform feedback cards — cleaner */
.pfb-card { padding: 12px 14px !important; }
.pfb-message { font-size: 0.78rem !important; padding: 6px 10px !important; }

/* Tables — more compact */
.log-table th { padding: 8px 12px !important; font-size: 0.65rem !important; }
.log-table td { padding: 8px 12px !important; }
.table-wrap { max-height: 400px !important; }

/* Period selector — cleaner */
.period-selector { border-radius: var(--v3-radius-sm) !important; }
.period-btn { font-size: 0.75rem !important; padding: 5px 14px !important; border-radius: 6px !important; }

/* Page title */
.page-title-section h2 { font-size: 1.2rem !important; }
.page-title-section p { font-size: 0.78rem !important; }

/* ── Industry Icon v3 — gradient SVG containers ────────── */
.industry-icon {
    font-size: inherit !important;
    text-shadow: none !important;
    color: inherit !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   ADMIN (User Management) v3 — Professional card layout
   ═══════════════════════════════════════════════════════════════════════ */

/* Stats row — tighter, modern */
.stats-row {
    gap: 12px !important;
    margin-bottom: 20px !important;
}
.stat-card {
    border-radius: var(--v3-radius-lg) !important;
    padding: 18px 20px !important;
}
.stat-card .stat-number {
    font-family: var(--v3-font) !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
}
.stat-card .stat-label {
    font-family: var(--v3-font) !important;
    font-size: 0.72rem !important;
}

/* User cards — cleaner */
.user-cards-grid {
    gap: 14px !important;
}
.user-card {
    border-radius: var(--v3-radius-lg) !important;
    border: 1px solid var(--v3-border-light) !important;
    box-shadow: var(--v3-shadow) !important;
    transition: var(--v3-tr) !important;
}
.user-card:hover {
    box-shadow: var(--v3-shadow-md) !important;
    transform: translateY(-3px) !important;
    border-color: var(--v3-border) !important;
}
.card-body {
    padding: 16px 20px 12px !important;
}
.user-email {
    font-family: var(--v3-font) !important;
    font-size: 0.85rem !important;
}
.role-chip {
    font-family: var(--v3-font) !important;
    border-radius: 16px !important;
    font-size: 0.65rem !important;
}
.perm-chip {
    font-family: var(--v3-font) !important;
    border-radius: 6px !important;
}
.card-actions {
    border-radius: 0 0 var(--v3-radius-lg) var(--v3-radius-lg) !important;
}
.card-actions button {
    font-family: var(--v3-font) !important;
    border-radius: 6px !important;
}

/* Toolbar */
.toolbar {
    border-radius: var(--v3-radius) !important;
    border: 1px solid var(--v3-border-light) !important;
    box-shadow: var(--v3-shadow) !important;
    padding: 10px 16px !important;
}
.toolbar input {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
}
.toolbar select {
    font-family: var(--v3-font) !important;
    border-radius: 6px !important;
}

/* Add user button */
.btn-add {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   SOLUTION MANAGEMENT v3 — Professional monitoring view
   ═══════════════════════════════════════════════════════════════════════ */

/* Solution cards grid */
.solution-cards-grid {
    gap: 14px !important;
}
.solution-card {
    border-radius: var(--v3-radius-lg) !important;
    border: 1px solid var(--v3-border-light) !important;
    box-shadow: var(--v3-shadow) !important;
    transition: var(--v3-tr) !important;
    padding: 18px 20px !important;
}
.solution-card:hover {
    box-shadow: var(--v3-shadow-md) !important;
    transform: translateY(-3px) !important;
    border-color: var(--v3-border) !important;
}
.solution-card::before {
    border-radius: var(--v3-radius-lg) var(--v3-radius-lg) 0 0 !important;
}
.solution-name {
    font-family: var(--v3-font) !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
}
.status-badge {
    font-family: var(--v3-font) !important;
    border-radius: 16px !important;
    font-size: 0.7rem !important;
}
.demo-link {
    font-family: var(--v3-font) !important;
}
.solution-card-footer {
    border-top: 1px solid var(--v3-border-light) !important;
}
.solution-card-footer .card-actions button {
    font-family: var(--v3-font) !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
}

/* Collapsible sections */
.collapsible-header {
    border-radius: var(--v3-radius) !important;
    border: 1px solid var(--v3-border-light) !important;
    box-shadow: var(--v3-shadow) !important;
    transition: var(--v3-tr) !important;
}
.collapsible-header:hover {
    box-shadow: var(--v3-shadow-md) !important;
}
.collapsible-header h3 {
    font-family: var(--v3-font) !important;
    font-size: 1rem !important;
}
.collapsible-header .refresh-btn {
    font-family: var(--v3-font) !important;
    border-radius: 6px !important;
}

/* Bulk action buttons */
.bulk-actions button {
    font-family: var(--v3-font) !important;
    border-radius: var(--v3-radius-sm) !important;
}

/* Stat cards in solution management */
.stat-icon {
    border-radius: 12px !important;
}
.stat-info h3 {
    font-family: var(--v3-font) !important;
}
.stat-info p {
    font-family: var(--v3-font) !important;
}