:root {
    --fidrox-navy: #122A55;
    --fidrox-navy-deep: #0D1F42;
    --fidrox-gold: #D89A00;
    --fidrox-gold-light: #F0B529;
    --fidrox-surface: #F7F9FC;
}


/* ================================================================
   BASE
   ================================================================ */

body {
    --primary:
        var(--fidrox-navy);
}


/* ================================================================
   NAVBAR / DESK
   ================================================================ */

.navbar,
header.navbar {
    border-bottom:
        1px solid rgba(18,42,85,.10);
}


.navbar .app-logo,
.navbar-brand img,
.app-logo {
    max-height: 32px !important;
}


.fidrox-brand-html {
    display: flex;
    align-items: center;
    gap: 9px;

    color:
        var(--fidrox-navy);

    font-weight: 750;
}


.fidrox-brand-html img {
    width: 31px;
    height: 31px;
}


/* ================================================================
   SIDEBAR
   ================================================================ */

.desk-sidebar,
.layout-side-section {
    background:
        #FBFCFE;
}


.sidebar-item.selected,
.standard-sidebar-item.selected {
    color:
        var(--fidrox-navy) !important;
}


.sidebar-item.selected::before,
.standard-sidebar-item.selected::before {
    background:
        var(--fidrox-gold) !important;
}


/* ================================================================
   BUTTONS
   ================================================================ */

.btn-primary {
    background:
        var(--fidrox-navy) !important;

    border-color:
        var(--fidrox-navy) !important;
}


.btn-primary:hover,
.btn-primary:focus {
    background:
        var(--fidrox-navy-deep) !important;

    border-color:
        var(--fidrox-navy-deep) !important;
}


/* ================================================================
   LOGIN
   ================================================================ */

body[data-path="login"],
.for-login {
    background:
        radial-gradient(
            circle at top right,
            rgba(216,154,0,.12),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #F8FAFD 0%,
            #FFFFFF 60%,
            #F5F7FB 100%
        );
}


.for-login .page-card,
.login-content .page-card {
    border:
        1px solid rgba(18,42,85,.10);

    border-radius:
        18px;

    box-shadow:
        0 20px 55px
        rgba(18,42,85,.12);

    padding:
        30px 32px;
}


.page-card-head img,
.for-login .app-logo {
    max-height:
        92px !important;

    max-width:
        290px !important;
}


.page-card-head::after {
    content:
        "Sales • Purchases • Inventory • Accounts";

    display:
        block;

    margin-top:
        10px;

    color:
        #6C7580;

    font-size:
        12px;

    letter-spacing:
        .2px;
}


/* ================================================================
   REMOVE CLIENT-FACING VENDOR / HELP LINKS
   ================================================================ */

.help-dropdown,
.dropdown-help,
.navbar-help,
[data-label="Help"],
[data-label="About"],
a[href*="docs.frappe.io"],
a[href*="frappe.io"],
a[href*="erpnext.com"],
a[href*="docs.erpnext.com"],
a[href*="github.com/frappe"],
a[href*="/app/about"],
.footer-powered,
.powered-by,
.web-footer .powered-by {
    display:
        none !important;
}


/* ================================================================
   WEBSITE FOOTER
   ================================================================ */

.web-footer {
    border-top:
        1px solid rgba(18,42,85,.10);
}


/* ================================================================
   APP TILE
   ================================================================ */

.fidrox-app-tile img {
    border-radius:
        16px;
}

/* FIDROX_OFFICIAL_LOGO_V1 */
:root {
    --fidrox-navy: #0b1d51;
    --fidrox-gold: #e5a000;
}

.for-login .page-card-head img,
.for-forgot .page-card-head img,
.for-signup .page-card-head img {
    width: 185px !important;
    height: 185px !important;
    max-width: 72vw !important;
    max-height: 185px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 14px auto !important;
}

.for-login .page-card-head,
.for-forgot .page-card-head,
.for-signup .page-card-head {
    text-align: center !important;
}

.for-login .page-card,
.for-forgot .page-card,
.for-signup .page-card {
    border-radius: 18px !important;
    border: 1px solid rgba(11, 29, 81, 0.08) !important;
    box-shadow: 0 22px 60px rgba(11, 29, 81, 0.13) !important;
}

.for-login .btn-primary,
.for-forgot .btn-primary,
.for-signup .btn-primary,
.btn-primary,
.primary-action {
    background: var(--fidrox-navy) !important;
    border-color: var(--fidrox-navy) !important;
}

.for-login .btn-primary:hover,
.btn-primary:hover,
.primary-action:hover {
    background: #07143a !important;
    border-color: #07143a !important;
}

.navbar-brand img,
.navbar .navbar-brand img,
.app-logo,
.desk-navbar .navbar-brand img {
    max-height: 46px !important;
    width: auto !important;
    object-fit: contain !important;
}