/* مربع «اختلفت بيانات أسهمك عن بيانات SmartBorsa» (js/finance/stock-directory.js). خصائص منطقية فقط ليعمل في RTL وLTR، ويتبع الوضع الداكن للتطبيق (.dark). */
.sd-dlg { border: 0; padding: 0; background: transparent; max-inline-size: min(560px, calc(100vw - 24px)); inline-size: 100%; color: #0F172A; }
.sd-dlg::backdrop { background: rgba(15, 23, 42, .5); }
.sd-box { background: #fff; border-radius: 18px; padding: 20px; max-block-size: min(86vh, 640px); display: flex; flex-direction: column; gap: 12px; box-shadow: 0 24px 60px rgba(15, 23, 42, .28); }
.sd-title { margin: 0; font-size: 17px; font-weight: 800; line-height: 1.5; }
.sd-lead { margin: 0; font-size: 13px; line-height: 1.8; color: #334155; }
.sd-list { list-style: none; margin: 0; padding: 0; overflow-y: auto; border-block: 1px solid #E2E8F0; display: flex; flex-direction: column; }
.sd-item + .sd-item { border-block-start: 1px solid #EEF2F0; }
.sd-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px 4px; cursor: pointer; }
.sd-row input { inline-size: 18px; block-size: 18px; margin-block-start: 2px; accent-color: #0B5E3F; flex: none; }
.sd-body { display: flex; flex-direction: column; gap: 6px; min-inline-size: 0; flex: 1; }
.sd-sym { font-size: 14px; letter-spacing: .02em; }
.sd-diff { display: grid; grid-template-columns: 3.2em 1fr auto 1fr; gap: 6px; align-items: baseline; font-size: 13px; line-height: 1.6; }
.sd-k { color: #566579; font-weight: 700; font-size: 12px; }
.sd-old { color: #7F1D1D; background: #FDE8E8; border-radius: 6px; padding: 1px 6px; overflow-wrap: anywhere; }
.sd-new { color: #094D34; background: #E2F5E9; border-radius: 6px; padding: 1px 6px; font-weight: 700; overflow-wrap: anywhere; }
.sd-arrow { color: #566579; }
html[dir="ltr"] .sd-arrow { transform: scaleX(-1); display: inline-block; }
.sd-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.sd-btn { min-block-size: 44px; padding-inline: 18px; border-radius: 12px; border: 1px solid #CBD5E1; background: #fff; color: #0F172A; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.sd-btn:hover { background: #F1F5F2; }
.sd-primary { background: #0B5E3F; border-color: #0B5E3F; color: #fff; }
.sd-primary:hover { background: #094D34; }
.sd-btn:focus-visible, .sd-row input:focus-visible { outline: 3px solid #0B5E3F; outline-offset: 2px; }
.dark .sd-dlg { color: #E2E8F0; }
.dark .sd-box { background: #1E293B; }
.dark .sd-lead { color: #CBD5E1; }
.dark .sd-list { border-color: #334155; }
.dark .sd-item + .sd-item { border-color: #2B3A4F; }
.dark .sd-k, .dark .sd-arrow { color: #94A3B8; }
.dark .sd-old { background: #4C1D1D; color: #FECACA; }
.dark .sd-new { background: #123B2B; color: #BBF7D0; }
.dark .sd-btn { background: #1E293B; border-color: #475569; color: #E2E8F0; }
.dark .sd-btn:hover { background: #273449; }
.dark .sd-primary { background: #15803D; border-color: #15803D; color: #fff; }
@media (max-width: 480px) { .sd-diff { grid-template-columns: 1fr; gap: 2px; } .sd-arrow { display: none; } .sd-actions .sd-btn { flex: 1; } }