/*
 * Professional Blue theme — override stylesheet.
 *
 * Light canvas, slim Steel-Blue header strip, white cards, blue headlines,
 * steel-blue primary action. Structurally mirrors theme-vacation-bay so
 * the two themes feel like the same product painted in different colors.
 */

/*--------------------------------------------------------------------------
 * 1. Body canvas
 *------------------------------------------------------------------------*/
body.theme-professional-blue {
    background: var(--background-backdrop);
    background-image: none;
    color: var(--text-color);
}

/*--------------------------------------------------------------------------
 * 2. Header strip
 *------------------------------------------------------------------------*/
body.theme-professional-blue div.head {
    /*background: linear-gradient(90deg, #2a5599 0%, #1c3766 100%);*/
    background: linear-gradient(180deg, #374756 0%, #27333D 100%);
}
body.theme-professional-blue.vertical-menu div.head {
    /* background: linear-gradient(180deg, #1c3766 0%, #2a5599 100%); */
    background: linear-gradient(180deg, #374756 0%, #27333D 100%);
}

body.theme-professional-blue div.header-branding,
body.theme-professional-blue.vertical-menu div.header-branding {
    background-color: white;
}

body.theme-professional-blue .header-navigation .dropbtn,
body.theme-professional-blue .header-navigation .top-link-button,
body.theme-professional-blue .header-navigation .top-link-button a,
body.theme-professional-blue .top-link-generic {
    color: white;
    background-color: transparent;
}
body.theme-professional-blue .top-link-button:hover,
body.theme-professional-blue .header-navigation .dropdown:hover .dropbtn {
    background-color: rgba(255, 255, 255, 0.12);
}

body.theme-professional-blue a.dropdown.access-feature-internal {
    background-color: #eef1f5;
}
body.theme-professional-blue a.dropdown.access-feature-admin {
    background-color: #f5f7f9;
}

/*--------------------------------------------------------------------------
 * 3. Dropdown panels
 *------------------------------------------------------------------------*/
body.theme-professional-blue .header-navigation .dropdown-content {
    background-color: white;
    border: 1px solid #dde4ea;
    box-shadow: 0 4px 12px rgba(28, 55, 102, 0.08);
}
body.theme-professional-blue .dropdown-content a {
    color: var(--text-color);
}
body.theme-professional-blue .dropdown-content a:hover {
    background-color: #e7eef9 !important;
    color: #1c3766;
}

/*--------------------------------------------------------------------------
 * 4. Headline hierarchy — Steel Blue h1/h2, Navy h3.
 *------------------------------------------------------------------------*/
body.theme-professional-blue h1,
body.theme-professional-blue h2 {
    color: #2a5599;
}
body.theme-professional-blue h3 {
    color: #1c3766;
}

/*--------------------------------------------------------------------------
 * 5. Cards
 *------------------------------------------------------------------------*/
body.theme-professional-blue .content,
body.theme-professional-blue .content-section,
body.theme-professional-blue .modal-content {
    border: 1px solid #dde4ea;
    box-shadow: 0 1px 3px rgba(28, 55, 102, 0.04);
}

/* common.css hard-codes div.section-2 to a tan rgb(215,215,190); restate. */
body.theme-professional-blue div.section-2 {
    background: var(--background-tertiary);
    border: 1px solid #dde4ea;
    box-shadow: 0 1px 3px rgba(28, 55, 102, 0.04);
}

/*--------------------------------------------------------------------------
 * 6. Inputs
 *------------------------------------------------------------------------*/
body.theme-professional-blue input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
body.theme-professional-blue select,
body.theme-professional-blue textarea {
    background-color: white;
    color: var(--text-color);
    border: 1px solid #c4cdd6;
}
body.theme-professional-blue input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
body.theme-professional-blue select:focus,
body.theme-professional-blue textarea:focus {
    outline: none;
    border-color: #2a5599;
    box-shadow: 0 0 0 2px rgba(42, 85, 153, 0.25);
}

/*--------------------------------------------------------------------------
 * 7. Misc surfaces
 *------------------------------------------------------------------------*/
body.theme-professional-blue .linked-popup {
    background-color: white;
    color: var(--text-color);
    border-color: #dde4ea;
}
body.theme-professional-blue .modal-footer,
body.theme-professional-blue .jq-dropdown .jq-dropdown-menu,
body.theme-professional-blue .jq-dropdown .jq-dropdown-panel {
    background-color: white;
}

body.theme-professional-blue {
    scrollbar-color: #c4cdd6 #f5f7f9;
}

/* footer.css hard-codes div.footer color: white. */
body.theme-professional-blue div.footer,
body.theme-professional-blue div.footer a {
    color: var(--text-secondary);
}
body.theme-professional-blue div.footer a {
    text-decoration: underline;
}

/*--------------------------------------------------------------------------
 * 8. Plugin-specific surfaces (RSJ etc.)
 *------------------------------------------------------------------------*/
body.theme-professional-blue .rsj-data-controls {
    background-color: white;
    border: 1px solid #dde4ea;
}
body.theme-professional-blue .rsj-journal-date .rsj-journal-item:nth-child(2n) {
    background-color: #f1f4fa;
}
body.theme-professional-blue .rsj-journal-date .rsj-journal-item:nth-child(2n+1) {
    background-color: #ffffff;
}
body.theme-professional-blue .rsj-journal-date.number-column {
    color: var(--text-secondary);
}
body.theme-professional-blue .rsj-journal-date-text,
body.theme-professional-blue .rsj-journal-item > * {
    border-color: #dde4ea;
}
body.theme-professional-blue .rsj-journal-item-ticker a {
    color: var(--text-color);
}
body.theme-professional-blue .rsj-journal-item.invalid-item,
body.theme-professional-blue .rsj-journal-date .rsj-journal-item:nth-child(2n).invalid-item {
    background-color: #eef1f5;
    color: #98a1ab;
}
body.theme-professional-blue .rsj-journal-item.invalid-item .rsj-journal-item-ticker a,
body.theme-professional-blue .rsj-journal-item.invalid-item .rsj-journal-item-ticker b,
body.theme-professional-blue .rsj-journal-item.invalid-item .rsj-journal-item-ppo {
    color: #98a1ab !important;
}
body.theme-professional-blue .rsj-journal-item.invalid-item .rsj-journal-item-histogram {
    background-color: #dde4ea !important;
}

body.theme-professional-blue .screener .screener-selections {
    background-color: white;
    border: 1px solid #dde4ea;
    border-radius: 4px;
    padding: 0.75em;
    margin-bottom: 0.5em;
}
body.theme-professional-blue .screener .screener-selections > label > span {
    color: var(--text-secondary);
}
body.theme-professional-blue .screener hr {
    border-color: #dde4ea;
}

body.theme-professional-blue .div-report-inputs {
    background: white;
    border-color: #dde4ea;
}

body.theme-professional-blue #ppo-report-popup .ppo-report-chart-technicals-holder {
    border-color: #dde4ea;
}
body.theme-professional-blue #ppo-report-popup .btn-light {
    background-color: #f5f7f9;
    color: var(--text-color);
    border-color: #d4dade;
}