/* TRC Group Portal theme - sage green (#87986A) */
@import url("/Portals/0/LinksTheme.css");

/* Page shell — no dark bars top/bottom */
body,
.aperture-theme,
.aperture-main {
    background-color: #f5f6f2 !important;
}



.aperture-footer {

    display: none !important;

}



/* Legacy skin: recolor top login strip (do not hide — login lives here on _default header) */

.aperture-header .eyebrow-bar {

    background: linear-gradient(to bottom, #7d8f63 0%, #6b7c52 55%, #4f5f3c 100%) !important;

    border-bottom: 1px solid #3d4a2f !important;

}



.aperture-header .eyebrow-bar,

.aperture-header .eyebrow-bar a,

.aperture-header .eyebrow-bar .User,

.aperture-header .eyebrow-bar .Login {

    color: #fff !important;

    text-decoration: none !important;

}



.aperture-header .eyebrow-bar a:hover {

    text-decoration: underline !important;

}



/* Portal 0 header: hide empty legacy eyebrow if present */

.aperture-header .logo-menu-bar + .eyebrow-bar,

.aperture-header .eyebrow-bar:empty {

    display: none !important;

}



/* --- Banner bar (Web 2.0 glossy gradient) --- */

.aperture-header {

    position: relative !important;

    z-index: 1100 !important;

    box-shadow: 0 3px 10px rgba(30, 36, 22, 0.45) !important;

}



.aperture-header,

.aperture-header .logo-menu-bar,

.aperture-header .logo-menu-bar .aperture-container.trc-header-bar,

.aperture-header .trc-header-nav {

    overflow: visible !important;

}



.aperture-header .logo-menu-bar {

    position: relative !important;

    background-color: #6b7c52 !important;

    background-image: linear-gradient(

        180deg,

        #8a9972 0%,

        #758864 16%,

        #6b7c52 48%,

        #586944 78%,

        #4f5f3c 100%

    ) !important;

    border: 4px solid #a67c52 !important;

    border-top-color: #e2d0b0 !important;

    border-left-color: #d4b896 !important;

    border-right-color: #8b6914 !important;

    border-bottom-color: #6b4f2a !important;

    box-shadow:

        inset 0 1px 0 rgba(255, 255, 255, 0.22),

        inset 0 -3px 7px rgba(0, 0, 0, 0.38),

        0 3px 0 #6b4f2a,

        0 6px 14px rgba(70, 48, 22, 0.35) !important;

    padding-top: 0.2rem !important;

    padding-bottom: 0.2rem !important;

}



.aperture-header .logo-menu-bar::before {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(

            180deg,

            rgba(255, 255, 255, 0.45) 0%,

            rgba(255, 255, 255, 0.18) 12%,

            rgba(255, 255, 255, 0.05) 26%,

            transparent 42%

        ),

        linear-gradient(

            118deg,

            rgba(255, 255, 255, 0.12) 0%,

            rgba(255, 255, 255, 0.03) 38%,

            transparent 55%,

            rgba(0, 0, 0, 0.22) 100%

        );

    pointer-events: none;

}



.aperture-header .logo-menu-bar::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 1px;

    background: linear-gradient(

        90deg,

        rgba(255, 255, 255, 0.08) 0%,

        rgba(255, 255, 255, 0.28) 50%,

        rgba(255, 255, 255, 0.08) 100%

    );

    pointer-events: none;

}



/* Three-column header: brand left | menu center | user right */

.aperture-header .logo-menu-bar .aperture-container.trc-header-bar {

    position: relative !important;

    z-index: 1 !important;

    display: grid !important;

    /* Brand + login sized to content; middle column absorbs leftover space (nav pill hugs items) */
    /* Brand column includes leaf mark (~30px) + title stack */
    grid-template-columns: minmax(0, 14rem) minmax(0, 1fr) auto !important;

    align-items: center !important;

    column-gap: 0.45rem !important;

    row-gap: 0.35rem !important;

    min-height: 2.65rem !important;

    width: 100% !important;

    max-width: none !important;

    box-sizing: border-box !important;

}



.aperture-header .trc-header-brand {

    grid-column: 1;

    justify-self: start;

    display: flex !important;

    align-items: center !important;

    min-width: 0 !important;

    max-width: 14rem !important;

}



.aperture-header .trc-header-nav {

    grid-column: 2;

    /* Pill hugs menu items; sits centered in the middle column */
    justify-self: center;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    max-width: 100% !important;

    min-width: 0 !important;

    overflow: visible !important;

}



.aperture-header .trc-header-user {

    grid-column: 3;

    justify-self: end;

    margin-left: 0 !important;

    display: flex !important;

    align-items: center !important;

    gap: 0.55rem !important;

    color: #fff !important;

    font-family: Ubuntu, Verdana, Helvetica, sans-serif !important;

    font-size: 0.75rem !important;

    white-space: nowrap !important;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;

}



.aperture-header .trc-header-user a,

.aperture-header .trc-header-user .User,

.aperture-header .trc-header-user .Login {

    color: #fff !important;

    text-decoration: none !important;

}



.aperture-header .trc-header-user a:hover {

    text-decoration: underline !important;

    opacity: 0.92;

}



/* Portal title + CTRM subtitle — left aligned; leaf mark left of title */

.logo-menu-bar .trc-portal-logo,

.logo-menu-bar a[id*='LOGO'] {

    display: inline-flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    gap: 0.04rem !important;

    color: #fff !important;

    font-family: Ubuntu, Verdana, Helvetica, sans-serif !important;

    font-size: 1.35rem !important;

    font-weight: 700 !important;

    line-height: 1.05 !important;

    text-decoration: none !important;

    white-space: normal !important;

    padding: 0.1rem 0 0.1rem 2.4rem !important;

    max-width: 100% !important;

    box-sizing: border-box !important;

    /* Lime three-leaf mark — readable on olive banner */

    background-image: url("/Portals/0/Images/trc-leaf-mark.svg") !important;

    background-repeat: no-repeat !important;

    background-position: left center !important;

    background-size: 1.55rem 2.4rem !important;

    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.4),
        0 -1px 0 rgba(255, 255, 255, 0.18) !important;

}



/* Explicit leaf <img> path (Portals/0 header) — hide duplicate CSS background */

.logo-menu-bar .trc-portal-logo:has(.trc-leaf-mark) {

    flex-direction: row !important;

    align-items: center !important;

    gap: 0.4rem !important;

    padding-left: 0.1rem !important;

    background-image: none !important;

}



.logo-menu-bar .trc-leaf-mark {

    display: block !important;

    width: 1.55rem !important;

    height: 2.4rem !important;

    flex-shrink: 0 !important;

    object-fit: contain !important;

}



.logo-menu-bar .trc-portal-brand-text {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    gap: 0.04rem !important;

    min-width: 0 !important;

}



.logo-menu-bar .trc-portal-title {

    display: block !important;

    white-space: nowrap !important;

    font-size: 1.35rem !important;

    font-weight: 700 !important;

    line-height: 1.05 !important;

    color: #fff !important;

}



