.shell-head,.shell-top{box-sizing:border-box}Plain CSS rather than utility classes,so the skeleton reads the same as teatro's shell and the rules sit in one place. */
.shell-head{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(15,23,42,.05);position:relative;z-index:30}.shell-top{display:flex;align-items:center;gap:.9rem;padding:.55rem 1rem}.rn-amsg{margin:0;padding:.55rem 1rem;font-size:.875rem;line-height:1.45;background:#FFF8E6;color:#5B4100;border-top:1px solid #F1DFB0}#rnMenu .rn-amsg{margin:0 0 10px;border:1px solid #F1DFB0;border-radius:8px}.rn-amsg:empty,#rnMenu .rn-amsg:empty{padding:0;margin:0;border:0}.shell-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex:none}.shell-brand img{width:32px;height:32px}.shell-brand .nm{font-family:"Playfair Display",serif;font-size:1.125rem;font-weight:700;color:#075985;white-space:nowrap}.shell-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex:none}.sbtn{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #e5e7eb;color:#0369a1;font:500 .875rem "Poppins",sans-serif;padding:.4rem .75rem;border-radius:.5rem;min-height:38px;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.sbtn:hover{background:#f0f9ff;border-color:#bae6fd}.sbtn svg{width:16px;height:16px;flex:none}.sbtn.primary{background:#0284c7;border-color:#0284c7;color:#fff}.sbtn.primary:hover{background:#0369a1;border-color:#0369a1}.sbtn.danger{color:#dc2626}.sbtn.danger:hover{background:#fef2f2;border-color:#fecaca}.langseg{display:inline-flex;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;min-height:38px}.langseg button{background:#fff;border:0;color:#475569;font:600 .8125rem "Poppins",sans-serif;padding:0 .6rem;min-width:36px;cursor:pointer}.langseg button:hover{color:#0369a1}.langseg button.on{background:#0284c7;color:#fff}.tabnav{display:flex;gap:.2rem;padding:0 .6rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabnav::-webkit-scrollbar{height:0}.tabbtn{flex:0 0 auto;background:none;border:0;border-bottom:2px solid transparent;color:#475569;font:500 .875rem "Poppins",sans-serif;padding:.65rem 1rem;min-height:42px;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.tabbtn:hover{color:#0369a1}.tabbtn.active{color:#0369a1;border-bottom-color:#0284c7;font-weight:600}@media(display-mode:standalone){#installBtn{display:none!important}}.alertbtn{position:relative}.alert-badge{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;font-size:10px;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px;display:none}.alert-badge.show{display:block}@media(max-width:900px){.shell-top{padding:.5rem .7rem;gap:.5rem}.shell-actions{gap:.3rem}.sbtn{padding:.4rem .5rem}.sbtn .lbl{display:none}}@media(max-width:480px){.shell-brand .nm{display:none}}@media(max-width:640px){.shell-brand{min-height:44px}}@media(max-width:360px){.shell-top{padding:.5rem;gap:.35rem}.shell-actions{gap:.2rem}}:root{--rn-ph-bar:#FFFFFF;--rn-ph-line:#E5E7EB;--rn-ph-c:#475569;--rn-ph-ac:#075985;--rn-ph-pill:#E0F2FE;--rn-ph-top:#FFFFFF;--rn-ph-btn:#E5E7EB;--rn-ph-sheet:#FFFFFF;--rn-ph-ink:#1F2937;--rn-ph-ink2:#475569;--rn-ph-rule:#EEF0F2;--rn-ph-danger:#DC2626;--rn-ph-seg-on:#0284C7;--rn-ph-seg-onc:#FFFFFF;--rn-ph-font:"Poppins",sans-serif;--rn-ph-sheet-r:16px;--rn-ph-ls:-.02em;--rn-ph-onw:500}:where(.rn-ico){display:inline-block}.rn-ico{width:24px;height:24px;flex:none;background-color:currentColor;image-rendering:pixelated;-webkit-mask-image:-webkit-image-set(url(img/admin-icons@1x.png) 1x,url(img/admin-icons@1.25x.png) 1.25x,url(img/admin-icons@1.5x.png) 1.5x,url(img/admin-icons@2x.png) 2x,url(img/admin-icons@2.625x.png) 2.625x,url(img/admin-icons@2.875x.png) 2.875x,url(img/admin-icons@3x.png) 3x);mask-image:image-set(url(img/admin-icons@1x.png) 1x,url(img/admin-icons@1.25x.png) 1.25x,url(img/admin-icons@1.5x.png) 1.5x,url(img/admin-icons@2x.png) 2x,url(img/admin-icons@2.625x.png) 2.625x,url(img/admin-icons@2.875x.png) 2.875x,url(img/admin-icons@3x.png) 3x);-webkit-mask-size:160px 64px;mask-size:160px 64px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rn-ico-overview{-webkit-mask-position:-0.04px -0.04px;mask-position:-0.04px -0.04px}.rn-ico-manage{-webkit-mask-position:-32.04px -0.04px;mask-position:-32.04px -0.04px}.rn-ico-guide{-webkit-mask-position:-64.04px -0.04px;mask-position:-64.04px -0.04px}.rn-ico-photos{-webkit-mask-position:-96.04px -0.04px;mask-position:-96.04px -0.04px}.rn-ico-mail{-webkit-mask-position:-128.04px -0.04px;mask-position:-128.04px -0.04px}.rn-ico-menu{-webkit-mask-position:-0.04px -32.04px;mask-position:-0.04px -32.04px}.rn-ico-ext{-webkit-mask-position:-32.04px -32.04px;mask-position:-32.04px -32.04px}.rn-ico-install{-webkit-mask-position:-64.04px -32.04px;mask-position:-64.04px -32.04px}.rn-ico-bell{-webkit-mask-position:-96.04px -32.04px;mask-position:-96.04px -32.04px}.rn-ico-logout{-webkit-mask-position:-128.04px -32.04px;mask-position:-128.04px -32.04px}@media(forced-colors:active){.rn-ico{forced-color-adjust:preserve-parent-color;color:inherit!important}}#rnMenuBtn,.rn-pbar,.rn-dim,.rn-sab{display:none}.rn-bn-btn{display:none}.rn-sab{position:fixed;left:0;bottom:0;width:0;height:0;padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden;pointer-events:none}.rn-sheet[hidden]{display:none!important}@media(max-width:640px){.rn-sab{display:block}body{display:block}#frames{position:fixed;inset:0}.shell-head{position:fixed;left:0;right:0;top:var(--rn-bh,0px);z-index:50;transition:transform .22s ease}body.rn-banner .shell-head{padding-top:0}.shell-top{min-height:52px;padding:.2rem .45rem .2rem .85rem;gap:.5rem}.shell-brand .nm{display:inline;font-size:1.15rem}.tabnav{display:none}.shell-actions{gap:.35rem}.shell-actions>:not(.rn-search-btn):not(#rnMenuBtn){display:none!important}.shell-actions .sbtn{min-width:44px;min-height:44px;padding:0;justify-content:center;border-color:var(--rn-ph-btn)}.shell-actions .rn-search-ico{width:20px;height:20px;-webkit-mask-size:20px 20px;mask-size:20px 20px}#rnMenuBtn{display:inline-flex}#rnHealthBanner{position:fixed!important;top:0;left:0;right:0;z-index:55;height:36px;align-items:center!important;padding:0 .75rem!important;overflow:hidden;cursor:pointer;transition:transform .22s ease;font-size:.8125rem!important}#rnHealthBanner>div{min-width:0}#rnHealthBanner>div>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rnHealthBanner>div>div+div{display:none}#rnHealthBanner.rn-open{height:auto;min-height:36px;align-items:flex-start!important;padding:.5rem .75rem!important;box-shadow:0 6px 16px rgba(0,0,0,.3);z-index:56}#rnHealthBanner.rn-open>div>div:first-child{white-space:normal}#rnHealthBanner.rn-open>div>div+div{display:block}.rn-bn-btn{display:block;position:absolute;inset:0;z-index:1;width:100%;padding:0;border:0;background:none;cursor:pointer}.rn-bn-btn:focus-visible{outline:2px solid currentColor;outline-offset:-3px}#rnHealthBanner>button:not(.rn-bn-btn){position:relative;z-index:2}body.rn-hide #rnHealthBanner{transform:translateY(-100%)}body.rn-hide .shell-head{transform:translateY(calc(-100% - var(--rn-bh,0px)))}.rn-pbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:60;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--rn-ph-bar);border-top:1px solid var(--rn-ph-line);transition:transform .2s ease}body.rn-kb .rn-pbar,body.rn-modal .rn-pbar{transform:translateY(100%)}.rn-pb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:58px;padding:6px 0 5px;background:none;border:0;color:var(--rn-ph-c);font:400 12px/1.1 var(--rn-ph-font);letter-spacing:var(--rn-ph-ls);cursor:pointer}.rn-pb-i{display:flex;width:54px;height:30px;align-items:center;justify-content:center;border-radius:15px;transition:background .15s}.rn-pb-l{max-width:100%;padding:0 2px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rn-pb.on{color:var(--rn-ph-ac);font-weight:var(--rn-ph-onw)}.rn-pb.on .rn-pb-i{background:var(--rn-ph-pill)}.rn-pb.on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--rn-ph-ac)}.rn-pb:focus-visible{outline:2px solid var(--rn-ph-ac);outline-offset:-3px}.rn-dim{position:fixed;left:0;right:0;top:0;height:calc(var(--rn-bh,0px) + 52px + env(safe-area-inset-top,0px));z-index:70;background:rgba(10,20,30,.5)}.rn-sheet{position:fixed;inset:0;z-index:110}.rn-sheet-bg{position:absolute;inset:0;background:rgba(10,20,30,.5);opacity:0;transition:opacity .2s}.rn-sheet-p{position:absolute;left:0;right:0;bottom:0;max-height:88svh;overflow:auto;background:var(--rn-ph-sheet);color:var(--rn-ph-ink);border-radius:var(--rn-ph-sheet-r) var(--rn-ph-sheet-r) 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .22s ease;font-family:var(--rn-ph-font)}.rn-sheet.on .rn-sheet-bg{opacity:1}.rn-sheet.on .rn-sheet-p{transform:none}.rn-sheet-grab{width:40px;height:4px;border-radius:2px;background:#CFD5DA;margin:4px auto 10px}.rn-mrow{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:0;border:0;border-top:1px solid var(--rn-ph-rule);background:none;color:var(--rn-ph-ink);font:400 1rem var(--rn-ph-font);text-decoration:none;text-align:left;cursor:pointer}.rn-mrow:first-child{border-top:0}.rn-mrow>span:not(.rn-ico){flex:1}.rn-mrow em{font-style:normal;color:var(--rn-ph-ink2);font-size:.875rem}.rn-mrow.danger{color:var(--rn-ph-danger)}.rn-mrow:focus-visible{outline:2px solid var(--rn-ph-ink);outline-offset:2px}.rn-mrow .langseg{border:1px solid #D1D5DB;border-radius:8px;min-height:44px;flex:none}.rn-mrow .langseg button{color:var(--rn-ph-ink2);min-width:48px;min-height:44px}.rn-mrow .langseg button.on{background:var(--rn-ph-seg-on);color:var(--rn-ph-seg-onc)}.rn-mrow .langseg button:focus-visible{outline:2px solid var(--rn-ph-ink);outline-offset:-2px}}@media(max-width:640px)and (prefers-reduced-motion:reduce){body.rn-hide .shell-head,body.rn-hide #rnHealthBanner{transform:none}.shell-head,#rnHealthBanner,.rn-pbar,.rn-sheet-p,.rn-sheet-bg{transition:none}}@media(max-width:640px)and (display-mode:standalone){#rnMenuInstall{display:none!important}}
