@import '_content/TickHint.BrokerConnections.Presentation/TickHint.BrokerConnections.Presentation.vf3whb10sm.bundle.scp.css';
@import '_content/TickHint.LiveTrading.Presentation/TickHint.LiveTrading.Presentation.yik71015k5.bundle.scp.css';
@import '_content/TickHint.Shared.UI/TickHint.Shared.UI.oskrnrs9n0.bundle.scp.css';
@import '_content/TickHint.Strategies.Presentation/TickHint.Strategies.Presentation.iqj63ox81c.bundle.scp.css';

/* _content/TickHint.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-5bylq0y8qw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-5bylq0y8qw] {
    flex: 1;
}

.sidebar[b-5bylq0y8qw] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-5bylq0y8qw] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5bylq0y8qw]  a, .top-row[b-5bylq0y8qw]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5bylq0y8qw]  a:hover, .top-row[b-5bylq0y8qw]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5bylq0y8qw]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-5bylq0y8qw] {
        justify-content: space-between;
    }

    .top-row[b-5bylq0y8qw]  a, .top-row[b-5bylq0y8qw]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5bylq0y8qw] {
        flex-direction: row;
    }

    .sidebar[b-5bylq0y8qw] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5bylq0y8qw] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5bylq0y8qw]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-5bylq0y8qw], article[b-5bylq0y8qw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-5bylq0y8qw] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-5bylq0y8qw] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/TickHint.Web/Components/Pages/About/AboutTickHint.razor.rz.scp.css */
.about-container[b-in4cjfa6c7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Feature Cards Hover Effect */
.feature-card:hover[b-in4cjfa6c7] {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 159, 77, 0.25);
    border-color: rgba(0, 159, 77, 0.4);
}

/* Timeline Styling */
.timeline-container[b-in4cjfa6c7] {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.timeline-container[b-in4cjfa6c7]::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: var(--tickhint-primary);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}

.timeline-item[b-in4cjfa6c7] {
    position: relative;
    margin-bottom: 2rem;
}

.timeline-marker[b-in4cjfa6c7] {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--tickhint-primary);
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    box-shadow: 0 0 0 4px rgba(0, 159, 77, 0.2);
}

.timeline-content[b-in4cjfa6c7] {
    position: relative;
    width: 45%;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: 1px solid rgba(0, 159, 77, 0.15);
}

.timeline-item:nth-child(odd) .timeline-content[b-in4cjfa6c7] {
    margin-left: auto;
}

