/* «سعود» على الموقع العام وبوابة العميل */
#sgSaud{position:fixed;bottom:18px;left:18px;z-index:9990;font-family:"LamaSans","Segoe UI",Tahoma,sans-serif;direction:rtl}
/* الأزرارُ والحقولُ لا ترث الخطَّ في المتصفح فكانت تُرسم بـArial (S5، ٧ نوفمبر) — والخطُّ معلَنٌ هنا ليصحّ في كل صفحةٍ تحمّل الفقاعة */
@font-face{font-family:"LamaSans";font-weight:400;font-display:swap;src:url("/sgreco_portal/static/src/fonts/LamaSans-400.woff") format("woff"),url("/sgreco_portal/static/src/fonts/LamaSans-400.ttf") format("truetype")}
@font-face{font-family:"LamaSans";font-weight:700;font-display:swap;src:url("/sgreco_portal/static/src/fonts/LamaSans-700.woff") format("woff"),url("/sgreco_portal/static/src/fonts/LamaSans-700.ttf") format("truetype")}
#sgSaud button,#sgSaud input,#sgSaud textarea,#sgSaud select{font-family:inherit}
#sgSaud .sgs-fab{display:flex;align-items:center;gap:.55rem;border:0;cursor:pointer;background:#10153A;color:#fff;border-radius:999px;padding:.35rem .9rem .35rem .4rem;box-shadow:0 10px 28px -10px rgba(16,21,58,.6);transition:transform .15s}
#sgSaud .sgs-fab:hover{transform:translateY(-2px)}
#sgSaud .sgs-fab.on{background:#0DA4DB}
#sgSaud .sgs-av{position:relative;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#0DA4DB,#10153A);display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:2px solid rgba(13,164,219,.85)}
#sgSaud .sgs-av img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:top}
#sgSaud .sgs-av img.fb{width:24px;height:24px;border-radius:0}
#sgSaud .sgs-av{animation:saudFloat 4s ease-in-out infinite;transition:transform .3s}
#sgSaud .sgs-av.point{animation:saudPoint .9s ease-in-out 2}
#sgSaud .sgs-fab:hover .sgs-av{transform:scale(1.08) rotate(-3deg)}
@keyframes saudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes saudPoint{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(-4px) rotate(-6deg) scale(1.06)}60%{transform:translateX(2px) rotate(3deg)}}
@media (prefers-reduced-motion:reduce){#sgSaud .sgs-av,#sgSaud .sgs-av.point{animation:none}}
#sgSaud .sgs-av i{position:absolute;bottom:-4px;right:-4px;font-style:normal;font-size:.55rem;font-weight:800;background:#C9A227;color:#10153A;border-radius:6px;padding:0 .25rem;line-height:1.3}
#sgSaud .sgs-fab-t{display:flex;flex-direction:column;line-height:1.15;text-align:right}
#sgSaud .sgs-fab-t b{font-size:.95rem}
#sgSaud .sgs-fab-t small{font-size:.68rem;opacity:.85}
#sgSaud .sgs-panel{position:absolute;bottom:64px;left:0;width:min(380px,92vw);height:min(560px,78vh);background:#fff;border:1px solid #E1E7F0;border-radius:18px;box-shadow:0 24px 60px -24px rgba(16,21,58,.5);display:flex;flex-direction:column;overflow:hidden}
#sgSaud .sgs-panel[hidden]{display:none}
#sgSaud .sgs-head{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;background:#10153A;color:#fff}
#sgSaud .sgs-head b{display:block;font-size:.95rem}
#sgSaud .sgs-head small{display:block;font-size:.7rem;opacity:.8}
#sgSaud .sgs-x{margin-inline-start:auto;background:transparent;border:0;color:#fff;font-size:1rem;cursor:pointer}
#sgSaud .sgs-log{flex:1;overflow:auto;padding:.7rem;display:flex;flex-direction:column;gap:.45rem;background:#F5F8FB}
#sgSaud .sgs-m{max-width:88%;padding:.5rem .7rem;border-radius:14px;font-size:15px;font-weight:500;line-height:1.65;white-space:pre-wrap;color:#10153A}
#sgSaud .sgs-m.me{align-self:flex-start;background:rgba(13,164,219,.14);border-bottom-right-radius:4px}
#sgSaud .sgs-m.bot{align-self:flex-end;background:#fff;border:1px solid #E1E7F0;border-bottom-left-radius:4px}
#sgSaud .sgs-m.wait{opacity:.55}
#sgSaud .sgs-in{display:flex;gap:.4rem;padding:.55rem;border-top:1px solid #E1E7F0;margin:0}
#sgSaud .sgs-in input{flex:1;border:1px solid #D9E1EC;border-radius:10px;padding:.5rem .7rem;font:inherit;min-width:0}
#sgSaud .sgs-in button{border:0;background:var(--sgd-fill,#0A7AA3);color:#fff;border-radius:10px;padding:.5rem .9rem;font-weight:700;cursor:pointer}
#sgSaud .sgs-foot{font-size:.66rem;color:#5B6585;padding:.3rem .8rem .5rem;text-align:center}
@media (max-width:600px){#sgSaud{bottom:12px;left:12px}#sgSaud .sgs-fab-t small{display:none}}
/* الجوال: الفقاعةُ دائرةٌ بلا نصّ في كل صفحةٍ تحملها — كانت القاعدةُ في sgpub.css وحده فبقي الزرُّ 131×68 في /join وصفحة العقار (M7، ٧ نوفمبر) */
/* بادئةُ html ترفع الخصوصية فوق قاعدتَي «اعتماد النموذج» أدناه (padding وحجم 56px) اللتين تأتيان بعدها بلا media */
@media (max-width:767px){html #sgSaud .sgs-fab{padding:2px}html #sgSaud .sgs-fab-t{display:none}html #sgSaud .sgs-av,html #sgSaud .sgs-av img{width:40px;height:40px}html #sgSaud .sgs-in input{font-size:16px}}

#sgSaud .sgs-chips{display:flex;flex-wrap:wrap;gap:.3rem;padding:.4rem .55rem 0;background:#F5F8FB}
#sgSaud .sgs-chips button{border:1px solid #D9E1EC;background:#fff;color:#10153A;border-radius:999px;padding:.22rem .6rem;font-size:.76rem;cursor:pointer;font-family:inherit}
#sgSaud .sgs-chips button:hover{border-color:#0DA4DB;color:#0A6E96}
#sgSaud .saud-ln{margin:.05rem 0}
#sgSaud .saud-card{display:flex;flex-direction:column;gap:.05rem;margin:.3rem 0;padding:.45rem .7rem;border-radius:12px;background:linear-gradient(135deg,rgba(13,164,219,.10),rgba(16,21,58,.04));border:1px solid rgba(13,164,219,.35);text-decoration:none;color:#10153A}
#sgSaud .saud-card b{color:#0A6E96;font-size:.9rem}
#sgSaud .saud-card small{font-size:.68rem;opacity:.7;direction:ltr;text-align:right;font-family:ui-monospace,Menlo,monospace}
#sgSaud .saud-sug{display:block;width:100%;text-align:right;margin:.25rem 0;padding:.4rem .7rem;border-radius:10px;border:1px dashed rgba(13,164,219,.5);background:transparent;color:#10153A;cursor:pointer;font:inherit;font-size:.86rem}

#sgSaud .saud-blk{background:#F5F8FB;border:1px solid #E1E7F0;border-radius:12px;padding:.45rem .7rem;margin:.35rem 0}
#sgSaud .saud-h{font-weight:800;color:#0A6E96;font-size:.86rem;margin-bottom:.1rem}
#sgSaud .saud-li{padding-inline-start:.9rem;position:relative}
#sgSaud .saud-li::before{content:'•';position:absolute;inset-inline-start:.1rem;color:#0DA4DB}
#sgSaud .saud-amt{font-size:1.02rem;color:#10153A;background:rgba(201,162,39,.16);border-radius:6px;padding:0 .3rem;font-variant-numeric:tabular-nums}
#sgSaud .saud-date{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed;color:#0A6E96}

#sgSaud .saud-mic{border:1px solid #D9E1EC;background:#fff;border-radius:10px;padding:.4rem .6rem;cursor:pointer;font-size:1rem;line-height:1}
#sgSaud .saud-mic.on{background:#E24C4C;color:#fff;border-color:#E24C4C}

/* سعود يفكّر: صورته تنبض (د. طلال ١٢ سبتمبر) */
@keyframes saudThink { 0%, 100% { transform: scale(.82); opacity: .75; } 50% { transform: scale(1.18); opacity: 1; } }
.saud-think { width: 34px; height: 34px; border-radius: 50%; vertical-align: middle; margin-inline-end: .45rem; animation: saudThink 1.1s ease-in-out infinite; }
body.saud-thinking .sgd-drawer .saud-stage img, body.saud-thinking #sgSaud .sgs-fab .sgs-av img, body.saud-thinking #sgSaud .sgs-head .sgs-av img, body.saud-thinking .ch-head img { animation: saudThink 1.1s ease-in-out infinite; }

/* آخر المحادثات في سعود */
.saud-hist{ border:1px dashed rgba(13,164,219,.45); border-radius:12px; padding:.3rem .6rem; margin:0 0 .5rem; background:rgba(13,164,219,.05); }
.saud-hist > summary{ cursor:pointer; font-weight:800; color:#0A7FA8; font-size:.85rem; }
.saud-hist .m, .saud-hist .sgs-m{ font-size:.82rem; opacity:.9; margin:.25rem 0; }
.saud-hist .saud-hist-t{ display:block; text-align:left; direction:ltr; color:#7A879B; font-size:.68rem; margin-bottom:.3rem; }

/* قائمة لغة الميكروفون */
.saud-lang{ font:inherit; font-size:.78rem; border:1px solid var(--sgd-line, #D9E1EC); background:var(--sgd-card, #fff); border-radius:999px; padding:.3rem .5rem; max-width:7.5rem; color:inherit; }
#sgSaud .saud-lang{ font-size:.8rem; }

/* التقويم الهجري بجانب حقول التاريخ (١٣ سبتمبر) */
.sg-hj{display:inline-flex;align-items:center;gap:.35rem;margin-inline-start:.35rem;font-size:.75rem;color:#6b7190;vertical-align:middle}
.sg-hjbtn{border:1px solid #cfd6e4;background:#fff;color:#10153A;border-radius:6px;padding:0 .45rem;font-size:.75rem;cursor:pointer;line-height:1.6}
.sg-hjbtn:hover{border-color:#0DA4DB;color:#0A6E96}
.sg-hjhint{font-size:.75rem;color:#5B6585;direction:ltr;display:inline-block;margin-inline-start:.3rem}

/* ═══ بطاقات سعود في الودجت العام (١٣ سبتمبر ٢٠٢٦ — عقد saud_cards_spec): أنماطٌ مستقلة بنفس أسماء .sc لأن الودجت لا يحمّل scss الدرج ═══ */
#sgSaud .sc-wrap{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;white-space:normal}
#sgSaud .sc{--sc-acc:#0DA4DB;position:relative;background:#fff;border:1px solid #E1E7F0;border-right:4px solid var(--sc-acc);border-radius:14px;padding:.6rem .75rem .55rem;overflow:hidden;line-height:1.55;box-shadow:0 1px 2px rgba(16,21,58,.05),0 10px 24px -18px rgba(16,21,58,.35);color:#10153A}
#sgSaud .sc[data-accent="gold"]{--sc-acc:#C9A96A}
#sgSaud .sc[data-accent="blue"]{--sc-acc:#0DA4DB}
#sgSaud .sc[data-accent="green"]{--sc-acc:#1b8a5a}
#sgSaud .sc[data-accent="red"]{--sc-acc:#b3261e}
#sgSaud .sc[data-accent="grey"]{--sc-acc:#8A93A8}
#sgSaud .sc-h{display:flex;align-items:flex-start;gap:.5rem}
#sgSaud .sc-ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sc-acc) 14%,transparent)}
#sgSaud .sc-ht{flex:1 1 auto;min-width:0}
#sgSaud .sc-t{display:block;font-size:.95rem;font-weight:800;color:#10153A;line-height:1.4;overflow-wrap:anywhere}
#sgSaud .sc-st{display:block;font-size:.72rem;color:#5A5F7D;margin-top:.05rem}
#sgSaud .sc-badges{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:flex-end;flex:0 0 auto;max-width:45%}
#sgSaud .sc-badge{font-size:.62rem;font-weight:700;border-radius:999px;padding:.05rem .5rem;line-height:1.6;white-space:nowrap}
#sgSaud .sc-badge.ok{color:#0B6E40;background:#E7F6EE}
#sgSaud .sc-badge.warn{color:#8C5A0C;background:#FBF3E2}
#sgSaud .sc-badge.bad{color:#B42318;background:#FBEEEE}
#sgSaud .sc-badge.info{color:#0B6E93;background:rgba(13,164,219,.12)}
#sgSaud .sc-img{display:block;width:100%;height:150px;object-fit:cover;border-radius:12px;margin:.55rem 0 .1rem;background:#F5F8FB}
#sgSaud .sc-facts,#sgSaud .sc-rows{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .5rem;margin:.55rem 0 0}
#sgSaud .sc-rows{margin-top:.3rem}
#sgSaud .sc-fact{min-width:0;background:#F5F8FB;border:1px solid rgba(16,21,58,.07);border-radius:10px;padding:.3rem .55rem}
#sgSaud .sc-k{display:block;font-size:.64rem;color:#5A5F7D;line-height:1.4}
#sgSaud .sc-v{display:block;margin:0;font-size:.86rem;font-weight:800;color:#10153A;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#sgSaud .sc-sec{margin-top:.5rem;border-top:1px dashed #E1E7F0;padding-top:.35rem}
#sgSaud .sc-sec-t{cursor:pointer;font-size:.8rem;font-weight:800;color:#0B6E93;list-style:none;display:flex;align-items:center;gap:.35rem}
#sgSaud .sc-sec-t::-webkit-details-marker{display:none}
#sgSaud .sc-sec-t::before{content:'◂';color:var(--sc-acc);font-size:.8rem}
#sgSaud .sc-sec[open]>.sc-sec-t::before{content:'▾'}
#sgSaud .sc-sec-b{padding:.25rem 0 .1rem}
#sgSaud .sc-list{margin:.15rem 0 0;padding-right:1.1rem;padding-left:0;font-size:.82rem;color:#1B2140}
#sgSaud .sc-list li{margin:.1rem 0}
#sgSaud .sc-list li::marker{color:var(--sc-acc)}
#sgSaud .sc-tblw{overflow-x:auto;margin-top:.5rem;border:1px solid #E1E7F0;border-radius:10px;-webkit-overflow-scrolling:touch}
#sgSaud .sc-tbl{border-collapse:collapse;width:100%;font-size:.78rem}
#sgSaud .sc-tbl th{text-align:right;font-size:.68rem;font-weight:700;color:#5A5F7D;background:#F5F8FB;padding:.3rem .5rem;white-space:nowrap}
#sgSaud .sc-tbl td{padding:.3rem .5rem;border-top:1px solid rgba(16,21,58,.07);color:#1B2140;white-space:nowrap;font-variant-numeric:tabular-nums}
#sgSaud .sc-p{margin:.5rem 0 0;font-size:.84rem;color:#1B2140}
#sgSaud .sc-acts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
#sgSaud .sc-act{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .85rem;line-height:1.5;font:inherit;font-size:.78rem;font-weight:700;text-decoration:none;cursor:pointer;background:#0DA4DB;color:#10153A;border:1px solid #0DA4DB;transition:background .15s,transform .15s}
#sgSaud .sc-act:hover{background:#0B6E93;border-color:#0B6E93;color:#fff;transform:translateY(-1px)}
#sgSaud .sc-act.ask{background:transparent;color:#0B6E93;border-color:rgba(13,164,219,.45)}
#sgSaud .sc-act.ask:hover{background:rgba(13,164,219,.1);color:#0B6E93}
#sgSaud .sc-meta{display:block;margin-top:.5rem;font-size:.66rem;color:#5A5F7D}
@media (max-width:420px){#sgSaud .sc-facts{grid-template-columns:1fr}#sgSaud .sc-badges{max-width:100%}}

/* ═══ اعتماد النموذج (٢٧ سبتمبر): سعودٌ شخصيةٌ في الزاوية — صورتُه أكبر، وفقاعةٌ بحسب الصفحة، وردودٌ سريعة ═══ */
#sgSaud .sgs-fab{background:#FFFFFF;color:#10153A;padding:.3rem 1rem .3rem .3rem;box-shadow:0 14px 34px -12px rgba(16,21,58,.45);border:1px solid #ECE6DA}
#sgSaud .sgs-fab.on{background:#10153A;color:#fff}
#sgSaud .sgs-av,#sgSaud .sgs-av img{width:56px;height:56px}
#sgSaud .sgs-av{background:#fff;border:2px solid #fff}
#sgSaud .sgs-peek{position:absolute;bottom:calc(100% + 10px);left:0;width:250px;background:#fff;color:#10153A;border-radius:18px 18px 18px 6px;
  padding:.75rem .9rem;box-shadow:0 16px 36px -10px rgba(16,21,58,.35);font-size:.9rem;line-height:1.7;display:flex;gap:.4rem;align-items:flex-start;
  animation:sgsPeek .35s ease-out}
#sgSaud .sgs-peek span{cursor:pointer;flex:1}
#sgSaud .sgs-peek button{border:0;background:transparent;color:#5B6585;font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .1rem}
@keyframes sgsPeek{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#sgSaud .sgs-qr{display:flex;flex-wrap:wrap;gap:.4rem;margin:.1rem 0 .4rem}
#sgSaud .sgs-qr button{border:1px solid #CFE3EE;background:#F1F8FC;color:#0B4F6B;border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.85rem;cursor:pointer}
#sgSaud .sgs-qr button:hover{background:#10153A;color:#fff;border-color:#10153A}
@media (prefers-reduced-motion:reduce){#sgSaud .sgs-peek{animation:none}}

/* ═══ إعادة تصميم نافذة سعود (د. طلال ٢٧ سبتمبر ٢٠٢٦): «المفروض شكل أفخم بكثير، UI حلو ومرتب» ═══
   رأسٌ بحلقة الصورة وسطرُ حالة، محادثةٌ بمسافات، بطاقاتُ خدماتٍ قبل البدء فقط، صفُّ ردودٍ واحد يُمرَّر، وحقلٌ مستدير.
   الملف يُحمَّل رابطاً مباشراً لا عبر حزمة الأصول، ومع ذلك الخصائص منطقية والاتجاهات محميّة. */
#sgSaud{--sgs-navy:#10153A;--sgs-acc:#0DA4DB;--sgs-ivory:#F6F3EC;--sgs-line:#E7E1D4;bottom:calc(18px + env(safe-area-inset-bottom,0px))}
#sgSaud .sgs-panel{/*rtl:ignore*/left:0;bottom:calc(100% + 14px);width:400px;max-width:calc(100vw - 36px);height:620px;max-height:calc(100vh - 120px);
  background:#fff;border:1px solid rgba(16,21,58,.08);border-radius:22px;box-shadow:0 2px 6px rgba(16,21,58,.06),0 32px 70px -28px rgba(16,21,58,.45);
  /*rtl:ignore*/transform-origin:bottom left;font-size:15px;line-height:1.7;color:var(--sgs-navy)}
#sgSaud .sgs-panel.sgs-open{animation:sgs-pop-in .24s cubic-bezier(.2,.8,.2,1) both}
#sgSaud .sgs-panel.sgs-closing{animation:sgs-pop-out .2s ease-in both}
@keyframes sgs-pop-in{from{opacity:0;transform:scale(.86) translateY(10px)}to{opacity:1;transform:none}}
@keyframes sgs-pop-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(.9) translateY(8px)}}
#sgSaud .sgs-grip{display:none}
/* الرأس */
#sgSaud .sgs-head{gap:.75rem;padding:.9rem 1rem;background:linear-gradient(160deg,#141A47 0%,#10153A 70%);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
#sgSaud .sgs-ring{position:relative;flex:0 0 auto;padding:2px;border-radius:50%;background:conic-gradient(from 200deg,var(--sgs-acc),#C9A96A,var(--sgs-acc))}
#sgSaud .sgs-head .sgs-av,#sgSaud .sgs-head .sgs-av img{width:44px;height:44px;animation:none}
#sgSaud .sgs-head .sgs-av{border:2px solid var(--sgs-navy);background:#fff}
#sgSaud .sgs-dot{position:absolute;bottom:1px;inset-inline-end:1px;width:11px;height:11px;border-radius:50%;background:#2BC48A;border:2px solid var(--sgs-navy)}
#sgSaud .sgs-ht{min-width:0}
#sgSaud .sgs-ht b{display:block;font-size:1.06rem;font-weight:800;letter-spacing:.2px;line-height:1.3}
#sgSaud .sgs-ht small{display:block;font-size:.78rem;opacity:.72;line-height:1.4}
#sgSaud .sgs-x{margin-inline-start:auto;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);transition:background .15s}
#sgSaud .sgs-x:hover,#sgSaud .sgs-x:focus-visible{background:rgba(255,255,255,.18);outline:none}
/* المحادثة */
#sgSaud .sgs-log{padding:1rem .95rem .6rem;gap:.7rem;background:linear-gradient(180deg,#FBFAF6,#F7F5EF);scroll-behavior:smooth;overscroll-behavior:contain}
#sgSaud .sgs-m{max-width:82%;padding:.65rem .9rem;border-radius:18px;font-size:15px;line-height:1.7;display:flex;flex-direction:column}
#sgSaud .sgs-m.me{align-self:flex-start;background:var(--sgs-navy);color:#fff;border:0;border-start-start-radius:6px;border-bottom-right-radius:18px}
#sgSaud .sgs-m.bot{align-self:flex-end;background:var(--sgs-ivory);border:1px solid var(--sgs-line);color:var(--sgs-navy);border-start-end-radius:6px;border-bottom-left-radius:18px;box-shadow:0 1px 2px rgba(16,21,58,.04)}
#sgSaud .sgs-m.me a{color:#9FE0F7}
#sgSaud .sgs-t{display:block;margin-top:.25rem;font-size:.68rem;opacity:.55;font-variant-numeric:tabular-nums;direction:ltr;text-align:end;white-space:nowrap}
#sgSaud .sgs-m.me .sgs-t{opacity:.6}
/* المؤشر: ثلاث نقاط */
#sgSaud .sgs-m.sgs-typing{flex-direction:row;gap:5px;align-items:center;padding:.85rem 1rem;min-height:0;opacity:1}
#sgSaud .sgs-typing span{width:7px;height:7px;border-radius:50%;background:#9AA1B8;animation:sgs-dots 1.2s ease-in-out infinite}
#sgSaud .sgs-typing span:nth-child(2){animation-delay:.15s}
#sgSaud .sgs-typing span:nth-child(3){animation-delay:.3s}
@keyframes sgs-dots{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
/* بطاقات الخدمات قبل البدء */
#sgSaud .sgs-cards{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.2rem;transition:opacity .3s,transform .3s}
#sgSaud .sgs-cards.gone{opacity:0;transform:translateY(6px);pointer-events:none}
#sgSaud .sgs-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;text-align:start;
  background:#fff;border:1px solid var(--sgs-line);border-radius:14px;padding:.6rem .7rem;font:inherit;color:var(--sgs-navy);cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .15s}
#sgSaud .sgs-card:hover,#sgSaud .sgs-card:focus-visible{border-color:var(--sgs-acc);box-shadow:0 8px 20px -14px rgba(13,164,219,.7);transform:translateY(-1px);outline:none}
#sgSaud .sgs-ic{grid-row:1 / span 2;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,164,219,.1);font-size:1.05rem}
#sgSaud .sgs-card b{font-size:.88rem;font-weight:800;line-height:1.35}
#sgSaud .sgs-card small{font-size:.72rem;color:#6B7190;line-height:1.35}
/* الردود السريعة: صفٌّ واحد يُمرَّر */
#sgSaud .sgs-qr{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:.45rem;margin:0 -.95rem;padding:.1rem .95rem .35rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 0 auto}
#sgSaud .sgs-qr::-webkit-scrollbar{display:none}
#sgSaud .sgs-qr button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;background:#fff;border:1px solid var(--sgs-line);color:var(--sgs-navy);font-size:.85rem;padding:.42rem .95rem}
#sgSaud .sgs-qr button:hover,#sgSaud .sgs-qr button:focus-visible{background:var(--sgs-navy);color:#fff;border-color:var(--sgs-navy);outline:none}
#sgSaud .sgs-chips{display:none}
/* الحقل */
#sgSaud .sgs-dock{background:#fff;border-top:1px solid rgba(16,21,58,.07);padding:.65rem .8rem calc(.45rem + env(safe-area-inset-bottom,0px))}
#sgSaud .sgs-in{padding:.3rem .3rem .3rem .45rem;border:1px solid #DDD7CA;border-radius:999px;background:#FBFAF6;align-items:center;gap:.3rem;transition:border-color .15s,box-shadow .15s}
#sgSaud .sgs-in:focus-within{border-color:var(--sgs-acc);box-shadow:0 0 0 3px rgba(13,164,219,.14)}
#sgSaud .sgs-in input{border:0;background:transparent;padding:.45rem .6rem;font-size:15px;outline:none;color:var(--sgs-navy)}
#sgSaud .sgs-in .sgs-send{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sgs-acc);flex:0 0 auto;transition:background .15s,transform .15s}
#sgSaud .sgs-in .sgs-send:hover,#sgSaud .sgs-in .sgs-send:focus-visible{background:var(--sgs-navy);outline:none}
#sgSaud[dir="rtl"] .sgs-send svg,#sgSaud .sgs-panel[dir="rtl"] .sgs-send svg{/*rtl:ignore*/transform:scaleX(-1)}
#sgSaud .sgs-panel[dir="ltr"] .sgs-send svg{transform:none}
#sgSaud .saud-mic{border:0;background:transparent;border-radius:50%;width:36px;height:36px;padding:0;flex:0 0 auto}
#sgSaud .sgs-in .saud-lang{border:0;background:transparent;max-width:5.5rem;font-size:.75rem;color:#6B7190}
#sgSaud .sgs-foot{padding:.4rem .2rem 0;font-size:.66rem;color:#5B6585}
#sgSaud .sgs-in input::placeholder{color:#636985;opacity:1}
/* الزر العائم يتنحّى قليلاً والنافذة مفتوحة */
#sgSaud.sgs-is-open .sgs-peek{display:none}
/* الجوال: لوحة سفلية بطول الشاشة */
@media (max-width:639px){
  #sgSaud .sgs-panel{position:fixed;/*rtl:ignore*/left:0;/*rtl:ignore*/right:0;bottom:0;width:100%;max-width:none;height:calc(100dvh - 24px - env(safe-area-inset-top,0px));max-height:none;
    border-radius:22px 22px 0 0;border-bottom:0;transform-origin:bottom center}
  #sgSaud .sgs-panel.sgs-open{animation-name:sgs-sheet-in;animation-duration:.3s}
  #sgSaud .sgs-panel.sgs-closing{animation-name:sgs-sheet-out}
  @keyframes sgs-sheet-in{from{transform:translateY(100%)}to{transform:none}}
  @keyframes sgs-sheet-out{from{transform:none}to{transform:translateY(100%)}}
  #sgSaud .sgs-grip{display:block;position:absolute;top:6px;inset-inline:0;margin:auto;width:40px;height:4px;border-radius:4px;background:rgba(255,255,255,.35);z-index:1}
  #sgSaud .sgs-head{padding-top:1.1rem}
  #sgSaud.sgs-is-open .sgs-fab{opacity:0;pointer-events:none}
  #sgSaud .sgs-m{font-size:16px}
  #sgSaud .sgs-in input{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  #sgSaud .sgs-panel.sgs-open,#sgSaud .sgs-panel.sgs-closing,#sgSaud .sgs-typing span{animation:none}
  #sgSaud .sgs-cards,#sgSaud .sgs-card,#sgSaud .sgs-log{transition:none;scroll-behavior:auto}
}

/* ═══ ٢٨ سبتمبر (مراجعة د. طلال): سهمُ الإرسال يتجه يساراً في العربية، واللوحةُ لا تغطّي قائمةَ الموقع ═══ */
#sgSaud .sgs-send svg{/*rtl:ignore*/transform:scaleX(-1)}
#sgSaud .sgs-panel{max-height:calc(100vh - 180px)}
@media (max-width:639px){#sgSaud .sgs-panel{max-height:none}}

/* قرار د. طلال ٢٩ سبتمبر: وجه سعود هويته الثابتة — حلقةٌ زرقاء حول الصورة، وصورته على كل فقاعةٍ منه */
#sgSaud .sgs-head .sgs-av{border-color:#0DA4DB}
#sgSaud .sgs-m.bot{position:relative;padding-inline-start:2.5rem}
#sgSaud .sgs-m.bot::before{content:"";position:absolute;inset-inline-start:.55rem;top:.6rem;width:24px;height:24px;border-radius:50%;background:#10153A url("/sgreco_desktops/static/src/img/saud_avatar_192.png") center top/cover no-repeat;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px rgba(13,164,219,.75)}
/* وضوح الخط (٢٩ سبتمبر): لا وزن دون 500 في الفقاعة العامة */
#sgSaud{font-weight:500}
#sgSaud .sgs-chips button{font-size:14px;font-weight:500}