/* =====================================================
   CPCS FIXED GLASS NAVBAR
   Flush to fixed sidebar
   ===================================================== */

#navbar{
    position:fixed !important;
    top:0 !important;
    left:240px !important;
    right:0 !important;
    width:auto !important;
    height:72px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:85 !important;
    border:0 !important;
    background:transparent !important;
}

.cpcs-navbar{
    position:relative;
    width:100%;
    height:72px;
    min-width:0;
    padding:0 16px 0 22px;
    display:grid;
    grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr) auto;
    align-items:center;
    gap:18px;
    overflow:hidden;
    color:#0f172a;
    background:
        radial-gradient(circle at 13% -90%,rgba(37,99,235,.09),transparent 38%),
        linear-gradient(180deg,rgba(255,255,255,.90),rgba(248,251,255,.76));
    border-left:1px solid rgba(226,232,240,.82);
    border-bottom:1px solid rgba(203,213,225,.62);
    box-shadow:0 8px 28px rgba(15,23,42,.055);
    backdrop-filter:blur(28px) saturate(175%);
    -webkit-backdrop-filter:blur(28px) saturate(175%);
}

.cpcs-navbar::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(105deg,rgba(255,255,255,.44),transparent 28% 76%,rgba(255,255,255,.20));
    opacity:.58;
}

.navbar-left,
.navbar-centre,
.navbar-right{
    position:relative;
    z-index:1;
    min-width:0;
}

.navbar-left{
    display:flex;
    align-items:center;
    gap:11px;
}

