*{box-sizing:border-box}body{margin:0;background:#050505;color:#f7eed9;font-family:Tahoma,Arial,sans-serif}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#2a2009,#050505 65%);padding:20px}
.login-card{width:min(430px,100%);background:#11100b;border:1px solid #493813;border-radius:22px;padding:24px;text-align:center}
.login-card img{width:120px}.login-card h1{color:#d6ad34}
.login-card input{width:100%;margin:8px 0;padding:14px;border-radius:12px;border:1px solid #493813;background:#090806;color:#fff}
.login-card button,.form button{border:0;border-radius:12px;background:#7a5a13;color:#fff;padding:13px;font-weight:bold;cursor:pointer}
.error{background:#451515;color:#ffd0d0;border-radius:10px;padding:10px}
.warn-text{color:#ffb84d;font-size:13px}
.link{color:#d6ad34}
.muted{color:#9a927e;font-size:12px}
.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{background:#080806;border-left:1px solid #3b2e13;padding:14px;height:100vh;position:sticky;top:0;overflow:auto}
.side-head{display:flex;gap:10px;align-items:center;border-bottom:1px solid #3b2e13;padding-bottom:12px}
.side-head img{width:66px}.side-head h1{font-size:17px;color:#d6ad34;margin:0}.side-head p{font-size:11px;color:#8be384}
.nav,.logout{display:block;text-decoration:none;color:#eadfc5;padding:13px;border-radius:12px;margin:6px 0;cursor:pointer}
.nav.active,.nav:hover{background:#4b350c}.logout{background:#351111}
.side-foot{margin-top:14px;padding-top:10px;border-top:1px solid #3b2e13;font-size:12px;color:#9a927e;text-align:center}
.main{padding:12px}
.topbar{min-height:70px;display:flex;align-items:center;gap:10px;background:#090806;border:1px solid #3b2e13;border-radius:16px;padding:8px 12px;position:sticky;top:8px;z-index:500}
.hamb{display:none}.top-logo{width:48px}
.top-title h2{margin:0;color:#d6ad34}.top-title p{margin:4px 0;color:#a4eaa4;font-size:12px}
.userbox{margin-inline-start:auto;color:#d9c488;text-align:center}
.role-tag{display:block;font-size:10px;color:#9a927e}
.hotline{font-size:28px;font-weight:900;color:#ff4038}.clock{color:#ffdf68}
.livebar{height:46px;display:flex;border:1px solid #5d4515;border-radius:14px;overflow:hidden;background:#110e08;margin:10px 0}
.livebar b{background:#b71c1c;padding:13px}.livebar div{flex:1;overflow:hidden;white-space:nowrap}
.livebar span{display:inline-block;padding:13px;color:#ffdf68;font-weight:bold;animation:ticker 25s linear infinite}
@keyframes ticker{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.page{display:none}.page.active{display:block}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.cards article,.panel{background:#15130d;border:1px solid #3f3215;border-radius:16px;padding:14px;margin-bottom:10px}
.cards small{color:#b9b19e}.cards strong{display:block;font-size:30px;margin:7px 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.panel h3{margin-top:0;color:#ffdf68}
.percent{font-size:42px;color:#62dc68}.center{text-align:center}
.form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.form input,.form select,.js-filter{background:#0b0a07;color:#fff;border:1px solid #3f3215;border-radius:12px;padding:13px}
.form button{grid-column:span 3}
.form .btn-alt{grid-column:span 3;background:#2c3e50}
.filters button{grid-column:auto}
.js-filter{width:100%;margin-bottom:10px}
.table{overflow:auto}.table table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #3b2e13;padding:10px;text-align:right;font-size:13px}
.inline-form{display:inline-flex;gap:6px;align-items:center;margin-top:8px}
.btn-sm{border:0;border-radius:8px;background:#7a5a13;color:#fff;padding:7px 10px;font-size:12px;cursor:pointer}
.btn-danger{border:0;border-radius:10px;background:#8c1d1d;color:#fff;padding:10px 14px;font-weight:bold;cursor:pointer}
.btn-danger.btn-sm{padding:7px 10px;font-size:12px}
.inp-sm{background:#0b0a07;color:#fff;border:1px solid #3f3215;border-radius:8px;padding:7px;width:130px;font-size:12px}
.actions-cell{white-space:nowrap}
/* البلاغات */
.report-row summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;cursor:pointer;list-style:none}
.report-row summary::-webkit-details-marker{display:none}
.report-body{margin-top:12px;border-top:1px solid #3b2e13;padding-top:10px}
.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:bold}
.b-missing{background:#5c1414;color:#ffb3b3}.b-found{background:#12441a;color:#a8f0b0}.b-delivered{background:#12304d;color:#a8d4ff}
.s-open{background:#4b350c;color:#ffdf68}.s-in_progress{background:#2c3e50;color:#bcdcff}.s-closed{background:#2a2a2a;color:#aaa}
.prio-urgent{border-color:#b71c1c}.prio-important{border-color:#b78a1c}
.ticker-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #2c2410}
/* القبلة */
.qibla-wrap{width:170px;height:170px;margin:12px auto;border:3px solid #493813;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1b160a,#0b0a07);position:relative}
.qibla-wrap::before{content:'ش';position:absolute;top:6px;color:#9a927e;font-size:12px}
.qibla-dial{font-size:52px;transition:transform .6s ease}
.prayer-list{list-style:none;padding:0;margin:0}
.prayer-list li{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid #2c2410;font-size:15px}
.prayer-list li span{color:#ffdf68;font-weight:bold}
/* الخريطة */
.mapbox-v4{height:70vh;min-height:340px;border-radius:14px;border:1px solid #5d4515;overflow:hidden}
.leaflet-container{background:#111}
canvas{max-height:320px}
.backdrop{display:none}
.side-close{display:none}
@media(max-width:900px){
.shell{grid-template-columns:1fr}
.backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:.25s;z-index:1500}
.backdrop.show{opacity:1;pointer-events:auto}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:min(300px,85vw);transform:translateX(104%);transition:.25s;z-index:2000;box-shadow:-8px 0 30px rgba(0,0,0,.7)}
.sidebar.open{transform:translateX(0)}
.side-close{display:block;width:100%;border:1px solid #493813;border-radius:10px;background:#1b160a;color:#d6ad34;padding:10px;margin-bottom:10px;font-weight:bold}
.hamb{display:block;border:0;border-radius:10px;background:#6d5013;color:#fff;padding:12px 14px;font-size:17px}
.main{padding:8px}
.topbar{flex-wrap:wrap;min-height:0;padding:8px;gap:6px;position:static}
.top-logo{display:none}.clock{display:none}
.top-title h2{font-size:16px}
.top-title p{display:none}
.userbox{font-size:12px}
.role-tag{display:inline;margin-inline-start:4px}
.hotline{font-size:19px;order:5}
.livebar{height:40px}.livebar b{padding:10px;font-size:13px}.livebar span{padding:10px;font-size:13px}
.grid-2,.form{grid-template-columns:1fr}
.form button,.form .btn-alt{grid-column:auto}
.form input,.form select{padding:12px;font-size:15px}
.cards{grid-template-columns:repeat(2,1fr)}
.cards strong{font-size:24px}
.panel{padding:11px}
.table th,.table td{padding:8px 6px;font-size:12px}
.inp-sm{width:105px}
.report-row summary{font-size:13px;gap:6px}
.badge{font-size:11px;padding:3px 8px}
.actions-cell{white-space:normal}
.inline-form{flex-wrap:wrap}
.mapbox-v4{height:60vh}
.qibla-wrap{width:150px;height:150px}
}
/* ============ مركز الاتصالات الميدانية ============ */
.comm-wrap{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 210px);min-height:420px}
.comm-channels{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;flex-shrink:0}
.chip{border:1px solid #493813;background:#0b0a07;color:#eadfc5;border-radius:20px;padding:8px 14px;white-space:nowrap;cursor:pointer;position:relative;font-size:13px}
.chip.active{background:#4b350c;color:#ffdf68;border-color:#7a5a13}
.chip-badge{background:#b71c1c;color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;margin-inline-start:5px}
.unread-total{background:#b71c1c;color:#fff;border-radius:10px;padding:1px 7px;font-size:11px}
.comm-presence{display:flex;gap:10px;overflow-x:auto;font-size:12px;color:#b9b19e;flex-shrink:0;padding-bottom:2px}
.pres{white-space:nowrap}
.dm-btn{border:0;background:none;cursor:pointer;font-size:12px}
.loc-link{text-decoration:none}
.comm-feed{flex:1;overflow-y:auto;background:#0b0a07;border:1px solid #3f3215;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}
.bubble{max-width:85%;background:#1b160a;border:1px solid #3f3215;border-radius:14px;padding:9px 12px;align-self:flex-start}
.bubble.mine{align-self:flex-end;background:#26340f;border-color:#3d5216}
.bubble.emergency{background:#4a1010;border-color:#b71c1c;animation:emerg 1s ease 3}
@keyframes emerg{50%{box-shadow:0 0 18px #b71c1c}}
.b-head{display:flex;gap:8px;align-items:center;font-size:11px;color:#b9b19e;margin-bottom:4px}
.b-head b{color:#d6ad34}
.b-body{font-size:14px;word-break:break-word}
.b-body audio{max-width:220px;height:38px;vertical-align:middle}
.b-body a{color:#ffdf68}
.comm-img{max-width:200px;max-height:200px;border-radius:10px;display:block}
.msg-del{border:0;background:none;cursor:pointer;font-size:12px;margin-inline-start:auto}
.receipt{display:block;text-align:left;font-size:10px;color:#8be384;margin-top:3px}
.dl{text-decoration:none;margin-inline-start:6px}
.comm-inputs{display:flex;gap:6px;flex-shrink:0;align-items:center}
.comm-inputs input[type=text],#commText{flex:1;background:#0b0a07;color:#fff;border:1px solid #3f3215;border-radius:12px;padding:11px}
.ptt-zone{display:flex;align-items:center;gap:12px;flex-shrink:0;justify-content:center}
.ptt-btn{width:92px;height:92px;border-radius:50%;border:3px solid #7a5a13;background:radial-gradient(circle,#4b350c,#1b160a);color:#ffdf68;font-size:28px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none}
.ptt-btn small{font-size:9px;margin-top:2px;color:#b9b19e}
.ptt-btn.recording{background:radial-gradient(circle,#8c1d1d,#3a0c0c);border-color:#ff4038;animation:pulse 1s infinite}
@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 22px #b71c1c}}
.ptt-status{color:#ffdf68;font-size:13px;min-height:18px}
@media(max-width:900px){
.comm-wrap{height:calc(100vh - 175px)}
.b-body audio{max-width:170px}
.ptt-btn{width:80px;height:80px;font-size:24px}
}
/* ============ إصلاح العرض: منع التمدد الأفقي + مشغل مدمج ============ */
html,body{overflow-x:hidden;max-width:100%}
.main,.content,.page,.panel{min-width:0}
.bubble{min-width:0}
.vplayer{display:inline-flex;align-items:center;gap:8px;max-width:100%}
.vplay{width:38px;height:38px;border-radius:50%;border:1px solid #7a5a13;background:#4b350c;color:#ffdf68;font-size:15px;cursor:pointer;flex-shrink:0}
.vbar{width:110px;height:6px;background:#0b0a07;border:1px solid #3f3215;border-radius:6px;overflow:hidden;flex-shrink:1;min-width:50px}
.vbar i{display:block;height:100%;width:0%;background:#d6ad34;transition:width .25s linear}
.vdur{font-size:11px;color:#b9b19e;flex-shrink:0}
.comm-feed{overscroll-behavior:contain}
.comm-channels,.comm-presence{-webkit-overflow-scrolling:touch}
@media(max-width:900px){
.comm-wrap{height:calc(100dvh - 175px)}
.vbar{width:80px}
}
/* ============ المودالات والتوستات الداخلية ============ */
#tsopModalWrap{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;place-items:center;z-index:5000;padding:16px}
#tsopModalWrap.show{display:grid}
.tsop-modal{width:min(430px,100%);background:#15130d;border:1px solid #7a5a13;border-radius:18px;padding:18px;max-height:82vh;overflow:auto}
.tsop-modal h3{margin:0 0 8px;color:#ffdf68}
.tsop-modal p{color:#eadfc5;font-size:14px}
#tmInput{width:100%;background:#0b0a07;color:#fff;border:1px solid #3f3215;border-radius:12px;padding:12px;margin:8px 0}
.tm-btns{display:flex;gap:8px;justify-content:flex-start;margin-top:12px}
.tm-ok{border:0;border-radius:12px;background:#7a5a13;color:#fff;padding:11px 22px;font-weight:bold;cursor:pointer}
.tm-cancel{border:1px solid #493813;border-radius:12px;background:transparent;color:#b9b19e;padding:11px 18px;cursor:pointer}
#tsopToasts{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:6000;display:flex;flex-direction:column;gap:8px;width:min(380px,92vw)}
.tsop-toast{background:#1b160a;border:1px solid #7a5a13;color:#ffdf68;border-radius:12px;padding:12px 14px;font-size:14px;opacity:0;transform:translateY(12px);transition:.3s;text-align:center}
.tsop-toast.in{opacity:1;transform:none}
.tsop-toast.error{border-color:#b71c1c;color:#ffb3b3}
.tsop-toast.success{border-color:#2e7d32;color:#a8f0b0}
/* رأس القناة والقفل والتأكيدات والصلاحيات */
.comm-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;flex-shrink:0;min-height:22px}
.comm-head b{color:#ffdf68}
.head-lock{color:#ff9c38;font-weight:bold}
.ptt-btn.locked{opacity:.45;filter:grayscale(.6)}
.ack-row{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.ack-btn{border:1px solid #b71c1c;background:#4a1010;color:#ffd0d0;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:bold;cursor:pointer}
.ack-done{color:#a8f0b0;font-size:12px;font-weight:bold}
.ack-list-btn{border:1px solid #493813;background:#1b160a;color:#ffdf68;border-radius:10px;padding:7px 12px;font-size:12px;cursor:pointer}
.ack-h{font-weight:bold;margin:8px 0 3px}.ack-h.ok{color:#a8f0b0}.ack-h.no{color:#ff9c38}
.perm-box{max-height:45vh;overflow:auto}
.perm-row{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #2c2410;font-size:13px;color:#eadfc5}
.perm-users{margin-top:8px}
/* وميض القناة التي يتحدث بها أحد */
.chip.speaking{border-color:#ff9c38;color:#ffce8a;animation:chipSpeak 1s infinite}
@keyframes chipSpeak{50%{box-shadow:0 0 12px #ff9c38;border-color:#ffce8a}}
.btn-clear{border-color:#8c1d1d;color:#ffb3b3;background:#2a0d0d}
.site-foot{margin-top:18px;padding:12px;border-top:1px solid #2c2410;color:#9a927e;font-size:12px;text-align:center}
.chip-add{border-style:dashed;color:#8be384}
/* ============ اللغات والأقوال والزيارة ============ */
.lang-switch{display:flex;gap:6px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.lang-switch a{color:#9a927e;text-decoration:none;font-size:12px;padding:6px 12px;border:1px solid #3b2e13;border-radius:16px}
.lang-switch a.active{color:#ffdf68;background:#4b350c;border-color:#7a5a13}
body.ltr .sidebar{border-left:0;border-right:1px solid #3b2e13}
body.ltr .table th,body.ltr .table td{text-align:left}
@media(max-width:900px){
body.ltr .sidebar{right:auto;left:0;transform:translateX(-104%);box-shadow:8px 0 30px rgba(0,0,0,.7)}
body.ltr .sidebar.open{transform:translateX(0)}
}
.login-quote{background:#1b160a;border:1px solid #493813;border-radius:14px;padding:12px;margin:10px 0;color:#ffdf68;font-size:14px;line-height:1.9}
.login-quote small{display:block;color:#9a927e;margin-top:6px;font-size:11px}
.login-quote.big{font-size:17px}
.quote-bar{text-align:center;background:linear-gradient(135deg,#1b160a,#15130d);border-color:#7a5a13}
.quote-text{color:#ffdf68;font-size:17px;line-height:2;min-height:34px;opacity:0;transition:opacity .5s}
.quote-text.q-in{opacity:1}
.quote-row .q-ar{color:#ffdf68;font-size:15px;line-height:1.9;margin:4px 0}
.quote-row .q-tr{color:#b9b19e;font-size:13px;margin:4px 0}
.quote-row.q-off{opacity:.45}
.zy-tools{display:flex;gap:8px;flex-wrap:wrap}
.zy-counters .panel{margin-bottom:0}
.zy-count{width:110px;height:110px;border-radius:50%;border:3px solid #7a5a13;background:radial-gradient(circle,#4b350c,#1b160a);color:#ffdf68;font-size:30px;font-weight:900;cursor:pointer;user-select:none;-webkit-user-select:none}
.zy-count small{display:block;font-size:12px;color:#b9b19e;font-weight:normal}
.zy-count.done{border-color:#2e7d32;color:#a8f0b0}
.zy-text{font-size:22px;line-height:2.4;color:#f7eed9;text-align:justify;padding:6px}
.zy-fa{border-top:2px dashed #493813;margin-top:14px;padding-top:14px;color:#d9c488}
.zy-edit textarea{grid-column:span 3;background:#0b0a07;color:#fff;border:1px solid #3f3215;border-radius:12px;padding:12px;font-family:inherit;line-height:2}
@media(max-width:900px){.zy-edit textarea{grid-column:auto}.zy-text{font-size:20px}}
/* مبدل اللغة العلوي */
.lang-switch.top{margin:0;gap:4px}
.lang-switch.top a{padding:5px 9px;font-size:11px}
/* قرص القبلة الجديد: سهم يدور وكعبة ثابتة */
.qibla-needle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;transition:transform .5s cubic-bezier(.2,.8,.3,1);will-change:transform}
.q-kaaba{font-size:34px;margin-top:8px;display:inline-block;transition:transform .5s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 0 8px rgba(214,173,52,.5))}
.q-arrow{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:34px solid #d6ad34;margin-top:2px;border-radius:3px}
.q-center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#7a5a13;border:2px solid #ffdf68;border-radius:50%;transform:translate(-50%,-50%)}
.q-mark{position:absolute;color:#9a927e;font-size:11px;font-weight:bold}
.q-n{top:5px;left:50%;transform:translateX(-50%);color:#ff9c9c}
.q-s{bottom:5px;left:50%;transform:translateX(-50%)}
.q-e{right:8px;top:50%;transform:translateY(-50%)}
.q-w{left:8px;top:50%;transform:translateY(-50%)}
#qiblaInfo{min-height:44px;font-variant-numeric:tabular-nums;font-size:13px}
@media(max-width:900px){
.lang-switch.top{order:4}
.qibla-wrap{width:170px;height:170px}
}
.install-btn{display:block;width:100%;border:1px solid #2e7d32;border-radius:12px;background:linear-gradient(135deg,#173d1a,#0d2410);color:#a8f0b0;padding:13px;margin:6px 0;font-weight:bold;font-size:14px;cursor:pointer;text-align:center}
.install-btn:hover{background:#1d4d21}
.sel-role{width:auto;min-width:110px}
.vlist{border:1px solid #493813;background:#1b160a;color:#8be384;border-radius:10px;padding:5px 9px;font-size:12px;cursor:pointer}
.listen-row{padding:7px 0;border-bottom:1px solid #2c2410;font-size:14px;color:#eadfc5}
/* ============ بوابة الزائر ============ */
.portal-body{padding:0}
.p-head{display:flex;gap:12px;align-items:center;padding:12px 16px;background:#080806;border-bottom:1px solid #3b2e13}
.p-head img{width:56px}.p-head h1{margin:0;font-size:17px;color:#d6ad34}.p-head p{margin:2px 0;font-size:11px;color:#8be384}
.p-hotline{margin-inline-start:auto;background:#b71c1c;color:#fff;text-decoration:none;font-weight:900;font-size:18px;padding:10px 16px;border-radius:14px}
.p-tick{margin:8px}
.p-nav{display:flex;gap:6px;overflow-x:auto;padding:4px 8px}
.p-nav a{white-space:nowrap;text-decoration:none;color:#eadfc5;background:#15130d;border:1px solid #3f3215;border-radius:18px;padding:9px 14px;font-size:13px}
.p-main{padding:10px;max-width:760px;margin:0 auto}
.p-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.p-card{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;text-decoration:none;color:#eadfc5;background:#15130d;border:1px solid #3f3215;border-radius:18px;padding:20px 10px;font-size:30px}
.p-card b{font-size:15px;color:#ffdf68}.p-card small{font-size:11px;color:#9a927e;line-height:1.6}
.p-card.star{border-color:#d6ad34;background:linear-gradient(135deg,#241c08,#15130d)}
.p-card.sos{border-color:#b71c1c}.p-card.sos b{color:#ff8a80}
.p-form{display:flex;flex-direction:column;gap:8px}
.p-form label{color:#d9c488;font-size:13px;margin-top:6px}
.p-form input,.p-form select{background:#0b0a07;color:#fff;border:1px solid #3f3215;border-radius:12px;padding:13px;font-size:15px}
.p-form h3{color:#ffdf68;border-bottom:1px solid #3b2e13;padding-bottom:6px;margin:14px 0 4px}
.p-member{display:grid;grid-template-columns:1.2fr .6fr 1.2fr;gap:6px;margin-bottom:6px}
.p-btn{display:inline-block;text-align:center;text-decoration:none;border:1px solid #7a5a13;background:#4b350c;color:#ffdf68;border-radius:12px;padding:13px;font-weight:bold;cursor:pointer;font-size:15px}
.p-btn.main{background:#7a5a13;color:#fff}.p-btn.alt{background:#2c3e50;border-color:#2c3e50;color:#dfeaf5}
.p-btn.big{font-size:19px;padding:16px 22px}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0}
.p-done h2{color:#a8f0b0}
.p-code{font-size:34px;font-weight:900;color:#ffdf68;letter-spacing:4px;background:#0b0a07;border:2px dashed #7a5a13;border-radius:14px;padding:12px;margin:12px auto;max-width:320px;direction:ltr}
.qrbox{display:flex;justify-content:center;margin:12px 0}
.qrbox img{border:8px solid #fff;border-radius:10px}
.p-found{font-size:15px;line-height:2}.p-tel{color:#ff8a80;direction:ltr;display:inline-block}
.p-table{width:100%;border-collapse:collapse;margin-top:10px}
.p-table th,.p-table td{border:1px solid #3b2e13;padding:9px;font-size:13px;text-align:center}
.p-lang{margin:14px 0 22px}
@media(max-width:520px){.p-member{grid-template-columns:1fr}.p-grid{grid-template-columns:repeat(2,1fr)}}
@media print{
body{background:#fff !important;color:#000 !important}
.p-head,.p-tick,.p-nav,.site-foot,.no-print,.lang-switch{display:none !important}
.p-card-print{background:#fff !important;border:2px solid #000 !important;color:#000 !important}
.p-card-print h2,.p-code{color:#000 !important}
.p-code{border-color:#000 !important;background:#fff !important}
.p-table th,.p-table td{border-color:#000 !important;color:#000 !important}
.p-found,.p-tel{color:#000 !important}
}
/* ============ التتبع العائلي ============ */
.tr-dists{display:flex;gap:8px;flex-wrap:wrap}
.tr-dists button{border:1px solid #493813;background:#0b0a07;color:#eadfc5;border-radius:14px;padding:11px 18px;font-size:15px;font-weight:bold;cursor:pointer}
.tr-dists button.active{background:#7a5a13;color:#fff;border-color:#d6ad34}
.tr-status{text-align:center;font-size:18px;font-weight:bold;color:#a8f0b0;border-color:#2e7d32}
.tr-status.far{color:#ffb3b3;border-color:#b71c1c;background:#2a0d0d;animation:emerg 1s infinite}
.tr-tools{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.tr-tools .active{background:#2e7d32;color:#fff}
.tr-list{list-style:none;padding:0;margin:0}
.tr-list li{display:flex;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid #2c2410}
.tr-list b{flex:1;font-size:16px}
.tr-d{font-size:20px;font-weight:900;color:#ffdf68;direction:ltr}
.tr-arrow{display:inline-block;font-size:20px;color:#d6ad34;transition:transform .5s}
.tr-list li.tr-far{background:#2a0d0d;border-radius:10px}
.tr-list li.tr-far .tr-d{color:#ff8a80}
.tr-list li.tr-near .tr-d{color:#ffce8a}
.tr-map{height:45vh;min-height:260px;border-radius:14px;overflow:hidden;border:1px solid #5d4515}
/* ============ الصفحة التعريفية ============ */
.ab-hero{background:linear-gradient(135deg,#241c08,#15130d);border-color:#7a5a13}
.ab-logo{width:150px;filter:drop-shadow(0 0 18px rgba(214,173,52,.35))}
.ab-sub{color:#8be384;font-size:13px}
.ab-text{line-height:2.2;font-size:15px;color:#eadfc5;text-align:justify}
.ab-person{border-color:#7a5a13}
.ab-badge{font-size:36px;width:70px;height:70px;margin:0 auto 8px;display:grid;place-items:center;background:radial-gradient(circle,#4b350c,#1b160a);border:2px solid #7a5a13;border-radius:50%}
.ab-person h3{color:#ffdf68;font-size:16px;line-height:1.8}
.ab-fb{margin-inline-start:8px;background:#1a3a5c;border-color:#1877f2;color:#cfe4ff}
@media(max-width:520px){.ab-fb{margin:8px 0 0;display:block}}