/* Micro CTRM line — px so it never inherits logo/title rem size */
.aperture-header .logo-menu-bar a.trc-portal-logo .trc-portal-subtitle,
.logo-menu-bar .trc-portal-subtitle {

    display: block !important;

    font-family: Ubuntu, Verdana, Helvetica, sans-serif !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    letter-spacing: 0.01em !important;

    line-height: 1.2 !important;

    color: rgba(228, 236, 210, 0.55) !important;

    opacity: 0.9 !important;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28) !important;

    white-space: nowrap !important;

    max-width: none !important;

}



/* Legacy img logo path — title via ::before, micro CTRM via ::after (separate sizes) */

.logo-menu-bar .trc-portal-logo:has(.trc-logo-img) {

    font-size: 0 !important;

    line-height: 0 !important;

}



.logo-menu-bar .trc-portal-logo:has(.trc-logo-img) .trc-logo-img {

    display: none !important;

}



.logo-menu-bar .trc-portal-logo:has(.trc-logo-img)::before {

    content: "TRC Group Portal";

    display: block !important;

    white-space: nowrap !important;

    font-size: 1.35rem !important;

    font-weight: 700 !important;

    line-height: 1.05 !important;

    color: #fff !important;

    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.4),
        0 -1px 0 rgba(255, 255, 255, 0.18) !important;

}



.logo-menu-bar .trc-portal-logo:has(.trc-logo-img)::after {

    content: "Commodity Trading & Risk Management (CTRM)";

    display: block !important;

    white-space: nowrap !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    letter-spacing: 0.01em !important;

    line-height: 1.2 !important;

    color: rgba(228, 236, 210, 0.55) !important;

    opacity: 0.9 !important;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28) !important;

}



.logo-menu-bar .trc-portal-logo:hover,

.logo-menu-bar .trc-portal-logo:focus,

.logo-menu-bar a[id*='LOGO']:hover,

.logo-menu-bar a[id*='LOGO']:focus {

    color: #fff !important;

    text-decoration: none !important;

    opacity: 0.95;

}



.logo-menu-bar a[id*='LOGO'] svg,

.logo-menu-bar a[id*='LOGO'] img {

    display: none !important;

}



.logo-menu-bar a[id*='LOGO']::before {

    content: "TRC Group Portal";

    display: block !important;

    white-space: nowrap !important;

    font-size: 1.35rem !important;

    font-weight: 700 !important;

    line-height: 1.05 !important;

    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.7),
        0 2px 4px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.4),
        0 -1px 0 rgba(255, 255, 255, 0.18) !important;

}



.logo-menu-bar a[id*='LOGO']::after {

    content: "Commodity Trading & Risk Management (CTRM)";

    display: block !important;

    white-space: nowrap !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    letter-spacing: 0.01em !important;

    line-height: 1.2 !important;

    color: rgba(228, 236, 210, 0.55) !important;

    opacity: 0.9 !important;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28) !important;

}



/* Desktop menu — Web 2.0 tab strip with vertical dividers */

.logo-menu-bar .trc-header-nav .desktop-menu {

    margin: 0 !important;

    padding: 0.12rem 0.22rem !important;

    display: flex !important;

    flex-wrap: nowrap !important;

    align-items: stretch !important;

    justify-content: center !important;

    gap: 0 !important;

    /* Compact-width pill — hug content, not full-bleed between logo/login */
    width: auto !important;

    max-width: 100% !important;

    box-sizing: border-box !important;

    background: linear-gradient(

        180deg,

        rgba(0, 0, 0, 0.14) 0%,

        rgba(0, 0, 0, 0.28) 100%

    ) !important;

    border: 1px solid rgba(45, 54, 33, 0.55) !important;

    border-radius: 4px !important;

    box-shadow:

        inset 0 1px 0 rgba(255, 255, 255, 0.14),

        0 1px 2px rgba(0, 0, 0, 0.25) !important;

}



.logo-menu-bar .desktop-menu > li {

    margin: 0 !important;

    padding: 0 !important;

    flex: 0 0 auto !important;

}



.logo-menu-bar .desktop-menu > li > a {

    display: inline-flex !important;

    align-items: center !important;

    gap: 0.22rem !important;

    color: #f8faf5 !important;

    font-family: Ubuntu, Verdana, Helvetica, sans-serif !important;

    font-size: 0.72rem !important;

    font-weight: 700 !important;

    letter-spacing: 0.02em !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    text-shadow:

        0 1px 0 rgba(0, 0, 0, 0.55),

        0 -1px 0 rgba(255, 255, 255, 0.1) !important;

    background: linear-gradient(

        180deg,

        rgba(255, 255, 255, 0.2) 0%,

        rgba(255, 255, 255, 0.07) 45%,

        rgba(0, 0, 0, 0.1) 100%

    ) !important;

    border: 1px solid rgba(45, 54, 33, 0.4) !important;

    border-radius: 3px !important;

    padding: 0.34rem 0.36rem !important;

    box-shadow:

        inset 0 1px 0 rgba(255, 255, 255, 0.22),

        0 1px 1px rgba(0, 0, 0, 0.2) !important;

}



.logo-menu-bar .desktop-menu > li > a:hover {

    color: #fff !important;

    background: linear-gradient(

        180deg,

        rgba(255, 255, 255, 0.28) 0%,

        rgba(255, 255, 255, 0.1) 42%,

        rgba(0, 0, 0, 0.08) 100%

    ) !important;

    border-color: rgba(45, 54, 33, 0.55) !important;

    box-shadow:

        inset 0 1px 0 rgba(255, 255, 255, 0.3),

        0 1px 3px rgba(0, 0, 0, 0.35) !important;

}



.logo-menu-bar .desktop-menu > li.selected > a {

    color: #fff !important;

    background: linear-gradient(

        180deg,

        #4f5f3c 0%,

        #3d4a2f 55%,

        #2f3824 100%

    ) !important;

    border: 1px solid #2a3320 !important;

    box-shadow:

        inset 0 2px 7px rgba(0, 0, 0, 0.6),

        inset 0 1px 0 rgba(0, 0, 0, 0.35),

        0 1px 0 rgba(255, 255, 255, 0.08) !important;

}



.logo-menu-bar #nav-desktop.desktop-menu > li {

    position: relative !important;

}



/* Thin vertical dividers between top-level nav tabs */

.logo-menu-bar #nav-desktop.desktop-menu > li + li::before {

    content: "";

    position: absolute;

    left: 0;

    top: 16%;

    bottom: 16%;

    width: 1px;

    background: linear-gradient(

        180deg,

        rgba(255, 255, 255, 0.34) 0%,

        rgba(255, 255, 255, 0.1) 50%,

        rgba(0, 0, 0, 0.24) 100%

    );

    pointer-events: none;

    z-index: 2;

}



.logo-menu-bar #nav-desktop.desktop-menu > li > ul {

    display: none !important;

    position: absolute !important;

    top: 100% !important;

    left: 0 !important;

    z-index: 1101 !important;

    min-width: max-content !important;

    flex-direction: column !important;

    background-color: #586944 !important;

    background-image: linear-gradient(to bottom, #758864 0%, #6b7c52 55%, #4f5f3c 100%) !important;

    border: 1px solid #3d4a2f !important;

    box-shadow: 0 5px 12px rgba(30, 36, 22, 0.5) !important;

    padding: 0.2rem 0 !important;

}



