/* EDRISI STORE LIVE CHAT V1 2026 */
.edrisi-live-chat{--chat-green:#087b61;--chat-deep:#103f35;--chat-cream:#f8f5ee;position:fixed;left:18px;bottom:18px;z-index:990;font-family:Tahoma,Arial,sans-serif;color:#173f36}
html[dir="ltr"] .edrisi-live-chat{left:auto;right:18px}
.edrisi-chat-launcher{position:relative;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:10px 15px 10px 11px;background:linear-gradient(135deg,#0b8b6c,#087158);color:#fff;box-shadow:0 16px 38px rgba(12,57,47,.28);font:900 13px/1.2 inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
html[dir="ltr"] .edrisi-chat-launcher{padding:10px 11px 10px 15px}
.edrisi-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(12,57,47,.34)}
.edrisi-chat-launcher-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#087158;font-size:18px}
.edrisi-chat-unread{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;background:#c93838;color:#fff;border:3px solid #fff;font-size:10px;font-weight:900}
html[dir="ltr"] .edrisi-chat-unread{right:auto;left:-4px}
.edrisi-chat-panel{position:absolute;left:0;bottom:62px;width:min(380px,calc(100vw - 24px));height:min(610px,calc(100vh - 105px));overflow:hidden;border:1px solid rgba(21,62,49,.14);border-radius:24px;background:#fff;box-shadow:0 26px 80px rgba(15,46,38,.28)}
html[dir="ltr"] .edrisi-chat-panel{left:auto;right:0}
.edrisi-chat-panel[hidden]{display:none!important}
.edrisi-chat-head{display:flex;align-items:center;gap:11px;padding:15px 16px;background:linear-gradient(135deg,#103f35,#0a745b);color:#fff}
.edrisi-chat-office-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.14);font-size:21px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.edrisi-chat-head-copy{display:grid;gap:3px;min-width:0;flex:1}
.edrisi-chat-head-copy strong{font-size:14px}.edrisi-chat-head-copy span{color:rgba(255,255,255,.72);font-size:9.5px;line-height:1.55}
.edrisi-chat-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer}
.edrisi-chat-status{display:flex;align-items:center;gap:7px;padding:8px 16px;border-bottom:1px solid #eee8dc;background:#fffaf2;color:#49635c;font-size:10px;font-weight:800}
.edrisi-chat-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#22a66f;box-shadow:0 0 0 4px rgba(34,166,111,.1)}
.edrisi-chat-error{margin:10px 14px 0;padding:9px 11px;border-radius:10px;background:#fff0f0;color:#9a3030;font-size:10px;line-height:1.6}
.edrisi-chat-identity{padding:20px 18px}.edrisi-chat-intro{margin:0 0 16px;color:#60706b;font-size:11px;line-height:1.8}
.edrisi-chat-identity form{display:grid;gap:12px}.edrisi-chat-identity label{display:grid;gap:6px;margin:0;color:#36544b;font-size:10px;font-weight:900}
.edrisi-chat-identity input{width:100%;min-height:45px;margin:0;padding:11px 12px;border:1px solid #d8ded9;border-radius:12px;background:#fff;font:inherit;color:#173f36;outline:none}
.edrisi-chat-identity input:focus{border-color:#159070;box-shadow:0 0 0 3px rgba(21,144,112,.1)}
.edrisi-chat-start{min-height:46px;border:0;border-radius:13px;background:#087b61;color:#fff;font:900 12px inherit;cursor:pointer}
.edrisi-chat-privacy{margin:0;text-align:center;color:#81908a;font-size:9px;line-height:1.55}
.edrisi-chat-conversation{display:grid;grid-template-rows:1fr auto;height:calc(100% - 101px)}
.edrisi-chat-conversation[hidden],.edrisi-chat-identity[hidden]{display:none!important}
.edrisi-chat-messages{display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:14px;background:radial-gradient(circle at 100% 0,#eef7f3,transparent 38%),#f8f6f0;scrollbar-width:thin}
.edrisi-chat-message{max-width:84%;padding:9px 11px 6px;border-radius:15px;box-shadow:0 3px 12px rgba(31,49,42,.06);font-size:11px;line-height:1.72}
.edrisi-chat-message p{margin:0;overflow-wrap:anywhere}.edrisi-chat-message time{display:block;margin-top:4px;color:#81908a;font-size:8px;text-align:end;direction:ltr}
.edrisi-chat-message.is-office{align-self:flex-start;background:#fff;border-bottom-left-radius:5px}.edrisi-chat-message.is-customer{align-self:flex-end;background:#dff5eb;border-bottom-right-radius:5px}
html[dir="ltr"] .edrisi-chat-message.is-office{border-bottom-left-radius:15px;border-bottom-right-radius:5px}html[dir="ltr"] .edrisi-chat-message.is-customer{border-bottom-right-radius:15px;border-bottom-left-radius:5px}
.edrisi-chat-file{display:flex;align-items:center;gap:8px;min-width:190px;padding:7px;border-radius:10px;background:rgba(255,255,255,.64)}
.edrisi-chat-file>span{font-size:19px}.edrisi-chat-file>div{display:grid;gap:2px;min-width:0}.edrisi-chat-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.edrisi-chat-file small{color:#73817c;font-size:8px}
.edrisi-chat-message-form{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:end;padding:10px;border-top:1px solid #e4e7e3;background:#fff}
.edrisi-chat-message-form textarea{width:100%;min-height:42px;max-height:92px;resize:none;margin:0;padding:10px 11px;border:1px solid #dbe0dc;border-radius:12px;background:#fbfcfb;font:11px/1.55 inherit;color:#173f36;outline:none}
.edrisi-chat-message-form textarea:focus{border-color:#159070;box-shadow:0 0 0 3px rgba(21,144,112,.09)}
.edrisi-chat-attach,.edrisi-chat-send{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;cursor:pointer}
.edrisi-chat-attach{background:#f0f3f1;color:#34554b;font-size:18px}.edrisi-chat-send{width:auto;min-width:58px;padding:0 12px;background:#087b61;color:#fff;font:900 10px inherit}
.edrisi-chat-message-form button:disabled,.edrisi-chat-message-form textarea:disabled{opacity:.5;cursor:not-allowed}.edrisi-chat-message-form.is-closed{grid-template-columns:1fr}.edrisi-chat-message-form.is-closed textarea,.edrisi-chat-message-form.is-closed .edrisi-chat-attach,.edrisi-chat-message-form.is-closed .edrisi-chat-send{display:none}
.edrisi-chat-new{min-height:42px;border:1px solid #b8d9ce;border-radius:12px;background:#eff9f5;color:#17694f;font:900 11px inherit;cursor:pointer}.edrisi-chat-new[hidden]{display:none!important}
@media(max-width:520px){.edrisi-live-chat{left:10px;bottom:11px}.edrisi-chat-panel{position:fixed;inset:8px;width:auto;height:auto;border-radius:22px}.edrisi-chat-launcher{padding:9px 12px 9px 9px}.edrisi-chat-launcher-icon{width:32px;height:32px}.edrisi-chat-message{max-width:88%}html[dir="ltr"] .edrisi-live-chat{right:10px;left:auto}html[dir="ltr"] .edrisi-chat-panel{inset:8px}}

.live-chat-admin{padding:0;overflow:hidden;margin:16px 0 22px}
.admin-chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #e5e0d8;background:linear-gradient(135deg,#f8fbf9,#f5f0e7)}
.admin-chat-head>div{display:flex;align-items:center;gap:10px}.admin-chat-head h2{margin:0;font-size:17px;color:#153e31}.admin-chat-head p{margin:3px 0 0;color:#6b7771;font-size:9.5px}
.admin-chat-badge{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#bd3535;color:#fff;font-size:10px;font-weight:900}.admin-chat-badge[hidden]{display:none}
.admin-chat-head-actions{display:flex;align-items:center;gap:8px}.admin-chat-head-actions select,.admin-chat-head-actions button{min-height:38px;margin:0;padding:8px 10px;border:1px solid #d7ddd9;border-radius:10px;background:#fff;font:800 9.5px inherit;color:#274b40}.admin-chat-head-actions button.is-active{background:#e7f6ef;border-color:#acd6c6;color:#0b7052}
.admin-chat-layout{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.7fr);height:560px;min-height:440px}
.admin-chat-list{overflow-y:auto;border-left:1px solid #e5e1da;background:#faf9f6}.admin-chat-thread{display:grid;width:100%;gap:5px;padding:13px 14px;border:0;border-bottom:1px solid #e9e5de;background:transparent;text-align:right;color:#213c34;cursor:pointer}.admin-chat-thread:hover,.admin-chat-thread.is-selected{background:#edf7f3}.admin-chat-thread.is-selected{box-shadow:inset -3px 0 #168162}
.admin-chat-thread-top,.admin-chat-thread-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-chat-thread-top strong{font-size:10.5px}.admin-chat-thread-top time{color:#8a958f;font-size:7.5px;direction:ltr}.admin-chat-thread-phone{width:max-content;color:#467064;font-size:8.5px}.admin-chat-thread-bottom em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#75817b;font-size:8.5px;font-style:normal}.admin-chat-thread-bottom b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#158463;color:#fff;font-size:8px}
.admin-chat-empty{padding:30px 15px;color:#7a8680;text-align:center;font-size:10px}.admin-chat-detail{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#fff}
.admin-chat-placeholder{display:grid;place-content:center;place-items:center;gap:10px;height:100%;color:#76827c;text-align:center;font-size:11px}.admin-chat-placeholder span{font-size:34px}
.admin-chat-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e6e2db;background:#fff}.admin-chat-detail-head>div{display:grid;gap:3px}.admin-chat-detail-head strong{font-size:11px}.admin-chat-detail-head a{width:max-content;color:#167456;font-size:8.5px;text-decoration:none}.admin-chat-detail-head button{min-height:34px;margin:0;font-size:8.5px}
.admin-chat-messages{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:15px;background:radial-gradient(circle at 100% 0,#eef6f2,transparent 36%),#f8f6f1}.admin-chat-message{max-width:76%;padding:8px 10px 6px;border-radius:13px;font-size:9.5px;line-height:1.7;box-shadow:0 2px 9px rgba(34,49,43,.05)}.admin-chat-message p{margin:0;overflow-wrap:anywhere}.admin-chat-message time{display:block;margin-top:3px;color:#82908a;font-size:7px;text-align:left;direction:ltr}.admin-chat-message.is-customer{align-self:flex-start;background:#fff;border-bottom-right-radius:4px}.admin-chat-message.is-office{align-self:flex-end;background:#ddf2e8;border-bottom-left-radius:4px}
.admin-chat-attachment{display:flex;align-items:center;gap:8px;min-width:200px;padding:7px;border:1px solid rgba(28,94,73,.12);border-radius:9px;background:rgba(255,255,255,.68);color:#234a3e;text-decoration:none}.admin-chat-attachment>span{font-size:17px}.admin-chat-attachment>div{display:grid;gap:2px;min-width:0}.admin-chat-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px}.admin-chat-attachment small{color:#658076;font-size:7px}
.admin-chat-reply{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;padding:11px;border-top:1px solid #e3e0da;background:#fff}.admin-chat-reply textarea{width:100%;min-height:43px;max-height:90px;resize:vertical;margin:0;font-size:10px}.admin-chat-reply button{min-height:43px;margin:0}.admin-chat-reply p{grid-column:1/-1;margin:0;color:#866e53;font-size:8.5px}.admin-chat-reply.is-closed textarea,.admin-chat-reply.is-closed button{display:none}
@media(max-width:800px){.admin-chat-head{align-items:flex-start;flex-direction:column}.admin-chat-head-actions{width:100%;flex-wrap:wrap}.admin-chat-head-actions select,.admin-chat-head-actions button{flex:1}.admin-chat-layout{grid-template-columns:1fr;height:auto}.admin-chat-list{display:flex;overflow-x:auto;overflow-y:hidden;border-left:0;border-bottom:1px solid #e5e1da}.admin-chat-thread{min-width:220px;border-bottom:0;border-left:1px solid #e9e5de}.admin-chat-thread.is-selected{box-shadow:inset 0 -3px #168162}.admin-chat-detail{min-height:500px}}
/* END EDRISI STORE LIVE CHAT V1 2026 */