
/* Steel Axis v1.093 — Contact Side Icon Final Drawer */
html.sa-v1093-contact-final .sa1092-contact-root,
html.sa-v1093-contact-final .sa-contactDock,
html.sa-v1093-contact-final .sax-contact-dock,
html.sa-v1093-contact-final .sax-contact-chat-widget,
html.sa-v1093-contact-final .sax-contact-chat-launcher,
html.sa-v1093-contact-final .sax-contact-chat-panel,
html.sa-v1093-contact-final .sa-public-mobile-contact{display:none!important}
.sa1093-contact-root{position:fixed;inset:0;z-index:2800;pointer-events:none;font-family:Tajawal,Inter,system-ui,sans-serif;color:#eefbff;direction:rtl}.sa1093-contact-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.26);opacity:0;visibility:hidden;transition:.22s ease;pointer-events:none;backdrop-filter:blur(2px)}.sa1093-contact-root.open .sa1093-contact-backdrop{opacity:1;visibility:visible;pointer-events:auto}.sa1093-contact-tab{position:fixed;right:16px;top:52%;width:62px;height:62px;transform:translateY(-50%);pointer-events:auto;border:2px solid var(--sa-contact-accent,#8eeaff);border-radius:50%;cursor:grab;color:#eaf8ff;background:#0a1520;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px var(--sa-contact-glow,rgba(0,168,255,.3));display:grid;place-items:center;transition:box-shadow .22s ease,border-color .22s ease;overflow:visible;padding:0;touch-action:none;z-index:250}.sa1093-contact-tab:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 16px 38px rgba(0,0,0,.5),0 0 30px var(--sa-contact-glow,rgba(0,168,255,.4))}.sa1093-contact-tab .sa1093-tab-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0e2437}.sa1093-contact-tab .sa1093-tab-icon,.sa1093-contact-tab .sa1093-tab-label{display:none}.sa1093-contact-tab .sa1093-pulse{position:absolute;width:13px;height:13px;border-radius:50%;bottom:1px;left:1px;background:#25d366;border:2px solid #0a1520;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:sa1093Pulse 1.9s infinite;z-index:2}
.sa1093-contact-panel{position:fixed;right:70px;top:50%;width:330px;max-width:calc(100vw - 92px);max-height:min(680px,calc(100vh - 24px));overflow:auto;pointer-events:auto;opacity:0;visibility:hidden;transform:translate(24px,-50%) scale(.96);transition:.24s ease;border:1px solid color-mix(in srgb, var(--sa-contact-accent,#8eeaff) 45%, transparent);background:radial-gradient(circle at 50% 0,color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 22%, transparent),transparent 38%),linear-gradient(180deg,rgba(8,27,46,.98),rgba(2,9,17,.995));box-shadow:0 30px 78px rgba(0,0,0,.56),0 0 52px color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 16%, transparent);clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);padding:15px}.sa1093-contact-root.open .sa1093-contact-panel{opacity:1;visibility:visible;transform:translate(0,-50%) scale(1)}.sa1093-panel-tail{position:fixed;right:60px;top:52%;width:28px;height:64px;background:linear-gradient(180deg,color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 25%, transparent),color-mix(in srgb, var(--sa-contact-accent,#10d0bd) 22%, transparent));clip-path:polygon(0 50%,100% 0,100% 100%);opacity:0;visibility:hidden;transition:.24s ease;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 25%, transparent))}.sa1093-contact-root.open .sa1093-panel-tail{opacity:1;visibility:visible}.sa1093-close{position:absolute;top:12px;left:12px;width:29px;height:29px;border:1px solid rgba(142,234,255,.24);background:rgba(255,255,255,.04);color:#eaf8ff;border-radius:12px;cursor:pointer}.sa1093-person{text-align:center;padding:18px 4px 12px}.sa1093-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 10px;padding:4px;background:conic-gradient(from 180deg,var(--sa-contact-accent,#8eeaff),#00a8ff,#25d366,var(--sa-contact-accent,#8eeaff));box-shadow:0 0 30px color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 34%, transparent);position:relative}.sa1093-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0e2437}.sa1093-avatar:after{content:"";position:absolute;right:10px;bottom:11px;width:15px;height:15px;border-radius:50%;background:#25d366;border:3px solid #061320;box-shadow:0 0 12px rgba(37,211,102,.6)}.sa1093-person b{display:block;font-size:20px;color:#fff}.sa1093-person span{display:block;font-size:12px;color:#b9d4e7;font-weight:900;margin-top:4px}
.sa1093-select-wrap{display:grid;gap:8px;margin:8px 0 11px}.sa1093-select-wrap label{font-size:12px;color:#cfe8f6;font-weight:1000}
.sa1093-emp-circles{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:4px 0}
.sa1093-emp-circle{width:52px;height:52px;border-radius:50%;padding:2px;border:2px solid rgba(142,234,255,.25);background:transparent;cursor:pointer;transition:.15s ease;flex-shrink:0}
.sa1093-emp-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.sa1093-emp-circle:hover{border-color:rgba(142,234,255,.6)}
.sa1093-emp-circle.active{border-color:var(--sa-contact-accent,#8eeaff);box-shadow:0 0 14px color-mix(in srgb, var(--sa-contact-accent,#8eeaff) 50%, transparent)}
.sa1093-chat{width:100%;min-height:54px;border:0;cursor:pointer;color:#06131f;background:linear-gradient(90deg,#25d366,#11d6bc,var(--sa-contact-accent,#00a8ff));font:inherit;font-weight:1000;box-shadow:0 14px 30px rgba(37,211,102,.13),0 0 24px color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 20%, transparent);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);display:flex;align-items:center;justify-content:center;gap:9px;margin-top:6px}.sa1093-chat i{font-style:normal;font-size:22px}
.sa1093-icon-actions{display:flex;justify-content:center;gap:14px;margin-top:14px}
.sa1093-icon-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;color:#eaf8ff;border:1px solid rgba(142,234,255,.24);background:rgba(255,255,255,.045);transition:.15s ease;cursor:pointer;font-family:inherit}
.sa1093-icon-btn:hover{border-color:var(--sa-contact-accent,#8eeaff);background:color-mix(in srgb, var(--sa-contact-accent,#00a8ff) 14%, transparent);transform:translateY(-2px)}
.sa1093-wa-icon{background:linear-gradient(135deg,#25d366,#11d6bc);border-color:transparent;color:#06131f;font-size:20px;box-shadow:0 8px 20px rgba(37,211,102,.25)}
.sa1093-wa-icon:hover{transform:translateY(-2px) scale(1.05)}

.sa1093-compose{max-height:0; overflow:hidden; opacity:0; transition:.24s ease; margin-top:0}
.sa1093-compose.open{max-height:180px; opacity:1; margin-top:14px}
.sa1093-compose textarea{
  width:100%; min-height:38px; max-height:140px; resize:none; overflow-y:auto;
  background:rgba(255,255,255,.05); border:1px solid rgba(142,234,255,.26); color:#eefbff;
  border-radius:12px; padding:10px 12px; font:inherit; font-size:13px; line-height:1.6; outline:0;
}
.sa1093-compose textarea::placeholder{color:#7b98ab}
.sa1093-compose textarea:focus{border-color:var(--sa-contact-accent,#8eeaff)}
.sa1093-compose-foot{display:flex; justify-content:space-between; align-items:center; margin-top:7px}
.sa1093-compose-foot span{font-size:10px; color:#7b98ab}
.sa1093-compose-foot button{
  background:linear-gradient(90deg,#25d366,var(--sa-contact-accent,#00a8ff)); color:#06131f; border:0; border-radius:20px;
  padding:8px 16px; font-weight:1000; font-size:12px; cursor:pointer; transition:.15s ease;
}
.sa1093-compose-foot button:disabled{opacity:.35; cursor:not-allowed}
.sa1093-compose-foot button:not(:disabled):hover{transform:translateY(-1px)}
.sa1093-note{font-size:11px;line-height:1.7;color:#89a8bd;text-align:center;margin:11px 0 0}.sa1093-toast{position:fixed;right:82px;top:calc(50% + 252px);pointer-events:none;opacity:0;transform:translateY(8px);transition:.2s ease;color:#06131f;background:var(--sa-contact-accent,#8eeaff);padding:9px 12px;font-weight:1000;font-size:12px;box-shadow:0 12px 26px rgba(0,0,0,.25);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.sa1093-toast.show{opacity:1;transform:translateY(0)}@keyframes sa1093Pulse{70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@media(max-width:900px){.sa1093-contact-tab{right:14px;top:auto;bottom:96px;width:56px;height:56px}.sa1093-panel-tail{display:none}.sa1093-contact-panel{right:8px;left:8px;top:auto;bottom:12px;width:auto;max-width:none;max-height:calc(100vh - 30px);transform:translateY(30px) scale(.98)}.sa1093-contact-root.open .sa1093-contact-panel{transform:translateY(0) scale(1)}.sa1093-toast{right:14px;top:auto;bottom:14px}}
