/* ClokIt USA — in-app master brand lockup matched to website header */
.topbar-inner{position:relative!important;min-height:76px}
.topbar .brand{visibility:hidden!important;pointer-events:none!important}
.clokit-app-brand-lockup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;z-index:2;text-decoration:none;color:#fff;white-space:nowrap;pointer-events:auto;min-width:max-content}
.clokit-master-brand-mark{width:54px;height:54px;display:grid;place-items:center;background:transparent;border-radius:0;box-shadow:none;overflow:visible;flex:0 0 54px}
.clokit-master-brand-mark img{display:block;width:54px;height:54px;object-fit:contain;background:transparent;border:0;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))}
.clokit-master-brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1}
.clokit-master-brand-copy b{font-size:22px;font-weight:900;color:#f7fbff;letter-spacing:-.035em;line-height:1}
.clokit-master-brand-copy .clokit-brand-blue{color:#2f8cff}
.clokit-master-brand-copy small{margin-top:6px;color:#8ab7df;font-size:9px;font-weight:800;letter-spacing:.075em;line-height:1;text-transform:none}
@media(max-width:760px){
  .topbar-inner{min-height:76px!important;padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
  .clokit-app-brand-lockup{gap:11px;max-width:90vw}
  .clokit-master-brand-mark{width:52px;height:52px;flex-basis:52px}
  .clokit-master-brand-mark img{width:52px;height:52px}
  .clokit-master-brand-copy b{font-size:21px}
  .clokit-master-brand-copy small{font-size:9px;margin-top:5px;letter-spacing:.07em}
  .topbar .brand{width:54px!important;min-width:54px!important}
  .topbar .top-actions{position:relative;z-index:3}
}
@media(min-width:761px){
  /* Desktop only: use the far-left header position like a full professional app shell. */
  .topbar-inner{padding-left:28px!important}
  .clokit-app-brand-lockup{left:28px!important;right:auto!important;transform:translateY(-50%)!important;justify-content:flex-start!important}
  .clokit-master-brand-mark{width:56px;height:56px;flex-basis:56px}
  .clokit-master-brand-mark img{width:56px;height:56px}
  .clokit-master-brand-copy b{font-size:23px}
  .clokit-master-brand-copy small{font-size:9px}
  .topbar .top-actions{margin-left:auto!important;position:relative!important;z-index:3!important}
}