.spdl-wrap{font-family:"IBM Plex Sans Arabic",var(--fin-font, Cairo),system-ui,sans-serif;margin-top:16px}.spdl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:1100px){.spdl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.spdl-grid{grid-template-columns:1fr}}.spdl-card{display:flex;flex-direction:column;background:var(--fin-surface,#fff);border:1px solid var(--fin-border,#e5e7eb);border-radius:18px;box-shadow:0 2px 10px rgba(18,15,54,.05);overflow:hidden;min-width:0}.spdl-card.is-current{box-shadow:0 0 0 2px var(--c1),0 8px 22px rgba(18,15,54,.1)}.spdl-head{display:flex;align-items:flex-start;gap:12px;padding:16px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}.spdl-ic{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.18);font-size:22px}.spdl-titles{min-width:0;flex:1 1 auto}.spdl-name{margin:0;font-size:16px;font-weight:700;color:#fff}.spdl-desc{margin:2px 0 0;font-size:12.5px;opacity:.9}.spdl-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.spdl-badge{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.spdl-badge.spdl-ok{background:#dcfce7;color:#166534}.spdl-badge.spdl-wait{background:#fef3c7;color:#92400e}.spdl-badge.spdl-current{background:rgba(255,255,255,.95);color:var(--c1)}.spdl-body{display:flex;flex-direction:column;gap:12px;padding:16px;flex:1 1 auto}.spdl-qr{align-self:center;width:184px;height:184px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid var(--fin-border,#e5e7eb);padding:8px}.spdl-qr>i{font-size:64px;color:#cbd5e1}.spdl-qr img{display:block;width:168px;height:168px;image-rendering:pixelated}.spdl-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.spdl-meta>div{background:var(--fin-surface-2,#f8fafc);border-radius:11px;padding:8px 10px;min-width:0}.spdl-meta dt{font-size:11.5px;font-weight:600;color:var(--fin-text-2,#64748b)}.spdl-meta dd{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--fin-text,#0f172a);overflow-wrap:anywhere}.spdl-warn{display:flex;align-items:center;gap:8px;border-radius:12px;padding:9px 12px;background:#fefce8;border:1px solid #fde68a;color:#854d0e;font-size:12.5px;font-weight:600}.spdl-link{display:flex;gap:6px}.spdl-link .form-control{min-width:0;font-size:12px;background:var(--fin-surface-2,#f8fafc);color:var(--fin-text,#0f172a)}.spdl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.spdl-actions .btn,.spdl-link .btn{border-radius:10px!important;font-weight:700}.spdl-dl{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:#fff!important;border:0!important;flex:1 1 auto}.spdl-dl.disabled{opacity:.45;pointer-events:none}.spdl-wa{background:#16a34a!important;color:#fff!important;border:0!important;flex:1 1 auto}.spdl-copy{background:var(--fin-surface-2,#f1f5f9)!important;border:1px solid var(--fin-border,#e5e7eb)!important;color:var(--fin-text-2,#475569)!important}.spdl-upload{flex:1 1 100%;background:color-mix(in srgb,var(--c1) 10%,transparent)!important;border:1.2px dashed color-mix(in srgb,var(--c1) 55%,transparent)!important;color:var(--c1)!important}.spdl-msg{min-height:18px;font-size:12.5px;font-weight:600;color:var(--fin-text-2,#64748b)}.spdl-msg.is-ok{color:#15803d}.spdl-msg.is-err{color:#b91c1c}.spdl-msg.is-warn{color:#a16207}.spdl-steps{margin-top:16px;background:var(--fin-surface,#fff);border:1px solid var(--fin-border,#e5e7eb);border-radius:18px;padding:14px 18px}.spdl-steps h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--fin-text,#0f172a)}.spdl-steps h4 i{color:#16a34a}.spdl-steps ol{margin:0;padding-inline-start:22px;display:flex;flex-wrap:wrap;gap:6px 26px;color:var(--fin-text-2,#475569);font-size:13px}:root[data-theme=dark] .spdl-warn,body.dark-mode .spdl-warn{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.35);color:#fde68a}:root[data-theme=dark] .spdl-badge.spdl-ok,body.dark-mode .spdl-badge.spdl-ok{background:rgba(34,197,94,.18);color:#86efac}:root[data-theme=dark] .spdl-badge.spdl-wait,body.dark-mode .spdl-badge.spdl-wait{background:rgba(250,204,21,.18);color:#fde68a}