.logo-menu-bar #nav-desktop.desktop-menu > li:hover > ul,

.logo-menu-bar #nav-desktop.desktop-menu > li:focus-within > ul {

    display: flex !important;

}



.logo-menu-bar .desktop-menu > li > ul li {

    background: transparent !important;

}



.logo-menu-bar .desktop-menu > li > ul a {

    display: flex !important;

    align-items: center !important;

    gap: 0.35rem !important;

    color: #fff !important;

    background: transparent !important;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;

    font-size: 0.69rem !important;

    font-weight: 700 !important;

    letter-spacing: 0.03em !important;

    text-transform: uppercase !important;

    padding: 0.38rem 0.55rem !important;

    border: 1px solid transparent !important;

    box-sizing: border-box !important;

}



.logo-menu-bar .desktop-menu > li > ul a:hover,

.logo-menu-bar .desktop-menu > li > ul a:focus {

    /* Pale gold fill + gold border; dark olive text/icon (matches chrome, not brown) */
    color: #4B533A !important;

    background: #F5E6A8 !important;

    border: 1px solid #C4A35A !important;

    text-shadow: none !important;

}



.logo-menu-bar .desktop-menu > li > ul li.selected > a {

    color: #4B533A !important;

    background: #F5E6A8 !important;

    border: 1px solid #C4A35A !important;

    text-shadow: none !important;

    box-shadow: none !important;

}

/* Third-level pages (e.g. Vessel Expenses under Accounts Payable) */
.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li:has(> ul) {
    display: block !important;
    position: relative !important;
}

