/* The authenticated shell shares the public landing page's navy, paper and mint palette.
   Landing styles stay scoped to .pp-landing; this file does not depend on them. */
.pp-product-shell {
    --pa-navy: #071b2a;
    --pa-petroleum: #0b3443;
    --pa-mint: #70d8c9;
    --pa-ink: #112d3b;
    --pa-line: #dbe7e8;
}

.pp-product-shell .app-bar {
    background: linear-gradient(100deg, #071b2a 7%, #103746 100%) !important;
    border-bottom: 1px solid rgba(148, 226, 217, .17);
    box-shadow: 0 12px 34px rgba(7, 27, 42, .17) !important;
}
.pp-product-shell .brand-title { color: #f6fcfb; letter-spacing: .01em !important; }
.pp-product-shell .brand-subtitle { color: #a7c7cc; opacity: 1; }
.pp-product-shell .profile-avatar { background: rgba(112, 216, 201, .14) !important; border-color: rgba(130, 223, 213, .33); }

.pp-app-brand-logo {
    position: relative;
    display: block;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border: 1px solid rgba(224, 181, 75, .38);
    border-radius: 10px;
    background: #0a3429;
    box-shadow: 0 0 0 3px rgba(238, 185, 68, .045);
}
.pp-app-brand-logo img {
    position: absolute;
    top: -8px;
    left: 50%;
    display: block;
    width: 74px;
    max-width: none;
    height: auto;
    transform: translateX(-50%);
}
.pp-app-brand-logo-drawer { flex-basis: 54px; width: 54px; height: 54px; }
.pp-app-brand-logo-drawer img { width: 87px; top: -10px; }

.pp-product-shell .app-drawer {
    background: #fbfdfc !important;
    border-left: 1px solid var(--pa-line);
    box-shadow: -10px 0 32px rgba(10, 42, 56, .035);
}
.pp-product-shell .drawer-header { border-bottom-color: #e2ebeb; }
.pp-product-shell .nav-menu .mud-nav-link:hover { background: #edf7f5; }
.pp-product-shell .nav-menu .mud-nav-link.active {
    color: #0c626b;
    background: linear-gradient(270deg, #e3f5f0, #f9fbf7) !important;
    box-shadow: inset -3px 0 0 #62cdbf !important;
}
.pp-product-shell .nav-section-title { color: #657e84; }

.pp-product-shell .main-content {
    background:
        radial-gradient(circle at 90% 3%, rgba(84, 190, 177, .10), transparent 25%),
        linear-gradient(165deg, #f5f8f8, #f9fbfa 58%, #f1f6f5);
}
.pp-product-shell .ambient-grid {
    opacity: .15;
    background-image: linear-gradient(rgba(29, 100, 110, .10) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 100, 110, .10) 1px, transparent 1px);
    background-size: 55px 55px;
    animation: none;
}
.pp-product-shell .ambient-line { background: linear-gradient(90deg, transparent, rgba(80, 178, 170, .3), transparent); }
.pp-product-shell .breadcrumb-bar { border-bottom-color: #dae6e7; }
.pp-product-shell .page-title { color: var(--pa-ink); }
.pp-product-shell .app-footer { border-top-color: var(--pa-line); }

.pp-product-shell .ai-bubble-launcher {
    background: #0d7277 !important;
    box-shadow: 0 12px 30px rgba(7, 43, 54, .24);
}
.pp-product-shell .ai-bubble-panel { border: 1px solid #c9dddd; box-shadow: 0 24px 70px rgba(7, 27, 42, .2) !important; }
.pp-product-shell .ai-bubble-head { background: linear-gradient(100deg, #e9f5f2, #f7fbfa); }
.pp-product-shell .ai-bubble-message.from-user { background: #e5f2f0; }
.pp-product-shell .ai-bubble-message.from-assistant { background: #f5f8f8; border-color: #d7e6e7; }

body.pp-dark .pp-product-shell .app-bar { background: linear-gradient(100deg, #061722, #0c2d3b) !important; }
body.pp-dark .pp-product-shell .app-drawer { background: #102630 !important; border-left-color: #254451; }
body.pp-dark .pp-product-shell .drawer-header { border-bottom-color: #254451; }
body.pp-dark .pp-product-shell .nav-menu .mud-nav-link:hover { background: #173845; }
body.pp-dark .pp-product-shell .nav-menu .mud-nav-link.active { color: #a1e9dd; background: linear-gradient(270deg, #17404a, #142d38) !important; }
body.pp-dark .pp-product-shell .main-content { background: linear-gradient(160deg, #0a1e2b, #102a34 70%, #0a202d); }
body.pp-dark .pp-product-shell .breadcrumb-bar { border-bottom-color: #284752; }
body.pp-dark .pp-product-shell .page-title { color: #e9f7f5; }
body.pp-dark .pp-product-shell .ai-bubble-panel { border-color: #31505a; }
body.pp-dark .pp-product-shell .ai-bubble-head { background: #15333e; }
body.pp-dark .pp-product-shell .ai-bubble-message.from-user { background: #1a4146; }
body.pp-dark .pp-product-shell .ai-bubble-message.from-assistant { background: #16313b; border-color: #31505a; }

@media (max-width: 600px) {
    .pp-app-brand-logo { flex-basis: 40px; width: 40px; height: 40px; }
    .pp-app-brand-logo img { width: 65px; top: -7px; }
    .pp-app-brand-logo-drawer { flex-basis: 54px; width: 54px; height: 54px; }
    .pp-app-brand-logo-drawer img { width: 87px; top: -10px; }
}