/* ===================== AURORA BACKGROUND ===================== */
#auroraBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#auroraBg canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* ===================== CHAT PAGE ===================== */
.chat-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    background: transparent;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 80px 20px 60px;
}

.chat-page-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 780px;
    flex: 1;
    z-index: 1;
}

/* ===================== HERO ===================== */
.chat-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px 0 48px;
}



.chat-logo-video {
    width: 180px;
    height: 180px;
    object-fit: contain;
    margin-bottom: 1rem;
    border-radius: 50%;
}

.chat-hero h1 {
    font-size: clamp(32px, 5vw, 46px);
    font-weight: 600;
    line-height: 1.15;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.chat-hero-sub {
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.5;
}

/* ===================== SUGGESTION CHIPS ===================== */
.chat-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 16px;
    justify-content: flex-start;
}

.chat-suggestion-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: rgba(15, 25, 60, 0.7);
    border: 1px solid rgba(80, 120, 255, 0.15);
    border-radius: 50px;
    color: rgba(200, 210, 240, 0.9);
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all 0.25s ease;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.chat-suggestion-chip:hover {
    background: rgba(30, 50, 100, 0.7);
    border-color: rgba(80, 120, 255, 0.35);
    color: #fff;
    box-shadow: 0 0 20px rgba(50, 90, 255, 0.15);
    transform: translateY(-1px);
}

.chat-suggestion-chip:active {
    transform: translateY(0);
}

.chat-suggestion-chip svg {
    opacity: 0.6;
    flex-shrink: 0;
}

.chat-suggestion-chip:hover svg {
    opacity: 1;
}

/* ===================== INPUT BLOCK ===================== */
.chat-input-block {
    width: 100%;
    margin-bottom: 80px;
}

/* Outer wrapper — visible bordered container with glow */
.chat-input-outer {
    background: linear-gradient(0deg, rgba(15, 29, 69, 0.9) 0%, rgb(0 0 0 / 95%) 100%);
    border-radius: 16px;
    padding: 6px;
    position: relative;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.chat-input-outer:focus-within {
    border-color: rgba(80, 120, 255, 0.3);
    box-shadow:
        0 0 0 1px rgba(80, 120, 255, 0.06),
        0 0 80px rgba(50, 90, 255, 0.1),
        0 8px 40px rgba(50, 90, 255, 0.06);
}

/* Inner textarea area */
.chat-input-inner {
    background: rgba(8, 12, 28, 0.6);
    border: 1px solid rgba(80, 120, 255, 0.08);
    border-radius: 12px;
}

.chat-textarea {
    width: 100%;
    min-height: 130px;
    max-height: 200px;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    padding: 22px 24px;
    resize: none;
    line-height: 1.6;
    border-radius: 12px;
}

.chat-textarea::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

/* Actions row — inside the outer container */
.chat-input-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 8px 8px;
}

.chat-action-pills {
    display: flex;
    gap: 8px;
}

.chat-action-pill {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 18px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 13px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: border-color 0.3s, color 0.3s, background 0.3s;
}

.chat-action-pill:hover:not(:disabled) {
    border-color: rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.04);
}

.chat-action-pill:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.08);
}

.chat-action-pill svg {
    flex-shrink: 0;
    opacity: 0.5;
}

.chat-action-pill:hover svg {
    opacity: 0.8;
}

/* Send button */
.chat-send-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 24px;
    background: rgb(255 255 255);
    border: 1px solid rgba(55, 95, 255, 0.4);
    border-radius: 999px;
    color: #2f6bff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.3s, border-color 0.3s, color 0.3s;
}

.chat-send-btn:hover {
    background: rgba(55, 95, 255, 0.25);
    border-color: rgba(55, 95, 255, 0.6);
    color: #a3c0ff;
}

.chat-send-btn svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

/* ===================== FEATURE CARDS ===================== */
.chat-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
}

.chat-feature-card {
    background: linear-gradient(180deg, rgba(15, 22, 48, 0.8) 0%, rgba(10, 16, 38, 0.9) 100%);
    border: 1px solid rgba(80, 120, 255, 0.1);
    border-radius: 16px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: border-color 0.3s, background 0.3s;
}

.chat-feature-card:hover {
    border-color: rgba(80, 120, 255, 0.2);
}

.chat-feature-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, rgba(55, 95, 255, 0.25) 0%, rgba(55, 95, 255, 0.05) 80%);
    border: 1px solid rgba(55, 95, 255, 0.2);
    border-radius: 14px;
    color: #7ba1ff;
    margin-bottom: 2px;
}

.chat-feature-card h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
}

.chat-feature-card p {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.65;
}

/* ===================== CHAT ACTIVE STATE ===================== */

/* Hero collapse transition */
.chat-hero {
    transition: opacity 0.4s ease, max-height 0.5s ease, padding 0.5s ease;
    max-height: 600px;
    overflow: hidden;
}

