/* هوية مكة v1 — نفس العائلة الزرقاء، بتباين أوضح وإيقاع أهدأ */
:root{--mk-bg:#061A33;--mk-card:#0C2A4D;--mk-card2:#103158;--mk-card3:#143B66;--mk-line:#2A5183;
--mk-blue:#5E9CFF;--mk-blue-lit:#9FC6FF;--mk-blue-deep:#2E5FA8;
--mk-amber:#E8963F;--mk-amber-lit:#F5B76F;
--mk-ink:#EAF2FF;--mk-ink2:#A9C3E2;--mk-ink3:#7D97B8}
body{background:var(--mk-bg) !important;color:var(--mk-ink);
background-image:radial-gradient(88% 44% at 50% 0%,rgba(94,156,255,.10),transparent 66%),
radial-gradient(70% 38% at 50% 100%,rgba(46,95,168,.08),transparent 72%) !important}

/* ===== تهدئة الخطوط والشبكة في الخلفية ===== */
.circuit-bg{opacity:.32 !important}
.circuit-bg path{stroke:#1D3E68}
.pulse{stroke:var(--mk-amber) !important;opacity:.55;filter:drop-shadow(0 0 3px rgba(232,150,63,.5))}
.hero .wire{stroke:#1D3E68}
.hero .spark{stroke:var(--mk-amber);opacity:.7}

/* ===== الأسطح: فصل واضح بين الخلفية والبطاقة ===== */
.card,.box{background:linear-gradient(168deg,var(--mk-card2),var(--mk-card) 62%);
border:1px solid var(--mk-line);border-radius:20px;
box-shadow:0 2px 0 rgba(200,224,255,.05) inset,0 10px 26px rgba(0,8,20,.45)}
.card{padding:26px 24px;margin-bottom:20px}
.box{padding:32px 28px}
.hello span{color:var(--mk-blue-lit)}
.sub{color:var(--mk-ink2)}
h3{color:var(--mk-blue-lit)}
.icon-btn{background:var(--mk-card2);border-color:var(--mk-line);color:var(--mk-ink)}

/* ===== عرض أوسع: استغلال الشاشة بدل الهدر ===== */
main{max-width:1320px;padding:18px}
body{font-size:17px;line-height:1.9}
.hello{font-size:31px;line-height:1.35}
.sub{font-size:15.5px}
h3{font-size:17px;letter-spacing:.01em}
.topbar img{height:66px}

/* ===== الشريط المتحرك ===== */
.ticker{background:linear-gradient(90deg,#0A2444,#13375F,#0A2444);border:1px solid var(--mk-line)}
.ticker-track b{color:var(--mk-blue-lit);font-size:16.5px}

/* ===== التايلز: أيقونات خطية بدل الإيموجي ===== */
.tile{background:var(--mk-card3);border:1px solid var(--mk-line);color:var(--mk-ink);
border-radius:18px;padding:22px 16px;font-size:16px;font-weight:500;
transition:background .15s,border-color .15s,transform .15s}
.tile:hover{background:#19457A;border-color:var(--mk-blue-deep);transform:translateY(-2px)}
.tiles{gap:14px}
.tile .ic{font-size:0 !important;line-height:0;display:block;height:34px;margin-bottom:10px}
.tile .ic::after{content:"";display:block;width:32px;height:32px;margin:0 auto;background-color:var(--mk-blue-lit);
-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.tiles .tile:nth-child(1) .ic::after{--i:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.6-4.6'/%3E%3C/svg%3E")}
.tiles .tile:nth-child(2) .ic::after{--i:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 15a4 4 0 0 1-4 4H9l-5 3V7a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8.5 9.5h7M8.5 13h4'/%3E%3C/svg%3E")}
.tiles .tile:nth-child(3) .ic::after{--i:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l5 5v13H6z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h7M9 17h5'/%3E%3C/svg%3E")}
.tiles .tile:nth-child(4) .ic::after{--i:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h11a2 2 0 0 1 2 2v12H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M18 19h1a2 2 0 0 0 2-2V9h-3'/%3E%3Cpath d='M9 9h5M9 13h5'/%3E%3C/svg%3E")}
.tiles .tile:nth-child(5) .ic::after{--i:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 1 0-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}

/* ===== الإحصائيات ===== */
.stat{background:var(--mk-card3);border:1px solid var(--mk-line);border-radius:16px;padding:20px 10px}
.stat b{color:var(--mk-amber-lit);font-size:31px}
.stat small{color:var(--mk-ink2);font-size:13px}
.stats{gap:14px}

/* ===== الأزرار والحقول ===== */
.btn{background:linear-gradient(180deg,#4E8DF5,#2E5FA8);color:#F2F7FF;font-size:16px;padding:14px 20px;border-radius:11px;font-weight:700;border:0}
.btn.alt{background:var(--mk-card3);border:1px solid var(--mk-line);color:var(--mk-ink)}
.field,.search input{background:#05162B;border:1px solid var(--mk-line);color:var(--mk-ink);font-size:16px;padding:14px;border-radius:11px}
.field::placeholder{color:var(--mk-ink3)}
.field:focus,.search input:focus{outline:0;border-color:var(--mk-blue);box-shadow:0 0 0 3px rgba(94,156,255,.18)}

/* ===== رسائل ولوحات ===== */
.ok{background:#0F2A1A;border-color:#3F7A4C;color:#CFE6C7}
.notice{background:#0E2C4E;border:1px solid var(--mk-line);color:var(--mk-ink2)}
.circ{background:var(--mk-card);border-right-color:var(--mk-amber);padding:16px;border-radius:13px}
.circ .body{color:var(--mk-ink2);font-size:15px}
.circ .tag{color:var(--mk-ink3)}
.supbtn{background:linear-gradient(135deg,#4E8DF5,#2E5FA8);border-color:var(--mk-blue-lit)}
.supmenu{background:rgba(12,42,77,.97);border-color:var(--mk-line)}
.supitem{background:var(--mk-card3);border-color:var(--mk-line)}
.supitem:hover{background:#19457A;border-color:var(--mk-blue-deep)}
.modal{background:rgba(3,10,20,.9)}
.modalbox{background:var(--mk-card);border-color:var(--mk-line)}
.modalx{background:var(--mk-card3);border-color:var(--mk-line)}
details.reg summary{background:var(--mk-card3);border-color:var(--mk-line);color:var(--mk-ink)}
.edlal-credit{color:var(--mk-ink3);font-size:12.5px}
.edlal-credit b{color:var(--mk-blue-lit)}

/* ===== المراقب الذكي ===== */
:root{--accent:#5E9CFF;--ai:#9FC6FF;--ai-soft:#0E2C4E;--warn:#E8963F}
.msg.user{background:linear-gradient(180deg,#4E8DF5,#2E5FA8);color:#F2F7FF}
.msg.assistant,.msg.typing{background:var(--mk-card2);border-color:var(--mk-line)}
.msg.typing{color:var(--mk-ink3)}
.chat-box{background:#05162B;border-color:var(--mk-line)}
.chat-form textarea{background:#05162B;border-color:var(--mk-line);color:var(--mk-ink)}
.cam-btn{background:var(--mk-card3);border-color:var(--mk-line);color:var(--mk-ink)}
.photo-preview{background:#05162B}
.ai-avatar{background:linear-gradient(135deg,#9FC6FF,#2E5FA8)}
.match-card{background:linear-gradient(140deg,#143B66,#0C2A4D 60%);border:1px solid var(--mk-blue-deep);border-radius:14px}
.match-card .code{color:var(--mk-blue-lit)}
.match-card .tag{background:var(--mk-blue-lit);color:#08213D}
.match-card .row{border-top-color:rgba(159,198,255,.16)}
.empty{color:var(--mk-ink2)}

/* ===== البنود والأنشطة ===== */
.activity{background:var(--mk-card3);border-color:var(--mk-line);color:var(--mk-ink)}
.activity.active{outline:2px solid var(--mk-blue);background:#19457A}
.auto-time-box,.choice-list label,.agency-grid label,.signature-field{background:var(--mk-card);border-color:var(--mk-line)}
.source-line{border-top-color:var(--mk-line);color:var(--mk-ink2)}
.violation{background:var(--mk-card);border-right-color:var(--mk-blue)}
.violation.status-bad{background:linear-gradient(135deg,rgba(150,40,28,.30),var(--mk-card) 42%)}
.violation.status-good{background:linear-gradient(135deg,rgba(34,90,52,.30),var(--mk-card) 42%)}
.violation.status-review{background:linear-gradient(135deg,rgba(130,86,20,.30),var(--mk-card) 42%)}
.violation summary::after{color:var(--mk-blue-lit)}
.violation-body{border-top-color:rgba(159,198,255,.16)}
.match-badge{background:var(--mk-card3);color:var(--mk-ink2);border:1px solid var(--mk-line)}
.match-badge.best{background:linear-gradient(180deg,#4E8DF5,#2E5FA8);color:#F2F7FF;border-color:var(--mk-blue-deep);box-shadow:0 0 0 2px rgba(94,156,255,.22)}

/* ===== التبويبات ===== */
.tabbar{background:var(--mk-card);border-color:var(--mk-line)}
.tab{color:var(--mk-ink3)}
.tab.active{background:linear-gradient(180deg,#4E8DF5,#2E5FA8);color:#F2F7FF;box-shadow:0 4px 14px rgba(94,156,255,.28)}
.tab.ai-tab{background:linear-gradient(135deg,#9FC6FF,#3E74C4);color:#08213D}