.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li > ul {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 1102 !important;
    min-width: max-content !important;
    flex-direction: column !important;
    gap: 0 !important;
    list-style: none !important;
    background-color: #586944 !important;
    background-image: linear-gradient(to bottom, #758864 0%, #6b7c52 55%, #4f5f3c 100%) !important;
    border: 1px solid #3d4a2f !important;
    box-shadow: 0 5px 12px rgba(30, 36, 22, 0.5) !important;
    padding: 0.2rem 0 !important;
}

.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li:hover > ul,
.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li:focus-within > ul {
    display: flex !important;
}

.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li > ul a {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    color: #fff !important;
    background: transparent !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
    font-size: 0.69rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    padding: 0.38rem 0.55rem !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li > ul a:hover,
.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li > ul a:focus {
    color: #4B533A !important;
    background: #F5E6A8 !important;
    border: 1px solid #C4A35A !important;
    text-shadow: none !important;
}

/* Nested flyout arrow only (e.g. Accounts Payable → Vessel Expenses) */
.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li:has(> ul) > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.35rem !important;
    padding-right: 0.55rem !important;
    min-width: 11rem;
}

.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li:has(> ul) > a::after {
    content: "\25B6";
    flex-shrink: 0;
    margin-left: auto;
    font-size: 0.55rem;
    line-height: 1;
    opacity: 0.9;
}

/* --------------------------------------------------------------------------
   TRC nav icons — CSS mask ::before (no Font Awesome / template change)
   White/light on olive top tabs; slightly muted in dropdowns; currentColor
   so Blacklist black text keeps a black icon.
   -------------------------------------------------------------------------- */
.logo-menu-bar #nav-desktop.desktop-menu {
    --trc-nav-icon: 14px;
    /* Shared line-icon set (16×16, fill #000 for mask) */
    --trc-ico-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.5 8.2L7.8 1.9h5.3v5.3L7.8 13.5 1.5 8.2zm9.2-4.8a1.2 1.2 0 1 0 0-.02z'/%3E%3C/svg%3E");
    --trc-ico-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.2 1.5h1.6l.4 1.2h11.1l-1.5 6.2H4.2L3.5 6H13l.4-1.5H3.4L2.6 1.5H1.2zm3.5 11.2a1.2 1.2 0 1 0 0 .05zm6.2 0a1.2 1.2 0 1 0 0 .05z'/%3E%3C/svg%3E");
    --trc-ico-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3.5 1.5h6.2L13 4.8v9.7H3.5V1.5zm6 0v3.3H13'/%3E%3Cpath fill='%23fff' d='M5.2 7.2h5.6v1.1H5.2zm0 2.3h5.6v1.1H5.2z'/%3E%3C/svg%3E");
    --trc-ico-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.8 4.2h12.4v9.2H1.8V4.2zm0-1.8h9.2v1.8H1.8V2.4zm8.6 5.6h3.8v3.2H10.4V8z'/%3E%3Ccircle fill='%23fff' cx='12.2' cy='9.6' r='.7'/%3E%3C/svg%3E");
    --trc-ico-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.4 1.4h3.2l.3 1.6a5 5 0 0 1 1.3.8l1.6-.5 1.6 2.8-1.3 1c.1.4.1.7.1 1.1s0 .7-.1 1.1l1.3 1-1.6 2.8-1.6-.5a5 5 0 0 1-1.3.8l-.3 1.6H6.4l-.3-1.6a5 5 0 0 1-1.3-.8l-1.6.5L1.6 10l1.3-1A5 5 0 0 1 2.8 8c0-.4 0-.7.1-1.1l-1.3-1 1.6-2.8 1.6.5a5 5 0 0 1 1.3-.8l.3-1.6zM8 5.6A2.4 2.4 0 1 0 8 10.4 2.4 2.4 0 0 0 8 5.6z'/%3E%3C/svg%3E");
    --trc-ico-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 13.5V6.2h2.4v7.3H2zm4.6 0V2.5h2.4v11H6.6zm4.6 0V8.5H13.6v5H11.2z'/%3E%3C/svg%3E");
    --trc-ico-database: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1.3c3.4 0 5.8 1.1 5.8 2.5S11.4 6.3 8 6.3 2.2 5.2 2.2 3.8 4.6 1.3 8 1.3zM2.2 6.2v2.5C2.2 10.1 4.6 11.2 8 11.2s5.8-1.1 5.8-2.5V6.2c-1.2 1-3.3 1.5-5.8 1.5S3.4 7.2 2.2 6.2zm0 4.2v2.5C2.2 14.3 4.6 15.4 8 15.4s5.8-1.1 5.8-2.5v-2.5c-1.2 1-3.3 1.5-5.8 1.5S3.4 11.4 2.2 10.4z'/%3E%3C/svg%3E");
    --trc-ico-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1.2 14.2 4.5v7L8 14.8 1.8 11.5v-7L8 1.2zm0 1.4L3.6 5 8 7.4 12.4 5 8 2.6zM3.2 6.2v4.4L7.4 12.8V8.4L3.2 6.2zm9.6 0L8.6 8.4v4.4l4.2-2.2V6.2z'/%3E%3C/svg%3E");
    --trc-ico-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 9.8a3.2 3.2 0 0 1 0-4.5l1.8-1.8a3.2 3.2 0 0 1 4.5 4.5L11.2 9.3l-1.1-1.1 1.3-1.3a1.6 1.6 0 1 0-2.3-2.3L7.3 6.4a1.6 1.6 0 0 0 0 2.3l-.1.1zm3.6-3.6a3.2 3.2 0 0 1 0 4.5L8 12.5a3.2 3.2 0 1 1-4.5-4.5l1.3-1.3 1.1 1.1-1.3 1.3a1.6 1.6 0 1 0 2.3 2.3l1.8-1.8a1.6 1.6 0 0 0 0-2.3l.1-.1z'/%3E%3C/svg%3E");
    /* Trade/deal ticket: hollow contract sheet + clasped-hands mark */
    --trc-ico-trade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.8 1.3h6.4L12.9 5v9.7H2.8V1.3zm6.2 0v3.7h3.7M4.15 6.15h7.7v7.3H4.15z'/%3E%3Cpath fill='%23000' d='M4.55 8.55h1.9l1.15 1.15h.8l1.15-1.15h1.9v1.3l-1.55 1.55H9.15L8 12.45l-.65-.65H6.1L4.55 9.85V8.55z'/%3E%3C/svg%3E");
    /* Approval stamp: seal ring + check (readable at 14px) */
    --trc-ico-stamp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0 1.85a5.15 5.15 0 1 0 0 10.3A5.15 5.15 0 0 0 8 2.85z'/%3E%3Cpath fill='%23000' d='M11.05 6.15 7.15 10.55 4.85 8.25l1.15-1.15 1.15 1.15 2.75-3.35 1.15 1.1z'/%3E%3C/svg%3E");
    --trc-ico-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M11.6 1.6 14.4 4.4 5.9 12.9H3.1v-2.8L11.6 1.6zm-8 12.2h9.2v1.4H3.6v-1.4z'/%3E%3C/svg%3E");
    --trc-ico-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5.5 2.2h7.2A1.3 1.3 0 0 1 14 3.5v8.2h-1.4V3.6H5.5V2.2zM2 4.8h7.2A1.3 1.3 0 0 1 10.5 6.1v8.2A1.3 1.3 0 0 1 9.2 15.6H2A1.3 1.3 0 0 1 .7 14.3V6.1A1.3 1.3 0 0 1 2 4.8z'/%3E%3C/svg%3E");
    --trc-ico-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M4.2 3.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6zm7.6 6a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6zM12.2 3.2 3.8 12.8l-1.1-1.1 8.4-9.6 1.1 1.1z'/%3E%3C/svg%3E");
    --trc-ico-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6 1.5h4l.5 1.2h3.2v1.4H2.3V2.7h3.2L6 1.5zM3.5 5.3h9v8.2A1.5 1.5 0 0 1 11 15H5a1.5 1.5 0 0 1-1.5-1.5V5.3zm2.2 1.6v5.2h1.3V6.9H5.7zm3.1 0v5.2H10V6.9H8.8z'/%3E%3C/svg%3E");
    --trc-ico-receipt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3.2 1.5h9.6v13l-1.6-1-1.6 1-1.6-1-1.6 1-1.6-1-1.6 1v-13zm2 3.2v1.2h5.6V4.7H5.2zm0 2.5v1.2h5.6V7.2H5.2zm0 2.5v1.2h3.6V9.7H5.2z'/%3E%3C/svg%3E");
    --trc-ico-dollar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1.15c-.4 0-.72.32-.72.72v.52c-1.48.28-2.58 1.28-2.58 2.82 0 1.82 1.38 2.55 2.58 2.85v3.2c-.72-.16-1.4-.58-1.72-1.28l-1.4.52c.48 1.32 1.72 2.12 3.12 2.38v.85a.72.72 0 1 0 1.44 0v-.8c1.58-.28 2.78-1.32 2.78-2.98 0-1.85-1.42-2.62-2.78-2.92V5.15c.72.16 1.35.58 1.62 1.22l1.4-.52C11.5 4.48 10.3 3.65 8.72 3.35v-.68c0-.4-.32-.72-.72-.72zm1.6 9.05c0 .9-.58 1.42-1.6 1.62v-3.18c1.05.28 1.6.8 1.6 1.56zm-1.6-6.95v2.38c-1-.22-1.5-.68-1.5-1.3 0-.68.48-1.02 1.5-1.08z'/%3E%3C/svg%3E");
    --trc-ico-exchange: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3.2 4.2h8.1l-1.6-1.6 1.1-1.1 3.5 3.5-3.5 3.5-1.1-1.1 1.6-1.6H3.2V4.2zm9.6 7.6H4.7l1.6 1.6-1.1 1.1L1.7 11l3.5-3.5 1.1 1.1-1.6 1.6h8.1v1.6z'/%3E%3C/svg%3E");
    --trc-ico-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.2 10.8V4.6L5 6.8 3.9 5.7 8 1.6l4.1 4.1-1.1 1.1-2.2-2.2v6.2H7.2zM2.2 12.5h11.6V14H2.2v-1.5z'/%3E%3C/svg%3E");
    --trc-ico-dashboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.8 1.8h5.4v5.4H1.8V1.8zm7 0h5.4v3.4H8.8V1.8zm0 5h5.4v7.4H8.8V6.8zm-7 2h5.4v5.4H1.8V8.8z'/%3E%3C/svg%3E");
    --trc-ico-plug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5.2 1.5h1.4v3.2h2.8V1.5h1.4v3.2h1.4v2.4c0 2.2-1.5 4-3.5 4.5V14.5H6.7v-3.1c-2-.5-3.5-2.3-3.5-4.5V4.7h1.4V1.5z'/%3E%3C/svg%3E");
    --trc-ico-inbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.8 2.2h12.4v11.6H1.8V2.2zm1.4 1.4v5.2h3.2l.8 1.6h2.4l.8-1.6h3.2V3.6H3.2z'/%3E%3C/svg%3E");
    --trc-ico-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5.2 1.2h1.4v1.4h2.8V1.2h1.4v1.4h2.4A1.4 1.4 0 0 1 14.6 4v9.2a1.4 1.4 0 0 1-1.4 1.4H2.8A1.4 1.4 0 0 1 1.4 13.2V4A1.4 1.4 0 0 1 2.8 2.6h2.4V1.2zM2.8 6.2v7h10.4v-7H2.8zm2 1.6h2v2H4.8v-2zm3.2 0h2v2H8v-2z'/%3E%3C/svg%3E");
    --trc-ico-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.8 1.5a5.3 5.3 0 1 1 3.4 9.4l3.4 3.4-1.2 1.2-3.4-3.4A5.3 5.3 0 0 1 6.8 1.5zm0 1.5a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6z'/%3E%3C/svg%3E");
    /* Ship on water: funnel + cabin + hull + wave line */
    --trc-ico-ship: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.1 1.4h1.8v1.3H7.1zm-2.1 2.5h6.2v2.5H5zM1.7 7.1h12.8l-1.5 3.5H3.2L1.7 7.1zm-.5 5.1c.75-.55 1.5-.55 2.25 0 .75.55 1.5.55 2.25 0 .75-.55 1.5-.55 2.25 0 .75.55 1.5.55 2.25 0 .75-.55 1.5-.55 2.25 0 .75.55 1.5.55 2.25 0v1.25c-.75.55-1.5.55-2.25 0-.75-.55-1.5-.55-2.25 0-.75.55-1.5.55-2.25 0-.75-.55-1.5-.55-2.25 0-.75.55-1.5.55-2.25 0-.75-.55-1.5-.55-2.25 0V12.2z'/%3E%3C/svg%3E");
    --trc-ico-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.8 3.2h4.2l1.4 1.4h7v8.2H1.8V3.2z'/%3E%3C/svg%3E");
    --trc-ico-userplus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 1.8a2.8 2.8 0 1 1 0 5.6 2.8 2.8 0 0 1 0-5.6zM1.8 13.5c0-2.6 2-4.2 4.4-4.2s4.4 1.6 4.4 4.2v.7H1.8v-.7zM12.2 6.2h1.4v1.6H15v1.4h-1.4V10.8h-1.4V9.2h-1.4V7.8h1.4V6.2z'/%3E%3C/svg%3E");
    --trc-ico-useredit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5.8 1.8a2.8 2.8 0 1 1 0 5.6 2.8 2.8 0 0 1 0-5.6zM1.5 13.5c0-2.6 1.9-4.2 4.3-4.2 1.1 0 2.1.4 2.8 1l-3 3-.1 2.2H1.5v-.7zm7.6-2.3 3.4-3.4 1.8 1.8-3.4 3.4-1.8-.1v-1.7z'/%3E%3C/svg%3E");
    --trc-ico-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 1.5h10v13H9.2v-3.2H6.8v3.2H3v-13zm2.2 2.2v1.6h1.6V3.7H5.2zm3.4 0v1.6H10.2V3.7H8.6zM5.2 7v1.6h1.6V7H5.2zm3.4 0v1.6H10.2V7H8.6z'/%3E%3C/svg%3E");
    --trc-ico-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.8 2.2h12.4v8.4H9.2l.6 1.8h2v1.4h-8v-1.4h2l.6-1.8H1.8V2.2zm1.4 1.4v5.6h9.6V3.6H3.2z'/%3E%3C/svg%3E");
    --trc-ico-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1.3 13.5 3.5v4.2c0 3.3-2.2 5.8-5.5 6.9C4.7 13.5 2.5 11 2.5 7.7V3.5L8 1.3zm0 2.2L4 4.8v2.9c0 2.2 1.4 4 4 4.9 2.6-.9 4-2.7 4-4.9V4.8L8 3.5zm-.7 2.2h1.4v2.1l1.5 1.5-1 1-1.9-1.9V5.7z'/%3E%3C/svg%3E");
    --trc-ico-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M5.5 2a2.4 2.4 0 1 1 0 4.8A2.4 2.4 0 0 1 5.5 2zm6 1.2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM1.8 13.2c0-2.3 1.8-3.8 3.7-3.8s3.7 1.5 3.7 3.8v.8H1.8v-.8zm7.4-2.9c.5-.2 1.1-.3 1.7-.3 1.7 0 3.3 1.2 3.3 3.2v.8H9.8c0-1.2-.3-2.2-.6-2.9z'/%3E%3C/svg%3E");
    --trc-ico-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1.4c2.7 0 4.8 2.1 4.8 4.8 0 3.4-4.8 8.4-4.8 8.4S3.2 9.6 3.2 6.2C3.2 3.5 5.3 1.4 8 1.4zm0 2.6a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4z'/%3E%3C/svg%3E");
    --trc-ico-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M13.2 7.2A5.2 5.2 0 1 0 12 11.4l-1.1-1.1A3.7 3.7 0 1 1 11.6 6H9.5l2.8-3 2.8 3h-1.9z'/%3E%3C/svg%3E");
    --trc-ico-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1.4 14.2 5 8 8.6 1.8 5 8 1.4zm0 5.4 6.2 3.6L8 14.6 1.8 10.4 8 6.8z'/%3E%3C/svg%3E");
    --trc-ico-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3.5 1.5h6.2L13 4.8v9.7H3.5V1.5zm6 0v3.3H13'/%3E%3C/svg%3E");
}