.chat-page.chat-active .chat-hero {
    opacity: 0;
    max-height: 0;
    padding: 0;
    pointer-events: none;
}

/* Messages container */
.chat-messages {
    display: none;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    flex: 1;
    overflow-y: auto;
    padding: 20px 0 20px 60px;
    min-height: 0;
    scroll-behavior: smooth;
}

.chat-messages::-webkit-scrollbar {
    width: 4px;
}

.chat-messages::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.chat-page.chat-active .chat-messages {
    display: flex;
}

.chat-page.chat-active .chat-suggestions {
    display: none;
}

/* Input adjustments in chat mode */
.chat-page.chat-active .chat-input-block {
    margin-bottom: 0;
}

.chat-page.chat-active .chat-textarea {
    min-height: 56px;
    padding: 16px 24px;
}

.chat-page.chat-active .chat-page-inner {
    justify-content: flex-end;
}

/* ===================== MESSAGE BUBBLES ===================== */
.chat-msg {
    max-width: 80%;
    padding: 16px 22px;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 300;
    animation: msgSlideIn 0.35s ease;
}

.chat-msg p {
    margin: 0;
}

/* User message — right aligned */
.chat-msg.user {
    align-self: flex-end;
    background: rgba(55, 95, 255, 0.12);
    border: 1px solid rgba(55, 95, 255, 0.18);
    border-radius: 16px 16px 4px 16px;
    color: #fff;
}

/* AI message — left aligned */
.chat-msg.ai {
    align-self: flex-start;
    position: relative;
    width: 80%;
    max-width: 80%;
    background: rgb(12 12 12);
    border: 1px solid rgba(80, 120, 255, 0.1);
    border-radius: 16px 16px 16px 4px;
    color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
}

/* AI avatar — positioned outside the bubble to the left */
.chat-ai-avatar {
    position: absolute;
    left: -56px;
    top: 12px;
    width: 44px;
    height: 44px;
}

.chat-ai-avatar video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes msgSlideIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================== TYPING INDICATOR ===================== */
.chat-typing {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 16px 22px;
    align-self: flex-start;
    background: rgba(15, 22, 48, 0.7);
    border: 1px solid rgba(80, 120, 255, 0.1);
    border-radius: 16px 16px 16px 4px;
    animation: msgSlideIn 0.35s ease;
}

.chat-typing span {
    width: 8px;
    height: 8px;
    background: rgba(123, 161, 255, 0.5);
    border-radius: 50%;
    animation: typingBounce 1.4s infinite ease-in-out;
}

.chat-typing span:nth-child(2) {
    animation-delay: 0.2s;
}

.chat-typing span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes typingBounce {

    0%,
    60%,
    100% {
        opacity: 0.3;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-5px);
    }
}

/* ===================== REPORT MESSAGE — inside AI bubble ===================== */
.chat-msg.ai.chat-msg-report {
    width: 80%;
    max-width: 80%;
}

/* ===================== LOGIN BUTTON ===================== */
.chat-login-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 10px 28px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: border-color 0.3s, background 0.3s;
}

.chat-login-btn:hover {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.06);
}

/* ===================== REPORT FORM ===================== */
.chat-report-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.chat-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.chat-form-label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.35);
    text-transform: uppercase;
}

.chat-form-input,
.chat-form-select {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    outline: none;
    transition: border-color 0.3s;
    width: 100%;
}

.chat-form-input:focus,
.chat-form-select:focus {
    border-color: rgba(80, 120, 255, 0.4);
}

.chat-form-input::placeholder {
    color: rgba(255, 255, 255, 0.25);
}

.chat-form-input:disabled,
.chat-form-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.chat-select-wrapper {
    position: relative;
}

.chat-form-select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 36px;
}

.chat-form-select option {
    background: #111;
    color: #fff;
}

.chat-select-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.35);
    pointer-events: none;
}

.chat-generate-btn {
    margin-top: 8px;
    padding: 14px 28px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(55, 95, 255, 0.4);
    border-radius: 999px;
    color: #2f6bff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.3s, border-color 0.3s, color 0.3s;
}

.chat-generate-btn:hover {
    background: rgba(55, 95, 255, 0.25);
    border-color: rgba(55, 95, 255, 0.6);
    color: #a3c0ff;
}

.chat-generate-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===================== BROKER SEARCH ===================== */
.broker-search-wrapper {
    position: relative;
}

