/* Jeno product shell 2 — canonical brand, logo and navigation tokens.
   Source of truth: Backoffice. Identical distributable in all 4 products.
   Only presentation, never authentication/Google Sheets/runtime routing. */
:root{--jeno-product-rail:240px;--jeno-product-border:#d5e3eb;
 --jeno-product-text:#18354b;--jeno-product-soft:#e5f2f9;
 --jeno-product-action:#246d9c;--jeno-product-muted:#506d80}
body.jeno-main-shell .jeno-prism img,
body.jeno-auth .side-mark img,
body.jeno-auth .brand .mark img,
body.jeno-public-shell .brand-mark img{
 width:36px!important;height:36px!important;object-fit:contain!important;
 display:block!important;image-rendering:auto!important
}
body.jeno-main-shell .jeno-prism,
body.jeno-auth .side-mark,
body.jeno-public-shell .brand-mark{
 width:46px!important;height:46px!important;min-width:46px!important;
 display:grid!important;place-items:center!important;flex:none!important;
 border-radius:14px!important;background:linear-gradient(140deg,#f6fcff,#e7f3fa)!important;
 border:1px solid #dfeef4!important;box-shadow:0 6px 20px #1b576f12!important
}
body.jeno-auth .side-brand,
body.jeno-public-shell .brand{display:flex!important;align-items:center!important;gap:12px!important}
body.jeno-auth .side-brand strong,
body.jeno-public-shell .brand strong{
 font:600 28px/1.1 Georgia,"Times New Roman",serif!important;
 color:#18354b!important;letter-spacing:-.035em!important
}
.jeno-product-dot{color:#2475a6!important}
body.jeno-auth .side-brand small,
body.jeno-public-shell .brand small{font-size:12px!important;color:#506d80!important;margin-top:4px!important}
body.jeno-auth .sidebar,
body.jeno-public-shell .sidebar{background:#fff!important;color:var(--jeno-product-text)!important;
 border-right:1px solid var(--jeno-product-border)!important;box-shadow:none!important;
 padding:18px 12px!important}
body.jeno-auth .nav-link,
body.jeno-public-shell .nav-link{
 display:flex!important;align-items:center!important;gap:10px!important;
 border-radius:11px!important;min-height:42px!important;padding:10px 12px!important;
 font-size:13px!important;font-weight:650!important;color:#375f78!important;
 border:1px solid transparent!important
}
body.jeno-auth .nav-link.active,body.jeno-public-shell .nav-link.active{
 background:#e5f2f9!important;border-color:#c6deec!important;color:#155f89!important
}
.jeno-shell-icon{display:inline-block!important;width:20px!important;height:20px!important;
 min-width:20px!important;min-height:20px!important;flex:0 0 20px!important;
 background-color:#3c718d!important;-webkit-mask-image:var(--jeno-icon-url)!important;
 mask-image:var(--jeno-icon-url)!important;-webkit-mask-size:contain!important;
 mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
 -webkit-mask-position:center!important;mask-position:center!important}
body.jeno-auth .nav-link.active .jeno-shell-icon,
body.jeno-public-shell .nav-link.active .jeno-shell-icon{background-color:#156a93!important}
body.jeno-auth .nav-link>svg,body.jeno-public-shell .nav-link>svg{display:none!important}
body.jeno-auth .jeno-shared-auth-toggle{
 border:1px solid #d7e5eb!important;border-radius:11px!important;
 background:#f1f8fb!important;color:#375f78!important;min-height:40px!important
}
body.jeno-auth .topbar{height:62px!important;min-height:62px!important;
 background:#fff!important;box-shadow:none!important;border-bottom:1px solid #d5e3eb!important}
body.jeno-auth .topbar .brand .mark,
body.jeno-auth .topbar .brand strong{display:none!important}
body.jeno-auth .topbar .brand small{
 font:700 17px/1.3 "Public Sans","Segoe UI",sans-serif!important;color:#18354b!important;
 display:block!important;margin:0!important
}
body.jeno-public-shell .layout{grid-template-columns:var(--jeno-product-rail) minmax(0,1fr)!important}
@media(max-width:1023px){
 body.jeno-public-shell .layout{display:block!important}
}
@media(max-width:820px){
 body.jeno-public-shell .sidebar{border-right:0!important;border-bottom:1px solid #d5e3eb!important}
}
@media(max-width:570px){
 body.jeno-auth .side-mark,
 body.jeno-public-shell .brand-mark{width:40px!important;height:40px!important;min-width:40px!important}
 body.jeno-auth .side-mark img,body.jeno-public-shell .brand-mark img{
  width:32px!important;height:32px!important}
 body.jeno-public-shell .nav-link{font-size:12px!important;padding:8px 5px!important}
}

/* Shared Jeno 62px action bar on public surfaces; same compact density as App. */
body.jeno-public-shell > .layout > main > .jeno-product-topbar {
 position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;
 min-height:62px;height:62px;box-sizing:border-box;padding:8px 18px;margin:0!important;
 border-bottom:1px solid var(--jeno-product-border);background:rgba(255,255,255,.96);
 backdrop-filter:blur(12px)
}
body.jeno-public-shell .jeno-product-page-title {
 margin:0;font:750 17px/1.3 "Public Sans","Segoe UI",sans-serif;color:#18354b
}
body.jeno-public-shell .jeno-product-header-actions{display:flex;align-items:center;gap:7px}
body.jeno-public-shell .jeno-product-header-button {
 width:38px;height:38px;display:grid;place-items:center;border:1px solid #d3e4ec;
 border-radius:10px;background:#f8fcfe;color:#23678f;text-decoration:none
}
body.jeno-public-shell .jeno-product-header-button:hover{background:#e5f2f9}
body.jeno-public-shell .jeno-product-header-button:focus-visible{
 outline:3px solid #79b9d8;outline-offset:2px
}
@media(max-width:800px){
 body.jeno-public-shell > .layout > main > .jeno-product-topbar{padding:8px 12px}
 body.jeno-public-shell .jeno-product-header-button{height:34px;width:34px}
}