/* KaiveraHub 0.91.0 — aligned authentication and compact, functional search. */

:root{--kh-shell-top:70px}

/* Authentication
   Every public authentication screen uses the same shell, story and card.
   On desktop the card content and the story logo share one optical top line. */
.auth-body .ph910-auth-shell{min-height:100dvh}
.auth-body .ph910-auth-access{position:relative;justify-items:center!important}
.auth-body .ph910-auth-card{width:min(100%,432px);min-width:0!important;max-width:100%!important;box-sizing:border-box;align-self:start!important;margin:0!important}
.auth-body .ph910-auth-card .ph909a-mobile-brand{display:none}
.auth-body .ph910-auth-card .ph906-eyebrow{color:#246bdf!important}
.auth-body .ph910-recovery-form{display:block}
.auth-body .ph910-recovery-form .ph906-field{display:flex!important}
.auth-body .ph910-auth-submit{width:100%;margin-top:20px}
.auth-body .ph910-policy-copy{margin-bottom:18px!important;padding:10px 12px;border:1px solid #dae5f1;border-radius:10px;background:#f7faff;color:#5e7088!important;font-size:10px!important;line-height:1.5}
.auth-body .ph910-back-login{display:flex;align-items:center;justify-content:center;min-height:34px;margin-top:13px;border-radius:9px;color:#2166df!important;font-size:10px;font-weight:850}
.auth-body .ph910-back-login:hover{background:#f1f6ff}
.auth-body .ph910-auth-lang{display:flex!important;align-items:center!important;gap:1px!important}
.auth-body .ph910-auth-lang a{min-width:31px;padding:5px 8px;border-radius:999px;color:#6e7d91!important;text-align:center;font-size:10px;font-weight:800}
.auth-body .ph910-auth-lang a.active{color:#fff!important;background:#246be6}
.auth-body .ph910-auth-card .flash{margin:10px 0;padding:9px 11px;border-radius:9px;font-size:10px;line-height:1.4}

@media(min-width:901px){
  .auth-body .ph910-auth-access{
    align-items:start!important;
    padding-top:34px!important;
  }
  .auth-body .ph910-auth-card{
    align-self:start!important;
    margin-top:0!important;
  }
  .auth-body .ph910-auth-story .ph909a-story-panel{
    margin-top:0!important;
  }
}

@media(max-width:900px){
  .auth-body .ph910-auth-access{min-height:100dvh;padding:72px 22px 40px!important}
  .auth-body .ph910-auth-card{align-self:center!important}
  .auth-body .ph910-auth-card .ph909a-mobile-brand{display:block;margin:0 auto 24px;text-align:center}
  .auth-body .ph910-auth-card .ph909a-mobile-brand img{width:205px!important;filter:none!important}
}

@media(max-width:520px){
  .auth-body .ph910-auth-access{padding:66px 12px 24px!important}
  .auth-body .ph910-auth-card{padding:28px 21px 23px}
  .auth-body .ph910-auth-card h2{font-size:26px}
}

/* Search shell
   The field now has an explicit submit action and live, keyboard-safe results. */
body.v211-shell .workspace-topbar.v211-topbar{
  height:56px!important;
  min-height:56px!important;
  grid-template-columns:minmax(180px,auto) minmax(220px,500px) minmax(max-content,auto)!important;
  gap:11px!important;
}
body.v211-shell .v211-search.ph910-search-form{
  position:relative;
  width:100%!important;
  max-width:500px!important;
  height:34px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto 28px!important;
  gap:6px!important;
  align-items:center!important;
  padding:0 4px 0 9px!important;
  border-radius:9px!important;
  cursor:text!important;
}
body.v211-shell .ph910-search-form>i{font-size:14px!important}
body.v211-shell .ph910-search-form>input{
  min-width:0!important;
  width:100%!important;
  height:30px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#213754!important;
  font-size:11px!important;
}
body.v211-shell .ph910-search-form>input::-webkit-search-cancel-button{cursor:pointer}
body.v211-shell .ph910-search-form>kbd{padding:2px 5px!important;font-size:7px!important}
.ph910-search-submit{
  width:27px;height:27px;padding:0;
  display:grid;place-items:center;
  border:0;border-radius:7px;
  color:#fff;background:linear-gradient(135deg,#2c75ed,#5649dc);
  cursor:pointer;box-shadow:0 4px 10px rgba(40,91,213,.18)
}
.ph910-search-submit:hover{transform:translateX(1px);box-shadow:0 6px 13px rgba(40,91,213,.25)}
.ph910-search-submit svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ph910-search-suggestions{
  position:absolute;z-index:1200;top:calc(100% + 7px);left:0;right:0;
  max-height:min(390px,60vh);overflow:auto;
  padding:6px;border:1px solid #dbe4ef;border-radius:12px;
  background:#fff;box-shadow:0 20px 46px rgba(18,42,76,.18)
}
.ph910-search-suggestions[hidden]{display:none!important}
.ph910-search-suggestions>a{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;
  min-height:43px;padding:6px 8px;border-radius:8px;color:#263b58
}
.ph910-search-suggestions>a:hover,.ph910-search-suggestions>a:focus{outline:0;background:#f1f6ff}
.ph910-search-suggestions>a>i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#eaf1ff;color:#2d69d6;font-style:normal;font-size:11px;font-weight:900}
.ph910-search-suggestions>a>span{min-width:0;display:grid}
.ph910-search-suggestions>a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.ph910-search-suggestions>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77869a;font-size:8px}
.ph910-search-suggestions>a>strong{color:#3568c8;font-size:9px}
.ph910-search-empty{padding:12px;color:#718096;text-align:center;font-size:10px}

@media(max-width:1280px){
  body.v211-shell .workspace-topbar.v211-topbar{grid-template-columns:minmax(160px,auto) minmax(190px,1fr) auto!important}
  body.v211-shell .v211-search.ph910-search-form{max-width:430px!important}
}
@media(max-width:1000px){
  body.v211-shell .workspace-topbar.v211-topbar{grid-template-columns:auto minmax(180px,1fr) auto!important}
  body.v211-shell .ph910-search-form>kbd{display:none!important}
}
@media(max-width:720px){
  :root{--kh-shell-top:112px}
  body.v211-shell .workspace-topbar.v211-topbar{height:100px!important;min-height:100px!important}
  body.v211-shell .v211-search.ph910-search-form{max-width:none!important;height:36px!important}
}