/* Icon slot on every nav link */
.logo-menu-bar #nav-desktop.desktop-menu a::before {
    content: "";
    display: inline-block;
    width: var(--trc-nav-icon);
    height: var(--trc-nav-icon);
    flex-shrink: 0;
    background-color: currentColor;
    opacity: 0.92;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: var(--trc-ico-doc);
    mask-image: var(--trc-ico-doc);
}

.logo-menu-bar #nav-desktop.desktop-menu > li > ul a::before {
    opacity: 0.72;
}

/* ---- Top-level tabs ---- */
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Sale"]::before {
    -webkit-mask-image: var(--trc-ico-tag);
    mask-image: var(--trc-ico-tag);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Purchase"]::before {
    -webkit-mask-image: var(--trc-ico-cart);
    mask-image: var(--trc-ico-cart);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Invoicing"]::before {
    -webkit-mask-image: var(--trc-ico-receipt);
    mask-image: var(--trc-ico-receipt);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Accounts"]::before {
    -webkit-mask-image: var(--trc-ico-dollar);
    mask-image: var(--trc-ico-dollar);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Site-Admin"]::before,
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/SiteAdmin"]::before {
    -webkit-mask-image: var(--trc-ico-gear);
    mask-image: var(--trc-ico-gear);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Reports"]::before {
    -webkit-mask-image: var(--trc-ico-chart);
    mask-image: var(--trc-ico-chart);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Master-Data"]::before,
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/MasterData"]::before {
    -webkit-mask-image: var(--trc-ico-database);
    mask-image: var(--trc-ico-database);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/Inventory"]::before {
    -webkit-mask-image: var(--trc-ico-box);
    mask-image: var(--trc-ico-box);
}
.logo-menu-bar #nav-desktop.desktop-menu > li > a[href*="/QSPL"]::before {
    -webkit-mask-image: var(--trc-ico-link);
    mask-image: var(--trc-ico-link);
}

/* ---- Sale dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Sale-Approval"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/SaleApproval"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Approved-Sales"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/ApprovedSales"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/"][href*="Approval"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/"][href*="Approved"]:not([href*="Edit"])::before {
    -webkit-mask-image: var(--trc-ico-stamp);
    mask-image: var(--trc-ico-stamp);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Edit-Approved"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/EditApproved"]::before {
    -webkit-mask-image: var(--trc-ico-pencil);
    mask-image: var(--trc-ico-pencil);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Copy-Sale"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/CopySale"]::before {
    -webkit-mask-image: var(--trc-ico-copy);
    mask-image: var(--trc-ico-copy);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Edit-Sale"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/EditSale"]::before {
    -webkit-mask-image: var(--trc-ico-pencil);
    mask-image: var(--trc-ico-pencil);
}
/* Trade entries (after Edit-Sale so Edit Sale Recap keeps trade, not pencil) */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Sale-Recap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/SaleRecap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Edit-Sale-Recap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/EditSaleRecap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Edit-Recap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/EditRecap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/"][href*="Recap"]::before {
    -webkit-mask-image: var(--trc-ico-trade);
    mask-image: var(--trc-ico-trade);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Sale/Broker"]::before {
    -webkit-mask-image: var(--trc-ico-percent);
    mask-image: var(--trc-ico-percent);
}