.broker-search-results {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    z-index: 50;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.broker-search-results::-webkit-scrollbar {
    width: 4px;
}

.broker-search-results::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

.broker-company-header {
    padding: 8px 14px;
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.broker-company-header span {
    font-weight: 400;
    opacity: 0.6;
}

.broker-server-item {
    padding: 10px 14px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transition: background 0.15s;
}

.broker-server-item:hover {
    background: rgba(80, 120, 255, 0.12);
    color: #fff;
}

.broker-search-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 16px;
}

.broker-search-loading span {
    width: 6px;
    height: 6px;
    background: rgba(123, 161, 255, 0.5);
    border-radius: 50%;
    animation: typingBounce 1.4s infinite ease-in-out;
}

.broker-search-loading span:nth-child(2) {
    animation-delay: 0.2s;
}

.broker-search-loading span:nth-child(3) {
    animation-delay: 0.4s;
}

.broker-search-empty {
    padding: 16px;
    text-align: center;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
}

/* ===================== REPORT CARD CONTAINER ===================== */
.report-card-container {
    --pointer-x: 50%;
    --pointer-y: 50%;
    --pointer-from-center: 0;
    --pointer-from-top: 0.5;
    --pointer-from-left: 0.5;
    --card-opacity: 0;
    --rotate-x: 0deg;
    --rotate-y: 0deg;
    --background-x: 50%;
    --background-y: 50%;
    --grade-color-1: #4ade80;
    --grade-color-2: #22c55e;
    --grade-glow: rgba(74, 222, 128, 0.6);
    --grade-rgb: 74, 222, 128;
    --holo-1: hsl(160, 100%, 73%);
    --holo-2: hsl(200, 100%, 69%);
    --holo-3: hsl(240, 100%, 69%);
    --holo-4: hsl(280, 100%, 76%);
    --holo-5: hsl(320, 100%, 74%);
    --holo-6: hsl(360, 100%, 73%);
    --rc-card-radius: 24px;
    --rc-logo-icon: url("data:image/svg+xml,%3Csvg width='1077' height='315' viewBox='-225 -85 1527 485' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M121.554 115.37H140.45V214H121.554V115.37ZM77.1781 106.638H184.826V123.244H77.1781V106.638ZM171.246 132.978H189.855L194.722 162.466V214H176.113V158.888L171.246 132.978ZM235.806 132.405V148.724C233.707 148.152 231.416 147.722 228.935 147.436C226.454 147.149 224.116 147.006 221.921 147.006C216.672 147.006 211.996 148.152 207.892 150.442C203.788 152.732 200.544 156.168 198.158 160.749C195.868 165.234 194.722 170.769 194.722 177.354L190.428 172.057C190.81 166.331 191.764 160.987 193.291 156.025C194.913 150.967 197.108 146.577 199.876 142.855C202.739 139.133 206.222 136.222 210.326 134.123C214.429 132.023 219.201 130.974 224.64 130.974C226.549 130.974 228.506 131.117 230.51 131.403C232.514 131.594 234.279 131.928 235.806 132.405ZM315.737 214L312.588 183.939L316.309 173.489L312.588 163.182L315.737 132.978H334.919L330.624 173.489L334.919 214H315.737ZM321.463 173.489C319.65 181.982 316.643 189.426 312.444 195.82C308.245 202.214 303.044 207.177 296.841 210.708C290.734 214.239 283.91 216.004 276.371 216.004C268.45 216.004 261.436 214.239 255.328 210.708C249.22 207.081 244.449 202.071 241.013 195.677C237.578 189.283 235.86 181.887 235.86 173.489C235.86 164.995 237.578 157.599 241.013 151.301C244.449 144.907 249.22 139.944 255.328 136.413C261.436 132.787 268.45 130.974 276.371 130.974C283.91 130.974 290.734 132.739 296.841 136.27C303.044 139.801 308.245 144.764 312.444 151.158C316.739 157.456 319.745 164.9 321.463 173.489ZM254.755 173.489C254.755 178.929 255.853 183.748 258.048 187.947C260.338 192.051 263.44 195.295 267.353 197.681C271.265 199.971 275.751 201.117 280.809 201.117C285.962 201.117 290.734 199.971 295.123 197.681C299.513 195.295 303.378 192.051 306.718 187.947C310.154 183.748 312.874 178.929 314.878 173.489C312.874 168.049 310.154 163.278 306.718 159.174C303.378 154.975 299.513 151.73 295.123 149.44C290.734 147.054 285.962 145.861 280.809 145.861C275.751 145.861 271.265 147.054 267.353 149.44C263.44 151.73 260.338 154.975 258.048 159.174C255.853 163.278 254.755 168.049 254.755 173.489ZM424.403 214L421.253 183.223L425.405 173.632L421.396 162.61L427.409 103.775H446.591L439.29 172.344L443.441 214H424.403ZM429.842 173.489C428.029 181.982 425.023 189.426 420.824 195.82C416.625 202.214 411.424 207.177 405.221 210.708C399.113 214.239 392.289 216.004 384.75 216.004C376.829 216.004 369.815 214.239 363.707 210.708C357.6 207.081 352.828 202.071 349.393 195.677C345.957 189.283 344.239 181.887 344.239 173.489C344.239 164.995 345.957 157.599 349.393 151.301C352.828 144.907 357.6 139.944 363.707 136.413C369.815 132.787 376.829 130.974 384.75 130.974C392.289 130.974 399.113 132.739 405.221 136.27C411.424 139.801 416.625 144.764 420.824 151.158C425.118 157.456 428.124 164.9 429.842 173.489ZM363.135 173.489C363.135 178.929 364.232 183.748 366.427 187.947C368.718 192.051 371.819 195.295 375.732 197.681C379.645 199.971 384.13 201.117 389.188 201.117C394.341 201.117 399.113 199.971 403.503 197.681C407.893 195.295 411.758 192.051 415.098 187.947C418.533 183.748 421.253 178.929 423.257 173.489C421.253 168.049 418.533 163.278 415.098 159.174C411.758 154.975 407.893 151.73 403.503 149.44C399.113 147.054 394.341 145.861 389.188 145.861C384.13 145.861 379.645 147.054 375.732 149.44C371.819 151.73 368.718 154.975 366.427 159.174C364.232 163.278 363.135 168.049 363.135 173.489ZM501.286 216.004C491.838 216.004 483.44 214.239 476.092 210.708C468.743 207.081 462.97 202.071 458.771 195.677C454.572 189.283 452.472 181.839 452.472 173.346C452.472 164.948 454.428 157.599 458.341 151.301C462.349 144.907 467.837 139.944 474.803 136.413C481.865 132.787 489.929 130.974 498.995 130.974C508.061 130.974 515.887 133.025 522.472 137.129C529.152 141.137 534.305 146.815 537.932 154.164C541.558 161.512 543.372 170.149 543.372 180.074H467.073V165.902H534.067L524.762 171.198C524.476 165.854 523.188 161.273 520.897 157.456C518.702 153.639 515.696 150.728 511.879 148.724C508.157 146.625 503.719 145.575 498.566 145.575C493.126 145.575 488.355 146.672 484.251 148.867C480.243 151.062 477.094 154.164 474.803 158.172C472.513 162.085 471.368 166.761 471.368 172.201C471.368 178.213 472.704 183.414 475.376 187.804C478.143 192.194 482.008 195.582 486.971 197.967C492.029 200.258 497.993 201.403 504.865 201.403C511.068 201.403 517.414 200.449 523.903 198.54C530.393 196.536 536.119 193.768 541.081 190.237V203.693C536.119 207.511 530.059 210.517 522.901 212.712C515.839 214.907 508.634 216.004 501.286 216.004ZM548.549 214V200.544L611.821 142.712L623.416 147.293H549.122V132.978H630.574V146.434L567.445 204.266L557.425 199.685H630.86V214H548.549ZM684.075 216.004C674.627 216.004 666.229 214.239 658.88 210.708C651.532 207.081 645.758 202.071 641.559 195.677C637.36 189.283 635.261 181.839 635.261 173.346C635.261 164.948 637.217 157.599 641.13 151.301C645.138 144.907 650.625 139.944 657.592 136.413C664.654 132.787 672.718 130.974 681.784 130.974C690.85 130.974 698.676 133.025 705.261 137.129C711.941 141.137 717.094 146.815 720.721 154.164C724.347 161.512 726.16 170.149 726.16 180.074H649.862V165.902H716.856L707.551 171.198C707.265 165.854 705.976 161.273 703.686 157.456C701.491 153.639 698.485 150.728 694.668 148.724C690.946 146.625 686.508 145.575 681.355 145.575C675.915 145.575 671.143 146.672 667.04 148.867C663.032 151.062 659.882 154.164 657.592 158.172C655.302 162.085 654.156 166.761 654.156 172.201C654.156 178.213 655.493 183.414 658.165 187.804C660.932 192.194 664.797 195.582 669.76 197.967C674.818 200.258 680.782 201.403 687.653 201.403C693.856 201.403 700.203 200.449 706.692 198.54C713.182 196.536 718.907 193.768 723.87 190.237V203.693C718.907 207.511 712.848 210.517 705.69 212.712C698.628 214.907 691.423 216.004 684.075 216.004ZM781.41 216.004C771.962 216.004 763.564 214.239 756.216 210.708C748.868 207.081 743.094 202.071 738.895 195.677C734.696 189.283 732.596 181.839 732.596 173.346C732.596 164.948 734.553 157.599 738.466 151.301C742.474 144.907 747.961 139.944 754.928 136.413C761.99 132.787 770.054 130.974 779.12 130.974C788.186 130.974 796.011 133.025 802.596 137.129C809.277 141.137 814.43 146.815 818.056 154.164C821.683 161.512 823.496 170.149 823.496 180.074H747.198V165.902H814.191L804.887 171.198C804.6 165.854 803.312 161.273 801.022 157.456C798.827 153.639 795.821 150.728 792.003 148.724C788.281 146.625 783.844 145.575 778.69 145.575C773.251 145.575 768.479 146.672 764.376 148.867C760.367 151.062 757.218 154.164 754.928 158.172C752.637 162.085 751.492 166.761 751.492 172.201C751.492 178.213 752.828 183.414 755.5 187.804C758.268 192.194 762.133 195.582 767.095 197.967C772.153 200.258 778.118 201.403 784.989 201.403C791.192 201.403 797.538 200.449 804.028 198.54C810.517 196.536 816.243 193.768 821.206 190.237V203.693C816.243 207.511 810.183 210.517 803.026 212.712C795.964 214.907 788.759 216.004 781.41 216.004ZM843.102 215.145C840.907 215.145 838.903 214.62 837.09 213.571C835.372 212.521 833.988 211.137 832.938 209.419C831.888 207.606 831.364 205.602 831.364 203.407C831.364 201.212 831.888 199.256 832.938 197.538C833.988 195.725 835.372 194.293 837.09 193.243C838.903 192.194 840.907 191.669 843.102 191.669C845.297 191.669 847.253 192.194 848.971 193.243C850.784 194.293 852.216 195.725 853.265 197.538C854.315 199.256 854.84 201.212 854.84 203.407C854.84 205.602 854.315 207.606 853.265 209.419C852.216 211.137 850.784 212.521 848.971 213.571C847.253 214.62 845.297 215.145 843.102 215.145ZM940.889 214L937.74 183.939L941.462 173.489L937.74 163.182L940.889 132.978H960.071L955.777 173.489L960.071 214H940.889ZM946.615 173.489C944.802 181.982 941.796 189.426 937.597 195.82C933.398 202.214 928.197 207.177 921.994 210.708C915.886 214.239 909.062 216.004 901.523 216.004C893.602 216.004 886.588 214.239 880.48 210.708C874.373 207.081 869.601 202.071 866.166 195.677C862.73 189.283 861.012 181.887 861.012 173.489C861.012 164.995 862.73 157.599 866.166 151.301C869.601 144.907 874.373 139.944 880.48 136.413C886.588 132.787 893.602 130.974 901.523 130.974C909.062 130.974 915.886 132.739 921.994 136.27C928.197 139.801 933.398 144.764 937.597 151.158C941.891 157.456 944.897 164.9 946.615 173.489ZM879.908 173.489C879.908 178.929 881.005 183.748 883.2 187.947C885.491 192.051 888.592 195.295 892.505 197.681C896.418 199.971 900.903 201.117 905.961 201.117C911.114 201.117 915.886 199.971 920.276 197.681C924.666 195.295 928.531 192.051 931.871 187.947C935.306 183.748 938.026 178.929 940.03 173.489C938.026 168.049 935.306 163.278 931.871 159.174C928.531 154.975 924.666 151.73 920.276 149.44C915.886 147.054 911.114 145.861 905.961 145.861C900.903 145.861 896.418 147.054 892.505 149.44C888.592 151.73 885.491 154.975 883.2 159.174C881.005 163.278 879.908 168.049 879.908 173.489ZM973.686 132.405L982.991 134.123L992.295 132.405V214H973.686V132.405ZM982.991 122.242C979.46 122.242 976.549 121.287 974.259 119.379C971.968 117.375 970.823 114.798 970.823 111.649C970.823 108.499 971.968 105.97 974.259 104.062C976.549 102.058 979.46 101.056 982.991 101.056C986.617 101.056 989.528 102.058 991.723 104.062C994.013 105.97 995.158 108.499 995.158 111.649C995.158 114.798 994.013 117.375 991.723 119.379C989.528 121.287 986.617 122.242 982.991 122.242Z' fill='white' stroke='white' stroke-width='5'/%3E%3Cpath d='M389.41 175.136C390.059 174.18 394.294 174.186 398.522 175.959C400.368 176.733 405.593 179.594 406.526 184.222C407.034 186.734 407.333 189.41 403.098 190.192C401.182 190.546 396.126 189.443 394.749 182.065C394.176 178.993 391.495 178.494 391.02 177.816C390.278 176.755 388.979 175.771 389.41 175.136Z' fill='white' stroke='white' stroke-width='3'/%3E%3Cpath d='M389.332 171.994C389.98 172.95 394.216 172.944 398.444 171.171C400.29 170.397 405.514 167.536 406.448 162.908C406.955 160.396 407.255 157.72 403.02 156.938C401.103 156.584 396.048 157.687 394.671 165.065C394.098 168.137 391.416 168.636 390.942 169.314C390.2 170.375 388.901 171.359 389.332 171.994Z' fill='white' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
}

/* Grade color overrides */
.grade-a-plus .report-card-container, .grade-a .report-card-container {
    --grade-color-1: #4ade80; --grade-color-2: #22c55e; --grade-glow: rgba(74, 222, 128, 0.6); --grade-rgb: 74, 222, 128;
}
.grade-b-plus .report-card-container, .grade-b .report-card-container, .grade-b-minus .report-card-container {
    --grade-color-1: #60a5fa; --grade-color-2: #3b82f6; --grade-glow: rgba(96, 165, 250, 0.6); --grade-rgb: 96, 165, 250;
}
.grade-c-plus .report-card-container, .grade-c .report-card-container, .grade-c-minus .report-card-container {
    --grade-color-1: #fbbf24; --grade-color-2: #f59e0b; --grade-glow: rgba(251, 191, 36, 0.6); --grade-rgb: 251, 191, 36;
}
.grade-d-plus .report-card-container, .grade-d .report-card-container, .grade-d-minus .report-card-container {
    --grade-color-1: #fb923c; --grade-color-2: #f97316; --grade-glow: rgba(251, 146, 60, 0.6); --grade-rgb: 251, 146, 60;
}
.grade-f .report-card-container {
    --grade-color-1: #f87171; --grade-color-2: #ef4444; --grade-glow: rgba(248, 113, 113, 0.6); --grade-rgb: 248, 113, 113;
}

.report-card-wrapper {
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

/* Card Wrapper */
.rc-card-wrapper {
    perspective: 800px;
    transform: translate3d(0, 0, 0.1px);
    position: relative;
    touch-action: none;
}

.rc-card-shell {
    position: relative;
    z-index: 1;
}

.rc-report-card {
    width: 340px;
    height: 480px;
    border-radius: var(--rc-card-radius);
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: rgba(0, 0, 0, 0.8) calc((var(--pointer-from-left)*10px)-3px) calc((var(--pointer-from-top)*20px)-6px) 30px -5px, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99);
    transform: translateZ(0) rotateX(0deg) rotateY(0deg);
    backface-visibility: hidden;
}

.rc-card-shell:hover .rc-report-card,
.rc-card-shell.active .rc-report-card {
    transition: transform 0.1s ease-out;
    transform: translateZ(20px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));
}

.rc-card-shell.entering .rc-report-card {
    transition: transform 200ms ease-out;
}

.rc-card-inner {
    position: absolute;
    inset: 0;
    border-radius: var(--rc-card-radius);
    overflow: hidden;
}

.rc-card-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: radial-gradient(ellipse 150% 100% at 50% -20%, rgba(var(--grade-rgb), 0.35) 0%, rgba(var(--grade-rgb), 0.15) 30%, rgba(var(--grade-rgb), 0.05) 60%, transparent 100%),
        radial-gradient(ellipse 150% 100% at 50% 120%, rgba(var(--grade-rgb), 0.15) 0%, rgba(var(--grade-rgb), 0.06) 30%, rgba(var(--grade-rgb), 0.02) 60%, transparent 100%), #000;
}

