:root{--navy-950:#010d18;--navy-900:#021827;--navy-850:#022036;--navy-800:#032a45;--gold-700:#a97825;--gold-500:#d8ad4b;--gold-300:#f2d889;--green:#278b5d;--yellow:#e4c74d;--orange:#dc7a2f;--red:#bd3f45;--white:#fff;--muted:rgba(255,255,255,.76);--border:rgba(255,255,255,.14);--content:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--navy-950);color:var(--white);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(var(--content),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(1,18,32,.96);border-bottom:1px solid rgba(216,173,75,.38);backdrop-filter:blur(12px)}.site-nav{min-height:76px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.site-nav a{padding:8px 0;color:#fff;text-decoration:none;font-family:Cairo,sans-serif;font-weight:700}.site-nav a:hover,.site-nav a.active{color:var(--gold-300)}.page{min-height:calc(100vh - 76px);padding:40px 0 70px;background:linear-gradient(180deg,rgba(2,30,51,.55),rgba(1,15,27,.95)),url("../../خلفية رئيسية لموقع جسور.png") center top/cover fixed no-repeat}.identity{text-align:center;margin-bottom:28px}.identity-logo{width:86px;height:82px;object-fit:contain;margin:auto}.eyebrow{color:var(--gold-300);font-family:Cairo,sans-serif;font-weight:700}.identity h1{margin:8px 0;font-family:Cairo,sans-serif;font-size:clamp(32px,5vw,56px)}.lead{max-width:800px;margin:auto;color:var(--muted);line-height:1.9}.panel{padding:22px;border:1px solid var(--border);border-radius:16px;background:rgba(2,24,39,.9);box-shadow:0 16px 38px rgba(0,0,0,.22)}.panel+.panel{margin-top:18px}.panel h2{margin:0 0 14px;color:var(--gold-300);font-family:Cairo,sans-serif}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px}.field label,.label{color:var(--muted);font-size:14px}.control{width:100%;min-height:48px;padding:10px 13px;color:#fff;border:1px solid rgba(255,255,255,.19);border-radius:10px;outline:none;background:rgba(1,13,24,.78)}textarea.control{min-height:95px;resize:vertical}.control:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(216,173,75,.14)}select.control option{color:#111;background:#fff}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid rgba(242,216,137,.45);border-radius:10px;color:var(--gold-300);text-decoration:none;cursor:pointer;background:rgba(169,120,37,.12)}.btn-primary{color:var(--navy-950);border-color:var(--gold-300);background:var(--gold-300);font-weight:700}.btn-danger{color:#fff;border-color:var(--red);background:rgba(189,63,69,.28)}.btn:disabled{cursor:not-allowed;opacity:.55}.badge{display:inline-flex;padding:5px 10px;border:1px solid rgba(242,216,137,.35);border-radius:20px;color:var(--gold-300);font-size:13px}.notice{padding:12px 14px;border-right:3px solid var(--gold-500);border-radius:9px;background:rgba(1,13,24,.55);color:var(--muted);line-height:1.75}.notice.success{border-color:var(--green)}.notice.error{border-color:var(--red)}.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px}.archive{display:grid;gap:13px}.document-card{padding:18px;border-bottom:1px solid var(--border)}.document-card:last-child{border-bottom:0}.document-card h3{margin:8px 0;font-family:Cairo,sans-serif}.document-card p{color:var(--muted);line-height:1.8}.toolbar{display:grid;grid-template-columns:1fr 240px;gap:12px;margin-bottom:18px}.status-active{color:#79d3a5}.status-draft{color:var(--gold-300)}.status-revoked{color:#ff9ca0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.table th{color:var(--gold-300)}.table td{color:var(--muted)}.admin-header{background:var(--navy-900);border-bottom:1px solid var(--border)}.admin-bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-bar nav{display:flex;gap:12px;flex-wrap:wrap}.admin-bar a{text-decoration:none}.auth{width:min(470px,calc(100% - 28px));margin:8vh auto}.verify-result{margin-top:18px}.fingerprint{direction:ltr;word-break:break-all;font-family:monospace;font-size:13px;color:var(--muted)}.qr-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.qr-box{padding:14px;background:#fff;color:#111;border-radius:12px}.qr-box canvas,.qr-box img{display:block;margin:auto;max-width:100%}.print-block{direction:ltr;display:grid;grid-template-columns:148px 195px;width:343px;height:177px;background:#fff;color:#000}.print-qr{display:grid;place-items:center;padding:8px}.print-text{direction:rtl;display:flex;flex-direction:column;justify-content:center;padding:8px;font:700 14px/1.55 Arial,Tahoma,sans-serif}.print-text small{font-weight:400}.footer{padding:22px;text-align:center;color:rgba(255,255,255,.65);border-top:1px solid rgba(216,173,75,.28)}
@media(max-width:760px){.site-header{position:relative}.site-nav{gap:12px 18px;padding:13px 0}.page{padding-top:28px}.grid,.grid-3,.toolbar,.qr-layout{grid-template-columns:1fr}.wide{grid-column:auto}.admin-bar{align-items:flex-start;flex-direction:column;padding:14px 0}.panel{padding:17px}}
/* لوحة إدارة المحتوى الموحدة */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{display:flex;min-height:116px;flex-direction:column;justify-content:center;gap:7px;padding:18px;border:1px solid var(--border);border-radius:14px;text-decoration:none;background:rgba(1,13,24,.62)}.card strong{color:var(--gold-300);font:800 30px Cairo,sans-serif}.card span{color:var(--muted)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.cards{grid-template-columns:1fr}}
/* =========================================================
   ترويسة لوحة إدارة جسور - التصميم المعتمد
   ========================================================= */

.jusoor-admin-head{
    position:relative;
    overflow:hidden;
    margin-bottom:28px;
    border:1px solid rgba(228,182,77,.30);
    border-radius:24px;
    background:
        radial-gradient(
            ellipse at center top,
            rgba(10,91,143,.27),
            transparent 48%
        ),
        linear-gradient(
            180deg,
            #05263e 0%,
            #031c2e 48%,
            #021522 100%
        );
    box-shadow:
        0 25px 60px rgba(0,0,0,.38),
        inset 0 1px rgba(255,255,255,.04);
}

.jusoor-admin-head::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.20;
    background-image:
        linear-gradient(
            rgba(55,145,199,.075) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(55,145,199,.075) 1px,
            transparent 1px
        );
    background-size:32px 32px;
    mask-image:
        radial-gradient(
            ellipse at center,
            #000 0%,
            rgba(0,0,0,.80) 42%,
            transparent 85%
        );
}

