/* Duhovnicul IOAN - conversație funcțională după macheta aprobată */
body:has(.ioan-app) main{max-width:1450px!important;padding:16px 16px 45px!important}
body:has(.ioan-app) main>.hero{display:none!important}
.ioan-app{display:grid;grid-template-columns:270px minmax(0,1fr);gap:17px;min-height:calc(100vh - 165px);font-family:Georgia,serif}
.ioan-sidebar,.ioan-conversation{background:rgba(255,251,242,.975);border:1px solid #dfceb1;border-radius:22px;box-shadow:0 6px 26px #352a1817;overflow:hidden}
.ioan-sidebar{display:flex;flex-direction:column;padding:24px 17px;gap:16px}
.ioan-profile{text-align:center}
.ioan-avatar-wrap{position:relative;display:inline-block;width:137px;height:137px}
.ioan-avatar{width:137px;height:137px;object-fit:cover;border-radius:50%;border:3px solid #c69a4a;padding:4px;background:#fff7e7}
.ioan-online-dot{position:absolute;bottom:10px;right:7px;background:#26bb65;width:19px;height:19px;border-radius:50%;border:3px solid #fffbf2}
.ioan-profile h2{font:600 28px/1.1 'Cormorant Garamond',Georgia,serif;color:#132c22;margin:15px 0 6px}
.ioan-profile p{color:#5b6c60;font-size:12px}.ioan-status-dot{display:inline-block;width:9px;height:9px;background:#29b960;border-radius:50%;margin-right:5px}
.ioan-side-links{display:grid;gap:7px}
.ioan-side-links a,.ioan-side-links button{display:block;border:0;text-decoration:none;text-align:left;background:transparent;color:#22362a;border-radius:11px;padding:14px 13px;font-size:14px;font-family:Georgia,serif;cursor:pointer}
.ioan-side-links a:hover{background:#eee5d6}
.ioan-side-links .ioan-new-chat{background:linear-gradient(#ddb66f,#a97728);color:white;font-weight:700;box-shadow:0 3px 10px #78532124}
.ioan-side-verse{margin-top:auto;text-align:center;border-top:1px solid #dac39b;padding:22px 4px 8px;color:#836940;display:grid;gap:8px}
.ioan-side-cross{font-size:24px;color:#be924e}
.ioan-side-verse em{font-size:14px;line-height:1.55}
.ioan-side-verse small{letter-spacing:1px;font-size:11px;text-transform:uppercase}
.ioan-conversation{display:flex;flex-direction:column;min-height:580px}
.ioan-chat-head{display:flex;align-items:center;gap:14px;padding:15px 24px;border-bottom:1px solid #eee3d2}
.ioan-head-avatar{width:53px;height:53px;object-fit:cover;border-radius:50%;border:2px solid #c49645}
.ioan-chat-head h2{font:600 32px/1.08 'Cormorant Garamond',Georgia,serif;margin:0;color:#152d23}
.ioan-chat-head p{color:#6f776f;font-size:14px;margin:5px 0}
.ioan-info{margin-left:auto;position:relative;color:#956a31}
.ioan-info summary{cursor:pointer;font-size:24px;list-style:none}
.ioan-info p{position:absolute;z-index:10;right:0;top:32px;width:min(280px,75vw);padding:16px;background:#fff9ec;border:1px solid #dcc399;border-radius:10px;box-shadow:0 6px 20px #3025191a;color:#39463b}
.ioan-chat-window{flex:1;min-height:270px;max-height:62vh;overflow-y:auto;padding:27px 28px!important;display:flex;flex-direction:column;gap:21px;background:transparent!important;border:0!important}
.ioan-message-row{display:flex;align-items:flex-end;gap:12px;width:100%}
.ioan-message-row.user{justify-content:flex-end}
.ioan-msg-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #c89e59;object-fit:cover;flex-shrink:0}
.ioan-message-row .ioan-bubble{max-width:min(76%,700px);width:fit-content;margin:0!important;padding:15px 19px!important;border-radius:19px!important;box-shadow:0 3px 14px #2b291a0a;font-size:16px;line-height:1.58}
.ioan-message-row .ioan-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ioan-message-row .ioan-user{background:#f7e7cc!important;border:0!important;border-bottom-right-radius:5px!important}
.ioan-message-row .ioan-bot{background:#fff!important;border:1px solid #eee6da!important;border-bottom-left-radius:5px!important}
.ioan-compose{padding:14px 22px 18px;border-top:1px solid #eadfcf}
#ioan-chat-form{display:flex!important;align-items:center!important;gap:10px!important;padding:7px!important;background:#fffefa;border:1px solid #dccbad;border-radius:15px;max-width:none!important}
#ioan-chat-form textarea{flex:1!important;min-width:0!important;max-height:125px;resize:vertical;min-height:44px!important;border:none!important;outline:none!important;background:transparent!important;padding:12px!important;margin:0!important;box-shadow:none!important;font:15px/1.5 Georgia,serif!important}
#ioan-chat-form .ioan-send-button{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(#dfb96d,#a67525);border:1px solid #b58538;color:white;font-size:25px;cursor:pointer}
.ioan-compose>small{display:block;text-align:center;font-size:12px;color:#74796f;margin:12px 0 0}
#ioan-chat-status{font-size:13px;color:#557363;margin:5px}
.ioan-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.ioan-app{grid-template-columns:1fr;gap:10px}.ioan-sidebar{padding:12px 15px}.ioan-profile{display:flex;align-items:center;gap:13px;text-align:left}.ioan-avatar-wrap,.ioan-avatar{width:55px;height:55px}.ioan-online-dot{width:11px;height:11px;bottom:3px;right:0}.ioan-profile h2{font-size:24px;margin:0}.ioan-side-links{display:flex;overflow-x:auto;gap:8px}.ioan-side-links a,.ioan-side-links button{flex:0 0 auto;font-size:12px;padding:10px}.ioan-side-verse{display:none}.ioan-conversation{min-height:60vh}.ioan-chat-window{max-height:60vh;padding:14px!important}.ioan-message-row .ioan-bubble{max-width:88%;font-size:15px}.ioan-chat-head{padding:12px}.ioan-chat-head h2{font-size:25px}.ioan-compose{padding:9px}.ioan-compose>small{font-size:11px}}

.ioan-new-chat-form{margin:0;width:100%}.ioan-new-chat-form button{width:100%}

/* Un singur indicator de stare lângă avatar, fără al doilea punct */
.ioan-profile .ioan-status-dot{display:none!important}

.ioan-online-dot{display:none!important}