.rc-center-glow {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: var(--rc-card-radius);
    pointer-events: none;
    background: radial-gradient(ellipse 80% 60% at 50% 45%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 30%, rgba(255, 255, 255, 0.02) 50%, transparent 70%);
    mix-blend-mode: overlay;
}

.rc-logo-shine {
    position: absolute;
    inset: 0;
    z-index: 4;
    border-radius: var(--rc-card-radius);
    pointer-events: none;
    overflow: hidden;
    -webkit-mask-image: var(--rc-logo-icon);
    mask-image: var(--rc-logo-icon);
    -webkit-mask-mode: luminance;
    mask-mode: luminance;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: 180px;
    mask-size: 180px;
    -webkit-mask-position: top calc(200% - (var(--background-y, 50%) * 5)) left calc(100% - var(--background-x, 50%));
    mask-position: top calc(200% - (var(--background-y, 50%) * 5)) left calc(100% - var(--background-x, 50%));
    background:
        repeating-linear-gradient(0deg, var(--holo-1) calc(5%*1), var(--holo-2) calc(5%*2), var(--holo-3) calc(5%*3), var(--holo-4) calc(5%*4), var(--holo-5) calc(5%*5), var(--holo-6) calc(5%*6), var(--holo-1) calc(5%*7)),
        repeating-linear-gradient(-45deg, #0e152e 0%, hsl(180, 10%, 60%) 3.8%, hsl(180, 29%, 66%) 4.5%, hsl(180, 10%, 60%) 5.2%, #0e152e 10%, #0e152e 12%),
        radial-gradient(farthest-corner circle at var(--pointer-x, 50%) var(--pointer-y, 50%), hsla(0, 0%, 0%, 0.1) 12%, hsla(0, 0%, 0%, 0.15) 20%, hsla(0, 0%, 0%, 0.25) 120%);
    background-position: 0 var(--background-y, 50%), var(--background-x, 50%) var(--background-y, 50%), center;
    background-blend-mode: color, hard-light;
    background-size: 200% 400%, 300% 300%, 200% 200%;
    mix-blend-mode: color-dodge;
    filter: brightness(0.8) contrast(1.4) saturate(0.5) opacity(0.7);
    transition: filter 0.8s ease;
}

.rc-logo-shine::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--rc-card-radius);
    background: linear-gradient(135deg, transparent 0%, transparent 42%, var(--holo-6) 44%, var(--holo-5) 46%, var(--holo-4) 48%, var(--holo-3) 50%, var(--holo-2) 52%, var(--holo-1) 54%, transparent 56%, transparent 100%);
    background-size: 250% 250%;
    mix-blend-mode: color-dodge;
    filter: brightness(0.8) saturate(0.5);
    animation: rc-holo-beam 8s linear infinite;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