.jusoor-admin-head::after{
    content:"";
    position:absolute;
    top:-1px;
    left:13%;
    width:74%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(244,212,119,.78),
            transparent
        );
    pointer-events:none;
}


/* الخريطة الرقمية */

.jusoor-digital-map{
    position:absolute;
    z-index:0;
    width:66%;
    height:72%;
    top:5%;
    left:17%;
    opacity:.23;
    pointer-events:none;
    filter:
        drop-shadow(
            0 0 16px
            rgba(25,132,190,.12)
        );
}

.jusoor-digital-map svg{
    display:block;
    width:100%;
    height:100%;
}

.jusoor-map-glow{
    position:absolute;
    z-index:0;
    width:650px;
    height:320px;
    top:28px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse at center,
            rgba(0,116,182,.17),
            rgba(0,86,140,.08) 43%,
            transparent 72%
        );
    filter:blur(30px);
    pointer-events:none;
}


/* الهوية */

.jusoor-admin-identity{
    position:relative;
    z-index:2;
    min-height:310px;
    padding:46px 54px 30px;
    display:grid;
    grid-template-areas:
        "presidency center department";
    grid-template-columns:
        180px minmax(420px,1fr) 180px;
    gap:35px;
    align-items:center;
}


/* بطاقات الشعارات */

.jusoor-logo-card{
    position:relative;
    min-height:198px;
    padding:22px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(231,184,78,.34);
    border-radius:24px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );
    box-shadow:
        inset 0 1px rgba(255,255,255,.06),
        0 15px 30px rgba(0,0,0,.16);
}

.jusoor-logo-card::before{
    content:"";
    position:absolute;
    top:-1px;
    left:25%;
    width:50%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #f4d477,
            transparent
        );
}

.jusoor-presidency-card{
    grid-area:presidency;
}

.jusoor-department-card{
    grid-area:department;
}

.jusoor-presidency-logo{
    width:114px;
    height:91px;
    object-fit:contain;
    filter:
        drop-shadow(
            0 7px 10px
            rgba(0,0,0,.25)
        );
}

.jusoor-department-logo{
    width:105px;
    height:98px;
    object-fit:contain;
    opacity:.50;
    filter:
        brightness(0)
        saturate(100%)
        invert(83%)
        sepia(55%)
        saturate(900%)
        hue-rotate(350deg)
        brightness(102%)
        contrast(95%);
}

.jusoor-logo-caption{
    margin-top:15px;
    text-align:center;
    color:rgba(255,255,255,.82);
    font-family:Cairo,sans-serif;
    font-size:13px;
    font-weight:600;
    line-height:1.65;
}


/* النص المركزي */

.jusoor-center-identity{
    grid-area:center;
    text-align:center;
    font-family:Cairo,sans-serif;
}

.jusoor-republic{
    margin-bottom:9px;
    color:#f4d477;
    font-size:13px;
    font-weight:600;
}

