/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Aden Asset Management shared shell refinements.
   This file is loaded through AssetHandoverSystem.styles.css. */

:root[b-nkibnv4r8d] {
    --aden-orange: #ed4f18;
    --aden-orange-dark: #ca3d0d;
    --aden-navy: #283948;
    --aden-navy-deep: #162630;
    --aden-surface: #ffffff;
    --aden-background: #f4f6f8;
    --aden-border: #dfe5e9;
    --aden-muted: #71808a;
}

.system-sidebar[b-nkibnv4r8d] {
    background:
        linear-gradient(180deg, rgba(255,255,255,.022), transparent 28%),
        var(--aden-navy-deep);
}

.sidebar-brand[b-nkibnv4r8d] {
    min-height: 78px;
}

.brand-copy strong[b-nkibnv4r8d] {
    font-size: 16px;
    font-weight: 760;
    letter-spacing: -.025em;
}

.brand-copy span[b-nkibnv4r8d] {
    color: rgba(255,255,255,.48);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .09em;
}

.sidebar-link[b-nkibnv4r8d] {
    border-radius: 10px;
    font-size: 13px;
    font-weight: 620;
}

.sidebar-link.active[b-nkibnv4r8d] {
    background: var(--aden-orange);
    box-shadow: 0 9px 22px rgba(237,79,24,.22);
}

.nav-access-tag[b-nkibnv4r8d] {
    margin-left: auto;
    padding: 3px 7px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.07);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.sidebar-link.active .nav-access-tag[b-nkibnv4r8d] {
    color: #fff;
    border-color: rgba(255,255,255,.25);
    background: rgba(255,255,255,.14);
}

.system-topbar[b-nkibnv4r8d] {
    min-height: 68px;
    padding-block: 10px;
    background: rgba(248,250,251,.93);
}

.topbar-eyebrow[b-nkibnv4r8d] {
    margin: 0;
    color: var(--aden-navy);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .075em;
}

.system-content[b-nkibnv4r8d] {
    width: 100%;
    min-width: 0;
    padding: clamp(18px, 2.4vw, 32px);
}

.system-content > *[b-nkibnv4r8d] {
    min-width: 0;
    max-width: 100%;
}

.system-footer[b-nkibnv4r8d],
.public-footer[b-nkibnv4r8d] {
    color: #7b8790;
    border-color: var(--aden-border);
    background: #f8fafb;
    font-size: 11px;
}

.topbar-notification[b-nkibnv4r8d] {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--aden-border);
    border-radius: 10px;
    color: var(--aden-navy);
    background: #fff;
    text-decoration: none;
}

.topbar-notification:hover[b-nkibnv4r8d] {
    color: var(--aden-orange);
    border-color: rgba(237,79,24,.35);
}

.topbar-notification > span[b-nkibnv4r8d] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f8fafb;
    border-radius: 999px;
    color: #fff;
    background: var(--aden-orange);
    font-size: 8px;
    font-weight: 800;
}

.role-technician .user-avatar[b-nkibnv4r8d] {
    background: var(--aden-orange);
}

.public-brand strong[b-nkibnv4r8d] {
    color: var(--aden-navy);
}

.btn-primary[b-nkibnv4r8d] {
    --bs-btn-bg: var(--aden-orange);
    --bs-btn-border-color: var(--aden-orange);
    --bs-btn-hover-bg: var(--aden-orange-dark);
    --bs-btn-hover-border-color: var(--aden-orange-dark);
    --bs-btn-active-bg: var(--aden-orange-dark);
    --bs-btn-active-border-color: var(--aden-orange-dark);
}

.form-control:focus[b-nkibnv4r8d],
.form-select:focus[b-nkibnv4r8d] {
    border-color: rgba(237,79,24,.62);
    box-shadow: 0 0 0 .2rem rgba(237,79,24,.11);
}

.alert[b-nkibnv4r8d] {
    border-radius: 11px;
    font-size: 13px;
}

@media (max-width: 991.98px) {
    .system-content[b-nkibnv4r8d] { padding: 16px; }
    .topbar-date[b-nkibnv4r8d],
    .system-state[b-nkibnv4r8d] { display: none; }
}