.navbar-section-mark{
    width:5px;
    height:34px;
    flex:0 0 5px;
    border-radius:999px;
    background:linear-gradient(180deg,#60a5fa,#2563eb);
    box-shadow:0 0 0 5px rgba(37,99,235,.06);
}

.navbar-title-copy{min-width:0}
.navbar-eyebrow{
    display:block;
    margin-bottom:3px;
    color:#64748b;
    font-size:7.5px;
    line-height:1;
    font-weight:850;
    letter-spacing:.13em;
    text-transform:uppercase;
}

#navbarPageTitle{
    margin:0;
    color:#0b203b;
    font-size:19px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.018em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.navbar-centre{
    display:flex;
    align-items:center;
    justify-content:center;
}

.cpcs-global-search{
    width:min(100%,520px);
    height:42px;
    display:grid;
    grid-template-columns:18px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:0 11px 0 13px;
    border:1px solid rgba(203,213,225,.68);
    border-radius:14px;
    background:rgba(248,250,252,.72);
    box-shadow:inset 0 1px rgba(255,255,255,.80),0 6px 18px rgba(15,23,42,.025);
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.cpcs-global-search:focus-within{
    border-color:rgba(59,130,246,.46);
    background:rgba(255,255,255,.92);
    box-shadow:0 0 0 4px rgba(37,99,235,.07),0 8px 22px rgba(15,23,42,.035);
}

.cpcs-global-search svg{width:17px;height:17px;color:#475569}
.cpcs-global-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#0f172a;
    font:inherit;
    font-size:12px;
}
.cpcs-global-search input::placeholder{color:#94a3b8}
.search-shortcut{
    min-width:42px;
    height:24px;
    padding:0 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e8f0;
    border-bottom-color:#cbd5e1;
    border-radius:8px;
    background:rgba(255,255,255,.78);
    color:#64748b;
    font-size:8px;
    font-weight:800;
    box-shadow:0 2px 4px rgba(15,23,42,.04);
}

.navbar-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}

.navbar-icon-btn,
.navbar-atlas-btn,
.navbar-date-chip{
    min-height:40px;
    border:1px solid rgba(203,213,225,.68);
    border-radius:13px;
    background:rgba(255,255,255,.66);
    box-shadow:inset 0 1px rgba(255,255,255,.86),0 5px 15px rgba(15,23,42,.025);
}

.navbar-icon-btn,
.navbar-atlas-btn{
    cursor:pointer;
    font:inherit;
    transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.navbar-icon-btn:hover,
.navbar-atlas-btn:hover{
    transform:translateY(-1px);
    background:#fff;
    border-color:#cbd5e1;
    box-shadow:0 8px 20px rgba(15,23,42,.055);
}

.navbar-icon-btn{
    position:relative;
    width:40px;
    display:grid;
    place-items:center;
    color:#0f172a;
}
.navbar-icon-btn svg{width:17px;height:17px}
.notification-dot{
    position:absolute;
    top:8px;
    right:8px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ef4444;
    border:2px solid #fff;
    box-shadow:0 0 0 2px rgba(239,68,68,.09);
}

.navbar-atlas-btn{
    height:40px;
    padding:0 14px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    border-color:rgba(30,64,175,.25);
    background:
        radial-gradient(circle at 20% 0%,rgba(96,165,250,.28),transparent 36%),
        linear-gradient(135deg,#081b35,#0b2f62);
    box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 20px rgba(7,27,52,.12);
    font-size:10px;
    font-weight:800;
}
.navbar-atlas-btn:hover{background:linear-gradient(135deg,#0b2446,#0f3d7c);border-color:rgba(59,130,246,.34)}
.navbar-atlas-btn svg{width:16px;height:16px;color:#bfdbfe}

.navbar-date-chip{
    height:40px;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#475569;
    white-space:nowrap;
    font-size:10px;
    font-weight:650;
}
.navbar-date-chip svg{width:15px;height:15px;color:#334155}

@media(max-width:1100px){
    .cpcs-navbar{grid-template-columns:minmax(150px,.75fr) minmax(240px,1fr) auto;gap:12px;padding-right:12px;padding-left:16px}
    .navbar-date-chip{display:none}
}

@media(max-width:900px){
    #navbar{left:84px !important}
    .cpcs-navbar{grid-template-columns:minmax(145px,.7fr) minmax(180px,1fr) auto;padding-left:14px}
    .search-shortcut{display:none}
    .cpcs-global-search{grid-template-columns:18px minmax(0,1fr)}
}

@media(max-width:720px){
    .cpcs-navbar{grid-template-columns:minmax(120px,1fr) auto;gap:10px}
    .navbar-centre{display:none}
    .navbar-atlas-btn span{display:none}
    .navbar-atlas-btn{width:40px;padding:0;justify-content:center}
}

@media(max-width:600px){
    #navbar{left:72px !important}
    .cpcs-navbar{height:68px;padding:0 9px 0 11px}
    #navbar{height:68px !important}
    .navbar-section-mark{height:28px}
    #navbarPageTitle{font-size:16px}
    .navbar-eyebrow{font-size:6.5px}
}

@media(prefers-reduced-motion:reduce){
    .cpcs-navbar *{transition:none!important}
}
/* CPCS FRONTEND PART 3 — NOTIFICATION COUNTER */
.cpcs-navbar .navbar-icon-btn{position:relative}.cpcs-navbar .notification-dot{position:absolute;top:5px;right:3px;min-width:16px;height:16px;padding:0 4px;border:2px solid rgba(255,255,255,.96);border-radius:999px;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:850;line-height:1;box-shadow:0 3px 10px rgba(220,38,38,.24)}.cpcs-navbar .notification-dot.is-empty{display:none}


/* =====================================================
   FRONTEND V1 — COMMAND PALETTE + MOBILE NAV + PROFILE
===================================================== */
.cpcs-global-search{
    cursor:pointer;
    color:#94a3b8;
    font:inherit;
    text-align:left;
}
.cpcs-global-search > span:not(.search-shortcut){
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    color:#94a3b8;
}
.cpcs-global-search:hover{
    border-color:rgba(59,130,246,.40);
    background:rgba(255,255,255,.92);
    box-shadow:0 0 0 4px rgba(37,99,235,.05),0 8px 22px rgba(15,23,42,.035);
}

.navbar-user-btn,
.navbar-mobile-menu{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border:1px solid rgba(203,213,225,.68);
    border-radius:13px;
    background:rgba(255,255,255,.72);
    color:#334155;
    cursor:pointer;
    font:inherit;
    box-shadow:inset 0 1px rgba(255,255,255,.88),0 5px 15px rgba(15,23,42,.025);
}
.navbar-user-btn{
    border-color:#bfdbfe;
    background:linear-gradient(145deg,#eff6ff,#dbeafe);
    color:#1d4ed8;
}
.navbar-user-btn span{font-size:9px;font-weight:900}
.navbar-mobile-menu{display:none}
.navbar-mobile-menu svg{width:18px;height:18px}

@media(max-width:1200px){
    .navbar-user-btn{display:none}
}

@media(max-width:700px){
    #navbar{
        left:0!important;
        height:68px!important;
    }
    .cpcs-navbar{
        height:68px;
        grid-template-columns:40px minmax(0,1fr) auto;
        gap:9px;
        padding:0 9px;
        border-left:0;
    }
    .navbar-mobile-menu{display:grid}
    .navbar-section-mark{display:none}
    .navbar-left{min-width:0}
    .navbar-title-copy{min-width:0}
    .navbar-centre{display:none}
    .navbar-right{gap:6px}
    .navbar-atlas-btn{width:40px;padding:0;justify-content:center}
    .navbar-atlas-btn span{display:none}
    .navbar-date-chip{display:none}
    .navbar-user-btn{display:none}
}

@media(max-width:430px){
    .navbar-atlas-btn{display:none}
    .cpcs-navbar{grid-template-columns:40px minmax(0,1fr) auto}
}