/* أساسيات مشتركة لكل التصاميم (ماعدا الرادار اللي ليه ملفه الكامل) */
body[data-skin]:not([data-skin="radar"]) { margin: 0; line-height: 1.7; background: var(--bg); color: var(--fg); font-family: var(--f-body); }
body[data-skin]:not([data-skin="radar"]) * { box-sizing: border-box; }
body[data-skin]:not([data-skin="radar"]) .wrap { max-width: 1220px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
body[data-skin]:not([data-skin="radar"]) .skip { position: absolute; inset-inline-start: 8px; top: -60px; background: var(--accent); color: var(--on-accent); padding: 8px 14px; z-index: 50; }
body[data-skin]:not([data-skin="radar"]) .skip:focus { top: 8px; }
body[data-skin]:not([data-skin="radar"]) :focus-visible { outline: 3px solid var(--focus, var(--accent)); outline-offset: 3px; }
body[data-skin]:not([data-skin="radar"]) img { max-width: 100%; }
body[data-skin]:not([data-skin="radar"]) h1, body[data-skin]:not([data-skin="radar"]) h2, body[data-skin]:not([data-skin="radar"]) h3 { text-wrap: balance; }
body[data-skin]:not([data-skin="radar"]) .linkish { background: none; border: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; padding: 0; }
body[data-skin]:not([data-skin="radar"]) .skin-pick { display: flex; gap: 6px; align-items: center; font-size: 13px; }
body[data-skin]:not([data-skin="radar"]) .table-box { position: relative; overflow-x: auto; }
body[data-skin]:not([data-skin="radar"]) .lead-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
body[data-skin]:not([data-skin="radar"]) .lead-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; min-width: 0; }
body[data-skin]:not([data-skin="radar"]) .lead-form .wide { grid-column: 1 / -1; }
body[data-skin]:not([data-skin="radar"]) .lead-form input, body[data-skin]:not([data-skin="radar"]) .lead-form select, body[data-skin]:not([data-skin="radar"]) .lead-form textarea { font: inherit; font-weight: 400; width: 100%; max-width: 100%; min-height: 44px; padding: 10px 12px; }
body[data-skin]:not([data-skin="radar"]) .lead-form .hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body[data-skin]:not([data-skin="radar"]) .lead-form .send { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
body[data-skin]:not([data-skin="radar"]) .lead-form button[type="submit"] { font: inherit; font-weight: 700; min-height: 48px; padding: 10px 28px; cursor: pointer; }
body[data-skin]:not([data-skin="radar"]) .lead-form button:disabled { opacity: .6; cursor: progress; }
body[data-skin]:not([data-skin="radar"]) .mono { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 48px; }
@media (max-width: 640px) { body[data-skin]:not([data-skin="radar"]) .lead-form { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { body[data-skin] *, body[data-skin] *::before { animation: none !important; transition: none !important; } }
/* التوقيع: شفاف بالكامل وبياخد لون التصميم (--sig) */
.sigmask { display: inline-block; width: 170px; max-width: 100%; aspect-ratio: 420 / 380; background: var(--sig, currentColor); -webkit-mask: url(../assets/signature-mask.png) center / contain no-repeat; mask: url(../assets/signature-mask.png) center / contain no-repeat; vertical-align: middle; }
.sigglow { display: inline-block; filter: drop-shadow(0 0 6px var(--sig-glow, transparent)) drop-shadow(0 0 14px var(--sig-glow, transparent)); }