﻿.ee-chat-shell{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 320px}
.ee-chat-panel{background:#fff;border:1px solid rgba(91,111,156,.16);border-radius:10px;box-shadow:0 10px 24px rgba(15,23,42,.055);overflow:hidden}
.ee-chat-header{align-items:center;background:#17233c;color:#fff;display:flex;justify-content:space-between;gap:12px;padding:16px 18px}
.ee-chat-title{font-size:17px;font-weight:800;line-height:1.2;margin:0}
.ee-chat-subtitle{color:rgba(255,255,255,.72);font-size:12px;margin:3px 0 0}
.ee-chat-status{align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;padding:6px 10px;text-transform:uppercase}
.ee-chat-status:before{background:#20d489;border-radius:50%;content:"";height:7px;width:7px}
.ee-chat-status.is-support:before{background:#f7b731}
.ee-chat-body{background:#f6f8fc;height:520px;overflow:auto;padding:18px}
.ee-chat-message{display:flex;margin-bottom:14px}
.ee-chat-message.is-user{justify-content:flex-end}
.ee-chat-bubble{background:#fff;border:1px solid #e5eaf3;border-radius:10px;color:#25324a;font-size:14px;line-height:1.48;max-width:78%;overflow-wrap:anywhere;padding:11px 13px;white-space:pre-wrap}
.ee-chat-message.is-user .ee-chat-bubble{background:#605eba;border-color:#605eba;color:#fff}
.ee-chat-source-badge{background:#eef3ff;border:1px solid #d8e1ff;border-radius:999px;color:#5148d8;display:block;font-size:11px;font-weight:800;line-height:1;margin:2px 0 12px;max-width:max-content;padding:6px 10px;white-space:normal}
.ee-chat-meta{border-top:1px solid rgba(91,111,156,.14);color:#7b879c;display:block;font-size:11px;font-weight:700;line-height:1.25;margin-top:9px;padding-top:7px;white-space:normal}
.ee-chat-message.is-user .ee-chat-meta{border-top-color:rgba(255,255,255,.24);color:rgba(255,255,255,.72)}
.ee-chat-attachment{align-items:center;background:#f7f9fd;border:1px solid #e2e8f3;border-radius:8px;color:#495b78;display:flex;font-size:12px;font-weight:800;gap:7px;margin-top:9px;min-width:0;overflow-wrap:anywhere;padding:8px 10px;text-decoration:none}
.ee-chat-attachment span{min-width:0}
.ee-chat-attachment:hover{background:#eef3ff;color:#5148d8;text-decoration:none}
.ee-chat-message.is-user .ee-chat-attachment{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.ee-chat-attachment.is-image{align-items:flex-start;display:block;padding:6px}
.ee-chat-attachment.is-image img{border-radius:6px;display:block;max-height:180px;max-width:100%;object-fit:cover}
.ee-chat-attachment.is-image span{display:block;margin-top:6px}
.ee-chat-procedure-gallery{display:grid;gap:8px;margin-top:10px;white-space:normal}
.ee-chat-procedure-image{background:#f8fafc;border:1px solid #dfe7f3;border-radius:8px;color:#5148d8;display:block;overflow:hidden;text-decoration:none}
.ee-chat-procedure-image img{background:#fff;display:block;max-height:210px;object-fit:contain;width:100%}
.ee-chat-procedure-image span{display:block;font-size:12px;font-weight:800;padding:7px 9px;text-align:center}
.ee-chat-procedure-image:hover{border-color:#bfc8ff;color:#3730a3;text-decoration:none}
.ee-chat-options{display:grid;gap:7px;margin-top:10px;white-space:normal}
.ee-chat-option{background:#f7f9ff;border:1px solid #dfe6ff;border-radius:8px;color:#4c46b6;cursor:pointer;font-size:12px;font-weight:800;line-height:1.35;padding:8px 10px;text-align:left;width:100%}
.ee-chat-option:hover{background:#edf1ff;border-color:#cbd5ff;color:#3730a3}
.ee-chat-footer{background:#fff;border-top:1px solid #edf1f7;padding:14px}
.ee-chat-form{align-items:flex-end;display:flex;gap:10px}
.ee-chat-input{border:1px solid #dbe4f0;border-radius:8px;min-height:44px;resize:none}
.ee-chat-actions{display:flex;gap:8px}
.ee-chat-file-input{display:none}
.ee-chat-file-btn{border-radius:8px;min-height:44px;min-width:48px}
.ee-chat-send{border-radius:8px;min-height:44px;min-width:98px}
.ee-chat-side{display:grid;gap:14px}
.ee-chat-side-card{background:#fff;border:1px solid rgba(91,111,156,.16);border-radius:10px;box-shadow:0 10px 24px rgba(15,23,42,.045);padding:16px}
.ee-chat-side-title{color:#17233c;font-size:14px;font-weight:800;margin:0 0 10px}
.ee-chat-chip{background:#f8fafd;border:1px solid #e5eaf3;border-radius:999px;color:#344155;display:block;font-size:12px;font-weight:700;margin-bottom:8px;padding:8px 11px;text-align:left;width:100%}
.ee-chat-chip:hover{background:#eef2ff;color:#5148d8}
.ee-chat-empty{color:#68758d;padding:70px 20px;text-align:center}
.ee-chat-empty i{color:#605eba;font-size:38px;margin-bottom:10px}
.ee-chat-widget{bottom:22px;position:fixed;right:86px;z-index:1050}
.ee-chat-widget-button{align-items:center;background:#605eba;border:0;border-radius:999px;box-shadow:0 14px 28px rgba(30,41,59,.22);color:#fff;display:flex;font-weight:800;gap:9px;min-height:52px;padding:0 18px}
.ee-chat-widget-button i{font-size:18px}
.ee-chat-widget-window{background:#fff;border:1px solid rgba(91,111,156,.18);border-radius:12px;bottom:68px;box-shadow:0 20px 46px rgba(15,23,42,.24);display:none;overflow:hidden;position:absolute;right:0;width:360px}
.ee-chat-widget-window.is-open{display:block}
.ee-chat-widget .ee-chat-header{padding:13px 14px}
.ee-chat-widget .ee-chat-body{height:360px;padding:14px}
.ee-chat-widget .ee-chat-bubble{font-size:13px;max-width:86%}
.ee-chat-widget .ee-chat-footer{padding:11px}
.ee-chat-widget .ee-chat-actions{flex:0 0 auto}
.ee-chat-widget .ee-chat-send,.ee-chat-widget .ee-chat-file-btn{min-width:44px;padding-left:12px;padding-right:12px}
.ee-chat-widget-tools{align-items:center;display:flex;gap:7px}
.ee-chat-widget-close{align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;display:inline-flex;height:32px;justify-content:center;width:32px}
.ee-chat-widget-close:hover{background:rgba(255,255,255,.22);color:#fff}
.ee-chat-widget-link{border-top:1px solid #edf1f7;color:#605eba;display:block;font-size:12px;font-weight:800;padding:9px 12px;text-align:center}
.ee-procedure-view{display:grid;gap:18px;padding:22px 0}
.ee-procedure-hero{align-items:flex-start;background:#fff;border:1px solid rgba(91,111,156,.16);border-radius:10px;display:flex;gap:18px;justify-content:space-between;padding:22px}
.ee-procedure-hero span,.ee-procedure-step-text span{color:#605eba;display:block;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.ee-procedure-hero h1{color:#17233c;font-size:30px;font-weight:900;margin:6px 0 8px}
.ee-procedure-hero p{color:#536079;font-size:15px;line-height:1.55;margin:0;max-width:900px}
.ee-procedure-info{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ee-procedure-info article,.ee-procedure-step{background:#fff;border:1px solid rgba(91,111,156,.16);border-radius:10px;box-shadow:0 10px 24px rgba(15,23,42,.045);padding:18px}
.ee-procedure-info strong{color:#17233c;display:block;font-size:14px;font-weight:900;margin-bottom:7px}
.ee-procedure-info p{color:#536079;margin:0}
.ee-procedure-steps{display:grid;gap:16px}
.ee-procedure-step{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}
.ee-procedure-step-text h2{color:#17233c;font-size:22px;font-weight:900;margin:6px 0 9px}
.ee-procedure-step-text p{color:#344155;font-size:15px;line-height:1.58;margin:0}
.ee-procedure-step-image{background:#f8fafc;border:1px solid #dfe7f3;border-radius:10px;color:#5148d8;display:block;overflow:hidden;text-decoration:none}
.ee-procedure-step-image img{background:#fff;display:block;max-height:520px;object-fit:contain;width:100%}
.ee-procedure-step-image small{display:block;font-size:12px;font-weight:900;padding:9px;text-align:center}
.ee-procedure-step-image:hover{border-color:#bfc8ff;color:#3730a3;text-decoration:none}
@media (max-width:991.98px){.ee-chat-shell{grid-template-columns:1fr}.ee-chat-body{height:440px}.ee-chat-side{grid-row:1}}
@media (max-width:991.98px){.ee-procedure-hero,.ee-procedure-step{grid-template-columns:1fr}.ee-procedure-hero{display:grid}.ee-procedure-info{grid-template-columns:1fr}}
@media (max-width:575.98px){.ee-chat-widget{bottom:14px;right:78px}.ee-chat-widget-window{bottom:64px;right:-64px;width:calc(100vw - 28px)}.ee-chat-bubble{max-width:90%}.ee-chat-form{gap:8px}.ee-chat-actions{gap:6px}.ee-chat-send,.ee-chat-file-btn{min-width:48px}.ee-chat-send span{display:none}.ee-procedure-hero h1{font-size:24px}.ee-procedure-step-image img{max-height:360px}}
