html[data-hv-client-preview="readonly"] body{padding-top:48px!important}
#hvClientPreviewBanner{position:fixed;z-index:2147483000;inset:0 0 auto 0;min-height:47px;
 display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 20px;
 color:#f6fbf7;background:#0d3e30;box-shadow:0 3px 16px #002d1c29;box-sizing:border-box;
 direction:rtl;font-family:inherit}
#hvClientPreviewBanner .hv-client-preview-label{display:flex;align-items:center;gap:10px;min-width:0}
#hvClientPreviewBanner .hv-client-preview-label strong{white-space:nowrap;font-size:12px;font-weight:850}
#hvClientPreviewBanner .hv-client-preview-label small{font-size:11px;color:#d3e5da}
#hvClientPreviewBanner .hv-client-preview-led{width:8px;height:8px;min-width:8px;border-radius:50%;background:#e3b363}
#hvClientPreviewBanner button{display:flex;align-items:center;justify-content:center;gap:8px;
 background:#fff;border:1px solid #dce9df;border-radius:9px;color:#144c36;
 min-height:33px;padding:6px 13px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
#hvClientPreviewBanner button:hover{background:#e9f5ec}
@media(max-width:620px){
 #hvClientPreviewBanner{padding:5px 9px;gap:7px}
 #hvClientPreviewBanner .hv-client-preview-label{gap:6px}
 #hvClientPreviewBanner .hv-client-preview-label small{display:none}
 #hvClientPreviewBanner button{padding:5px 9px}
}