/* ---- Purchase dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/Po-Recap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/PO-Recap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/PoRecap"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/"][href*="Recap"]::before {
    -webkit-mask-image: var(--trc-ico-trade);
    mask-image: var(--trc-ico-trade);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/Approved"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/"][href*="Approval"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/"][href*="Approved"]::before {
    -webkit-mask-image: var(--trc-ico-stamp);
    mask-image: var(--trc-ico-stamp);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/Copy"]::before {
    -webkit-mask-image: var(--trc-ico-copy);
    mask-image: var(--trc-ico-copy);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Purchase/Flat"]::before {
    -webkit-mask-image: var(--trc-ico-layers);
    mask-image: var(--trc-ico-layers);
}

/* ---- Invoicing dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/Billing"]::before {
    -webkit-mask-image: var(--trc-ico-receipt);
    mask-image: var(--trc-ico-receipt);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/Delete-Billing"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/DeleteBilling"]::before {
    -webkit-mask-image: var(--trc-ico-trash);
    mask-image: var(--trc-ico-trash);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/Delete-Rail"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/DeleteRail"]::before {
    -webkit-mask-image: var(--trc-ico-trash);
    mask-image: var(--trc-ico-trash);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/DELETE"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/Delete-VSL"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Invoicing/DELETEVSL"]::before {
    -webkit-mask-image: var(--trc-ico-trash);
    mask-image: var(--trc-ico-trash);
}

/* ---- Accounts dropdown (+ GP section) ---- */
/* Dollar only on Accounts Payable parent; Vessel/Non-Vessel/Exec rules below override AP children. */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/Accounts-Payable"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/AccountsPayable"]::before {
    -webkit-mask-image: var(--trc-ico-dollar);
    mask-image: var(--trc-ico-dollar);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/Cr-Db"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/CrDb"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/Cr/Db"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/Credit"]::before {
    -webkit-mask-image: var(--trc-ico-exchange);
    mask-image: var(--trc-ico-exchange);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GLM"]::before {
    -webkit-mask-image: var(--trc-ico-upload);
    mask-image: var(--trc-ico-upload);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/Import"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/XE"]::before {
    -webkit-mask-image: var(--trc-ico-exchange);
    mask-image: var(--trc-ico-exchange);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GP-Dashboard"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GPDashboard"]::before {
    -webkit-mask-image: var(--trc-ico-dashboard);
    mask-image: var(--trc-ico-dashboard);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GP-Integration"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GPIntegration"]::before {
    -webkit-mask-image: var(--trc-ico-plug);
    mask-image: var(--trc-ico-plug);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GP-Batches"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GPBatches"]::before {
    -webkit-mask-image: var(--trc-ico-inbox);
    mask-image: var(--trc-ico-inbox);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GP-Daily"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GPDaily"]::before {
    -webkit-mask-image: var(--trc-ico-calendar);
    mask-image: var(--trc-ico-calendar);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GP-INQUIRY"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GPINQUIRY"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Accounts/GP-Inquiry"]::before {
    -webkit-mask-image: var(--trc-ico-search);
    mask-image: var(--trc-ico-search);
}

/* Vessel / barge menu items — ship on water (Non-Vessel overridden below) */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="Vessel-Expenses"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="VesselExpenses"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="Vessel-Details"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="VesselDetails"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Reports/Vessel"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Inventory/Barge"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="Barge-Payment"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="BargePayment"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="Barge-Payments"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="BargePayments"]::before {
    -webkit-mask-image: var(--trc-ico-ship);
    mask-image: var(--trc-ico-ship);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="Non-Vessel"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="NonVessel"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="NON-VESSEL"]::before {
    -webkit-mask-image: var(--trc-ico-file);
    mask-image: var(--trc-ico-file);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="Exec-Expense"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="ExecExpense"]::before {
    -webkit-mask-image: var(--trc-ico-trash);
    mask-image: var(--trc-ico-trash);
}

/* ---- Reports dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Reports/My-Reports"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Reports/MyReports"]::before {
    -webkit-mask-image: var(--trc-ico-folder);
    mask-image: var(--trc-ico-folder);
}

/* ---- Master Data dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/New-Party"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/New-Party"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/NewParty"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/NewParty"]::before {
    -webkit-mask-image: var(--trc-ico-userplus);
    mask-image: var(--trc-ico-userplus);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/Update-Party"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/Update-Party"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/UpdateParty"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/UpdateParty"]::before {
    -webkit-mask-image: var(--trc-ico-useredit);
    mask-image: var(--trc-ico-useredit);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/Add-Client"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/Add-Client"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/AddClient"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/AddClient"]::before {
    -webkit-mask-image: var(--trc-ico-building);
    mask-image: var(--trc-ico-building);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/IT-Equipment"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/IT-Equipment"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/ITEquipment"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/ITEquipment"]::before {
    -webkit-mask-image: var(--trc-ico-monitor);
    mask-image: var(--trc-ico-monitor);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/Blacklist"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/Blacklist"]::before {
    -webkit-mask-image: var(--trc-ico-shield);
    mask-image: var(--trc-ico-shield);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Master-Data/Contacts"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/MasterData/Contacts"]::before {
    -webkit-mask-image: var(--trc-ico-users);
    mask-image: var(--trc-ico-users);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="OOO-Status"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="OOOStatus"]::before {
    -webkit-mask-image: var(--trc-ico-calendar);
    mask-image: var(--trc-ico-calendar);
}

/* ---- Inventory dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Inventory/PO-Billing"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Inventory/POBilling"]::before {
    -webkit-mask-image: var(--trc-ico-receipt);
    mask-image: var(--trc-ico-receipt);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Inventory/Position"]::before {
    -webkit-mask-image: var(--trc-ico-pin);
    mask-image: var(--trc-ico-pin);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Inventory/Inventory-Update"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/Inventory/InventoryUpdate"]::before {
    -webkit-mask-image: var(--trc-ico-refresh);
    mask-image: var(--trc-ico-refresh);
}
/* ---- QSPL dropdown ---- */
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPL-Invoicing"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPLInvoicing"]::before {
    -webkit-mask-image: var(--trc-ico-receipt);
    mask-image: var(--trc-ico-receipt);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/Credit"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/Credit-Debit"]::before {
    -webkit-mask-image: var(--trc-ico-exchange);
    mask-image: var(--trc-ico-exchange);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPL-Links"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPLLinks"]::before {
    -webkit-mask-image: var(--trc-ico-link);
    mask-image: var(--trc-ico-link);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPL-CUSTOMERS"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPLCUSTOMERS"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPL-Customers"]::before {
    -webkit-mask-image: var(--trc-ico-users);
    mask-image: var(--trc-ico-users);
}
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPL-UPDATE"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPLUPDATE"]::before,
.logo-menu-bar #nav-desktop.desktop-menu a[href*="/QSPL/QSPL-Update"]::before {
    -webkit-mask-image: var(--trc-ico-useredit);
    mask-image: var(--trc-ico-useredit);
}

