/*
 * schwab.jubyan.net HQ console overrides — loaded by the shell via
 * config('hq-console.theme_css'). Keep this to schwab-specific additions on top
 * of the package's base theme (vendor/blorpblorp/hq-console/resources/css/hq.css);
 * it reuses that sheet's --ai-* tokens so it tracks the shell theme.
 *
 * Trading-Day overlay: the rail's chart button opens the current day's analytics
 * as a full-screen iframe INSIDE the shell (teleported to <body>), so tapping it
 * never navigates the PWA out to a standalone page. A top bar gives a one-tap way
 * back to the assistant.
 */
.hq-day-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    background: var(--ai-green-dd, #12181f);
}

.hq-day-bar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: calc(env(safe-area-inset-top, 0px) + 8px) 12px 8px;
    background: var(--ai-green-d, #18202a);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--ai-cream, #eceef1);
    font-family: var(--ai-display, system-ui, sans-serif);
}

.hq-day-back {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px 6px 6px;
    background: none;
    border: 0;
    border-radius: 8px;
    color: inherit;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.hq-day-back:hover,
.hq-day-back:focus-visible {
    background: rgba(255, 255, 255, 0.07);
}

.hq-day-back svg {
    width: 18px;
    height: 18px;
}

.hq-day-title {
    margin-inline: auto;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Balances the back button's width so the title stays optically centered. */
.hq-day-spacer {
    flex: 0 0 auto;
    width: 72px;
}

.hq-day-frame {
    flex: 1 1 auto;
    width: 100%;
    border: 0;
    background: var(--ai-green-dd, #12181f);
}