.timeline-item:nth-child(even) .timeline-content[b-in4cjfa6c7]::after,
.timeline-item:nth-child(odd) .timeline-content[b-in4cjfa6c7]::after {
    content: '';
    position: absolute;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.timeline-item:nth-child(even) .timeline-content[b-in4cjfa6c7]::after {
    right: -10px;
    border-left: 10px solid rgba(0, 0, 0, 0.2);
}

.timeline-item:nth-child(odd) .timeline-content[b-in4cjfa6c7]::after {
    left: -10px;
    border-right: 10px solid rgba(0, 0, 0, 0.2);
}

/* Link Hover Effect */
a:hover[b-in4cjfa6c7] {
    border-bottom-color: var(--tickhint-primary) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    /* Stack introduction section on mobile */
    .introduction-stack[b-in4cjfa6c7] {
        flex-direction: column !important;
    }

    .logo-container[b-in4cjfa6c7] {
        order: -1;
        margin-bottom: 1.5rem;
    }

    /* Simplify timeline on mobile */
    .timeline-container[b-in4cjfa6c7]::after {
        left: 20px;
    }

    .timeline-marker[b-in4cjfa6c7] {
        left: 20px;
    }

    .timeline-content[b-in4cjfa6c7] {
        width: calc(100% - 50px);
        margin-left: 50px !important;
    }

    .timeline-item:nth-child(even) .timeline-content[b-in4cjfa6c7]::after,
    .timeline-item:nth-child(odd) .timeline-content[b-in4cjfa6c7]::after {
        left: -10px;
        border-right: 10px solid rgba(0, 0, 0, 0.2);
        border-left: none;
    }

    /* Stack CTA buttons on mobile */
    .cta-buttons[b-in4cjfa6c7] {
        flex-direction: column !important;
        width: 100%;
    }

    .cta-buttons button[b-in4cjfa6c7] {
        width: 100% !important;
    }

    /* Adjust feature grid for mobile */
    .feature-grid[b-in4cjfa6c7] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .about-container[b-in4cjfa6c7] {
        padding: 1rem 0.5rem;
    }

    .page-header[b-in4cjfa6c7] {
        padding: 2rem 1rem !important;
    }
}
/* _content/TickHint.Web/Components/Pages/About/TermsOfService.razor.rz.scp.css */
.terms-container[b-7mtj3nz4ch] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.terms-header[b-7mtj3nz4ch] {
    text-align: center;
    margin-bottom: 3rem;
}

.terms-header h1[b-7mtj3nz4ch] {
    color: var(--rz-primary);
    margin-bottom: 0.5rem;
}

.subtitle[b-7mtj3nz4ch] {
    font-size: 1rem;
    color: #f0f0f0;
    opacity: 0.8;
}

.terms-content[b-7mtj3nz4ch] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.terms-section[b-7mtj3nz4ch] {
    background: rgba(30, 30, 30, 0.6);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.terms-section h2[b-7mtj3nz4ch] {
    color: var(--rz-primary);
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
}

.terms-section h3[b-7mtj3nz4ch] {
    color: white;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.2rem;
}

.terms-section p[b-7mtj3nz4ch] {
    color: #f0f0f0;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.terms-section p:last-child[b-7mtj3nz4ch] {
    margin-bottom: 0;
}

.terms-section a[b-7mtj3nz4ch] {
    color: var(--rz-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.terms-section a:hover[b-7mtj3nz4ch] {
    text-decoration: underline;
}

.terms-list[b-7mtj3nz4ch] {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.terms-list li[b-7mtj3nz4ch] {
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    position: relative;
    color: #f0f0f0;
}

.terms-list li[b-7mtj3nz4ch]:before {
    content: "•";
    color: var(--rz-primary);
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

.terms-section strong[b-7mtj3nz4ch] {
    color: var(--rz-primary-light);
}

.contact-info[b-7mtj3nz4ch] {
    background: rgba(0, 0, 0, 0.2);
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 1rem;
}

.contact-info p[b-7mtj3nz4ch] {
    margin: 0.5rem 0;
}
/* _content/TickHint.Web/Components/Pages/BrokerConnections/AddBrokerConnectionDialog.razor.rz.scp.css */
/*
 * AddBrokerConnectionDialog Component Styles
 *
 * WHY: No custom styles needed - Radzen handles all dialog styling.
 * This file exists for consistency but is intentionally empty.
 * All styling comes from Radzen's DialogService, RadzenFieldset, RadzenFormField, etc.
 */
/* _content/TickHint.Web/Components/Pages/BrokerConnections/BrokerConnectionsPage.razor.rz.scp.css */
/*
 * BrokerConnectionsPage Component Styles
 *
 * WHY: Minimal CSS overrides - Radzen handles most styling.
 * This file only contains custom adjustments for connection cards.
 */

/* Connection card hover effect */
.broker-connection-card[b-80h8eab8z0] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.broker-connection-card:hover[b-80h8eab8z0] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Detail rows spacing */
.connection-detail-row[b-80h8eab8z0] {
    margin-bottom: 0.5rem;
}

.connection-detail-row:last-child[b-80h8eab8z0] {
    margin-bottom: 0;
}

/* Connection info rows for dialog */
.connection-info-row[b-80h8eab8z0] {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.connection-info-row:last-child[b-80h8eab8z0] {
    border-bottom: none;
}
/* _content/TickHint.Web/Components/Pages/BrokerConnections/EditBrokerConnectionDialog.razor.rz.scp.css */
/*
 * EditBrokerConnectionDialog Component Styles
 *
 * WHY: No custom styles needed - Radzen handles all dialog styling.
 * This file exists for consistency but is intentionally empty.
 * All styling comes from Radzen's DialogService, RadzenCard, RadzenAlert, etc.
 */
/* _content/TickHint.Web/Components/Pages/Home.razor.rz.scp.css */
:root[b-lqwarcdayd] {
  --primary-color: #009F4D;
  --primary-dark: #007A3D;
  --text-light: #f0f0f0;
  --text-muted: #009F4D;
  --bg-dark: #1a1a1a;
  --bg-section: rgba(30, 30, 30, 0.6);
  --bg-card: rgba(0, 0, 0, 0.2);
  --border-color: rgba(255, 255, 255, 0.1);
}

.home-container[b-lqwarcdayd] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Hero Section */
.hero-section[b-lqwarcdayd] {
  background: var(--bg-section);
  border-radius: 8px;
  padding: 4rem 2rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  margin: 2rem 0;
  position: relative;
  overflow: hidden;
}

.hero-section[b-lqwarcdayd]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23009F4D" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
}

.hero-content[b-lqwarcdayd] {
  position: relative;
  z-index: 1;
}

.hero-title[b-lqwarcdayd] {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: var(--text-light);
}

.hero-subtitle[b-lqwarcdayd] {
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  color: var(--text-muted);
}

.text-primary[b-lqwarcdayd] {
  color: var(--primary-color) !important;
}

.hero-buttons[b-lqwarcdayd] {
  margin-top: 2rem;
}

/* Buttons */
.btn-primary-custom[b-lqwarcdayd] {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  color: white;
  padding: 0.75rem 2rem;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(0, 159, 77, 0.4);
  border: none;
}

.btn-primary-custom:hover[b-lqwarcdayd] {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 159, 77, 0.5);
  color: white;
  text-decoration: none;
}

.btn-secondary-custom[b-lqwarcdayd] {
  background: transparent;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  padding: 0.75rem 2rem;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  margin-left: 1rem;
}

.btn-secondary-custom:hover[b-lqwarcdayd] {
  background: var(--primary-color);
  color: white;
  text-decoration: none;
}

/* Code Preview */
.code-preview-card[b-lqwarcdayd] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
  transition: transform 0.3s, box-shadow 0.3s;
  height: 100%;
}

.code-preview-card:hover[b-lqwarcdayd] {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  border-color: var(--primary-color);
}

.code-preview-card h4[b-lqwarcdayd] {
  color: var(--text-light);
  margin-bottom: 1rem;
}

.code-block[b-lqwarcdayd] {
  background: #1e1e1e;
  border-radius: 8px;
  padding: 1rem;
  overflow-x: auto;
  margin-top: 1rem;
}

.code-block pre[b-lqwarcdayd] {
  margin: 0;
  color: #d4d4d4;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Syntax highlighting */
.keyword[b-lqwarcdayd] {
  color: #569cd6;
}

.type[b-lqwarcdayd] {
  color: #4ec9b0;
}

.string[b-lqwarcdayd] {
  color: #ce9178;
}

.comment[b-lqwarcdayd] {
  color: #6a9955;
}

.number[b-lqwarcdayd] {
  color: #b5cea8;
}

/* Sections */
.content-section[b-lqwarcdayd] {
  background: var(--bg-section);
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  margin: 2rem 0;
}

.section-title[b-lqwarcdayd] {
  color: var(--primary-color);
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  font-weight: 600;
}

/* Feature Cards */
.feature-card[b-lqwarcdayd] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 2rem;
  text-align: center;
  transition: transform 0.3s, box-shadow 0.3s;
  height: 100%;
}

.feature-card:hover[b-lqwarcdayd] {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  border-color: var(--primary-color);
}

.feature-icon[b-lqwarcdayd] {
  font-size: 3rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
}

.feature-card h4[b-lqwarcdayd] {
  color: var(--text-light);
  margin-bottom: 1rem;
  font-weight: 600;
}

.feature-card p[b-lqwarcdayd] {
  color: var(--text-muted);
  line-height: 1.6;
}

/* Feature List */
.feature-list[b-lqwarcdayd] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.feature-item[b-lqwarcdayd] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: var(--bg-card);
  border-radius: 8px;
  border: 1px solid var(--border-color);
  transition: transform 0.3s, box-shadow 0.3s;
}

.feature-item:hover[b-lqwarcdayd] {
  transform: translateX(10px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border-color: var(--primary-color);
}

.feature-item h5[b-lqwarcdayd] {
  color: var(--text-light);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.feature-item p[b-lqwarcdayd] {
  color: var(--text-muted);
  margin: 0;
  line-height: 1.5;
}

.lead[b-lqwarcdayd] {
  color: var(--text-muted);
  font-size: 1.1rem;
  line-height: 1.6;
}

.hero-subtitle[b-lqwarcdayd] {
  font-size: 1.1rem;
}

.section-title[b-lqwarcdayd] {
  font-size: 2rem;
}

.btn-secondary-custom[b-lqwarcdayd] {
  margin-left: 0;
  margin-top: 1rem;
}

.hero-buttons[b-lqwarcdayd] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.content-section[b-lqwarcdayd] {
  padding: 1.5rem;
}
/* _content/TickHint.Web/Components/Pages/Legal/RiskDisclosure.razor.rz.scp.css */
.risk-disclosure-container[b-ncq936fme9] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.risk-header[b-ncq936fme9] {
    text-align: center;
    margin-bottom: 3rem;
}

.risk-header h1[b-ncq936fme9] {
    color: var(--rz-primary);
    margin-bottom: 0.5rem;
}

.subtitle[b-ncq936fme9] {
    font-size: 1rem;
    color: #f0f0f0;
    opacity: 0.8;
}

.risk-content[b-ncq936fme9] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.risk-section[b-ncq936fme9] {
    background: rgba(30, 30, 30, 0.6);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.danger-section[b-ncq936fme9] {
    background: rgba(139, 0, 0, 0.15);
    border: 2px solid var(--rz-danger);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);
}

.risk-section h2[b-ncq936fme9] {
    color: var(--rz-primary);
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
}

.danger-section h2[b-ncq936fme9] {
    color: var(--rz-danger);
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
}

.risk-section h3[b-ncq936fme9] {
    color: white;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.2rem;
}

.risk-section p[b-ncq936fme9] {
    color: #f0f0f0;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.risk-section p:last-child[b-ncq936fme9] {
    margin-bottom: 0;
}

.risk-section a[b-ncq936fme9] {
    color: var(--rz-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.risk-section a:hover[b-ncq936fme9] {
    text-decoration: underline;
}

.risk-list[b-ncq936fme9] {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.risk-list li[b-ncq936fme9] {
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    position: relative;
    color: #f0f0f0;
}

.risk-list li[b-ncq936fme9]:before {
    content: "•";
    color: var(--rz-primary);
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

.danger-section .risk-list li[b-ncq936fme9]:before {
    color: var(--rz-danger);
}

.risk-section strong[b-ncq936fme9] {
    color: var(--rz-primary-light);
}

.danger-section strong[b-ncq936fme9] {
    color: var(--rz-danger-light);
}

.warning-banner[b-ncq936fme9] {
    background: rgba(255, 193, 7, 0.15);
    border-left: 4px solid var(--rz-warning);
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.warning-banner p[b-ncq936fme9] {
    margin: 0;
    color: #f0f0f0;
    font-weight: 500;
}

.contact-info[b-ncq936fme9] {
    background: rgba(0, 0, 0, 0.2);
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 1rem;
}

.contact-info p[b-ncq936fme9] {
    margin: 0.5rem 0;
}

.navigation-buttons[b-ncq936fme9] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/* _content/TickHint.Web/Components/Pages/Pricing.razor.rz.scp.css */
.pricing-container[b-0voi1rdrdz] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Pricing Tier Cards Hover Effect */
.pricing-tier-card:hover[b-0voi1rdrdz] {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 159, 77, 0.3);
    border-color: rgba(0, 159, 77, 0.4);
}

/* Recommended Tier Extra Emphasis */
.pricing-tier-card.recommended[b-0voi1rdrdz] {
    transform: scale(1.02);
}

.pricing-tier-card.recommended:hover[b-0voi1rdrdz] {
    transform: scale(1.02) translateY(-5px);
    box-shadow: 0 12px 32px rgba(0, 159, 77, 0.4);
}

/* Responsive Grid */
@media (max-width: 1024px) {
    .pricing-grid[b-0voi1rdrdz] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .pricing-container[b-0voi1rdrdz] {
        padding: 1rem 0.5rem;
    }

    .page-header[b-0voi1rdrdz] {
        padding: 2rem 1rem !important;
    }

    .pricing-grid[b-0voi1rdrdz] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .recommended[b-0voi1rdrdz] {
        transform: scale(1) !important;
    }

    .recommended:hover[b-0voi1rdrdz] {
        transform: scale(1) translateY(-5px) !important;
    }

    .tick-features-grid[b-0voi1rdrdz] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .pricing-container[b-0voi1rdrdz] {
        padding: 1rem 0.25rem;
    }
}
/* _content/TickHint.Web/Components/Pages/Privacy/ConsentSettings.razor.rz.scp.css */
.consent-settings-container[b-in3fb4ue7d] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.consent-settings-header[b-in3fb4ue7d] {
    text-align: center;
    margin-bottom: 3rem;
}

.consent-settings-header h1[b-in3fb4ue7d] {
    color: var(--rz-primary);
    margin-bottom: 0.5rem;
}

.subtitle[b-in3fb4ue7d] {
    color: #b3b3b3;
    font-size: 1rem;
}

.consent-settings-content[b-in3fb4ue7d] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.consent-status-card .rz-card[b-in3fb4ue7d] {
    background: rgba(0, 159, 77, 0.1);
    border: 1px solid rgba(0, 159, 77, 0.3);
}

.consent-status-header[b-in3fb4ue7d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.status-icon[b-in3fb4ue7d] {
    font-size: 2rem;
    color: var(--rz-primary);
}

.consent-status-header h3[b-in3fb4ue7d] {
    margin: 0;
    color: var(--rz-primary);
}

.consent-status-header p[b-in3fb4ue7d] {
    margin: 0;
    color: #b3b3b3;
    font-size: 0.9rem;
}

.consent-status-grid[b-in3fb4ue7d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.status-item[b-in3fb4ue7d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.status-label[b-in3fb4ue7d] {
    font-weight: 500;
}

.consent-category[b-in3fb4ue7d] {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.consent-category:last-child[b-in3fb4ue7d] {
    border-bottom: none;
}

.category-header[b-in3fb4ue7d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.category-info h4[b-in3fb4ue7d] {
    margin: 0 0 0.5rem 0;
    color: #ffffff;
}

.category-info p[b-in3fb4ue7d] {
    margin: 0;
    color: #b3b3b3;
    font-size: 0.9rem;
}

.category-details[b-in3fb4ue7d] {
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.analytics-details[b-in3fb4ue7d] {
    margin-top: 1rem;
}

.analytics-services[b-in3fb4ue7d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.service-item[b-in3fb4ue7d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.action-item[b-in3fb4ue7d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    gap: 1rem;
}

.action-info h4[b-in3fb4ue7d] {
    margin: 0 0 0.25rem 0;
    color: #ffffff;
    font-size: 1rem;
}

.action-info p[b-in3fb4ue7d] {
    margin: 0;
    color: #b3b3b3;
    font-size: 0.9rem;
}

.info-links[b-in3fb4ue7d] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
    .category-header[b-in3fb4ue7d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .action-item[b-in3fb4ue7d] {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .service-item[b-in3fb4ue7d] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-links[b-in3fb4ue7d] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/TickHint.Web/Components/Pages/Privacy/PrivacyPolicy.razor.rz.scp.css */
.privacy-container[b-az31nuj4fh] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.privacy-header[b-az31nuj4fh] {
    text-align: center;
    margin-bottom: 3rem;
}

.privacy-header h1[b-az31nuj4fh] {
    color: var(--rz-primary);
    margin-bottom: 0.5rem;
}

.subtitle[b-az31nuj4fh] {
    font-size: 1rem;
    color: #f0f0f0;
    opacity: 0.8;
}

.privacy-content[b-az31nuj4fh] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.privacy-section[b-az31nuj4fh] {
    background: rgba(30, 30, 30, 0.6);
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.privacy-section h2[b-az31nuj4fh] {
    color: var(--rz-primary);
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.privacy-section h3[b-az31nuj4fh] {
    color: var(--rz-primary-light);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.2rem;
}

.privacy-section p[b-az31nuj4fh] {
    color: #f0f0f0;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.privacy-section p:last-child[b-az31nuj4fh] {
    margin-bottom: 0;
}

.privacy-section a[b-az31nuj4fh] {
    color: var(--rz-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.privacy-section a:hover[b-az31nuj4fh] {
    text-decoration: underline;
}

.privacy-list[b-az31nuj4fh] {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.privacy-list li[b-az31nuj4fh] {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    position: relative;
    color: #f0f0f0;
}

.privacy-list li[b-az31nuj4fh]:before {
    content: "•";
    color: var(--rz-primary);
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

.privacy-list li strong[b-az31nuj4fh] {
    color: var(--rz-primary-light);
    display: block;
    margin-bottom: 0.25rem;
}

.contact-info[b-az31nuj4fh] {
    background: rgba(0, 0, 0, 0.2);
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 1rem;
}

.contact-info p[b-az31nuj4fh] {
    margin: 0.5rem 0;
}
/* _content/TickHint.Web/Components/Pages/Profile.razor.rz.scp.css */
/* ============================================
   PROFILE PAGE STYLES
   Scoped styling for Profile.razor component
   ============================================ */

/* Page container spacing */
[b-skmwcwhhih] .rz-stack {
    padding: 1rem;
}

/* Page title styling */
[b-skmwcwhhih] .rz-text-h3 {
    color: var(--tickhint-text-primary) !important;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

/* Loading state */
[b-skmwcwhhih] .rz-card {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(0, 159, 77, 0.2) !important;
    color: var(--tickhint-text-primary) !important;
}

/* Tabs styling */
[b-skmwcwhhih] .rz-tabs {
    background: transparent !important;
}

[b-skmwcwhhih] .rz-tabs-nav {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 2px solid rgba(0, 159, 77, 0.3) !important;
}

[b-skmwcwhhih] .rz-tab-item {
    color: var(--tickhint-text-secondary) !important;
    background: transparent !important;
    border: none !important;
    padding: 0.75rem 1.5rem;
    transition: all 0.3s ease;
}

[b-skmwcwhhih] .rz-tab-item:hover {
    color: var(--tickhint-primary) !important;
    background: rgba(0, 159, 77, 0.1) !important;
}

[b-skmwcwhhih] .rz-tab-item-selected {
    color: var(--tickhint-primary) !important;
    background: rgba(0, 159, 77, 0.15) !important;
    border-bottom: 2px solid var(--tickhint-primary) !important;
    font-weight: 600;
}

[b-skmwcwhhih] .rz-tab-content {
    background: transparent !important;
    padding: 1.5rem 0;
}

/* Form field labels */
[b-skmwcwhhih] .rz-form-field {
    margin-bottom: 1.5rem;
}

[b-skmwcwhhih] .rz-form-field label,
[b-skmwcwhhih] .rz-form-field-label {
    color: var(--tickhint-text-primary) !important;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}

/* Text inputs */
[b-skmwcwhhih] .rz-textbox,
[b-skmwcwhhih] .rz-textarea {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--tickhint-text-primary) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px;
    padding: 0.75rem;
    transition: all 0.3s ease;
}

[b-skmwcwhhih] .rz-textbox:hover,
[b-skmwcwhhih] .rz-textarea:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(0, 159, 77, 0.4) !important;
}

[b-skmwcwhhih] .rz-textbox:focus,
[b-skmwcwhhih] .rz-textarea:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--tickhint-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 159, 77, 0.2) !important;
    outline: none;
}

/* Disabled inputs */
[b-skmwcwhhih] .rz-textbox:disabled,
[b-skmwcwhhih] .rz-textarea:disabled {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: var(--tickhint-text-muted) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Dropdown styling */
[b-skmwcwhhih] .rz-dropdown {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--tickhint-text-primary) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px;
}

[b-skmwcwhhih] .rz-dropdown:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(0, 159, 77, 0.4) !important;
}

[b-skmwcwhhih] .rz-dropdown:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--tickhint-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 159, 77, 0.2) !important;
}

/* Switch/Toggle styling */
[b-skmwcwhhih] .rz-switch {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

[b-skmwcwhhih] .rz-switch-checked {
    background-color: var(--tickhint-primary) !important;
}

[b-skmwcwhhih] .rz-switch:hover {
    opacity: 0.9;
}

/* Upload component */
[b-skmwcwhhih] .rz-upload {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 2px dashed rgba(0, 159, 77, 0.4) !important;
    border-radius: 8px;
    padding: 2rem;
    transition: all 0.3s ease;
}

[b-skmwcwhhih] .rz-upload:hover {
    background-color: rgba(0, 159, 77, 0.1) !important;
    border-color: var(--tickhint-primary) !important;
}

[b-skmwcwhhih] .rz-upload-header {
    color: var(--tickhint-text-secondary) !important;
}

[b-skmwcwhhih] .rz-fileupload-buttonbar {
    background: transparent !important;
    border: none !important;
}

[b-skmwcwhhih] .rz-fileupload-content {
    background: transparent !important;
    border: none !important;
}

/* Helper text */
[b-skmwcwhhih] .rz-form-field-helper,
[b-skmwcwhhih] .rz-text-caption {
    color: var(--tickhint-text-muted) !important;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Buttons */
[b-skmwcwhhih] .rz-button {
    border-radius: 4px;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

[b-skmwcwhhih] .rz-button-primary,
[b-skmwcwhhih] .rz-button.rz-variant-filled.rz-primary {
    background: linear-gradient(45deg, var(--tickhint-primary), var(--tickhint-primary-light)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(0, 159, 77, 0.3) !important;
}

[b-skmwcwhhih] .rz-button-primary:hover,
[b-skmwcwhhih] .rz-button.rz-variant-filled.rz-primary:hover {
    background: linear-gradient(45deg, var(--tickhint-primary-dark), var(--tickhint-primary)) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 159, 77, 0.4) !important;
}

[b-skmwcwhhih] .rz-button-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

/* Progress indicator */
[b-skmwcwhhih] .rz-progressbar-circular {
    --rz-primary: var(--tickhint-primary);
}

/* Badge styling */
[b-skmwcwhhih] .rz-badge {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.875rem;
}

[b-skmwcwhhih] .rz-badge-success {
    background-color: var(--tickhint-primary) !important;
    color: white !important;
}

[b-skmwcwhhih] .rz-badge-warning {
    background-color: #ffa726 !important;
    color: white !important;
}

[b-skmwcwhhih] .rz-badge-danger {
    background-color: #ef5350 !important;
    color: white !important;
}

[b-skmwcwhhih] .rz-badge-secondary {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--tickhint-text-primary) !important;
}

/* Alert styling */
[b-skmwcwhhih] .rz-alert {
    border-radius: 4px;
    padding: 1rem;
    border-left: 4px solid;
}

[b-skmwcwhhih] .rz-alert-danger {
    background-color: rgba(239, 83, 80, 0.1) !important;
    border-color: #ef5350 !important;
    color: #ff6b6b !important;
}

[b-skmwcwhhih] .rz-alert-danger .rz-alert-content {
    color: #ff6b6b !important;
}

/* Profile image preview */
[b-skmwcwhhih] .rz-image {
    border-radius: 8px;
    border: 2px solid rgba(0, 159, 77, 0.3) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Form layout improvements */
[b-skmwcwhhih] .rz-stack {
    gap: 1.5rem;
}

[b-skmwcwhhih] .rz-stack-horizontal {
    align-items: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-skmwcwhhih] .rz-stack {
        padding: 0.5rem;
    }

    [b-skmwcwhhih] .rz-text-h3 {
        font-size: 1.5rem;
    }

    [b-skmwcwhhih] .rz-button {
        width: 100%;
    }

    [b-skmwcwhhih] .rz-stack-horizontal {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/TickHint.Web/Components/Pages/Strategies/Strategies.razor.rz.scp.css */
:root[b-i7fu0d2x3y] {
  --primary-color: #009F4D;
  --primary-dark: #007A3D;
  --text-light: #f0f0f0;
  --text-muted: #a0a0a0;
  --bg-dark: #1a1a1a;
  --bg-section: rgba(30, 30, 30, 0.6);
  --bg-card: rgba(0, 0, 0, 0.2);
  --border-color: rgba(255, 255, 255, 0.1);
}

.strategies-container[b-i7fu0d2x3y] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Hero Section */
.strategies-hero[b-i7fu0d2x3y] {
  background: var(--bg-section);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  margin: 2rem 0;
  position: relative;
  overflow: hidden;
}

.strategies-hero[b-i7fu0d2x3y]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23009F4D" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
}

.hero-content[b-i7fu0d2x3y] {
  position: relative;
  z-index: 1;
}

.hero-title[b-i7fu0d2x3y] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-light);
  margin-bottom: 0.5rem;
}

.hero-subtitle[b-i7fu0d2x3y] {
  color: var(--text-muted);
  font-size: 1.1rem;
}

.create-strategy-btn[b-i7fu0d2x3y] {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0, 159, 77, 0.4);
  transition: all 0.3s ease;
}

.create-strategy-btn:hover[b-i7fu0d2x3y] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 159, 77, 0.5);
}

/* Content Section */
.strategies-content[b-i7fu0d2x3y] {
  margin: 2rem 0;
}

/* Loading State */
.loading-container[b-i7fu0d2x3y] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  background: var(--bg-section);
  border-radius: 12px;
}

/* Error Alert */
.error-alert[b-i7fu0d2x3y] {
  background: rgba(220, 53, 69, 0.1) !important;
  border: 1px solid rgba(220, 53, 69, 0.3);
  border-radius: 12px;
}

/* Empty State */
.empty-state[b-i7fu0d2x3y] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  background: var(--bg-section);
  border-radius: 12px;
  padding: 3rem;
  text-align: center;
}

.empty-state-icon[b-i7fu0d2x3y] {
  font-size: 6rem;
  color: var(--primary-color);
  opacity: 0.6;
  margin-bottom: 2rem;
}

.empty-state-icon i[b-i7fu0d2x3y] {
  font-size: 6rem;
}

.empty-state-title[b-i7fu0d2x3y] {
  color: var(--text-light);
  margin-bottom: 1rem;
  font-weight: 600;
}

.empty-state-subtitle[b-i7fu0d2x3y] {
  color: var(--text-muted);
  max-width: 500px;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.empty-state-features[b-i7fu0d2x3y] {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.empty-state-features .feature-item[b-i7fu0d2x3y] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  min-width: 120px;
  transition: all 0.3s ease;
}

.empty-state-features .feature-item:hover[b-i7fu0d2x3y] {
  border-color: var(--primary-color);
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.empty-state-features .feature-icon[b-i7fu0d2x3y] {
  font-size: 2rem;
  color: var(--primary-color);
}

/* Strategies Card */
.strategies-card[b-i7fu0d2x3y] {
  background: var(--bg-section) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  padding: 0 !important;
}

/* Data Grid Customization */
.strategies-grid[b-i7fu0d2x3y] {
  background: transparent !important;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-datatable {
  background: transparent !important;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-datatable-header {
  background: rgba(0, 159, 77, 0.1) !important;
  border-bottom: 2px solid var(--primary-color) !important;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-datatable-header th {
  color: var(--text-light) !important;
  font-weight: 600;
  padding: 1rem;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-datatable-data tr {
  background: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
  transition: all 0.2s ease;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-datatable-data tr:hover {
  background: rgba(0, 159, 77, 0.05) !important;
  transform: scale(1.01);
}

.strategies-grid[b-i7fu0d2x3y]  .rz-datatable-data td {
  padding: 1rem;
  vertical-align: middle;
  color: var(--text-light);
}

/* Strategy Info */
.strategy-info[b-i7fu0d2x3y] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.strategy-name[b-i7fu0d2x3y] {
  color: var(--text-light) !important;
  font-weight: 600;
  font-size: 1rem;
}

.strategy-description[b-i7fu0d2x3y] {
  color: var(--text-muted) !important;
  font-size: 0.875rem;
  line-height: 1.4;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.strategy-tags[b-i7fu0d2x3y] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.tag-badge[b-i7fu0d2x3y] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background: rgba(0, 159, 77, 0.1) !important;
  color: var(--primary-color) !important;
  border: 1px solid rgba(0, 159, 77, 0.3) !important;
}

/* Badge Styles */
.strategies-grid[b-i7fu0d2x3y]  .rz-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Pagination */
.strategies-grid[b-i7fu0d2x3y]  .rz-paginator {
  background: transparent !important;
  border-top: 1px solid var(--border-color) !important;
  padding: 1rem !important;
  color: var(--text-light) !important;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-paginator button {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-light) !important;
  transition: all 0.2s ease;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-paginator button:hover:not(:disabled) {
  background: rgba(0, 159, 77, 0.2) !important;
  border-color: var(--primary-color) !important;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-paginator button.rz-state-active {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: white !important;
}

/* Action Buttons */
.strategies-grid[b-i7fu0d2x3y]  .rz-button {
  transition: all 0.2s ease;
}

.strategies-grid[b-i7fu0d2x3y]  .rz-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
  .hero-title[b-i7fu0d2x3y] {
    font-size: 1.75rem;
  }

  .hero-subtitle[b-i7fu0d2x3y] {
    font-size: 0.95rem;
  }

  .strategies-hero[b-i7fu0d2x3y] {
    padding: 1.5rem;
  }

  .empty-state[b-i7fu0d2x3y] {
    padding: 2rem 1rem;
    min-height: 400px;
  }

  .empty-state-icon[b-i7fu0d2x3y] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
  }

  .empty-state-icon i[b-i7fu0d2x3y] {
    font-size: 4rem;
  }

  .empty-state-features[b-i7fu0d2x3y] {
    gap: 1rem;
  }

  .empty-state-features .feature-item[b-i7fu0d2x3y] {
    min-width: 100px;
    padding: 0.75rem;
  }

  .strategies-grid[b-i7fu0d2x3y]  .rz-datatable-header th,
  .strategies-grid[b-i7fu0d2x3y]  .rz-datatable-data td {
    padding: 0.75rem 0.5rem;
    font-size: 0.875rem;
  }

  .strategy-name[b-i7fu0d2x3y] {
    font-size: 0.875rem;
  }

  .strategy-description[b-i7fu0d2x3y] {
    font-size: 0.75rem;
    max-width: 250px;
  }
}

/* Dark Theme Overrides */
[b-i7fu0d2x3y] .rz-dialog {
  background: var(--bg-dark) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

[b-i7fu0d2x3y] .rz-dialog .rz-dialog-title {
  color: var(--text-light) !important;
  background: rgba(0, 159, 77, 0.1) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

[b-i7fu0d2x3y] .rz-dialog .rz-dialog-content {
  color: var(--text-muted) !important;
}

[b-i7fu0d2x3y] .rz-notification {
  background: var(--bg-dark) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

[b-i7fu0d2x3y] .rz-notification .rz-notification-title {
  color: var(--text-light) !important;
}

[b-i7fu0d2x3y] .rz-notification .rz-notification-message {
  color: var(--text-muted) !important;
}
/* _content/TickHint.Web/Components/TickMate/CommandPalette/TickMateCommandPalette.razor.rz.scp.css */
/* TickMateCommandPalette Component Styles */

/* Overlay */
.command-palette-overlay[b-t1l357bl97] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15vh;
    animation: fadeIn-b-t1l357bl97 0.15s ease-out;
}

@keyframes fadeIn-b-t1l357bl97 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Palette Container */
.command-palette[b-t1l357bl97] {
    width: 90%;
    max-width: 640px;
    max-height: 70vh;
    background-color: var(--rz-panel-background, #ffffff);
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: slideDown-b-t1l357bl97 0.2s ease-out;
}

@keyframes slideDown-b-t1l357bl97 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Header */
.palette-header[b-t1l357bl97] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--rz-border-color, #dee2e6);
    background-color: var(--rz-panel-background, #ffffff);
}

.palette-icon[b-t1l357bl97] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.palette-input[b-t1l357bl97] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1.125rem;
    color: var(--rz-text-color, #212529);
    background: transparent;
    padding: 0.25rem 0;
}

.palette-input[b-t1l357bl97]::placeholder {
    color: var(--rz-text-secondary, #6c757d);
}

.btn-close[b-t1l357bl97] {
    background: none;
    border: none;
    color: var(--rz-text-secondary, #6c757d);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-size: 1.25rem;
}

.btn-close:hover[b-t1l357bl97] {
    background-color: var(--rz-panel-hover, #f8f9fa);
    color: var(--rz-text-color, #212529);
}

/* Sections */
.palette-section[b-t1l357bl97] {
    border-bottom: 1px solid var(--rz-border-color, #dee2e6);
}

.palette-section:last-of-type[b-t1l357bl97] {
    border-bottom: none;
}

.section-title[b-t1l357bl97] {
    padding: 0.75rem 1.25rem 0.5rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary, #6c757d);
}

/* Items */
.palette-items[b-t1l357bl97] {
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.palette-items[b-t1l357bl97]::-webkit-scrollbar {
    width: 8px;
}

.palette-items[b-t1l357bl97]::-webkit-scrollbar-track {
    background: transparent;
}

.palette-items[b-t1l357bl97]::-webkit-scrollbar-thumb {
    background: var(--rz-border-color, #dee2e6);
    border-radius: 4px;
}

.palette-items[b-t1l357bl97]::-webkit-scrollbar-thumb:hover {
    background: var(--rz-text-secondary, #6c757d);
}

.palette-item[b-t1l357bl97] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
    min-height: 48px;
}

.palette-item:hover[b-t1l357bl97] {
    background-color: var(--rz-panel-hover, #f8f9fa);
}

.palette-item.primary[b-t1l357bl97] {
    background-color: var(--rz-primary-lighter, #e3f2fd);
    font-weight: 500;
}

.palette-item.primary:hover[b-t1l357bl97] {
    background-color: var(--rz-primary-light, #bbdefb);
}

.item-icon[b-t1l357bl97] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.item-text[b-t1l357bl97] {
    flex: 1;
    font-size: 0.9375rem;
    color: var(--rz-text-color, #212529);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-shortcut[b-t1l357bl97] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary, #6c757d);
    background-color: var(--rz-panel-hover, #f8f9fa);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--rz-border-color, #dee2e6);
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}

.item-meta[b-t1l357bl97] {
    font-size: 0.8125rem;
    color: var(--rz-text-secondary, #6c757d);
}

/* Footer */
.palette-footer[b-t1l357bl97] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--rz-border-color, #dee2e6);
    background-color: var(--rz-panel-hover, #f8f9fa);
}

.footer-hints[b-t1l357bl97] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.hint[b-t1l357bl97] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary, #6c757d);
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.hint kbd[b-t1l357bl97] {
    background-color: var(--rz-panel-background, #ffffff);
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 4px;
    padding: 0.125rem 0.375rem;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.6875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    .command-palette-overlay[b-t1l357bl97] {
        padding-top: 10vh;
    }

    .command-palette[b-t1l357bl97] {
        width: 95%;
        max-height: 80vh;
        border-radius: 8px;
    }

    .palette-header[b-t1l357bl97] {
        padding: 0.875rem 1rem;
    }

    .palette-input[b-t1l357bl97] {
        font-size: 1rem;
    }

    .palette-item[b-t1l357bl97] {
        padding: 0.625rem 1rem;
        min-height: 44px;
    }

    .item-text[b-t1l357bl97] {
        font-size: 0.875rem;
    }

    .section-title[b-t1l357bl97] {
        padding: 0.625rem 1rem 0.375rem 1rem;
    }

    .footer-hints[b-t1l357bl97] {
        gap: 1rem;
    }

    .item-shortcut[b-t1l357bl97] {
        display: none; /* Hide shortcuts on mobile */
    }
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    .command-palette[b-t1l357bl97] {
        background-color: #2d2d30;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
    }

    .palette-header[b-t1l357bl97] {
        background-color: #2d2d30;
        border-bottom-color: #3e3e42;
    }

    .palette-input[b-t1l357bl97] {
        color: #e0e0e0;
    }

    .palette-input[b-t1l357bl97]::placeholder {
        color: #8c8c8c;
    }

    .palette-section[b-t1l357bl97] {
        border-bottom-color: #3e3e42;
    }

    .section-title[b-t1l357bl97] {
        color: #8c8c8c;
    }

    .palette-item:hover[b-t1l357bl97] {
        background-color: #3e3e42;
    }

    .palette-item.primary[b-t1l357bl97] {
        background-color: #264f78;
    }

    .palette-item.primary:hover[b-t1l357bl97] {
        background-color: #305f8f;
    }

    .item-text[b-t1l357bl97] {
        color: #e0e0e0;
    }

    .item-shortcut[b-t1l357bl97] {
        background-color: #3e3e42;
        border-color: #505053;
        color: #8c8c8c;
    }

    .item-meta[b-t1l357bl97] {
        color: #8c8c8c;
    }

    .palette-footer[b-t1l357bl97] {
        background-color: #252526;
        border-top-color: #3e3e42;
    }

    .hint[b-t1l357bl97] {
        color: #8c8c8c;
    }

    .hint kbd[b-t1l357bl97] {
        background-color: #3e3e42;
        border-color: #505053;
    }

    .btn-close[b-t1l357bl97] {
        color: #8c8c8c;
    }

    .btn-close:hover[b-t1l357bl97] {
        background-color: #3e3e42;
        color: #e0e0e0;
    }
}

/* Animation for items appearing */
.palette-item[b-t1l357bl97] {
    animation: itemFadeIn-b-t1l357bl97 0.15s ease-out backwards;
}

.palette-item:nth-child(1)[b-t1l357bl97] { animation-delay: 0.02s; }
.palette-item:nth-child(2)[b-t1l357bl97] { animation-delay: 0.04s; }
.palette-item:nth-child(3)[b-t1l357bl97] { animation-delay: 0.06s; }
.palette-item:nth-child(4)[b-t1l357bl97] { animation-delay: 0.08s; }
.palette-item:nth-child(5)[b-t1l357bl97] { animation-delay: 0.10s; }

@keyframes itemFadeIn-b-t1l357bl97 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/TickHint.Web/Components/TickMate/Shared/MarkdownRenderer.razor.rz.scp.css */
/*
 * MarkdownRenderer Component Styling
 * Handles markdown content with code blocks for TickMate messages
 * Dark theme optimized for TickHint
 */

.markdown-content[b-zry3fcfegm] {
    color: #f0f0f0 !important;
    line-height: 1.6;
    background: transparent !important;
}

/* Override any default light theme styles from Markdig */
.markdown-content *[b-zry3fcfegm] {
    color: inherit;
}

/* Headings */
.markdown-content h1[b-zry3fcfegm],
.markdown-content h2[b-zry3fcfegm],
.markdown-content h3[b-zry3fcfegm],
.markdown-content h4[b-zry3fcfegm],
.markdown-content h5[b-zry3fcfegm],
.markdown-content h6[b-zry3fcfegm] {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #f0f0f0 !important;
    font-weight: 600;
}

.markdown-content h1[b-zry3fcfegm] { font-size: 1.8rem; }
.markdown-content h2[b-zry3fcfegm] { font-size: 1.5rem; }
.markdown-content h3[b-zry3fcfegm] { font-size: 1.25rem; }
.markdown-content h4[b-zry3fcfegm] { font-size: 1.1rem; }
.markdown-content h5[b-zry3fcfegm] { font-size: 1rem; }
.markdown-content h6[b-zry3fcfegm] { font-size: 0.9rem; }

/* Paragraphs */
.markdown-content p[b-zry3fcfegm] {
    margin-bottom: 1rem;
    color: #f0f0f0 !important;
}

/* Lists */
.markdown-content ul[b-zry3fcfegm],
.markdown-content ol[b-zry3fcfegm] {
    margin-bottom: 1rem;
    padding-left: 2rem;
    color: #f0f0f0 !important;
}

.markdown-content li[b-zry3fcfegm] {
    margin-bottom: 0.5rem;
    color: #f0f0f0 !important;
}

/* Inline code */
.markdown-content code[b-zry3fcfegm] {
    background: rgba(0, 159, 77, 0.15) !important;
    color: #00d66a !important;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
    border: 1px solid rgba(0, 159, 77, 0.2);
}

/* Blockquotes */
.markdown-content blockquote[b-zry3fcfegm] {
    border-left: 4px solid #009F4D;
    padding-left: 1rem;
    margin-left: 0;
    margin-bottom: 1rem;
    color: #b0b0b0 !important;
    font-style: italic;
    background: rgba(0, 0, 0, 0.2);
    padding: 0.75rem 1rem;
    border-radius: 4px;
}

/* Links */
.markdown-content a[b-zry3fcfegm] {
    color: #00d66a !important;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.markdown-content a:hover[b-zry3fcfegm] {
    border-bottom-color: #00d66a;
}

/* Tables */
.markdown-content table[b-zry3fcfegm] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    background: transparent !important;
}

.markdown-content th[b-zry3fcfegm],
.markdown-content td[b-zry3fcfegm] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.5rem;
    text-align: left;
    color: #f0f0f0 !important;
    background: transparent !important;
}

.markdown-content th[b-zry3fcfegm] {
    background: rgba(0, 159, 77, 0.1) !important;
    font-weight: 600;
}

/* Code Blocks */
.markdown-content .code-block-container[b-zry3fcfegm] {
    background: rgba(0, 0, 0, 0.6) !important; /* Darker background for better distinction */
    border: 1px solid rgba(0, 159, 77, 0.3);
    border-radius: 8px;
    margin: 1rem 0;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); /* Add subtle shadow */
}

.markdown-content .code-block-header[b-zry3fcfegm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 159, 77, 0.08) !important; /* Subtle green tint for distinction */
    border-bottom: 1px solid rgba(0, 159, 77, 0.25);
    padding: 0.625rem 1rem;
}

.markdown-content .code-language[b-zry3fcfegm] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #00d66a !important;
    letter-spacing: 0.5px;
}

.markdown-content .code-copy-btn[b-zry3fcfegm] {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 159, 77, 0.3) !important;
    color: #00d66a !important;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.markdown-content .code-copy-btn:hover[b-zry3fcfegm] {
    background: rgba(0, 159, 77, 0.2) !important;
    border-color: #009F4D !important;
    color: #00ff80 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 159, 77, 0.3);
}

.markdown-content .code-copy-btn:active[b-zry3fcfegm] {
    transform: translateY(0);
}

.markdown-content .code-copy-btn.copied[b-zry3fcfegm] {
    background: rgba(0, 159, 77, 0.3) !important;
    border-color: #00d66a !important;
    color: #00ff80 !important;
}

.markdown-content .copy-icon[b-zry3fcfegm] {
    font-size: 0.875rem;
}

.markdown-content .copy-text[b-zry3fcfegm] {
    font-size: 0.75rem;
}

.markdown-content .code-block-content[b-zry3fcfegm] {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
    background: rgba(10, 10, 10, 0.5) !important; /* Slightly lighter than container for layered effect */
}

.markdown-content .code-block-content code[b-zry3fcfegm] {
    background: transparent !important;
    color: #e8e8e8 !important; /* Slightly brighter text for better readability */
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.6; /* Improved line height for readability */
    display: block;
    white-space: pre;
    word-wrap: break-word; /* Allow long lines to wrap */
}

/* Scrollbar styling for code blocks */
.markdown-content .code-block-content[b-zry3fcfegm]::-webkit-scrollbar {
    height: 8px;
}

.markdown-content .code-block-content[b-zry3fcfegm]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.markdown-content .code-block-content[b-zry3fcfegm]::-webkit-scrollbar-thumb {
    background: rgba(0, 159, 77, 0.3);
    border-radius: 4px;
}

.markdown-content .code-block-content[b-zry3fcfegm]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 159, 77, 0.5);
}

/* Horizontal rules */
.markdown-content hr[b-zry3fcfegm] {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 2rem 0;
}

/* Strong/Bold */
.markdown-content strong[b-zry3fcfegm] {
    font-weight: 600;
    color: #ffffff !important;
}

/* Emphasis/Italic */
.markdown-content em[b-zry3fcfegm] {
    font-style: italic;
    color: #d0d0d0 !important;
}

/* Ensure pre elements are dark themed */
.markdown-content pre[b-zry3fcfegm] {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #f0f0f0 !important;
    margin: 0;
}
/* _content/TickHint.Web/Components/TickMate/Shared/TickMateMessage.razor.rz.scp.css */
/* TickMateMessage Component Styles */

.tickmate-message[b-01u2m665bi] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    animation: fadeIn-b-01u2m665bi 0.3s ease-in;
}

@keyframes fadeIn-b-01u2m665bi {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message-avatar[b-01u2m665bi] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.25rem;
}

.user-message .message-avatar[b-01u2m665bi] {
    background-color: rgba(0, 123, 255, 0.2);
    border: 1px solid rgba(0, 123, 255, 0.3);
}

.assistant-message .message-avatar[b-01u2m665bi] {
    background-color: rgba(0, 159, 77, 0.2);
    border: 1px solid rgba(0, 159, 77, 0.3);
}

.message-content-wrapper[b-01u2m665bi] {
    flex: 1;
    min-width: 0; /* Allow content to shrink */
}

.message-header[b-01u2m665bi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.message-role[b-01u2m665bi] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #f0f0f0;
}

.message-timestamp[b-01u2m665bi] {
    font-size: 0.75rem;
    color: #a0a0a0;
}

.message-content[b-01u2m665bi] {
    padding: 0.75rem 1rem;
    border-radius: 12px;
    line-height: 1.5;
    font-size: 0.9375rem;
    word-wrap: break-word;
}

.user-message .message-content[b-01u2m665bi] {
    background-color: rgba(0, 123, 255, 0.15);
    color: #f0f0f0;
    border: 1px solid rgba(0, 123, 255, 0.3);
}

.assistant-message .message-content[b-01u2m665bi] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #f0f0f0;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.message-content.error[b-01u2m665bi] {
    background-color: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.4);
    color: #ff6b6b;
    display: flex;
    gap: 0.5rem;
}

.error-indicator[b-01u2m665bi] {
    flex-shrink: 0;
}

.message-content code[b-01u2m665bi] {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
}

.user-message .message-content code[b-01u2m665bi] {
    background-color: rgba(255, 255, 255, 0.2);
}

.message-content strong[b-01u2m665bi] {
    font-weight: 600;
}

.message-metadata[b-01u2m665bi] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #a0a0a0;
    display: flex;
    gap: 0.75rem;
}

.token-count[b-01u2m665bi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tickmate-message[b-01u2m665bi] {
        gap: 0.5rem;
    }

    .message-avatar[b-01u2m665bi] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }

    .message-content[b-01u2m665bi] {
        font-size: 0.875rem;
        padding: 0.625rem 0.875rem;
    }
}
/* _content/TickHint.Web/Components/TickMate/StrategyCreation/ChatFirstInterface.razor.rz.scp.css */
/* ChatFirstInterface Component Styles - TickHint Dark Theme */

:root[b-gpm5j1ofxo] {
    --primary-color: #009F4D;
    --primary-dark: #007A3D;
    --text-light: #f0f0f0;
    --text-muted: #a0a0a0;
    --bg-dark: #1a1a1a;
    --bg-section: rgba(30, 30, 30, 0.6);
    --bg-card: rgba(0, 0, 0, 0.2);
    --border-color: rgba(255, 255, 255, 0.1);
}

.chat-first-container[b-gpm5j1ofxo] {
    display: flex;
    height: calc(100vh - var(--header-height, 60px));
    background-color: var(--bg-dark);
    position: relative;
}

.conversation-area[b-gpm5j1ofxo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 1200px; /* Increased from 800px for better code visibility */
    margin: 0 auto;
    padding: 1.5rem 2rem;
    width: 100%;
    min-height: 0; /* Important for flex child scrolling */
}

/* Chat Header */
.chat-header[b-gpm5j1ofxo] {
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.chat-header.collapsed[b-gpm5j1ofxo] {
    margin-bottom: 0.75rem;
}

.chat-header.collapsed .chat-subtitle[b-gpm5j1ofxo] {
    display: none;
}

.chat-header.collapsed .chat-title h2[b-gpm5j1ofxo] {
    font-size: 1.25rem;
}

.chat-header.collapsed .chat-title .icon[b-gpm5j1ofxo] {
    font-size: 1.5rem;
}

.chat-title[b-gpm5j1ofxo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.chat-title .icon[b-gpm5j1ofxo] {
    font-size: 2rem;
}

.chat-title h2[b-gpm5j1ofxo] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-light);
}

.chat-subtitle[b-gpm5j1ofxo] {
    color: var(--text-muted);
    margin: 0;
    font-size: 1rem;
}

/* Messages Container */
.messages-container[b-gpm5j1ofxo] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.5rem;
    background-color: var(--bg-section);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--border-color);
    margin-bottom: 1rem;
    scroll-behavior: smooth;
    min-height: 0; /* Critical for flex scrolling */
    position: relative;
}

/* Scrollbar styling */
.messages-container[b-gpm5j1ofxo]::-webkit-scrollbar {
    width: 8px;
}

.messages-container[b-gpm5j1ofxo]::-webkit-scrollbar-track {
    background: var(--bg-card);
    border-radius: 10px;
}

.messages-container[b-gpm5j1ofxo]::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 10px;
}

.messages-container[b-gpm5j1ofxo]::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

/* Input Container */
.input-container[b-gpm5j1ofxo] {
    background-color: var(--bg-section);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--border-color);
    padding: 1rem;
    flex-shrink: 0;
}

.input-container textarea[b-gpm5j1ofxo] {
    width: 100%;
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem;
    font-size: 1rem;
    font-family: inherit;
    color: var(--text-light);
    resize: none; /* Changed from vertical - we'll handle auto-resize via JS */
    min-height: 44px; /* Reduced from 60px - single line height */
    max-height: min(200px, 30vh); /* Dynamic max based on viewport */
    transition: border-color 0.2s, box-shadow 0.2s;
    overflow-y: auto;
    line-height: 1.5;
}

.input-container textarea[b-gpm5j1ofxo]::placeholder {
    color: var(--text-muted);
}

.input-container textarea:focus[b-gpm5j1ofxo] {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(0, 159, 77, 0.2);
}

.input-container textarea:disabled[b-gpm5j1ofxo] {
    background-color: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
    opacity: 0.6;
}

.input-actions[b-gpm5j1ofxo] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.btn-send[b-gpm5j1ofxo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.5rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all 0.2s ease;
    box-shadow: 0 4px 20px rgba(0, 159, 77, 0.3);
}

.btn-send:hover:not(:disabled)[b-gpm5j1ofxo] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 159, 77, 0.4);
}

.btn-send:active:not(:disabled)[b-gpm5j1ofxo] {
    transform: translateY(0);
}

.btn-send:disabled[b-gpm5j1ofxo] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.send-icon[b-gpm5j1ofxo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    font-size: 0.875rem;
}

.spinner[b-gpm5j1ofxo] {
    display: inline-block;
    animation: spin-b-gpm5j1ofxo 1.5s linear infinite;
}

@keyframes spin-b-gpm5j1ofxo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Floating "Show Code" Button */
.btn-show-code.floating[b-gpm5j1ofxo] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 0.875rem 1.75rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    color: white;
    border: none;
    border-radius: 28px;
    box-shadow: 0 4px 20px rgba(0, 159, 77, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 600;
    font-size: 1rem;
    z-index: 100;
    transition: all 0.3s ease;
    animation: slideIn-b-gpm5j1ofxo 0.4s ease-out;
}

@keyframes slideIn-b-gpm5j1ofxo {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn-show-code.floating:hover[b-gpm5j1ofxo] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 159, 77, 0.4);
}

.btn-show-code.floating:active[b-gpm5j1ofxo] {
    transform: translateY(0);
}

.code-icon[b-gpm5j1ofxo] {
    font-size: 1.25rem;
}

/* Typing Indicator */
.typing-indicator[b-gpm5j1ofxo] {
    display: flex;
    gap: 8px;
    padding: 1rem 1.25rem;
    align-items: center;
}

.typing-indicator span[b-gpm5j1ofxo] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--primary-color);
    animation: typing-b-gpm5j1ofxo 1.4s infinite ease-in-out;
    box-shadow: 0 2px 8px rgba(0, 159, 77, 0.4);
}

.typing-indicator span:nth-child(2)[b-gpm5j1ofxo] {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3)[b-gpm5j1ofxo] {
    animation-delay: 0.4s;
}

@keyframes typing-b-gpm5j1ofxo {
    0%, 60%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }
    30% {
        opacity: 1;
        transform: translateY(-10px);
    }
}

/* Pulsing avatar when AI is thinking */
.tickmate-thinking .message-avatar[b-gpm5j1ofxo] {
    animation: pulse-b-gpm5j1ofxo 2s ease-in-out infinite;
}

@keyframes pulse-b-gpm5j1ofxo {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(0, 159, 77, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(0, 159, 77, 0);
    }
}

/* Special styling for typing message bubble */
.typing-message[b-gpm5j1ofxo] {
    background-color: rgba(0, 159, 77, 0.05) !important;
    border-color: rgba(0, 159, 77, 0.2) !important;
    min-height: 60px;
    display: flex;
    align-items: center;
}

/* Message Styles (inherited from welcome message) */
.message[b-gpm5j1ofxo] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    animation: fadeIn-b-gpm5j1ofxo 0.3s ease-in;
}

@keyframes fadeIn-b-gpm5j1ofxo {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message-avatar[b-gpm5j1ofxo] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.25rem;
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
}

.message-content-wrapper[b-gpm5j1ofxo] {
    flex: 1;
    min-width: 0;
}

.message-header[b-gpm5j1ofxo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.message-role[b-gpm5j1ofxo] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-light);
}

.message-timestamp[b-gpm5j1ofxo] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.message-content[b-gpm5j1ofxo] {
    padding: 0.75rem 1rem;
    border-radius: 12px;
    line-height: 1.6;
    font-size: 0.9375rem;
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}

.message-content p[b-gpm5j1ofxo] {
    margin: 0 0 0.75rem 0;
}

.message-content p:last-child[b-gpm5j1ofxo] {
    margin-bottom: 0;
}

.message-content ul[b-gpm5j1ofxo] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.message-content li[b-gpm5j1ofxo] {
    margin: 0.25rem 0;
}

.message-content strong[b-gpm5j1ofxo] {
    font-weight: 600;
    color: var(--primary-color);
}

/* Scroll to Bottom Button */
.btn-scroll-bottom[b-gpm5j1ofxo] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    color: white;
    border: none;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 159, 77, 0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

.btn-scroll-bottom.visible[b-gpm5j1ofxo] {
    opacity: 1;
    pointer-events: auto;
    animation: bounceIn-b-gpm5j1ofxo 0.4s ease-out;
}

@keyframes bounceIn-b-gpm5j1ofxo {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
    60% {
        opacity: 1;
        transform: translateX(-50%) translateY(-5px);
    }
    100% {
        transform: translateX(-50%) translateY(0);
    }
}

.btn-scroll-bottom:hover[b-gpm5j1ofxo] {
    box-shadow: 0 6px 16px rgba(0, 159, 77, 0.5);
    transform: translateX(-50%) translateY(-2px);
}

.btn-scroll-bottom .scroll-icon[b-gpm5j1ofxo] {
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .conversation-area[b-gpm5j1ofxo] {
        padding: 0.75rem;
        max-width: 100%;
    }

    .chat-header[b-gpm5j1ofxo] {
        margin-bottom: 1rem;
    }

    .chat-title h2[b-gpm5j1ofxo] {
        font-size: 1.25rem;
    }

    .chat-title .icon[b-gpm5j1ofxo] {
        font-size: 1.5rem;
    }

    .chat-subtitle[b-gpm5j1ofxo] {
        font-size: 0.875rem;
    }

    .messages-container[b-gpm5j1ofxo] {
        padding: 0.75rem;
        border-radius: 8px;
        margin-bottom: 0.75rem;
    }

    .input-container[b-gpm5j1ofxo] {
        border-radius: 8px;
        padding: 0.75rem;
    }

    .input-container textarea[b-gpm5j1ofxo] {
        font-size: 0.9375rem;
        padding: 0.625rem;
        min-height: 40px;
        max-height: min(150px, 25vh); /* Reduced for mobile */
    }

    .input-actions[b-gpm5j1ofxo] {
        margin-top: 0.5rem;
    }

    .btn-send[b-gpm5j1ofxo] {
        padding: 0.5rem 1.25rem;
        font-size: 0.875rem;
    }

    .btn-show-code.floating[b-gpm5j1ofxo] {
        bottom: 1rem;
        right: 1rem;
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }

    .btn-scroll-bottom[b-gpm5j1ofxo] {
        padding: 0.4rem 0.875rem;
        font-size: 0.8125rem;
        bottom: 0.75rem;
    }

    /* Auto-collapse header on mobile after initial interaction */
    .chat-header.has-messages[b-gpm5j1ofxo] {
        margin-bottom: 0.5rem;
    }

    .chat-header.has-messages .chat-subtitle[b-gpm5j1ofxo] {
        display: none;
    }

    .chat-header.has-messages .chat-title h2[b-gpm5j1ofxo] {
        font-size: 1.125rem;
    }

    .chat-header.has-messages .chat-title .icon[b-gpm5j1ofxo] {
        font-size: 1.25rem;
    }
}

/* Small phones */
@media (max-width: 480px) {
    .conversation-area[b-gpm5j1ofxo] {
        padding: 0.5rem;
    }

    .chat-title h2[b-gpm5j1ofxo] {
        font-size: 1.125rem;
    }

    .messages-container[b-gpm5j1ofxo] {
        padding: 0.5rem;
    }

    .message-content[b-gpm5j1ofxo] {
        font-size: 0.875rem;
    }
}

/* Tablet adjustments */
@media (max-width: 1024px) and (min-width: 769px) {
    .conversation-area[b-gpm5j1ofxo] {
        max-width: 700px;
        padding: 1.25rem;
    }

    .input-container textarea[b-gpm5j1ofxo] {
        max-height: min(180px, 28vh);
    }
}

/* Landscape phones and small tablets */
@media (max-height: 600px) {
    .chat-header[b-gpm5j1ofxo] {
        margin-bottom: 0.75rem;
    }

    .chat-subtitle[b-gpm5j1ofxo] {
        display: none;
    }

    .messages-container[b-gpm5j1ofxo] {
        padding: 1rem;
    }

    .input-container textarea[b-gpm5j1ofxo] {
        max-height: min(120px, 25vh);
    }
}
/* _content/TickHint.Web/Components/TickMate/StrategyCreation/CodeArtifactPanel.razor.rz.scp.css */
/* CodeArtifactPanel Component Styles */

.code-artifact-panel[b-47c1sty9k4] {
    position: fixed;
    right: 0;
    top: var(--header-height, 60px);
    bottom: 0;
    background-color: #1e1e1e; /* Dark theme for code */
    border-left: 2px solid var(--rz-primary, #007bff);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    z-index: 1001;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: slideInRight-b-47c1sty9k4 0.3s ease-out;
}

@keyframes slideInRight-b-47c1sty9k4 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.code-artifact-panel.expanded[b-47c1sty9k4] {
    width: 600px;
}

.code-artifact-panel.collapsed[b-47c1sty9k4] {
    width: 48px;
}

/* Header */
.artifact-header[b-47c1sty9k4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background-color: #2d2d30;
    border-bottom: 1px solid #3e3e42;
    min-height: 60px;
    gap: 1rem;
}

.artifact-title[b-47c1sty9k4] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #cccccc;
}

.artifact-title .icon[b-47c1sty9k4] {
    font-size: 1.25rem;
}

.artifact-title h3[b-47c1sty9k4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #e0e0e0;
}

.code-artifact-panel.collapsed .artifact-title h3[b-47c1sty9k4] {
    display: none;
}

/* Version Navigator */
.version-navigator[b-47c1sty9k4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.375rem 0.75rem;
    background-color: rgba(0, 159, 77, 0.08);
    border: 1px solid rgba(0, 159, 77, 0.2);
    border-radius: 6px;
    flex: 0 0 auto;
}

.version-info[b-47c1sty9k4] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #00d66a;
    white-space: nowrap;
    user-select: none;
}

.btn-icon-sm[b-47c1sty9k4] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 159, 77, 0.3);
    color: #00d66a;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-size: 1rem;
    min-width: 32px;
    height: 32px;
}

.btn-icon-sm:hover:not(:disabled)[b-47c1sty9k4] {
    background-color: rgba(0, 159, 77, 0.2);
    border-color: #009F4D;
    color: #00ff80;
    transform: translateY(-1px);
}

.btn-icon-sm:active:not(:disabled)[b-47c1sty9k4] {
    transform: translateY(0);
}

.btn-icon-sm:disabled[b-47c1sty9k4] {
    opacity: 0.3;
    cursor: not-allowed;
    color: #666666;
    border-color: rgba(255, 255, 255, 0.1);
}

.artifact-actions[b-47c1sty9k4] {
    display: flex;
    gap: 0.375rem;
}

.code-artifact-panel.collapsed .artifact-actions[b-47c1sty9k4] {
    flex-direction: column;
}

.btn-icon[b-47c1sty9k4] {
    background: none;
    border: none;
    color: #cccccc;
    cursor: pointer;
    padding: 0.375rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    font-size: 1.125rem;
}

.btn-icon:hover[b-47c1sty9k4] {
    background-color: #3e3e42;
    color: #ffffff;
}

.btn-icon:active[b-47c1sty9k4] {
    background-color: #505053;
}

/* Content Area */
.artifact-content[b-47c1sty9k4] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.code-editor-wrapper[b-47c1sty9k4] {
    flex: 1;
    overflow: hidden;
    background-color: #1e1e1e;
    padding: 1rem;
}

.code-viewer[b-47c1sty9k4] {
    flex: 1;
    overflow: auto;
    background-color: #1e1e1e;
}

.code-viewer pre[b-47c1sty9k4] {
    margin: 0;
    padding: 1.5rem;
    overflow: auto;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.6;
    color: #d4d4d4;
    height: 100%;
}

.code-viewer code[b-47c1sty9k4] {
    font-family: inherit;
    color: inherit;
}

/* Syntax highlighting - basic */
.code-viewer .language-csharp[b-47c1sty9k4] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* Custom scrollbar for code viewer */
.code-viewer[b-47c1sty9k4]::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.code-viewer[b-47c1sty9k4]::-webkit-scrollbar-track {
    background: #252526;
}

.code-viewer[b-47c1sty9k4]::-webkit-scrollbar-thumb {
    background: #3e3e42;
    border-radius: 6px;
}

.code-viewer[b-47c1sty9k4]::-webkit-scrollbar-thumb:hover {
    background: #505053;
}

/* Footer */
.artifact-footer[b-47c1sty9k4] {
    padding: 1rem 1.25rem;
    background-color: #2d2d30;
    border-top: 1px solid #3e3e42;
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-primary[b-47c1sty9k4], .btn-secondary[b-47c1sty9k4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.125rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all 0.2s;
}

.btn-primary[b-47c1sty9k4] {
    background: linear-gradient(135deg, #009F4D, #007A3D);
    color: white;
    box-shadow: 0 2px 8px rgba(0, 159, 77, 0.3);
}

.btn-primary:hover:not(:disabled)[b-47c1sty9k4] {
    background: linear-gradient(135deg, #00B359, #009F4D);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 159, 77, 0.4);
}

.btn-primary:disabled[b-47c1sty9k4] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-47c1sty9k4] {
    background-color: #3e3e42;
    color: #cccccc;
    border: 1px solid rgba(0, 159, 77, 0.2);
}

.btn-secondary:hover:not(:disabled)[b-47c1sty9k4] {
    background-color: #505053;
    color: #ffffff;
    border-color: rgba(0, 159, 77, 0.4);
}

.btn-secondary:disabled[b-47c1sty9k4] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary:active:not(:disabled)[b-47c1sty9k4], .btn-secondary:active:not(:disabled)[b-47c1sty9k4] {
    transform: translateY(0);
}

.btn-icon-inline[b-47c1sty9k4] {
    font-size: 1.125rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .code-artifact-panel.expanded[b-47c1sty9k4] {
        width: 100%;
        left: 0;
        right: 0;
        border-left: none;
        border-top: 2px solid var(--rz-primary, #007bff);
    }

    .code-artifact-panel.collapsed[b-47c1sty9k4] {
        width: 100%;
        height: 48px;
        top: auto;
        bottom: 0;
        border-left: none;
        border-top: 2px solid var(--rz-primary, #007bff);
    }

    .code-artifact-panel.collapsed .artifact-header[b-47c1sty9k4] {
        flex-direction: row;
        padding: 0.75rem 1rem;
    }

    .code-artifact-panel.collapsed .artifact-actions[b-47c1sty9k4] {
        flex-direction: row;
    }

    .artifact-header[b-47c1sty9k4] {
        flex-wrap: wrap;
    }

    .version-navigator[b-47c1sty9k4] {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .version-info[b-47c1sty9k4] {
        font-size: 0.75rem;
    }

    .artifact-footer[b-47c1sty9k4] {
        flex-direction: column;
    }

    .btn-primary[b-47c1sty9k4], .btn-secondary[b-47c1sty9k4] {
        width: 100%;
        justify-content: center;
    }
}

/* Tablet adjustments */
@media (max-width: 1024px) and (min-width: 769px) {
    .code-artifact-panel.expanded[b-47c1sty9k4] {
        width: 500px;
    }
}

/* Large screens */
@media (min-width: 1400px) {
    .code-artifact-panel.expanded[b-47c1sty9k4] {
        width: 700px;
    }
}

/* Animation for buttons */
@keyframes pulse-b-47c1sty9k4 {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
}

.btn-primary:focus[b-47c1sty9k4] {
    animation: pulse-b-47c1sty9k4 1.5s infinite;
}
/* _content/TickHint.Web/Components/Widgets/RecentStrategiesWidget.razor.rz.scp.css */
/*
 * RecentStrategiesWidget - Dark Theme Scoped Styles
 *
 * Note: Inline styles moved to scoped CSS for consistency
 * This component already used CSS variables so no color fixes needed
 */

.strategy-card:hover[b-xb0pk1u71c] {
    background-color: var(--rz-base-200);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}