/* Red Sea Hub account skin - compact Listeo header and lower Profile panels.
 * Preview front end only. The WordPress admin bar is intentionally untouched. */
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.fixed.fullwidth.dashboard {
    height: 80px !important;
    min-height: 80px !important;
    background: var(--rsh-brand-sea-900) !important;
    border: 0 !important;
    box-shadow: 0 1px 0 var(--rsh-brand-line) !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.fixed.fullwidth.dashboard #header {
    height: 80px !important;
    min-height: 80px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--rsh-brand-sea-900) !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.fixed.fullwidth.dashboard #header::after,
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard #header-container.fixed.fullwidth.dashboard::after {
    display: none !important;
    content: none !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard header.fullwidth.dashboard .container {
    min-height: 80px !important;
    padding-left: 116px !important;
    display: flex !important;
    align-items: center !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard .dashboard #logo {
    position: absolute !important;
    left: 18px !important;
    top: 0 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 80px !important;
    min-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard .dashboard #logo a,
body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard .dashboard #logo a.dashboard-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
}

body.rsh-account-skin.rsh-account-skin-preview.page-template-template-dashboard .dashboard #logo img {
    width: auto !important;
    max-width: 64px !important;
    max-height: 64px !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* The profile template creates extra direct h4/static pairs for fields such
 * as Social. Give every pair the same dark, readable treatment. */
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box > h4.submit-section-header,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box > h4.gray,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box > h4.submit-section-header + .dashboard-list-box-static,
body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box > h4.gray + .dashboard-list-box-static {
    background: var(--rsh-brand-sea-900) !important;
    color: var(--rsh-brand-ink) !important;
    border-color: var(--rsh-brand-line) !important;
}

body.rsh-account-skin.rsh-account-skin-preview #dashboard .dashboard-list-box > h4.submit-section-header {
    border-top: 1px solid var(--rsh-brand-line) !important;
    border-bottom: 1px solid var(--rsh-brand-line) !important;
}

body.rsh-account-skin.rsh-account-skin-preview #dashboard #avatar-uploader.dropzone .dz-preview.dz-image-preview,
body.rsh-account-skin.rsh-account-skin-preview #dashboard #avatar-uploader.dropzone .dz-preview .dz-remove {
    background: #082f3b !important;
    color: var(--rsh-brand-ink) !important;
    border-color: var(--rsh-brand-line) !important;
    box-shadow: none !important;
}

body.rsh-account-skin.rsh-account-skin-preview #dashboard #avatar-uploader.dropzone .dz-preview .dz-remove:hover {
    background: var(--rsh-brand-sea-800) !important;
    color: #fff !important;
}