/* התאמה ממוקדת לרפרנס המאושר; אין החלפת נכסים. */
:root{--ink:#28232f;--line:#e3d8dc}
body{font-family:'Noto Sans Hebrew',sans-serif;font-weight:400}
.room{background-image:url('../design/images/reference-room.png');background-size:auto 111%;background-position:left top;mask-image:linear-gradient(to right,#000 0%,#000 20%,transparent 49%);opacity:1}
button img,h2 img,.task-list img,.appointment img,.input-heart,.welcome p img,.services img,.brand img{filter:none;mix-blend-mode:normal}
.profile{flex-direction:row-reverse}.profile .avatar{padding:0;object-fit:cover;background:none;mix-blend-mode:normal}
.input-heart{order:0;margin-inline:0;align-self:center}
.input-row textarea{flex:0 1 190px}.input-row #microphone{margin-inline-start:auto}
.calendar-only{grid-template-columns:1fr 1.07fr}.calendar-only>.calendar{grid-column:2}
.comparison bdi{display:block;direction:ltr;unicode-bidi:isolate;text-align:right}
.welcome h1{font-weight:500;letter-spacing:0}.brand span{letter-spacing:0}
.overview>button{background:#fffbf9a6;border-color:#e6dedb;box-shadow:inset 0 1px 0 #fff9,0 5px 12px #73544d0b}
.overview>button:before{box-shadow:inset 0 1px 8px #ffffff45}
.panel{background:linear-gradient(135deg,#fffdfcba,#fcf8f5a1);border-color:#fffaf8d9;box-shadow:inset 0 1px 0 #fff8,0 6px 19px #72555307}
.task-list{background:#fffaf72b}.task-list label{border-color:#e4d9db}
#chat{box-shadow:inset 0 1px 2px #fff,0 9px 24px #986b551f}
#chat.engaged{height:min(390px,44dvh);border-radius:40px;background-color:#fcf4ef}
#chat.engaged.expanded{height:min(430px,48dvh)}
.mobile-chat-close{display:none}
@media(min-width:701px){
#chat{min-height:250px}.appointment{min-height:4.55vh}.appointment .event{padding-block:5px}.panel-heading{margin-bottom:3px}.calendar .panel-heading{min-height:36px}
.overview strong{font-weight:600}.panel h2{font-weight:600}.sidebar nav{margin-top:29px}
.welcome h1{font-size:clamp(32px,3.3vw,54px)}.task-list label{font-size:clamp(14px,1.26vw,20px)}
body:has(#chat.engaged:not([hidden])) main{position:fixed;inset-block-start:80px;inset-block-end:calc(min(390px,44dvh) + 24px);inset-inline-start:var(--rail);inset-inline-end:0;margin:0;padding-block:0 8px;overflow:auto;scrollbar-width:thin}
body:has(#chat.engaged.expanded:not([hidden])) main{inset-block-end:calc(min(430px,48dvh) + 24px)}
body:has(#chat.engaged:not([hidden])) .welcome,body:has(#chat.engaged:not([hidden])) .overview{display:none}
body:has(#chat.engaged:not([hidden])) .panels>.panel{height:330px;min-height:330px}
body:has(#chat.engaged:not([hidden])) .appointment{min-height:44px}
body:has(#chat.engaged:not([hidden])) .calendar-only>.calendar{grid-column:1/-1;max-width:660px;width:100%;justify-self:center}
body:has(#chat.engaged:not([hidden])) .detail{min-height:0}
body:has(#chat.engaged:not([hidden])) .site-preview{margin-top:8px;max-width:700px}.site-preview>img{height:225px}
}
@media(max-width:700px){
.room{mask-image:linear-gradient(to right,#000,transparent 90%);opacity:.4}.calendar-only{display:block}.calendar-only>.calendar{width:100%}
main,body:has(#chat.engaged:not([hidden])) main,body:has(#chat[hidden]) main{position:relative;inset:auto;margin:0;padding:42px 12px 96px;overflow:visible;overscroll-behavior:auto}
body:has(#chat.engaged:not([hidden])) main{padding-bottom:16px}
body:has(#chat.engaged:not([hidden])) .welcome,body:has(#chat.engaged:not([hidden])) .overview{display:none}
.panels>.panel{height:auto!important;min-height:0!important}.calendar{max-height:none;overflow:visible}
#chat,#chat.engaged,#chat.engaged.expanded{position:relative;inset:auto!important;width:calc(100% - 16px);margin:0 8px 20px;height:auto;min-height:260px;max-height:none!important;border-radius:30px;padding:8px 12px 12px;z-index:1}
#messages{flex:none;overflow:visible;max-height:none;padding:8px 3px 12px;overscroll-behavior:auto}
.chat-opener{bottom:12px;left:12px;right:12px;min-height:60px;border:2px solid white;background:linear-gradient(110deg,#fae8dd,#f3e8f4);box-shadow:0 4px 16px #80657525;font-size:17px}
.mobile-chat-close{display:block;position:absolute;right:0;top:5px;min-height:44px;font-size:12px;padding:4px 9px;border-radius:20px;background:#fff8}
.suggestions button{min-height:44px}.input-row textarea{flex:1;font-size:16px}
.site-preview{grid-template-columns:1fr 90px}.site-copy{padding:12px}.site-preview>img{height:260px}
.chat-header h2{font-size:28px}.chat-controls button{min-width:36px}.chat-controls{left:0}.chat-header{min-height:55px}
.demo{position:absolute;top:4px;left:85px;right:auto;bottom:auto;font-size:9px;z-index:4}
}