/* Divider above GP section in Accounts dropdown */
.logo-menu-bar #nav-desktop.desktop-menu > li > ul > li:has(> a[href*="/Accounts/GP-Dashboard"]) {
    border-top: 1px solid rgba(255, 255, 255, 0.28);
    margin-top: 0.25rem;
    padding-top: 0.25rem;
}

/* Blacklist Dashboard — black label in Master Data dropdown (stands out from white items) */
.logo-menu-bar #nav-desktop.desktop-menu > li > ul a[href*="/Master-Data/Blacklist-Dashboard"],
.logo-menu-bar #nav-desktop.desktop-menu > li > ul a[href*="/Master-Data/Blacklist-Dashboard"]:hover,
.logo-menu-bar #nav-desktop.desktop-menu > li > ul a[href*="/Master-Data/Blacklist-Dashboard"]:focus,
.logo-menu-bar #nav-desktop.desktop-menu > li > ul li.selected > a[href*="/Master-Data/Blacklist-Dashboard"] {
    color: #000 !important;
    text-shadow: none !important;
}



/* Mid desktop: keep nine top tabs on one row without page scroll */
@media (min-width: 768px) and (max-width: 1399.98px) {

    .aperture-header .logo-menu-bar .aperture-container.trc-header-bar {

        grid-template-columns: minmax(0, 12.75rem) minmax(0, 1fr) auto !important;

        column-gap: 0.3rem !important;

    }



    .aperture-header .trc-header-brand {

        max-width: 12.75rem !important;

    }



    .logo-menu-bar .trc-portal-title,

    .logo-menu-bar .trc-portal-logo,

    .logo-menu-bar a[id*='LOGO'] {

        font-size: 1.21rem !important;

    }



    .aperture-header .logo-menu-bar a.trc-portal-logo .trc-portal-subtitle,
    .logo-menu-bar .trc-portal-subtitle,
    .logo-menu-bar .trc-portal-logo:has(.trc-logo-img)::after,
    .logo-menu-bar a[id*='LOGO']::after {

        font-size: 10px !important;

    }



    .logo-menu-bar .desktop-menu > li > a {

        font-size: 0.64rem !important;

        letter-spacing: 0.015em !important;

        padding: 0.28rem 0.26rem !important;

        gap: 0.16rem !important;

    }



    .logo-menu-bar #nav-desktop.desktop-menu {

        --trc-nav-icon: 13px;

        padding: 0.1rem 0.16rem !important;

    }



    .aperture-header .trc-header-user {

        font-size: 0.68rem !important;

        gap: 0.35rem !important;

    }

}



@media (max-width: 767.98px) {

    .aperture-header .logo-menu-bar .aperture-container.trc-header-bar {

        grid-template-columns: 1fr auto !important;

    }



    .aperture-header .trc-header-brand {

        max-width: none !important;

    }



    .aperture-header .trc-header-nav {

        grid-column: 1 / -1;

        justify-self: stretch;

        width: 100% !important;

        order: 3;

    }



    .aperture-header .trc-header-user {

        grid-column: 2;

        grid-row: 1;

    }



    .logo-menu-bar #nav-desktop.desktop-menu > li + li::before {

        display: none;

    }



    .logo-menu-bar .trc-header-nav .desktop-menu {

        flex-wrap: wrap !important;

        width: 100% !important;

    }

}



/* --- Breadcrumb strip below header (DNN BreadCrumb skin object) --- */

.aperture-theme .trc-breadcrumb-bar,

.aperture-theme .breadcrumb-bar,

.aperture-theme span[id*='BreadCrumb'],

