/* ESCHOOL V95 - شريط تنقل ومسار تصفح موحد */
.app-navigator{
    position:sticky;
    top:0;
    z-index:90;
    width:100%;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #dfe6e9;
    box-shadow:0 8px 22px rgba(16,24,40,.06);
    backdrop-filter:saturate(160%) blur(12px);
    -webkit-backdrop-filter:saturate(160%) blur(12px);
}
.app-navigator-inner{
    width:min(1540px,calc(100% - 32px));
    min-height:58px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:14px;
}
.app-nav-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.app-nav-btn{
    appearance:none;
    border:1px solid #d7dee5;
    background:#fff;
    color:#344054;
    min-height:40px;
    padding:7px 10px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font:inherit;
    font-size:12px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    text-decoration:none!important;
    transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;
    box-sizing:border-box;
}
.app-nav-btn:hover:not(:disabled){
    border-color:#98a2b3;
    background:#f8fafc;
    color:#0f766e;
    transform:translateY(-1px);
    box-shadow:0 5px 14px rgba(16,24,40,.07);
}
.app-nav-btn:focus-visible{outline:3px solid rgba(15,118,110,.18);outline-offset:2px}
.app-nav-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}
.app-nav-home{background:#0f766e;border-color:#0f766e;color:#fff}
.app-nav-home:hover{background:#0b665f!important;border-color:#0b665f!important;color:#fff!important}
.app-nav-secondary{background:#f8fafc}
.app-nav-mobile-logout{display:none!important;background:#fff5f4;border-color:#f2b8b5;color:#b42318}
.app-nav-mobile-logout:hover{background:#fee4e2!important;border-color:#fda29b!important;color:#912018!important}
.app-nav-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}
.app-nav-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.app-nav-home .app-nav-icon svg path{fill:currentColor;stroke:currentColor}

.app-breadcrumb{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:9px;
    padding:7px 11px;
    border-radius:12px;
    background:#f8fafc;
    border:1px solid #edf0f2;
    overflow:hidden;
}
.app-breadcrumb-caption{flex:0 0 auto;color:#667085;font-size:11px;font-weight:800;white-space:nowrap}
.app-breadcrumb ol{
    min-width:0;
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:0;
    overflow-x:auto;
    scrollbar-width:none;
    white-space:nowrap;
}
.app-breadcrumb ol::-webkit-scrollbar{display:none}
.app-breadcrumb li{display:inline-flex;align-items:center;color:#475467;font-size:12px;font-weight:750}
.app-breadcrumb li+li::before{content:"‹";display:inline-block;margin:0 8px;color:#98a2b3;font-size:16px;line-height:1;transform:translateY(-1px)}
.app-breadcrumb a{color:#0f766e;text-decoration:none;font-weight:800}
.app-breadcrumb a:hover{text-decoration:underline}
.app-breadcrumb li[aria-current="page"] span{color:#101828;font-weight:900}

.app-nav-current{
    flex:0 1 230px;
    min-width:150px;
    display:flex;
    flex-direction:column;
    gap:1px;
    padding-inline-start:10px;
    border-inline-start:1px solid #eaecf0;
    overflow:hidden;
}
.app-nav-current span{font-size:10px;color:#98a2b3;font-weight:800}
.app-nav-current strong{font-size:12px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.app-nav-toast{
    position:fixed;
    left:22px;
    bottom:22px;
    z-index:9999;
    max-width:min(340px,calc(100vw - 44px));
    padding:10px 14px;
    border-radius:11px;
    background:#101828;
    color:#fff;
    box-shadow:0 16px 40px rgba(16,24,40,.25);
    font-size:12px;
    font-weight:800;
    opacity:0;
    transform:translateY(8px);
    pointer-events:none;
    transition:.18s ease;
}
.app-nav-toast.is-visible{opacity:1;transform:translateY(0)}

/* قائمة النظام الأصلية يجب أن تبقى فوق الشريط عندما تكون ظاهرة */
.topbar.topbar-v2{position:relative;z-index:110}

@media (max-width:1120px){
    .app-navigator-inner{gap:9px}
    .app-nav-current{display:none}
    .app-nav-btn{padding-inline:9px}
}
@media (max-width:820px){
    .app-navigator-inner{
        width:min(100% - 18px,1540px);
        padding:7px 0 8px;
        min-height:0;
        display:grid;
        grid-template-columns:1fr;
        gap:7px;
    }
    .app-nav-actions{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
    .app-nav-mobile-logout{display:inline-flex!important}
    .app-nav-actions [data-nav-copy]{display:none!important}
    .app-nav-btn{width:100%;min-height:38px;padding:6px 4px;font-size:11px}
    .app-breadcrumb{width:100%;min-height:36px;box-sizing:border-box;padding-block:5px}
}
@media (max-width:520px){
    .app-nav-actions{grid-template-columns:repeat(5,minmax(0,1fr))}
    .app-nav-label{font-size:10px}
    .app-nav-btn{gap:3px;min-width:0}
    .app-nav-icon,.app-nav-icon svg{width:16px;height:16px}
    .app-breadcrumb-caption{display:none}
    .app-breadcrumb{padding-inline:8px}
    .app-breadcrumb li{font-size:11px}
}
@media print{
    .app-navigator{display:none!important}
}