/* KaiveraHub 0.90.9a — light authentication, stable navigation and QA UX polish. */

/* Authentication — bright enterprise surface inspired by the supplied composition. */
.auth-body{background:#edf3fa!important;color:#12233f}
.auth-body .ph909a-login{
  min-height:100dvh;
  grid-template-columns:minmax(560px,1.35fr) minmax(410px,.65fr);
  background:#eef4fa!important;
}
.auth-body .ph909a-story{
  position:relative;
  isolation:isolate;
  justify-content:space-between;
  padding:34px clamp(28px,4vw,64px) 30px;
  color:#10233f;
  background-image:linear-gradient(100deg,rgba(242,248,255,.42),rgba(240,247,255,.08)),url("../images/login/kaiverahub-login-hero-0909a.webp")!important;
  background-position:center;
  background-size:cover;
}
.auth-body .ph909a-story:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(240,247,255,.12) 45%,rgba(8,32,68,.34) 100%);
  mask-image:none;
}
.ph909a-story-panel{
  position:relative;
  z-index:2;
  width:min(630px,82%);
  padding:28px 31px 30px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:rgba(250,253,255,.88);
  box-shadow:0 26px 70px rgba(20,55,93,.18);
  backdrop-filter:blur(18px) saturate(1.08);
}
.ph909a-story-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.auth-body .ph909a-story-brand img{width:218px!important;filter:none!important}
.ph909a-story-brand>span{padding:6px 9px!important;border:1px solid #d7e3f1!important;border-radius:999px!important;color:#60728e!important;background:rgba(255,255,255,.8)!important;font-size:9px!important;font-weight:850;letter-spacing:.08em!important}
.auth-body .ph909a-story-copy{max-width:540px;margin-top:54px}
.auth-body .ph909a-story-copy .ph906-kicker{color:#2368e8!important}
.auth-body .ph909a-story-copy h1{max-width:530px;margin:12px 0 17px;color:#102342!important;font-size:clamp(41px,4.2vw,66px);line-height:1.01;letter-spacing:-.052em}
.auth-body .ph909a-story-copy p{max-width:500px;margin:0;color:#53657e!important;font-size:16px;line-height:1.55}
.ph909a-value-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:31px}
.ph909a-value-list article{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start;padding:11px;border:1px solid #dce7f2;border-radius:13px;background:rgba(255,255,255,.72)}
.ph909a-value-list svg{width:30px;height:30px;padding:6px;border-radius:9px;background:#eaf2ff;fill:none;stroke:#2c6de5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ph909a-value-list div{min-width:0;display:grid;gap:3px}.ph909a-value-list b{color:#1a3154;font-size:10px}.ph909a-value-list span{color:#6f7f94;font-size:8px;line-height:1.35}
.auth-body .ph909a-story>footer{position:relative;z-index:2;margin:0;color:#fff!important;font-size:10px;font-weight:750;text-shadow:0 2px 12px rgba(0,20,46,.55)}

.auth-body .ph909a-access{
  isolation:isolate;
  min-width:0;
  padding:58px clamp(24px,3.2vw,54px);
  color:#172945;
  background:radial-gradient(circle at 85% 8%,rgba(73,136,242,.1),transparent 31%),linear-gradient(180deg,#fbfdff 0%,#f0f5fa 100%)!important;
}
.auth-body .ph909a-access:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#bfd0e6 1px,transparent 1px);background-size:26px 26px;opacity:.23;mask-image:linear-gradient(135deg,#000,transparent 68%)}
.auth-body .ph909a-card{
  width:min(100%,432px);
  padding:32px 34px 27px;
  border:1px solid #dbe5f0;
  border-radius:22px;
  color:#172945;
  background:rgba(255,255,255,.97);
  box-shadow:0 26px 65px rgba(28,58,96,.12);
  backdrop-filter:none;
}
.auth-body .ph909a-card h2{margin:7px 0 5px;color:#10233f!important;font-size:29px;letter-spacing:-.04em}
.auth-body .ph909a-card>p{margin:0 0 21px;color:#718096!important}
.auth-body .ph909a-card .ph906-eyebrow{color:#246bdf!important}
.auth-body .ph909a-form>label{display:block;margin:13px 0 6px;color:#243957!important;font-size:11px;font-weight:850;letter-spacing:.01em}
.auth-body .ph909a-card .ph906-field{height:47px;padding:0 12px;border:1px solid #d4dfeb;border-radius:11px;background:#fbfdff;box-shadow:0 3px 10px rgba(24,54,89,.025)}
.auth-body .ph909a-card .ph906-field:focus-within{border-color:#4a83e8;box-shadow:0 0 0 4px rgba(49,111,226,.09);background:#fff}
.auth-body .ph909a-card .ph906-field>svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:#7186a3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-body .ph909a-card .ph906-field input{color:#182f4f!important;font-size:13px}.auth-body .ph909a-card .ph906-field input::placeholder{color:#9aa8ba}
.auth-body .ph909a-card .ph906-field button{width:28px;height:28px;display:grid;place-items:center;padding:0;color:#7186a3}
.auth-body .ph909a-card .ph906-field button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.auth-body .ph909a-card .ph906-options{margin:14px 0 18px;color:#596a82!important;font-size:11px}
.auth-body .ph909a-card .ph906-options label{color:#596a82!important}.auth-body .ph909a-card .ph906-options a{color:#2166df!important}
.auth-body .ph909a-card .ph906-submit{height:48px;border-radius:11px;background:linear-gradient(115deg,#2677ed,#4650dc);box-shadow:0 11px 24px rgba(37,91,213,.21)}
.auth-body .ph909a-card .ph908-sso-divider{margin:16px 0 10px;color:#8794a7;font-size:8px}.auth-body .ph909a-card .ph908-sso-divider:before,.auth-body .ph909a-card .ph908-sso-divider:after{background:#e0e7ef}
.auth-body .ph909a-sso-actions{grid-template-columns:1fr 1fr;gap:8px}
.auth-body .ph909a-sso-actions a{min-height:40px!important;height:40px;padding:0 12px!important;border:1px solid #d7e1ec!important;border-radius:10px!important;color:#31445f!important;background:#fff!important;font-size:11px!important;box-shadow:none!important}
.auth-body .ph909a-sso-actions a:hover{transform:translateY(-1px);border-color:#9bb8e7!important;background:#f8fbff!important;box-shadow:0 7px 16px rgba(35,72,119,.08)!important}
.auth-body .ph909a-sso-actions img{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}
.auth-body .ph909a-card .ph906-trust{margin-top:15px;color:#8a98aa!important;font-size:8px}
.auth-body .ph909a-lang{top:19px;right:22px;padding:3px;border:1px solid #dce5ef;border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 5px 16px rgba(31,58,91,.06)}
.auth-body .ph909a-lang button{padding:5px 8px;border:0!important;border-radius:999px;color:#6e7d91!important;font-size:10px}.auth-body .ph909a-lang button.active{color:#fff!important;background:#246be6}

/* Compact post-login command bar. */
body.v211-shell .workspace-topbar.v211-topbar{
  top:6px!important;
  width:calc(100% - 16px)!important;
  height:56px!important;
  min-height:56px!important;
  margin:6px 8px 0!important;
  padding:0 13px!important;
  grid-template-columns:minmax(220px,.9fr) minmax(260px,520px) auto!important;
  gap:12px!important;
  border-radius:13px!important;
  box-shadow:0 6px 20px rgba(25,49,82,.07)!important;
}
body.v211-shell .v211-brand-zone{gap:10px}.v211-brand img{width:112px!important}.v211-workspace{height:34px;max-width:200px;padding-inline:8px;border-radius:9px}.v211-workspace small{font-size:7px}.v211-workspace b{font-size:10px}.v211-search{height:36px!important;border-radius:10px!important}.v211-actions{gap:6px!important}
.ph909a-manual-button{height:34px!important;min-height:34px!important;padding:0 9px 0 6px!important;gap:6px!important;border-color:#d8e3f0!important;border-radius:10px!important;color:#28466f!important;background:linear-gradient(180deg,#fff,#f7faff)!important;box-shadow:0 3px 9px rgba(33,64,102,.04)}
.ph909a-manual-button:hover{border-color:#9fbae2!important;background:#f4f8ff!important;box-shadow:0 7px 16px rgba(35,79,139,.09)}
.ph909a-manual-button .ph909a-manual-icon{width:25px!important;height:25px!important;border-radius:8px!important;background:linear-gradient(135deg,#e8f1ff,#e9e8ff)!important;color:#3069dc!important}
.ph909a-manual-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ph909a-manual-button .ph909a-manual-copy{display:grid;place-items:initial!important;width:auto!important;height:auto!important;gap:0;border-radius:0!important;background:transparent!important;color:inherit!important;line-height:1!important}.ph909a-manual-copy small{color:#8391a5;font-size:6px;font-weight:900;letter-spacing:.12em}.ph909a-manual-copy b{color:#304968;font-size:9px!important;font-weight:850}
.ph909-top-action{height:34px!important;min-height:34px!important;border-radius:9px!important}.ph909-top-action svg{width:15px;height:15px}.ph909-top-action b{font-size:9px}.v211-profile>summary{grid-template-columns:32px minmax(0,112px) 12px;padding-block:1px}.ph-user-avatar{width:32px!important;height:32px!important}.v211-profile-name b{font-size:10px}.v211-profile-name small{font-size:7px}.v211-timer{min-height:34px;padding:4px 8px}

/* One authoritative, symmetric sidebar state. */
:root{--v19-side:232px;--kh-sidebar-collapsed:66px}
body.v211-shell .ph909-sidebar{top:70px!important;height:calc(100vh - 70px)!important;width:var(--v19-side)!important;transition:width .22s ease!important}
.ph909-sidebar .v19-side-top button{display:grid!important;place-items:center!important;padding:0!important}
.ph909-sidebar .v19-side-top button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
body.v211-shell .v19-content{margin-left:var(--v19-side)!important;width:calc(100% - var(--v19-side))!important;transition:margin-left .22s ease,width .22s ease!important}
body.v19-side-collapsed .ph909-sidebar,.ph909-sidebar.is-collapsed{width:var(--kh-sidebar-collapsed)!important;padding-inline:8px!important}
body.v19-side-collapsed .ph909-sidebar .v19-side-top,.ph909-sidebar.is-collapsed .v19-side-top{justify-content:center!important;padding-inline:0!important}
body.v19-side-collapsed .ph909-sidebar .v19-side-top span,.ph909-sidebar.is-collapsed .v19-side-top span,
body.v19-side-collapsed .ph909-sidebar .v191-nav-group>small,.ph909-sidebar.is-collapsed .v191-nav-group>small,
body.v19-side-collapsed .ph909-sidebar .v191-nav-group>a>span,.ph909-sidebar.is-collapsed .v191-nav-group>a>span,
body.v19-side-collapsed .ph909-sidebar .v19-side-bottom small,.ph909-sidebar.is-collapsed .v19-side-bottom small{display:none!important}
body.v19-side-collapsed .ph909-sidebar nav,.ph909-sidebar.is-collapsed nav{gap:7px!important;padding-inline:0!important}
body.v19-side-collapsed .ph909-sidebar .v191-nav-group,.ph909-sidebar.is-collapsed .v191-nav-group{gap:4px!important}
body.v19-side-collapsed .ph909-sidebar .v191-nav-group>a,.ph909-sidebar.is-collapsed .v191-nav-group>a{min-height:38px!important;justify-content:center!important;padding:5px!important;overflow:visible!important}
body.v19-side-collapsed .ph909-sidebar .ph909-nav-icon,.ph909-sidebar.is-collapsed .ph909-nav-icon{flex-basis:29px!important;width:29px!important;height:29px!important}
body.v19-side-collapsed #v19SideToggle svg,.ph909-sidebar.is-collapsed #v19SideToggle svg{transform:rotate(180deg)}
body.v19-side-collapsed .v19-content{margin-left:var(--kh-sidebar-collapsed)!important;width:calc(100% - var(--kh-sidebar-collapsed))!important}
body.v19-side-collapsed .ph909-sidebar .v19-side-bottom,.ph909-sidebar.is-collapsed .v19-side-bottom{justify-content:center!important;padding-inline:0!important}

/* Context guide and full manual. */
.ph-page-help{width:25px!important;height:25px!important;border:1px solid #cad8e9!important;border-radius:8px!important;color:#2968d7!important;background:linear-gradient(180deg,#fff,#f4f8ff)!important;font-family:inherit!important;font-size:11px!important;box-shadow:0 4px 12px rgba(31,68,116,.08)!important}
.ph-help-popover{width:min(390px,calc(100vw - 44px))!important;padding:0!important;overflow:hidden;border:1px solid #d8e3ef!important;border-radius:17px!important;box-shadow:0 22px 56px rgba(21,45,80,.18)!important}
.ph-help-popover-head{margin:0!important;padding:15px 16px;border-bottom:1px solid #e0e8f2;background:linear-gradient(135deg,#f4f8ff,#eef1ff)}
.ph-help-popover-head>div{display:grid}.ph-help-popover-head small{color:#2a68d8;font-size:7px;font-weight:900;letter-spacing:.14em}.ph-help-popover-head b{color:#1d3354;font-size:13px}.ph-help-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2d78ef,#5b45df);color:#fff;font-style:normal;font-weight:900}.ph-help-close{width:28px;height:28px;border-radius:8px!important}.ph-help-popover .ph-help-auto{margin:0!important;padding:15px 16px 11px;color:#5b6d85!important;font-size:11px!important}.ph-help-popover>a{display:flex;align-items:center;justify-content:space-between;margin:0 16px 16px;padding:10px 12px;border-radius:10px;background:#edf3ff;color:#285fc9!important;font-size:10px!important}
.ph-manual-hero{position:relative;overflow:hidden;padding:30px;border-color:#d6e2ef;background:radial-gradient(circle at 88% 15%,rgba(74,113,235,.14),transparent 26%),linear-gradient(135deg,#f8fbff,#edf4ff);color:#173052;box-shadow:0 14px 34px rgba(26,64,111,.09)}
.ph-manual-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#21c8be,#2c75f1,#7047eb)}
.ph-manual-hero .eyebrow{color:#2a69dd!important}.ph-manual-hero h1{color:#122946!important;font-size:32px}.ph-manual-hero p{max-width:940px;color:#5f7188!important}.ph-manual-hero aside{border-color:#d5e0ee;background:rgba(255,255,255,.85);box-shadow:0 8px 22px rgba(32,69,115,.07)}.ph-manual-hero aside strong{color:#2667db!important}.ph-manual-hero aside span{color:#70819a}
.ph-manual-nav{gap:10px}.ph-manual-nav a{position:relative;padding:13px 14px;border-color:#dce5ef;border-radius:13px;transition:.18s ease}.ph-manual-nav a:hover{transform:translateY(-2px);border-color:#a9bee1;box-shadow:0 11px 23px rgba(31,67,113,.09)}.ph-manual-nav a:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:linear-gradient(#2b75ed,#6e49e7)}
.ph-manual-section{padding:20px!important;border-color:#dce5ef!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(30,60,98,.045)!important}.ph-manual-section header>i{border-radius:12px;background:linear-gradient(135deg,#e6f0ff,#eceaff);color:#2b66d5}.ph-manual-block{border-color:#e0e7f0;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f7faff)}

@media(max-width:1180px){
  .auth-body .ph909a-login{grid-template-columns:minmax(470px,1fr) minmax(400px,.82fr)}
  .ph909a-story-panel{width:min(600px,94%)}
  .ph909a-value-list{grid-template-columns:1fr}.ph909a-value-list article{grid-template-columns:30px 1fr}
  body.v211-shell .workspace-topbar.v211-topbar{grid-template-columns:minmax(190px,.8fr) minmax(250px,1fr) auto!important}
  .ph909a-manual-copy{display:none}.ph909a-manual-button{width:34px!important;padding:0 4px!important}
}
@media(max-width:900px){
  .auth-body .ph909a-login{grid-template-columns:1fr}.auth-body .ph909a-story{display:none}
  .auth-body .ph909a-access{min-height:100dvh;padding:72px 22px 40px}.auth-body .ph909a-card{width:min(100%,440px)}.auth-body .ph909a-mobile-brand{display:block;margin:0 auto 24px;text-align:center}.auth-body .ph909a-mobile-brand img{width:205px!important;filter:none!important}
  :root{--v19-side:66px}
  body.v211-shell .ph909-sidebar{width:66px!important;padding-inline:8px!important}
  .ph909-sidebar .v19-side-top{justify-content:center!important}.ph909-sidebar .v19-side-top span,.ph909-sidebar .v191-nav-group>small,.ph909-sidebar .v191-nav-group>a>span,.ph909-sidebar .v19-side-bottom small{display:none!important}
  .ph909-sidebar .v191-nav-group>a{justify-content:center!important;padding-inline:5px!important}
  body.v211-shell .v19-content{margin-left:66px!important;width:calc(100% - 66px)!important}
}
@media(max-width:780px){
  body.v211-shell .workspace-topbar.v211-topbar{height:auto!important;min-height:96px!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;padding:7px 10px!important}
  body.v211-shell .ph909-sidebar{top:108px!important;height:calc(100vh - 108px)!important}
}
@media(max-width:620px){
  body.v211-shell .ph909-sidebar{display:none!important}
  body.v211-shell .v19-content,body.v19-side-collapsed .v19-content{margin-left:0!important;width:100%!important}
}
@media(max-width:520px){
  .auth-body .ph909a-access{padding:66px 12px 24px}.auth-body .ph909a-card{padding:28px 21px 23px;border-radius:18px}.auth-body .ph909a-card h2{font-size:26px}.auth-body .ph909a-sso-actions{grid-template-columns:1fr 1fr}.auth-body .ph909a-card .ph906-options{align-items:flex-start;gap:12px}
}