.aperture-theme .BreadCrumb {

    display: block !important;

    background: linear-gradient(180deg, #f5f6f2 0%, #dfe6d4 55%, #d4dcc8 100%) !important;

    border-bottom: 1px solid #b8c4a8 !important;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;

    color: #4a5538 !important;

    font-family: Ubuntu, Verdana, Helvetica, sans-serif !important;

    font-size: 0.72rem !important;

    font-weight: 600 !important;

    letter-spacing: 0.02em !important;

    padding: 0.42rem 0 !important;

}



.aperture-theme .trc-breadcrumb-bar .aperture-container,

.aperture-theme .breadcrumb-bar .aperture-container {

    padding-left: 0.75rem !important;

    padding-right: 0.75rem !important;

}



.aperture-theme .trc-breadcrumb-bar a,

.aperture-theme .breadcrumb-bar a,

.aperture-theme span[id*='BreadCrumb'] a,

.aperture-theme .BreadCrumb a {

    color: #586944 !important;

    text-decoration: none !important;

}



.aperture-theme .trc-breadcrumb-bar a:hover,

.aperture-theme .breadcrumb-bar a:hover,

.aperture-theme span[id*='BreadCrumb'] a:hover,

.aperture-theme .BreadCrumb a:hover {

    color: #3d4a2f !important;

    text-decoration: underline !important;

}



/* Web 2.0 glossy datagrids — matches banner/menu sage green styling */

.aperture-theme .trc-module .trc-module-title,
.aperture-theme .trc-module .gridheaderlabel {
    display: block !important;
    color: #f8faf5 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55), 0 -1px 0 rgba(255, 255, 255, 0.1) !important;
    background: linear-gradient(180deg, #9aab7e 0%, #87986a 48%, #6f8055 100%) !important;
    border: 1px solid #5a6a44 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
    padding: 4px 8px !important;
}

.aperture-theme .trc-module td.datagridheader,
.aperture-theme .trc-module td.Fixeddatagridheader,
.aperture-theme .trc-module table.datagrid td.datagridheader,
.aperture-theme .trc-module table.datagrid td.Fixeddatagridheader,
.aperture-theme .trc-module table.DataGrid td.datagridheader,
.aperture-theme .trc-module table.DataGrid td.Fixeddatagridheader,
.aperture-theme .trc-module table.datagrid th,
.aperture-theme .trc-module table.DataGrid th {
    color: #f8faf5 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55), 0 -1px 0 rgba(255, 255, 255, 0.1) !important;
    background-color: #87986a !important;
    background-image: linear-gradient(
        180deg,
        #a8b88c 0%,
        #9aab7e 18%,
        #87986a 52%,
        #6f8055 100%
    ) !important;
    border: 1px solid #5a6a44 !important;
    border-left-color: #73885a !important;
    border-right-color: #4f5f3c !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
    padding: 4px 8px !important;
}

.aperture-theme .trc-module td.Fixeddatagridheader {
    position: relative !important;
    z-index: 10 !important;
}

.aperture-theme .trc-module table.datagrid,
.aperture-theme .trc-module table.DataGrid,
.aperture-theme .trc-module .datagrid {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #6f8055 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow:
        0 2px 5px rgba(35, 42, 26, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

.aperture-theme .trc-module .datagriditem,
.aperture-theme .trc-module .datagridItem {
    background-color: #ffffff !important;
    background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 100%) !important;
}

.aperture-theme .trc-module .datagridaltitem {
    background-color: #fafafa !important;
    background-image: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
}

.aperture-theme .trc-module table.datagrid td,
.aperture-theme .trc-module table.DataGrid td,
.aperture-theme .trc-module table.datagrid th,
.aperture-theme .trc-module table.DataGrid th {
    border: 1px solid #e2d0b0 !important;
    padding: 3px 6px !important;
}

.aperture-theme .trc-module table.datagrid tr:hover td.datagriditem,
.aperture-theme .trc-module table.datagrid tr:hover td.datagridItem,
.aperture-theme .trc-module table.datagrid tr:hover td.datagridaltitem,
.aperture-theme .trc-module table.DataGrid tr:hover td.datagriditem,
.aperture-theme .trc-module table.DataGrid tr:hover td.datagridaltitem {
    background-color: #dfe8d2 !important;
    background-image: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.55) 0%,
        #d5e0c8 55%,
        #c8d4b8 100%
    ) !important;
    color: #1a1f14 !important;
}

.aperture-theme .trc-module table.datagrid tr.selected td,
.aperture-theme .trc-module table.datagrid tr.selected td.datagriditem,
.aperture-theme .trc-module table.datagrid tr.selected td.datagridaltitem,
.aperture-theme .trc-module table.DataGrid tr.selected td {
    background-color: #cdd9bc !important;
    background-image: linear-gradient(180deg, #b8c8a4 0%, #a8b894 45%, #95a882 100%) !important;
    box-shadow: inset 0 2px 5px rgba(45, 54, 33, 0.25) !important;
    color: #1a1f14 !important;
}



/* Web 2.0 glossy module tabs */

.aperture-theme .trc-module .trc-tab-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 0 !important;
    padding: 5px 5px 0 !important;
    background: linear-gradient(180deg, #5a6a44 0%, #4a5838 55%, #3f4d30 100%) !important;
    border: 1px solid #3d4a2f !important;
    border-bottom: none !important;
    border-radius: 5px 5px 0 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 2px 4px rgba(35, 42, 26, 0.2) !important;
}

.aperture-theme .trc-module .trc-tab-bar .CommandButton,
.aperture-theme .trc-module .trc-tab-bar input.CommandButton,
.aperture-theme .trc-module .trc-tab-bar button.CommandButton {
    margin: 0 2px 0 0 !important;
    min-height: 30px !important;
    padding: 0 14px !important;
    font-weight: 700 !important;
    border-radius: 4px 4px 0 0 !important;
    color: #f8faf5 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55), 0 -1px 0 rgba(255, 255, 255, 0.08) !important;
    background-image: linear-gradient(180deg, #a8b88c 0%, #9aab7e 22%, #87986a 55%, #6f8055 100%) !important;
    border: 1px solid #5a6a44 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

.aperture-theme .trc-module .trc-tab-bar .CommandButton:not(.trc-tab-active):hover,
.aperture-theme .trc-module .trc-tab-bar input.CommandButton:not(.trc-tab-active):hover {
    background-image: linear-gradient(180deg, #b4c498 0%, #a5b68a 24%, #92a476 58%, #77885e 100%) !important;
}

.aperture-theme .trc-module .trc-tab-bar .trc-tab-active,
.aperture-theme .trc-module .trc-tab-bar input.trc-tab-active {
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: -1px !important;
    color: #2a3320 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    background-image: linear-gradient(180deg, #f8faf5 0%, #f5f6f2 38%, #e8ece0 100%) !important;
    border: 1px solid #6f8055 !important;
    border-bottom: 2px solid #f5f6f2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 -1px 0 rgba(255, 255, 255, 0.2) !important;
}

.aperture-theme .trc-module .trc-tab-content {
    padding: 12px 10px 10px !important;
    background: linear-gradient(180deg, #f4f6ef 0%, #f5f6f2 55%, #e8ece0 100%) !important;
    border: 1px solid #6f8055 !important;
    border-top: none !important;
    border-radius: 0 0 5px 5px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 5px rgba(35, 42, 26, 0.12) !important;
}

.aperture-theme .trc-module .tabtitle {
    display: inline-block !important;
    color: #f8faf5 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55), 0 -1px 0 rgba(255, 255, 255, 0.1) !important;
    background: linear-gradient(180deg, #9aab7e 0%, #87986a 48%, #6f8055 100%) !important;
    border: 1px solid #5a6a44 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
    padding: 4px 8px !important;
}

/* DNN Links module — sage green Web 2.0 link tiles */
.aperture-theme .link_module {
    margin: 6px 0 12px !important;
    padding: 8px 10px 10px !important;
    background: linear-gradient(180deg, #f7f9f4 0%, #f5f6f2 100%) !important;
    border: 1px solid #87986a !important;
    border-radius: 6px !important;
    box-shadow:
        0 2px 6px rgba(35, 42, 26, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.aperture-theme .link_module .linklist {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    z-index: 1 !important;
}

.aperture-theme .link_module .linkitem {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}

.aperture-theme .link_module .linkitem a,
.aperture-theme .link_module .linkitem a.Normal,
.aperture-theme .link_module .linkitem a[class*="Normal"] {
    display: block !important;
    position: relative !important;
    padding: 4px 10px 4px 26px !important;
    text-decoration: none !important;
    color: #2a3320 !important;
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    background: linear-gradient(180deg, #fff 0%, #f5f7f0 42%, #e8ece0 100%) !important;
    border: 1px solid #b8c4a8 !important;
    border-radius: 3px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 1px 2px rgba(35, 42, 26, 0.1) !important;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}

.aperture-theme .link_module .linkitem a::before {
    content: "\25B6" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    color: #87986a !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.aperture-theme .link_module .linkitem a:link,
.aperture-theme .link_module .linkitem a:visited {
    color: #2a3320 !important;
    text-decoration: none !important;
}

.aperture-theme .link_module .linkitem a:hover,
.aperture-theme .link_module .linkitem a:focus {
    color: #1a1f14 !important;
    border-color: #87986a !important;
    background: linear-gradient(180deg, #eef3e6 0%, #dfe8d2 50%, #d0dbbf 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 2px 5px rgba(35, 42, 26, 0.14) !important;
    outline: none !important;
}

.aperture-theme .link_module .linkitem a:active {
    color: #1a1f14 !important;
    background: linear-gradient(180deg, #cdd9bc 0%, #b8c8a4 48%, #a8b894 100%) !important;
    box-shadow: inset 0 2px 4px rgba(45, 54, 33, 0.22) !important;
}

.aperture-theme .link_module .item_desc {
    margin: 6px 0 0 34px !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #3d4a2f !important;
    background: rgba(255, 255, 255, 0.65) !important;
    border: 1px solid #d8dfd0 !important;
    border-radius: 4px !important;
}

.aperture-theme .link_module ul.linklist.Horizontal {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.aperture-theme .link_module li.linkitem.Horizontal {
    float: none !important;
    display: block !important;
    margin: 0 !important;
}

.aperture-theme .link_module .CommandButton,
.aperture-theme .link_module input.CommandButton,
.aperture-theme .link_module .LinkButton.CommandButton {
    color: #f8faf5 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55) !important;
    background: linear-gradient(180deg, #a8b88c 0%, #87986a 55%, #6f8055 100%) !important;
    border: 1px solid #5a6a44 !important;
    border-radius: 4px !important;
    padding: 4px 12px !important;
}