/* The actual assistant workspace uses the public AI preview's navy and mint visual language. */
.pp-ai-screen { --ai-navy: #082332; --ai-mint: #78d9cb; --ai-line: #d6e7e7; }
.pp-ai-screen .pp-ai-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.35rem;
    padding: 1.45rem 1.7rem 1.2rem;
    border: 1px solid rgba(132, 219, 210, .22);
    border-radius: 16px;
    color: #eef9f7;
    background: radial-gradient(circle at 5% -100%, rgba(75, 190, 181, .28), transparent 52%), linear-gradient(115deg, #0b3947, #071b2a);
    box-shadow: 0 16px 38px rgba(7, 35, 50, .13);
}
.pp-ai-screen .pp-ai-hero::after {
    content: "";
    position: absolute;
    width: 370px;
    height: 370px;
    left: -110px;
    top: -230px;
    border: 1px solid rgba(137, 230, 217, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 65px rgba(137, 230, 217, .025), 0 0 0 145px rgba(137, 230, 217, .02);
    pointer-events: none;
}
.pp-ai-screen .pp-ai-hero-kicker {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: #89e5d9;
    font-size: .75rem;
    font-weight: 700;
}
.pp-ai-screen .pp-ai-hero-kicker span { width: 24px; height: 1px; background: rgba(137, 229, 217, .65); }
.pp-ai-screen .pp-ai-hero .page-header { position: relative; z-index: 1; margin: 0; }
.pp-ai-screen .pp-ai-hero .page-title { color: #fff !important; font-size: clamp(1.5rem, 2.4vw, 2.15rem) !important; }
.pp-ai-screen .pp-ai-hero .mud-secondary-text { color: #c0dddf !important; }
.pp-ai-screen .pp-ai-hero .page-actions .mud-button-outlined { color: #e7f7f5 !important; border-color: rgba(164, 229, 220, .4) !important; }
.pp-ai-screen .pp-ai-hero .page-actions .mud-button-outlined:hover { background: rgba(123, 219, 205, .12); }
.pp-ai-screen .pp-ai-hero .mud-chip { color: #e7f8f4 !important; background: rgba(103, 205, 192, .18) !important; border: 1px solid rgba(127, 223, 208, .27); }

.pp-ai-screen .page-guide-card { border-color: #c8e4df !important; background: #eff8f5 !important; }
.pp-ai-screen .ai-chat-main,
.pp-ai-screen .ai-side-panel {
    border: 1px solid var(--ai-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 14px 36px rgba(10, 47, 59, .06) !important;
}
.pp-ai-screen .ai-chat-main { padding: 1.25rem !important; }
.pp-ai-screen .ai-side-panel { padding: 1.2rem !important; }
.pp-ai-screen .ai-side-header { padding-bottom: .7rem; border-bottom: 1px solid var(--ai-line); }
.pp-ai-screen .ai-side-header .mud-typography { color: #163e49; font-weight: 800; }
.pp-ai-screen .ai-quick-actions .mud-button-outlined {
    border-color: #bcdcd8 !important;
    border-radius: 8px !important;
    color: #145d66 !important;
    background: #f3faf8;
}
.pp-ai-screen .ai-quick-actions .mud-button-outlined:hover { border-color: #70cabe !important; background: #e9f7f3; }
.pp-ai-screen .ai-message {
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(7, 44, 57, .055);
}
.pp-ai-screen .ai-message-user { background: #eaf3f4; border-color: #cde2e6; }
.pp-ai-screen .ai-message-assistant { background: linear-gradient(145deg, #edf8f5, #f7fbfa); border-color: #bfe2db; }
.pp-ai-screen .ai-stage-card { background: #e9f6f2; border-color: #b8e4da; }
.pp-ai-screen .ai-input-row { border-top: 1px solid #e4eeee; padding-top: .35rem; }
.pp-ai-screen .ai-send-button { background: #0d7778 !important; color: #fff !important; border-radius: 9px; }
.pp-ai-screen .ai-proposal-card { border-color: #c9e2de; background: #f7fbfa; }

body.pp-dark .pp-ai-screen .page-guide-card { background: #173942 !important; border-color: #315a5d !important; }
body.pp-dark .pp-ai-screen .ai-chat-main,
body.pp-dark .pp-ai-screen .ai-side-panel { background: var(--mud-palette-surface) !important; border-color: #30515b !important; }
body.pp-dark .pp-ai-screen .ai-side-header { border-color: #30515b; }
body.pp-dark .pp-ai-screen .ai-side-header .mud-typography { color: #e3f4f1; }
body.pp-dark .pp-ai-screen .ai-quick-actions .mud-button-outlined { color: #b7ece4 !important; background: #1a3b46; border-color: #3d6970 !important; }
body.pp-dark .pp-ai-screen .ai-message-user { background: #183b46; border-color: #315560; }
body.pp-dark .pp-ai-screen .ai-message-assistant { background: #1a4548; border-color: #3b6965; }
body.pp-dark .pp-ai-screen .ai-stage-card { background: #1e4545; border-color: #3b6965; }
body.pp-dark .pp-ai-screen .ai-input-row { border-color: #30515b; }
body.pp-dark .pp-ai-screen .ai-proposal-card { background: #193842; border-color: #3b6069; }

@media (max-width: 600px) {
    .pp-ai-screen .pp-ai-hero { padding: 1.1rem 1rem; }
    .pp-ai-screen .pp-ai-hero-kicker { flex-wrap: wrap; }
    .pp-ai-screen .ai-chat-main,
    .pp-ai-screen .ai-side-panel { padding: .9rem !important; }
}