@keyframes rc-holo-beam {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}

.rc-card-shell:hover .rc-logo-shine,
.rc-card-shell.active .rc-logo-shine {
    filter: brightness(0.85) contrast(1.5) saturate(0.5);
}

.rc-card-shell:hover .rc-logo-shine::before,
.rc-card-shell.active .rc-logo-shine::before {
    opacity: 0;
    animation-play-state: paused;
}

.rc-cursor-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: var(--rc-card-radius);
    pointer-events: none;
    overflow: hidden;
    background: radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255, 255, 255, 0.25) 0%, rgba(var(--grade-rgb), 0.15) 25%, rgba(var(--grade-rgb), 0.05) 50%, transparent 70%);
    mix-blend-mode: overlay;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.rc-card-shell:hover .rc-cursor-shine,
.rc-card-shell.active .rc-cursor-shine {
    opacity: 1;
}

.rc-glare {
    position: absolute;
    inset: 0;
    z-index: 6;
    border-radius: var(--rc-card-radius);
    background: radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.05) 50%, transparent 70%);
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.rc-card-shell:hover .rc-glare,
.rc-card-shell.active .rc-glare {
    opacity: 1;
}

/* Card Content */
.rc-card-content {
    position: relative;
    z-index: 5;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.rc-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.rc-exchange-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rc-dot {
    width: 6px;
    height: 6px;
    background: var(--grade-color-1);
    border-radius: 50%;
}

.rc-market-type {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rc-grade-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 0;
}

.rc-grade-container {
    position: relative;
    margin-bottom: 16px;
}

.rc-grade-letter {
    font-family: 'Inter', sans-serif;
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(180deg, var(--grade-color-1) 0%, var(--grade-color-2) 50%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 30px var(--grade-glow));
    transform: translateX(calc((var(--pointer-from-left) - 0.5)*8px)) translateY(calc((var(--pointer-from-top) - 0.5)*8px));
    transition: transform 0.15s ease-out;
}

.rc-grade-plus {
    position: absolute;
    top: 5px;
    right: -30px;
    font-size: 40px;
    font-weight: 800;
    background: linear-gradient(180deg, var(--grade-color-1), var(--grade-color-2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rc-grade-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--grade-color-1);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 8px;
}

.rc-grade-summary {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
    max-width: 290px;
}

.rc-stats-row {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 16px;
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.rc-stat-item {
    text-align: center;
}

.rc-stat-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.rc-stat-label {
    font-size: 9px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* Info Bar */
.rc-info-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 12px 14px;
    margin-top: auto;
}

.rc-account-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rc-discipline-ring {
    width: 38px;
    height: 38px;
    position: relative;
}

.rc-discipline-ring svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.rc-discipline-ring .rc-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.1);
    stroke-width: 3;
}

.rc-discipline-ring .rc-progress {
    fill: none;
    stroke: var(--grade-color-1);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: calc(100 - var(--discipline, 0));
    transition: stroke-dashoffset 1s ease;
}

.rc-ring-value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
}

