@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap";.guest-page{min-height:100vh;width:100%}.guest-page .login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.guest-page .btn-login{padding:.875rem 1.5rem;border-radius:.5rem;background:linear-gradient(to right,#14b8a6,#0d9488)!important;color:#fff!important;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;font-family:Cairo,sans-serif}.guest-page .btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.guest-page .btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.avatar-logo-wrapper{background-color:transparent}.gc-avatar-logo,.avatar-logo{width:46px;height:46px;-o-object-fit:contain;object-fit:contain}.message-check{width:16px;height:16px;color:hsl(var(--muted-foreground));margin-right:4px}.message-check.message-check-read{color:hsl(var(--primary))}.message-check.message-check-seen{color:#22c55e}.no-volunteers-message{font-size:1.1rem;color:#dc2626;text-align:center;line-height:1.8;padding:1.5rem;margin-top:1rem;background:#dc26261a;border-radius:.75rem;border:1px solid rgba(220,38,38,.2)}.guest-page .messages-container{background:#f0f2f5}.gc-msg-row{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:.25rem}.gc-msg-row--vol{flex-direction:row}.gc-msg-row--guest{flex-direction:row-reverse}.gc-msg-row--system{justify-content:center}.gc-msg-row--system .gc-bubble{background:#f3f4f6;color:#6b7280;font-size:.85rem;text-align:center;border:none;max-width:80%}.gc-msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0;align-self:flex-end;background:transparent}.gc-msg-avatar--vol{background:hsl(var(--primary, 170 100% 30%));color:#fff}.gc-msg-avatar--guest{background:transparent}.gc-bubble{max-width:72%;padding:.45rem .75rem .3rem;border-radius:.875rem;word-break:break-word;line-height:1.5;position:relative}.gc-bubble--vol{background:#dcf8c6;color:#111827;border-bottom-right-radius:.2rem}.gc-bubble--guest{background:#fff;color:#111827;border-bottom-left-radius:.2rem;box-shadow:0 1px 2px #00000014}.gc-bubble-text{margin:0;font-size:.9rem;white-space:pre-wrap;direction:rtl;text-align:right}.gc-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.2rem;direction:ltr}.gc-bubble-time{font-size:.68rem;color:#6b7280}.gc-bubble--vol .gc-bubble-time{color:#5a7a2e}.gc-reply-preview{margin-bottom:.4rem;padding:.3rem .6rem;border-radius:.5rem;background:#00000012;border-right:3px solid hsl(var(--primary, 170 100% 30%))}.gc-reply-preview-name{font-size:.7rem;font-weight:700;color:hsl(var(--primary, 170 100% 30%));margin-bottom:.1rem}.gc-reply-preview-text{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.gc-react-wrap{position:relative;flex-shrink:0;align-self:center}.gc-react-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,opacity .15s;opacity:0;pointer-events:none}.gc-msg-row:hover .gc-react-btn{opacity:1;pointer-events:auto}.gc-react-btn:hover{color:#4b5563}.gc-reaction-picker{position:absolute;bottom:calc(100% + 4px);z-index:50;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:2rem;padding:.3rem .4rem;display:flex;gap:.15rem;box-shadow:0 4px 16px #00000026;white-space:nowrap}.gc-reaction-picker--left{left:0}.gc-reaction-picker--right{right:0}.gc-reaction-picker-emoji{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:.15rem;border-radius:50%;transition:transform .1s;line-height:1}.gc-reaction-picker-emoji:hover{transform:scale(1.3)}.gc-reaction-picker-emoji-active{background:#00000014}.gc-reaction-badges{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.3rem;direction:ltr}.gc-reaction-badge{background:transparent!important;border:none!important;border-radius:1rem;padding:.05rem .35rem;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.1rem;transition:background .15s}.gc-reaction-badge:hover{background:#0000000d}.gc-reaction-badge-mine{background:#4caf5026;border-color:#4caf5066}.gc-waiting-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(90deg,#fef3c7,#fde68a);color:#92400e;font-size:.85rem;font-weight:600;border-bottom:1px solid #f59e0b33}.waiting-spinner--small{width:16px;height:16px;border-width:2px}.guest-chat-header{height:4.5rem;padding:1rem}.guest-page{box-shadow:0 2px 8px -2px #0000000a,0 4px 16px -4px #0000000f;min-height:100vdh;overflow:auto!important}.guest-messages-container{margin-bottom:110px}.guest-chat-input-container{position:absolute;bottom:0;right:0;width:100%}@media (min-width:667px){.guest-messages-container{width:70vw;margin:15px auto}.guest-page{width:70vw;margin:15px auto;border:1px solid #eee;border-radius:5px}.chat-input-container{margin-bottom:15px}}.gc-emoji-picker-container{display:none}@media (min-width: 770px){.gc-emoji-picker-container{display:flex;position:relative;align-items:center}.gc-emoji-picker-container .emoji-trigger-btn{background:none;border:none;color:#888;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.gc-emoji-picker-container .emoji-trigger-btn:hover,.gc-emoji-picker-container .emoji-trigger-btn.active{background-color:rgba(var(--primary-rgb, 99, 102, 241),.1);color:#6366f1}.gc-emoji-picker-container .emoji-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.75rem;width:300px;max-width:90vw;max-height:350px;overflow-y:auto;z-index:200;animation:gcEmojiSlideUp .2s ease-out}@keyframes gcEmojiSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gc-emoji-picker-container .emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.gc-emoji-picker-container .emoji-box{display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:.25rem;cursor:pointer;border-radius:.4rem;transition:transform .1s,background-color .1s}.gc-emoji-picker-container .emoji-box:hover{background-color:#6366f11a;transform:scale(1.2)}}.typing-dir{justify-content:flex-end}
