/*
 * Red Sea Hub account skin - shared dashboard chrome preview.
 * Scoped to administrator preview of Listeo dashboard templates only.
 * No layout rule here changes Listeo actions, markup, navigation or URLs.
 */
body.rsh-account-skin {
    --rsh-brand-ink: #eaf6f8;
    --rsh-brand-muted: #a8bec5;
    --rsh-brand-sea-950: #031b25;
    --rsh-brand-sea-900: #062733;
    --rsh-brand-sea-800: #0a3947;
    --rsh-brand-line: rgba(149, 218, 230, .22);
    --rsh-brand-accent: #ff5b3d;
    --rsh-brand-focus: #74e7f3;
    background: var(--rsh-brand-sea-950);
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #wrapper,
body.rsh-account-skin #dashboard,
body.rsh-account-skin #dashboard .dashboard-content,
body.rsh-account-skin #dashboard .dashboard-content-container {
    background: var(--rsh-brand-sea-950);
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #dashboard .dashboard-content {
    background-image: radial-gradient(circle at 85% 0%, rgba(20, 121, 141, .20), transparent 34%);
}

/* Old Listeo light-dashboard header/chrome: visual-only dark sea treatment. */
body.rsh-account-skin .dashboard #header-container,
body.rsh-account-skin .dashboard #header-container #header,
body.rsh-account-skin .dashboard #header,
body.rsh-account-skin .dashboard #logo,
body.rsh-account-skin .dashboard #header-container #header::after {
    background: var(--rsh-brand-sea-900);
    border-color: var(--rsh-brand-line);
    box-shadow: 0 1px 0 var(--rsh-brand-line), 0 10px 30px rgba(0, 0, 0, .20);
}

body.rsh-account-skin .dashboard #header a,
body.rsh-account-skin .dashboard #header .menu-item > a,
body.rsh-account-skin .dashboard #header .header-widget,
body.rsh-account-skin .dashboard #header .header-widget a,
body.rsh-account-skin .dashboard #header .header-widget i,
body.rsh-account-skin .dashboard #header .hamburger,
body.rsh-account-skin .dashboard #header .hamburger::before,
body.rsh-account-skin .dashboard #header .hamburger::after {
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #dashboard h1,
body.rsh-account-skin #dashboard h2,
body.rsh-account-skin #dashboard h3,
body.rsh-account-skin #dashboard h4,
body.rsh-account-skin #dashboard label,
body.rsh-account-skin #dashboard .dashboard-title,
body.rsh-account-skin #dashboard .dashboard-list-box h4,
body.rsh-account-skin #dashboard .dashboard-list-box h3,
body.rsh-account-skin #dashboard .dashboard-list-box .list-box-listing-content h3 a {
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #dashboard p,
body.rsh-account-skin #dashboard .dashboard-breadcrumb,
body.rsh-account-skin #dashboard .dashboard-breadcrumb a,
body.rsh-account-skin #dashboard .dashboard-list-box .listing-title,
body.rsh-account-skin #dashboard .list-box-listing-content span,
body.rsh-account-skin #dashboard .dashboard-list-box .listing-details {
    color: var(--rsh-brand-muted);
}

body.rsh-account-skin #dashboard .dashboard-list-box,
body.rsh-account-skin #dashboard .dashboard-list-box-static,
body.rsh-account-skin #dashboard .edit-profile-photo,
body.rsh-account-skin #dashboard .dashboard-list-box .list-box-listing {
    background: rgba(7, 42, 53, .88);
    border-color: var(--rsh-brand-line);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
}

body.rsh-account-skin #dashboard .dashboard-list-box .list-box-listing {
    border-bottom-color: var(--rsh-brand-line);
}

/* Bookmarks outer Listeo white holder—blend it into the page background. */
body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0,
body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > h4,
body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > ul {
    background: var(--rsh-brand-sea-950);
    box-shadow: none;
}

body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 {
    border: 1px solid var(--rsh-brand-line);
    overflow: hidden;
}

body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > h4 {
    border-bottom-color: var(--rsh-brand-line);
}

body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > ul > li {
    background: transparent;
    border-bottom-color: var(--rsh-brand-line);
}

body.rsh-account-skin-bookmarks #dashboard .dashboard-list-box.margin-top-0 > ul > li:hover {
    background: rgba(20, 121, 141, .10);
}

body.rsh-account-skin #dashboard input[type="text"],
body.rsh-account-skin #dashboard input[type="email"],
body.rsh-account-skin #dashboard input[type="password"],
body.rsh-account-skin #dashboard input[type="number"],
body.rsh-account-skin #dashboard input[type="url"],
body.rsh-account-skin #dashboard textarea,
body.rsh-account-skin #dashboard select {
    background: #082f3b;
    border-color: var(--rsh-brand-line);
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #dashboard input::placeholder,
body.rsh-account-skin #dashboard textarea::placeholder {
    color: #8caab2;
    opacity: 1;
}

body.rsh-account-skin #dashboard input:focus,
body.rsh-account-skin #dashboard textarea:focus,
body.rsh-account-skin #dashboard select:focus,
body.rsh-account-skin #dashboard a:focus-visible,
body.rsh-account-skin #dashboard button:focus-visible {
    border-color: var(--rsh-brand-focus);
    box-shadow: 0 0 0 3px rgba(116, 231, 243, .24);
    outline: none;
}

body.rsh-account-skin #dashboard .button,
body.rsh-account-skin #dashboard button,
body.rsh-account-skin #dashboard input[type="submit"] {
    background: var(--rsh-brand-accent);
    border-color: var(--rsh-brand-accent);
    color: #fff;
}

body.rsh-account-skin #dashboard .button:hover,
body.rsh-account-skin #dashboard button:hover,
body.rsh-account-skin #dashboard input[type="submit"]:hover {
    background: #ff765d;
    border-color: #ff765d;
}

body.rsh-account-skin #dashboard .button.border,
body.rsh-account-skin #dashboard .button.gray {
    background: transparent;
    border-color: var(--rsh-brand-line);
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #dashboard .dashboard-nav,
body.rsh-account-skin #dashboard .dashboard-nav ul,
body.rsh-account-skin #dashboard .dashboard-nav ul li,
body.rsh-account-skin #dashboard .dashboard-nav ul li a {
    background: var(--rsh-brand-sea-900);
    border-color: var(--rsh-brand-line);
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin #dashboard .dashboard-nav ul li.active a,
body.rsh-account-skin #dashboard .dashboard-nav ul li a:hover {
    background: var(--rsh-brand-sea-800);
    color: #fff;
}

body.rsh-account-skin #dashboard .notification,
body.rsh-account-skin #dashboard .notice {
    background: rgba(12, 66, 77, .88);
    border-color: var(--rsh-brand-line);
    color: var(--rsh-brand-ink);
}

body.rsh-account-skin[dir="rtl"] #dashboard,
html[dir="rtl"] body.rsh-account-skin #dashboard {
    text-align: right;
}

@media (max-width: 767px) {
    body.rsh-account-skin #dashboard .dashboard-content {
        padding-left: 18px;
        padding-right: 18px;
    }

    body.rsh-account-skin #dashboard .dashboard-list-box,
    body.rsh-account-skin #dashboard .dashboard-list-box-static {
        border-radius: 18px;
    }
}