.rc-account-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rc-account-id {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.rc-account-meta {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
}

/* Share Button & Dropdown */
.rc-share-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: all 0.2s ease;
    pointer-events: auto;
}

.rc-share-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.rc-share-btn svg {
    width: 14px;
    height: 14px;
}

.rc-share-dropdown {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    min-width: 160px;
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
    z-index: 100;
}

.rc-share-btn.open .rc-share-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.rc-share-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transition: all 0.15s ease;
}

.rc-share-option:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.rc-share-option svg {
    width: 16px;
    height: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.rc-share-option:hover svg {
    color: var(--grade-color-1);
}

.rc-share-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

.rc-share-btn.loading::after {
    content: '';
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: rc-spin 0.8s linear infinite;
    margin-left: 6px;
}

@keyframes rc-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ===================== FEEDBACK PANEL ===================== */
.rc-feedback-panel {
    width: 100%;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 20px;
}

.rc-feedback-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.03);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: background 0.3s;
}

.rc-feedback-toggle:hover {
    background: rgba(255, 255, 255, 0.06);
}

.rc-feedback-chevron {
    transition: transform 0.3s;
}

.rc-feedback-toggle.expanded .rc-feedback-chevron {
    transform: rotate(180deg);
}

.rc-feedback-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.rc-feedback-title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.rc-confidence-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(var(--grade-rgb), 0.15);
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    color: var(--grade-color-1);
}

