/* KaiveraHub 0.90.9 — premium authentication, navigation and visual cards */

/* Authentication: one coherent dark surface, readable labels and compact SSO. */
.auth-body .ph906-login{background:#071a38}
.auth-body .ph906-access{isolation:isolate;color:#fff;background:radial-gradient(circle at 18% 10%,rgba(63,131,255,.28),transparent 34%),radial-gradient(circle at 92% 86%,rgba(28,190,180,.14),transparent 32%),linear-gradient(155deg,#0a2148 0%,#0d2d5e 56%,#071b3b 100%)!important}
.auth-body .ph906-access:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,transparent,#000 30%,#000 75%,transparent)}
.auth-body .ph906-card{width:min(100%,430px);padding:34px 36px 30px;border:1px solid rgba(169,202,247,.2);border-radius:22px;background:rgba(6,27,59,.76);box-shadow:0 28px 70px rgba(0,10,32,.35);backdrop-filter:blur(18px)}
.auth-body .ph906-card h2{color:#fff!important;font-size:30px}
.auth-body .ph906-story header img{width:236px;filter:none!important}
.auth-body .ph906-card>p{color:#bfd0e8!important;margin-bottom:24px}
.auth-body .ph906-eyebrow{color:#67c8ff}
.auth-body .ph906-card form>label{color:#fff!important;font-size:12px;letter-spacing:.015em}
.auth-body .ph906-field{height:50px;border-color:rgba(183,204,232,.36);border-radius:11px;box-shadow:none}
.auth-body .ph906-field:focus-within{border-color:#65a7ff;box-shadow:0 0 0 4px rgba(70,142,255,.15)}
.auth-body .ph906-field input{font-size:13px}
.auth-body .ph906-options{margin:15px 0 20px;color:#e6effb}
.auth-body .ph906-options label{color:#e6effb!important}
.auth-body .ph906-options a{color:#82c9ff}
.auth-body .ph906-submit{height:51px;border-radius:11px;background:linear-gradient(115deg,#2d7af5,#5848e6);box-shadow:0 12px 26px rgba(21,85,219,.3)}
.auth-body .ph908-sso-divider{margin:17px 0 11px;color:#9fb2cb;font-size:9px}
.auth-body .ph908-sso-divider:before,.auth-body .ph908-sso-divider:after{background:rgba(187,207,233,.2)}
.auth-body .ph908-sso-actions{gap:8px}
.auth-body .ph908-sso-actions a{min-width:0;min-height:42px;padding:0 10px;border-color:rgba(184,205,232,.3);border-radius:10px;background:rgba(255,255,255,.96);font-size:11px;white-space:nowrap;box-shadow:none}
.auth-body .ph908-sso-actions a:hover{transform:none;border-color:#75b5ff;background:#fff;box-shadow:0 7px 18px rgba(0,13,40,.18)}
.auth-body .ph908-sso-actions img{display:block!important;width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;object-fit:contain!important}
.auth-body .ph906-trust{margin-top:17px;color:#8fa7c6}
.auth-body .ph906-lang button{color:#9db1cc}
.auth-body .ph906-lang button.active{color:#fff;border-color:#68b9ff}
.auth-body .ph906-mobile-brand img{width:228px;filter:none!important}

/* Top bar: commands are explicit actions, not unexplained symbols. */
body.v211-shell .workspace-topbar.v211-topbar{grid-template-columns:minmax(250px,1fr) minmax(320px,580px) minmax(360px,1fr)!important}
.ph909-top-action{width:auto!important;height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 11px!important;border-radius:10px!important;text-decoration:none!important}
.ph909-top-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ph909-top-action b{font-size:11px;font-weight:800;white-space:nowrap}
.v211-create.ph909-top-action{border:0!important;color:#fff!important;background:linear-gradient(135deg,#316ef0,#5148dc)!important}
.v211-activity.ph909-top-action{border:1px solid #dce4ef!important;color:#37527f!important;background:#fff!important}
.v211-activity.ph909-top-action:hover{border-color:#b9c9e2!important;background:#f8faff!important}
.v211-activity.ph909-top-action em{top:-7px;right:-5px}

/* Sidebar: compact navigation rail with semantic SVG icons. */
:root{--v19-side:232px}
body.v211-shell .ph909-sidebar{width:var(--v19-side)!important;padding:12px 11px!important;background:linear-gradient(180deg,#081d3d 0%,#0a2852 62%,#081e40 100%)!important;box-shadow:8px 0 26px rgba(0,25,62,.08)!important}
.ph909-sidebar .v19-side-top{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:space-between!important;padding:2px 5px 10px!important;color:#9eb4d3!important}
.ph909-sidebar .v19-side-top:before{display:none!important}
.ph909-sidebar .v19-side-top span{font-size:9px!important;letter-spacing:.16em!important;color:#829cbc!important}
.ph909-sidebar .v19-side-top button{order:2;width:28px;height:28px;border:1px solid rgba(183,207,239,.18)!important;border-radius:8px!important;background:rgba(255,255,255,.045)!important;color:#d8e7fa!important;font-size:14px}
.ph909-sidebar nav{gap:13px!important;padding:0 2px 24px!important}
.ph909-sidebar .v191-nav-group{gap:2px!important}
.ph909-sidebar .v191-nav-group>small{padding:2px 9px 4px!important;color:#6f8bac!important;font-size:8px!important;letter-spacing:.15em!important}
.ph909-sidebar .v191-nav-group>a{position:relative;min-height:34px!important;margin:0!important;padding:5px 9px!important;gap:9px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#c7d7ec!important;font-size:11px!important;font-weight:720!important;align-items:center!important}
.ph909-sidebar .v191-nav-group>a:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
.ph909-sidebar .v191-nav-group>a.active{border-color:rgba(111,170,255,.22)!important;background:linear-gradient(90deg,rgba(45,115,238,.25),rgba(35,95,195,.12))!important;color:#fff!important;box-shadow:inset 3px 0 0 #5ba1ff!important}
.ph909-sidebar .v191-nav-group>a span{line-height:1.2!important;overflow-wrap:normal!important}
.ph909-sidebar .ph909-nav-icon{flex:0 0 27px!important;width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.055)!important;color:#8fb4e6!important}
.ph909-sidebar a:hover .ph909-nav-icon,.ph909-sidebar a.active .ph909-nav-icon{border:0!important;background:rgba(77,143,242,.2)!important;color:#fff!important}
.ph909-nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ph909-sidebar .v19-side-bottom{border-color:rgba(184,207,235,.12)!important}
.ph909-sidebar .v19-side-bottom small{color:#6784a7!important;font-size:7px!important;letter-spacing:.12em}
.v19-side-collapsed .ph909-sidebar,.ph909-sidebar.is-collapsed{width:58px!important}
.v19-side-collapsed .ph909-sidebar .v191-nav-group>a,.ph909-sidebar.is-collapsed .v191-nav-group>a{justify-content:center!important;padding-inline:5px!important}
.v19-side-collapsed .v19-content{margin-left:58px!important}

/* Section cards: real editorial artwork with one consistent brand direction. */
.ph909-card-media{height:154px!important;position:relative;overflow:hidden;background:#e9eef6!important;isolation:isolate}
.ph909-card-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.92) contrast(1.02);transition:transform .4s ease,filter .4s ease}
.ph909-card-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,22,48,.02) 35%,rgba(7,25,55,.5) 100%)}
.ph909-card-media>span{position:absolute!important;z-index:3!important;left:14px!important;top:14px!important;bottom:auto!important;padding:5px 8px!important;border:1px solid rgba(255,255,255,.25);border-radius:999px!important;background:rgba(8,29,61,.72)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(9px);font-size:8px!important;letter-spacing:.12em!important}
.ph909-card-media>i{position:absolute;z-index:3;left:15px;bottom:13px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(8,30,64,.62);color:#fff;font-style:normal;backdrop-filter:blur(8px)}
.ph909-card-media>i:before{font-size:16px!important;color:#fff!important;font-weight:600!important}
.ph905-visual-card:hover .ph909-card-media>img{transform:scale(1.045);filter:saturate(1) contrast(1.04)}
.ph905-visual-card{border-radius:17px!important;box-shadow:0 8px 24px rgba(19,42,77,.065)!important}
.ph905-visual-card:hover{box-shadow:0 18px 38px rgba(19,42,77,.13)!important}
.ph905-card-copy{padding:16px 17px 17px!important}
.ph905-card-title h3{font-size:16px!important}

@media(max-width:1240px){body.v211-shell .workspace-topbar.v211-topbar{grid-template-columns:minmax(210px,1fr) minmax(280px,500px) auto!important}.ph909-top-action b{display:none}.ph909-top-action{width:38px!important;padding:0!important}}
@media(max-width:900px){:root{--v19-side:58px}.ph909-sidebar .v191-nav-group>a span,.ph909-sidebar .v191-nav-group>small,.ph909-sidebar .v19-side-top span{display:none!important}.ph909-sidebar .v191-nav-group>a{justify-content:center!important;padding-inline:5px!important}.v19-content{margin-left:58px!important}}
@media(max-width:760px){.auth-body .ph906-card{padding:30px 23px 26px}.auth-body .ph908-sso-actions{grid-template-columns:1fr}.ph909-card-media{height:142px!important}}