.jusoor-presidency-title{
    margin-bottom:5px;
    color:#fff;
    font-size:23px;
    font-weight:800;
    line-height:1.5;
}

.jusoor-department-title{
    color:#e4b64d;
    font-size:22px;
    font-weight:800;
    line-height:1.5;
}

.jusoor-system-badge{
    width:max-content;
    max-width:100%;
    margin:19px auto 0;
    padding:8px 30px;
    color:#071422;
    background:
        linear-gradient(
            135deg,
            #f7d982,
            #dfa93c
        );
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
    font-size:19px;
    font-weight:800;
    box-shadow:
        0 9px 24px rgba(0,0,0,.22),
        inset 0 1px rgba(255,255,255,.5);
}

.jusoor-current-page{
    margin-top:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:11px;
    color:rgba(255,255,255,.73);
    font-size:13px;
    font-weight:600;
}

.jusoor-current-page::before,
.jusoor-current-page::after{
    content:"";
    width:33px;
    height:1px;
    background:rgba(255,255,255,.19);
}

.jusoor-page-indicator{
    width:45px;
    height:2px;
    margin:10px auto 0;
    border-radius:5px;
    background:#e4b64d;
    box-shadow:
        0 0 12px
        rgba(228,182,77,.45);
}


/* القائمة */

.jusoor-navigation-shell{
    position:relative;
    z-index:3;
    margin:0 16px 20px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.13);
    border-radius:17px;
    background:
        linear-gradient(
            180deg,
            rgba(7,35,57,.89),
            rgba(2,22,37,.96)
        );
    box-shadow:
        0 10px 25px
        rgba(0,0,0,.18);
}

.jusoor-admin-nav{
    display:grid;
    grid-template-columns:
        repeat(12,minmax(0,1fr));
}

.jusoor-nav-item{
    position:relative;
    min-height:92px;
    padding:12px 5px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:rgba(255,255,255,.82);
    text-decoration:none;
    font-family:Cairo,sans-serif;
    font-size:10px;
    font-weight:600;
    transition:
        color .18s ease,
        background .18s ease;
}

.jusoor-nav-item + .jusoor-nav-item{
    border-right:
        1px solid
        rgba(255,255,255,.07);
}

.jusoor-nav-icon{
    width:27px;
    height:27px;
    color:rgba(255,255,255,.76);
}

.jusoor-nav-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.jusoor-nav-item span{
    white-space:nowrap;
}

.jusoor-nav-item:hover{
    color:#f4d477;
    background:rgba(228,182,77,.05);
}

.jusoor-nav-item:hover .jusoor-nav-icon{
    color:#f4d477;
}

.jusoor-nav-item.active{
    color:#e4b64d;
    background:
        linear-gradient(
            180deg,
            rgba(228,182,77,.08),
            rgba(228,182,77,.02)
        );
}

.jusoor-nav-item.active .jusoor-nav-icon{
    color:#e4b64d;
}

.jusoor-nav-item.active::after{
    content:"";
    position:absolute;
    right:14%;
    left:14%;
    bottom:0;
    height:2px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #e4b64d,
            transparent
        );
    box-shadow:
        0 0 12px
        rgba(228,182,77,.30);
}

.jusoor-nav-item.logout{
    color:#ef6469;
}

.jusoor-nav-item.logout .jusoor-nav-icon{
    color:#ef6469;
}


/* الشاشات المتوسطة */

@media(max-width:900px){

    .jusoor-admin-identity{
        grid-template-columns:
            140px
            minmax(330px,1fr)
            140px;
        padding-inline:25px;
        gap:18px;
    }

    .jusoor-logo-card{
        min-height:170px;
    }

    .jusoor-digital-map{
        width:76%;
        left:12%;
    }

    .jusoor-admin-nav{
        grid-template-columns:
            repeat(6,1fr);
    }

    .jusoor-nav-item{
        border-bottom:
            1px solid
            rgba(255,255,255,.07);
    }
}


/* الجوال */

@media(max-width:700px){

    .jusoor-admin-identity{
        padding:20px 12px;
        grid-template-areas:
            "presidency department"
            "center center";
        grid-template-columns:
            1fr 1fr;
    }

    .jusoor-logo-card{
        min-height:135px;
    }

    .jusoor-presidency-logo,
    .jusoor-department-logo{
        width:70px;
        height:65px;
    }

    .jusoor-logo-caption{
        margin-top:5px;
        font-size:9px;
    }

    .jusoor-presidency-title{
        font-size:17px;
    }

    .jusoor-department-title{
        font-size:16px;
    }

    .jusoor-system-badge{
        font-size:14px;
        padding:6px 18px;
    }

    .jusoor-digital-map{
        width:96%;
        left:2%;
        top:19%;
        height:54%;
        opacity:.13;
    }

    .jusoor-admin-nav{
        grid-template-columns:
            repeat(3,1fr);
    }
}