/* SData community UI — small, dependency-free, RTL-first. Brand: #0E4DA8 / #0f2741 */
:root{--sd-primary:#0E4DA8;--sd-primary-ink:#0b3c84;--sd-ink:#0f2741;--sd-text:#2f3542;--sd-muted:#5b6170;--sd-line:#e3e6ec;--sd-bg:#f6f8fb;--sd-card:#fff;--sd-ok:#0f7a3a;--sd-warn:#8a5a00;--sd-err:#b42318;--sd-radius:14px}
.sd{direction:rtl;text-align:right;color:var(--sd-text);font-family:inherit;line-height:1.85}
.sd *{box-sizing:border-box}
.sd-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 56px}
.sd h1{font-size:1.65rem;color:var(--sd-ink);font-weight:800;margin:0 0 .5rem;line-height:1.5}
.sd h2{font-size:1.25rem;color:var(--sd-ink);font-weight:800;margin:1.6rem 0 .75rem}
.sd h3{font-size:1.05rem;color:var(--sd-ink);font-weight:700;margin:.2rem 0 .4rem}
.sd p{margin:0 0 .75rem}
.sd a{color:var(--sd-primary)}
.sd a:focus-visible,.sd button:focus-visible,.sd input:focus-visible,.sd select:focus-visible,.sd textarea:focus-visible{outline:3px solid #f1b500;outline-offset:2px}
.sd-lead{font-size:1.05rem;color:var(--sd-muted);max-width:760px}
.sd-muted{color:var(--sd-muted);font-size:.9rem}
.sd-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.sd-num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
.sd-crumbs{font-size:.85rem;color:var(--sd-muted);margin-bottom:12px}
.sd-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.sd-crumbs li+li:before{content:"‹";margin-left:6px;color:#9aa1ad}
.sd-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.sd-grid-2{display:grid;gap:20px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.sd-grid-2>*,.sd-grid>*{min-width:0}
#sd-main{padding-top:76px}
@media (min-width:1024px){#sd-main{padding-top:84px}}
@media (max-width:860px){.sd-grid-2{grid-template-columns:1fr}.sd h1{font-size:1.35rem}}
.sd-card{background:var(--sd-card);border:1px solid var(--sd-line);border-radius:var(--sd-radius);padding:16px;display:flex;flex-direction:column;gap:6px}
.sd-card h3 a{color:var(--sd-ink);text-decoration:none}
.sd-card h3 a:hover{text-decoration:underline}
.sd-panel{background:var(--sd-bg);border:1px solid var(--sd-line);border-radius:var(--sd-radius);padding:16px}
.sd-badge{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:#eef3fb;color:var(--sd-primary-ink);border:1px solid #d5e1f5;white-space:nowrap}
.sd-badge.ok{background:#e9f6ee;color:var(--sd-ok);border-color:#c7e8d3}
.sd-badge.warn{background:#fff6e0;color:var(--sd-warn);border-color:#f1dca5}
.sd-badge.err{background:#fdecea;color:var(--sd-err);border-color:#f6c9c4}
.sd-badge.type{background:#0f2741;color:#fff;border-color:#0f2741}
.sd-tags{display:flex;flex-wrap:wrap;gap:6px}
.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:10px 18px;font-weight:700;font-size:.95rem;border:1px solid var(--sd-primary);background:var(--sd-primary);color:#fff !important;text-decoration:none !important;cursor:pointer;min-height:44px}
.sd-btn:hover{background:var(--sd-primary-ink)}
.sd-btn.ghost{background:#fff;color:var(--sd-primary) !important}
.sd-btn.ghost:hover{background:#eef3fb}
.sd-btn.sm{padding:6px 12px;min-height:36px;font-size:.85rem}
.sd-btn.danger{background:#fff;color:var(--sd-err) !important;border-color:#f0b5ae}
.sd-btn[disabled]{opacity:.55;cursor:not-allowed}
.sd-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sd-form{display:grid;gap:14px;max-width:760px}
.sd-field label{display:block;font-weight:700;color:var(--sd-ink);margin-bottom:4px;font-size:.92rem}
.sd-field .help{font-size:.8rem;color:var(--sd-muted);margin-top:3px}
.sd-field input[type=text],.sd-field input[type=email],.sd-field input[type=url],.sd-field input[type=number],.sd-field input[type=search],.sd-field input[type=tel],.sd-field input[type=date],.sd-field select,.sd-field textarea{width:100%;border:1px solid #c9ced8;border-radius:10px;padding:10px 12px;font:inherit;background:#fff;color:var(--sd-text)}
.sd-field textarea{min-height:120px}
.sd-field select[multiple]{min-height:130px}
.sd-field .errorlist{color:var(--sd-err);font-size:.85rem;margin:4px 0 0;padding:0;list-style:none}
.sd-alert{border-radius:12px;padding:12px 14px;margin:10px 0;border:1px solid}
.sd-alert.info{background:#eef3fb;border-color:#d5e1f5;color:var(--sd-ink)}
.sd-alert.ok{background:#e9f6ee;border-color:#c7e8d3;color:var(--sd-ok)}
.sd-alert.warn{background:#fff6e0;border-color:#f1dca5;color:#5c3d00}
.sd-alert.err{background:#fdecea;border-color:#f6c9c4;color:var(--sd-err)}
.sd-empty{text-align:center;padding:32px 16px;border:1px dashed #c9ced8;border-radius:var(--sd-radius);color:var(--sd-muted);background:#fff}
.sd-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:12px 0 18px}
.sd-filters .sd-field{min-width:170px;flex:1}
.sd-table-wrap{overflow-x:auto;border:1px solid var(--sd-line);border-radius:12px;background:#fff}
.sd-table{width:100%;border-collapse:collapse;font-size:.9rem}
.sd-table th,.sd-table td{padding:8px 10px;border-bottom:1px solid var(--sd-line);text-align:right;vertical-align:top}
.sd-table th{background:var(--sd-bg);color:var(--sd-ink);font-weight:700;white-space:nowrap}
.sd-table td.num,.sd-table th.num{text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.sd-hero{background:linear-gradient(135deg,#0f2741 0%,#0E4DA8 100%);color:#fff;border-radius:22px;padding:36px 24px;margin-bottom:22px}
.sd-hero h1{color:#fff;font-size:2rem}
.sd-hero p{color:#e3ecfb;font-size:1.08rem;max-width:720px}
.sd-hero .sd-btn.ghost{background:transparent;color:#fff !important;border-color:#fff}
.sd-hero .sd-btn.light{background:#fff;color:var(--sd-ink) !important;border-color:#fff}
@media (max-width:640px){.sd-hero{padding:26px 16px}.sd-hero h1{font-size:1.45rem}}
.sd-needs{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.sd-need{display:block;background:#fff;border:1px solid var(--sd-line);border-radius:14px;padding:14px;text-decoration:none !important;color:var(--sd-ink) !important;font-weight:700}
.sd-need small{display:block;color:var(--sd-muted);font-weight:400;margin-top:4px}
.sd-need:hover{border-color:var(--sd-primary);box-shadow:0 2px 10px rgba(14,77,168,.09)}
.sd-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#dfe6f3;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--sd-ink);flex:none}
.sd-avatar.lg{width:96px;height:96px;font-size:1.6rem}
.sd-row{display:flex;gap:12px;align-items:center}
.sd-stat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sd-line);border-radius:12px;padding:12px 14px}
.sd-stat b{font-size:1.4rem;color:var(--sd-ink);font-variant-numeric:tabular-nums}
.sd-stat small{color:var(--sd-muted)}
.sd-stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.sd-feed-item{background:#fff;border:1px solid var(--sd-line);border-radius:14px;padding:14px;margin-bottom:12px}
.sd-feed-item .meta{font-size:.82rem;color:var(--sd-muted)}
.sd-inline-form{display:inline}
.sd-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--sd-line);margin-bottom:16px}
.sd-tabs a{padding:8px 12px;text-decoration:none;color:var(--sd-muted);border-bottom:3px solid transparent;font-weight:700}
.sd-tabs a[aria-current=page]{color:var(--sd-primary);border-color:var(--sd-primary)}
.sd-bar{height:10px;background:#e8edf5;border-radius:6px;overflow:hidden}
.sd-bar span{display:block;height:100%;background:var(--sd-primary)}
.sd-chart{width:100%;height:auto;display:block}
.sd-sr,.sd .sd-field input.sd-sr{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sd-term{border-bottom:1px dotted var(--sd-muted);cursor:help}
.sd-pager{display:flex;gap:8px;justify-content:center;margin-top:18px}