.torli-brand-corner{
  position:fixed;
  top:12px;
  right:16px;
  z-index:5000;
  display:flex;
  align-items:center;
  gap:7px;
  width:min(270px,calc(100vw - 32px));
  min-height:62px;
  padding:2px 0;
  pointer-events:none;
  direction:rtl;
  filter:drop-shadow(0 2px 6px rgba(25,65,90,.08));
}
.torli-brand-corner img{width:72px;height:57px;object-fit:contain;flex:0 0 auto}
.torli-brand-copy{display:grid;gap:2px;text-align:right;line-height:1.08;min-width:0}
.torli-brand-copy strong{font:800 28px/1 Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#123e82;white-space:nowrap}
.torli-brand-copy span{font:500 13px/1.2 Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#617586;white-space:nowrap}

/* Public booking: same structure, blue-forward palette. */
body:has(#businessName){background:linear-gradient(180deg,#f2f7ff,#fbfdff)!important;color:#17323a!important}
body:has(#businessName) .page>.card{border:1px solid #e4ebf3!important;box-shadow:0 18px 55px rgba(35,83,130,.09)!important}
body:has(#businessName) .page>.card>.head{background:linear-gradient(135deg,#2389f5,#1466bd)!important}
body:has(#businessName) .opt.active,
body:has(#businessName) .slot.active,
body:has(#businessName) .datechip.active{border-color:#2389f5!important;background:#e8f3ff!important;box-shadow:0 0 0 2px rgba(35,137,245,.12)!important}
body:has(#businessName) .slot{background:#e9faef!important;border-color:#c7ead3!important}
body:has(#businessName) .primary{background:linear-gradient(90deg,#2389f5,#1466bd)!important;color:#fff!important}
body:has(#businessName) .secondary{background:#eaf4ff!important;color:#173f70!important}
body:has(#businessName) .form input:focus,
body:has(#businessName) .form textarea:focus{outline:none!important;border-color:#6db3f5!important;box-shadow:0 0 0 3px rgba(35,137,245,.10)!important}

@media(max-width:650px){
  .torli-brand-corner{top:8px;right:9px;width:184px;min-height:47px;gap:4px}
  .torli-brand-corner img{width:50px;height:40px}
  .torli-brand-copy strong{font-size:19px}
  .torli-brand-copy span{font-size:9px}
}

/* Reserve space for the common brand without covering forms or the calendar. */
body{padding-top:80px!important}
.torli-brand-corner{z-index:20;background:#f7faff;filter:none}
body::before{content:"";position:fixed;inset:0 0 auto;height:80px;background:#f7faff;z-index:19;border-bottom:1px solid #e5ebf2}
.auth-shell.auth-split,.shell{min-height:calc(100vh - 80px)}
@media(min-width:981px){.sidebar{top:80px;height:calc(100vh - 80px)}}
.torli-version{position:fixed;top:31px;left:16px;z-index:20;color:#617586;font-size:12px;direction:rtl}
@media(max-width:650px){body{padding-top:62px!important}body::before{height:62px}.auth-shell.auth-split,.shell{min-height:calc(100vh - 62px)}.torli-version{top:25px;left:10px;font-size:10px}}

/* Login pages do not use the floating global brand bar. Remove its reserved space too. */
body:has(.auth-shell){padding-top:0!important}
body:has(.auth-shell)::before{display:none!important}
body:has(.auth-shell) .auth-shell.auth-split{min-height:100vh!important}

/* The supplied TorChik artwork is 1374x768. Preserve that real ratio instead of a tall crop. */
body:has(.auth-shell) .auth-visual.auth-visual-photo{aspect-ratio:1374/768!important;height:auto!important;min-height:0!important}
body:has(.auth-shell) .auth-visual-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#c8f0ef}

@media(max-width:600px){
  body:has(.auth-shell) .auth-shell.auth-split{padding:8px!important;align-items:flex-start!important}
  body:has(.auth-shell) .auth-frame{width:100%!important;margin:4px auto 10px!important;border-radius:20px!important}
  body:has(.auth-shell) .auth-visual.auth-visual-photo{width:100%!important;aspect-ratio:1374/768!important;max-height:none!important}
  body:has(.auth-shell) .auth-login{padding:18px 18px 20px!important}
  body:has(.auth-shell) .auth-login .auth-logo-calendar{width:44px!important;height:44px!important;margin-bottom:6px!important}
  body:has(.auth-shell) .auth-login h2{font-size:23px!important;margin-bottom:13px!important}
  body:has(.auth-shell) .auth-login .tabs{margin-bottom:13px!important}
  body:has(.auth-shell) .auth-login .auth-form{gap:11px!important}
  body:has(.auth-shell) .auth-login .auth-form input,
  body:has(.auth-shell) .auth-login .auth-form select{min-height:48px!important}
  body:has(.auth-shell) .auth-login .auth-submit{min-height:50px!important}
  body:has(.auth-shell) .auth-footer{margin-top:16px!important;padding-top:15px!important}
}