/* CLIPSYRA 2.0 canonical logo system — exterior + interior only */
.clipsyra-brand-exterior,
.clipsyra-brand-auth,
.clipsyra-brand-interior{
  display:inline-flex;
  align-items:center;
  min-width:0;
  line-height:0;
  text-decoration:none;
}
.clipsyra-brand-exterior img,
.clipsyra-brand-auth img,
.clipsyra-brand-interior img{
  display:block;
  width:auto;
  max-width:100%;
  object-fit:contain;
  object-position:left center;
}

/* Auth/login/register use the same exterior source of truth */
#authShell .clipsyra-brand-auth{
  height:48px;
  max-width:260px;
  margin:0 0 12px;
}
#authShell .clipsyra-brand-auth img{
  height:48px;
}

/* Password recovery header */
#resetRecoveryShell .clipsyra-brand-exterior{
  height:42px;
  max-width:230px;
}
#resetRecoveryShell .clipsyra-brand-exterior img{
  height:42px;
}

/* Authenticated app/sidebar */
#app .clipsyra-brand-interior{
  width:100%;
  height:43px;
  max-width:190px;
}
#app .clipsyra-brand-interior img{
  height:43px;
}

/* Existing sidebar container geometry is preserved; only logo rendering changes. */
#app .clipsyra-logo-horizontal{
  display:flex;
  align-items:center;
  min-height:58px;
  margin-bottom:14px;
  padding:0 5px 12px;
  overflow:visible;
}
@media (max-width:820px){
  #resetRecoveryShell .clipsyra-brand-exterior{height:36px;max-width:196px}
  #resetRecoveryShell .clipsyra-brand-exterior img{height:36px}
  #authShell .clipsyra-brand-auth{height:42px;max-width:228px}
  #authShell .clipsyra-brand-auth img{height:42px}
}
@media (max-width:520px){
  #authShell .clipsyra-brand-auth{height:38px;max-width:206px}
  #authShell .clipsyra-brand-auth img{height:38px}
}


/* Official CLIPSYRA lockup (owner 2026-10-12): the approved C file
   (assets/clipsyra-c.png) followed by LIPSYRA, so the mark reads CLIPSYRA.
   --cf-lockup-size is the wordmark font-size; the C is sized from it so its
   visible glyph matches the capital height. The PNG has transparent padding
   (glyph box 35..234 x 8..231 of 256), cancelled with proportional margins. */
.cf-lockup{--cf-lockup-size:30px;--cf-c:calc(var(--cf-lockup-size) * 1.2);display:inline-flex;align-items:center;line-height:1;text-decoration:none;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
/* The wordmark always reads C + LIPSYRA, also in right-to-left languages. */
/* !important: older slot rules (#marketing .v2-brand img, #authShell .auth-logo img) size bare imgs. */
.cf-lockup .cf-lockup-c{display:block!important;flex:0 0 auto!important;width:var(--cf-c)!important;height:var(--cf-c)!important;max-width:none!important;margin:calc(var(--cf-c) * -.031) calc(var(--cf-c) * -.035) calc(var(--cf-c) * -.098) calc(var(--cf-c) * -.137)!important;object-fit:contain!important;filter:none}
.cf-lockup .cf-lockup-word{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:var(--cf-lockup-size);letter-spacing:-.02em;line-height:1;background:linear-gradient(92deg,#db43ff 0%,#744bff 42%,#1ea9ff 78%,#00c8f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#authShell .cf-auth-brand{display:flex;justify-content:center;width:100%;height:auto;margin:0 auto 22px}
#authShell .cf-auth-brand .cf-lockup{--cf-lockup-size:34px}
#resetRecoveryShell .cf-reset-brand{display:inline-flex;align-items:center}
#resetRecoveryShell .cf-reset-brand .cf-lockup{--cf-lockup-size:30px}
@media (max-width:820px){#authShell .cf-auth-brand .cf-lockup{--cf-lockup-size:30px}#resetRecoveryShell .cf-reset-brand .cf-lockup{--cf-lockup-size:25px}}