.rc-feedback-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.rc-feedback-content.open {
    max-height: 2000px;
}

.rc-feedback-content-inner {
    padding: 16px 20px;
    max-height: 400px;
    overflow-y: auto;
}

.rc-feedback-content-inner::-webkit-scrollbar {
    width: 4px;
}

.rc-feedback-content-inner::-webkit-scrollbar-track {
    background: transparent;
}

.rc-feedback-content-inner::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

/* Feedback Sections */
.rc-fb-section {
    margin-bottom: 20px;
}

.rc-fb-section:last-child {
    margin-bottom: 0;
}

.rc-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.rc-section-icon {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.rc-section-icon.strengths {
    background: rgba(34, 197, 94, 0.15);
}

.rc-section-icon.weaknesses {
    background: rgba(251, 191, 36, 0.15);
}

.rc-section-icon.warnings {
    background: rgba(239, 68, 68, 0.15);
}

.rc-section-icon.actions {
    background: rgba(59, 130, 246, 0.15);
}

.rc-section-icon.behavior {
    background: rgba(139, 92, 246, 0.15);
}

.rc-section-title {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.rc-fb-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rc-fb-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
}

.rc-bullet {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
}

.rc-bullet.green {
    background: #4ade80;
}

.rc-bullet.yellow {
    background: #fbbf24;
}

.rc-bullet.red {
    background: #f87171;
}

.rc-bullet.blue {
    background: #60a5fa;
}

/* Risk Items */
.rc-risk-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.5;
}

.rc-risk-item.low {
    background: rgba(34, 197, 94, 0.08);
    border-left: 3px solid #4ade80;
    color: rgba(255, 255, 255, 0.7);
}

.rc-risk-item.medium {
    background: rgba(251, 191, 36, 0.08);
    border-left: 3px solid #fbbf24;
    color: rgba(255, 255, 255, 0.7);
}

.rc-risk-item.high {
    background: rgba(239, 68, 68, 0.08);
    border-left: 3px solid #f87171;
    color: rgba(255, 255, 255, 0.7);
}

.rc-risk-item.critical {
    background: rgba(239, 68, 68, 0.15);
    border-left: 3px solid #dc2626;
    color: #fca5a5;
}

.rc-risk-level {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.rc-risk-item.low .rc-risk-level {
    color: #4ade80;
}

.rc-risk-item.medium .rc-risk-level {
    color: #fbbf24;
}

.rc-risk-item.high .rc-risk-level {
    color: #f87171;
}

.rc-risk-item.critical .rc-risk-level {
    color: #dc2626;
}

/* Behavior Tags */
.rc-behavior-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rc-behavior-tag {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
}

.rc-behavior-tag.good {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
    color: #4ade80;
}

.rc-behavior-tag.bad {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.rc-behavior-tag svg {
    width: 12px;
    height: 12px;
}

/* Action Items */
.rc-action-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.1);
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
}

.rc-action-num {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(59, 130, 246, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    color: #60a5fa;
    flex-shrink: 0;
}

.rc-action-item.urgent {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.2);
}

.rc-action-item.urgent .rc-action-num {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

/* ===================== GLOW (replaced by aurora) ===================== */
.chat-page-glow {
    display: none;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 768px) {
    .chat-page {
        padding: 70px 16px 40px;
    }

    .chat-hero {
        padding: 36px 0 36px;
    }

    .chat-logo-icon {
        width: 64px;
        height: 64px;
        border-radius: 16px;
    }

    .chat-logo-video {
        width: 48px;
        height: 48px;
    }

    .chat-features {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .chat-action-pills {
        gap: 6px;
    }

    .chat-action-pill {
        padding: 8px 12px;
        font-size: 12px;
    }

    .chat-action-pill span {
        display: none;
    }

    .chat-send-btn {
        padding: 8px 18px;
        font-size: 13px;
    }

    .chat-textarea {
        min-height: 100px;
        padding: 18px 18px;
    }

    .chat-input-block {
        margin-bottom: 50px;
    }

    .chat-page.chat-active .chat-input-block {
        margin-bottom: 0;
    }

    .chat-input-outer {
        border-radius: 12px;
    }

    .chat-input-inner {
        border-radius: 8px;
    }

    .chat-msg {
        max-width: 90%;
        padding: 14px 18px;
        font-size: 14px;
    }

    .chat-ai-avatar {
        left: -40px;
        top: 10px;
        width: 32px;
        height: 32px;
    }

    .chat-msg.ai.chat-msg-report {
        width: 95%;
        max-width: 95%;
    }

    .report-card-wrapper {
        transform: scale(0.85);
        transform-origin: top center;
    }
}

@media (max-width: 480px) {
    .chat-hero h1 {
        font-size: 28px;
    }

    .chat-hero-sub {
        font-size: 14px;
    }

    .chat-feature-card {
        padding: 22px 20px;
        border-radius: 12px;
    }

    .chat-feature-icon {
        border-radius: 10px;
    }

    .report-card-wrapper {
        transform: scale(0.75);
        transform-origin: top center;
    }
}