@layer qc25tab {
/* .100 Journal Calendar: one clean centered column (BoRi 14:29) + faint typing boxes (14:30) */
html:root body.simple13.simple13 .jr-sheet .jr-card.cal-card{display:block!important;padding:8px 0 4px!important}
html:root body.simple13.simple13 .jr-sheet .cal-card .cal-head{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;flex-wrap:nowrap!important}
html:root body.simple13.simple13 .jr-sheet .cal-card .cal-head h4{flex:0 1 auto!important;white-space:nowrap!important;text-align:center!important;font-size:20px!important;padding:4px 6px 6px!important;grid-column:auto!important;grid-row:auto!important}
html:root body.simple13.simple13 .jr-sheet .cal-card .cal-head [data-caltoday]{margin-left:4px!important;white-space:nowrap!important}
html:root body.simple13.simple13 .jr-sheet .cal-card .cal-grid{width:100%!important;margin:0!important}
html:root body.simple13.simple13 .jr-sheet .cal-card .cal-legend{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 18px!important;margin:16px 0 0!important;width:100%!important}
html:root body.simple13.simple13 .jr-sheet .cal-card .cal-legend>span{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
html:root body.simple13.simple13 .jr-sheet .jr-actions>[data-calexpall]::before,html:root body.simple13.simple13 .jr-sheet .jr-actions>[data-caloff]::before{display:none!important}
html:root body.simple13.simple13 .jr-sheet .jr-actions>[data-calexpall],html:root body.simple13.simple13 .jr-sheet .jr-actions>[data-caloff]{padding-left:8px!important;padding-right:8px!important}

/* Journal sections centered (BoRi 14:33): icon, title, then the writing box, one column */
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;justify-items:center!important;text-align:center!important;row-gap:6px!important;padding:10px 0!important;margin:0 0 10px!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card)>*,html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card)>.jr-card-h>*{grid-column:1!important;grid-row:auto!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) .jr-ic{width:64px!important;height:64px!important;justify-self:center!important;align-self:center!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) h4{justify-self:center!important;text-align:center!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) h4::after{left:0!important;right:0!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) .wc-tools{justify-self:center!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) .jr-pad,html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) [data-caladd]{justify-self:stretch!important;width:100%!important;text-align:center!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) .jr-pad{margin-top:6px!important;padding:12px 14px!important;border-radius:12px!important}
html:root body.simple13.simple13 .jr-sheet .jr-card:not(.cal-card) .jr-pad::placeholder{text-align:center!important}
html:root body.simple13.simple13 .jr-sheet .jr-card[data-calpanel] .jr-empty{margin:2px 0 0!important}
html:root body.simple13.simple13 .jr-sheet .jr-card[data-calpanel] [data-caladd]{margin-top:10px!important}
/* Every typing field (customer app): faintest outline as a hint, a bit stronger while typing (BoRi 14:33). Outline only, no layout change. */
html:root body.simple13.simple13 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=color]):not([type=file]),textarea,select):not([data-adm25] *){outline:1px solid rgba(255,255,255,.075)!important;outline-offset:-1px!important;transition:outline-color .2s,box-shadow .2s!important}
html:root body.simple13.simple13 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=color]):not([type=file]),textarea,select):not([data-adm25] *):focus{outline:1px solid rgba(255,95,80,.34)!important;outline-offset:-1px!important;box-shadow:0 0 10px rgba(255,40,30,.16)!important}
/* Menu: category titles centered (BoRi 14:35) */
html:root body.simple13.simple13 .menu13 section[id^="cat-"]>div:first-child{justify-content:center!important;text-align:center!important}
html:root body.simple13.simple13 .menu13 section[id^="cat-"]>div:first-child h2{text-align:center!important}
/* Menu wheel loops endlessly: both arrows always on (BoRi 14:34) */
html:root body.simple13.simple13 .menu13 .t57-csel:not(.t57-hsel).t57-first .t92-dotrow .t57-cs-prev,html:root body.simple13.simple13 .menu13 .t57-csel:not(.t57-hsel).t57-last .t92-dotrow .t57-cs-next,html:root body.simple13.simple13 .menu13 .t57-csel:not(.t57-hsel).t57-first .t57-cs-prev,html:root body.simple13.simple13 .menu13 .t57-csel:not(.t57-hsel).t57-last .t57-cs-next{opacity:1!important;pointer-events:auto!important}
}

/* .100: Help (Amber) chosen in the bottom bar looks like the other tabs: no tile, same red glow + bar (BoRi 14:38) */
@layer qc25tab{
html:root body.simple13.simple13 #tabbar13 .tb>.fa,html:root body.simple13.simple13 #tabbar13 .tb.on>.fa{background:transparent!important;box-shadow:none!important;padding:0!important;width:30px!important;height:30px!important;border-radius:0!important;margin:1px 0 5px!important;transition:filter .25s ease!important}
html:root body.simple13.simple13 #tabbar13 .tb.on>.fa{filter:drop-shadow(0 0 10px rgba(255,40,30,.85)) brightness(1.18)!important}
}
/* .100: chosen bottom-bar icon turns red, like the heart (BoRi 14:41) */
@layer qc25tab{
html:root body.simple13.simple13 #tabbar13 .tb-menu.on .t57-tbi{content:url(tb100-menu-r.webp)!important}
html:root body.simple13.simple13 #tabbar13 .tb-home.on .t57-tbi{content:url(tb100-home-r.webp)!important}
html:root body.simple13.simple13 #tabbar13 .tb-journal.on .t57-tbi{content:url(tb100-journal-r.webp)!important}
html:root body.simple13.simple13 #tabbar13 .tb-account.on .t57-tbi{content:url(tb100-account-r.webp)!important}
}
/* .100: How to use Amber icons: 3D symbol, no box (BoRi 14:44) */
@layer qc25tab{
html:root body.simple13.simple13 svg[data-s100="1"]{background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;overflow:visible!important}
html:root body.simple13.simple13 svg[data-s100="1"]>*{visibility:hidden!important}
html:root body.simple13.simple13 .hw42-ic{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
html:root body.simple13.simple13 .hw42-ic>svg{width:26px!important;height:26px!important}
}
/* .100: How to use Amber opens as a centered pop-up inside the screen, scrolls if long, tap outside closes (BoRi 14:47) */
@layer qc25tab{
html:root body.simple13.simple13 .hl25>div.mt-3:has(>.howto-card){position:fixed!important;inset:0!important;z-index:90!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:calc(env(safe-area-inset-top,0px) + 70px) 16px calc(env(safe-area-inset-bottom,0px) + 96px)!important;background:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;animation:t100fade .26s ease-out both!important}
html:root body.simple13.simple13 .hl25>div.mt-3>.howto-card{margin:0!important;width:100%!important;max-width:520px!important;max-height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;animation:t100pop .3s cubic-bezier(.2,.8,.2,1) both!important;background:#0c0809!important}
}
@keyframes t100fade{from{opacity:0}to{opacity:1}}
@keyframes t100pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
/* .100: themed X on How to use Amber (same X as the other pop-ups) (BoRi 14:47) */
@layer qc25tab{
html:root body.simple13.simple13 .howto-card{position:relative!important}
html:root body.simple13.simple13 .howto-card>.t100-x{position:absolute!important;top:8px!important;right:6px!important;width:44px!important;height:44px!important;background:none!important;border:0!important;padding:0!important;cursor:pointer!important;z-index:2!important}
html:root body.simple13.simple13 .howto-card>.t100-x::before{content:""!important;position:absolute!important;inset:0!important;margin:auto!important;width:17px!important;height:17px!important;background:url("/assets/s98-close-r.webp") center/contain no-repeat!important}
}
/* .100: every pop-up gets the same red 3D X + tap outside closes (BoRi 14:47) */
@layer qc25tab{
html:root body.simple13.simple13 :is(.a2hs25-x,.share25-x){font-size:0!important;color:transparent!important;background:url("/assets/s98-close-r.webp") center/17px 17px no-repeat!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:44px!important;height:44px!important}
html:root body.simple13.simple13 .legal85{display:flex!important;align-items:center!important;justify-content:center!important;padding:calc(env(safe-area-inset-top,0px) + 60px) 16px calc(env(safe-area-inset-bottom,0px) + 96px)!important}
html:root body.simple13.simple13 .legal85>.legal85-sheet{position:relative!important;inset:auto!important;width:100%!important;max-width:560px!important;max-height:100%!important;overflow-y:auto!important;border-radius:22px!important;margin:0!important;animation:t100pop .3s cubic-bezier(.2,.8,.2,1) both!important}
html:root body.simple13.simple13 .legal85-head{position:relative!important}
html:root body.simple13.simple13 .legal85-head>.t100-x{position:absolute!important;top:50%!important;right:6px!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;background:none!important;border:0!important;padding:0!important}
html:root body.simple13.simple13 .legal85-head>.t100-x::before{content:""!important;position:absolute!important;inset:0!important;margin:auto!important;width:17px!important;height:17px!important;background:url("/assets/s98-close-r.webp") center/contain no-repeat!important}
}
/* .100: Help (Amber) screen more compact; Amber + wheel kept (BoRi 14:49) */
@layer qc25tab{
html:root body.simple13.simple13 .hl25{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important}
html:root body.simple13.simple13 .hl25>*{grid-column:1/-1!important}
html:root body.simple13.simple13 .hl25 .t57-pt{margin:0 8px 0!important}
html:root body.simple13.simple13 .hl25 .t57-pt p{display:none!important}
html:root body.simple13.simple13 .hl25-hero{margin:0 0 6px!important;padding:2px 0 0!important;gap:2px!important}
html:root body.simple13.simple13 .hl25-hero h3{font-size:21px!important;line-height:1.2!important}
html:root body.simple13.simple13 .hl25-hero p{font-size:13.5px!important;line-height:1.4!important;margin:2px 16px 0!important;opacity:.85!important}
html:root body.simple13.simple13 .hl25 .ig40-lbl{display:none!important}
html:root body.simple13.simple13 .hl25>.hl25-card.wide{grid-column:1!important;justify-self:end!important;margin:10px 10px 0 0!important;width:auto!important;padding:8px 6px!important}
html:root body.simple13.simple13 .hl25>.hl25-more{grid-column:2!important;justify-self:start!important;margin:10px 0 0 10px!important}
html:root body.simple13.simple13 .hl25>.hl25-more[open]{grid-column:1/-1!important;justify-self:stretch!important;margin:10px 0 0!important;text-align:center!important}
html:root body.simple13.simple13 .hl25-fine{margin:12px 10px 0!important;font-size:11px!important;line-height:1.4!important;opacity:.75!important}
}
/* .100: once you tap to type to Amber (or a chat is going), only Amber's face, the chat and the typing field stay; smooth (BoRi 14:39/14:40) */
@layer qc25tab{
html:root body.simple13.simple13 .hl25>:not(.hl25-hero),html:root body.simple13.simple13 .hl25-hero>:not(.fa){transition:opacity .28s ease,max-height .36s cubic-bezier(.2,.8,.2,1),margin .36s cubic-bezier(.2,.8,.2,1),padding .36s ease!important;max-height:420px}
html:root body.simple13.simple13 .hl25-hero>.fa{transition:width .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1),margin .36s ease!important}
html.t100-chat body.simple13.simple13 .hl25>:not(.hl25-hero),html.t100-chat body.simple13.simple13 .hl25-hero>:not(.fa){opacity:0!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important;pointer-events:none!important}
html.t100-chat body.simple13.simple13 .hl25-hero{margin:0!important;padding:0!important}
html.t100-chat body.simple13.simple13 .hl25-hero>.fa{width:76px!important;height:76px!important;margin:0 auto 4px!important}
}
/* .100: the chosen-tab red line hides with the bottom bar while typing (no stray red line) */
@layer qc25tab{html:root body.simple13.simple13 #tabbar13.t57-tb61 .tb.on .t57-tbg{visibility:inherit!important}}
/* .100: smooth openings everywhere: every pop-up/screen fades and rises in the same soft way (BoRi 14:40) */
@layer qc25tab{
html:root body.simple13.simple13 .share25>*{animation:t100pop .3s cubic-bezier(.2,.8,.2,1) both!important}
html:root body.simple13.simple13 :is(.share25,.a2hs25){animation-duration:.28s!important;animation-timing-function:ease-out!important}
html:root body.simple13.simple13 .a2hs25>*{animation-duration:.32s!important;animation-timing-function:cubic-bezier(.2,.8,.2,1)!important}
html:root body.simple13.simple13 .r2-scrim{animation:t100fade .28s ease-out both!important}
html:root body.simple13.simple13 .jr-sheet{animation:t100fade .28s ease-out both!important}
html:root body.simple13.simple13 .item-sheet{animation-duration:.3s!important;animation-timing-function:cubic-bezier(.2,.8,.2,1)!important}
}
/* .100: item card extra detail + Amber research block (BoRi 14:36) */
@layer qc25tab{
html:root body.simple13.simple13 .p-card .t100-more{margin:-2px 0 0!important;font-size:13px!important;line-height:1.55!important;color:rgba(236,228,230,.72)!important;text-align:center!important}
html:root body.simple13.simple13 .item-ai .t100-res{margin:0 0 12px!important;padding:2px 2px 12px!important;border-bottom:1px solid rgba(255,60,45,.35)!important;text-align:left!important;animation:t100fade .3s ease-out both!important}
html:root body.simple13.simple13 .item-ai .t100-rh{margin:0 0 6px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#ff5a48!important;text-align:center!important}
html:root body.simple13.simple13 .item-ai .t100-rb{font-size:14px!important;line-height:1.55!important;color:#eee6e8!important}
html:root body.simple13.simple13 .item-ai .t100-rb p{margin:0 0 8px!important}
html:root body.simple13.simple13 .item-ai .t100-rb ul{margin:0 0 8px!important;padding:0 0 0 18px!important;list-style:disc!important}
html:root body.simple13.simple13 .item-ai .t100-rb li{margin:0 0 6px!important}
html:root body.simple13.simple13 .item-ai .t100-rb li::marker{color:#ff4b3c!important}
html:root body.simple13.simple13 .item-ai .t100-rb b{color:#fff!important}
html:root body.simple13.simple13 .item-ai .t100-rb h5{margin:10px 0 4px!important;font-size:14px!important;color:#fff!important}
html:root body.simple13.simple13 .item-ai .t100-src{margin:6px 0 0!important;font-size:12px!important;line-height:1.6!important;color:rgba(236,228,230,.6)!important}
html:root body.simple13.simple13 .item-ai .t100-src a{color:#ff7b6b!important;text-decoration:underline!important}
html:root body.simple13.simple13 .item-ai .t100-load{margin:6px 0!important;text-align:center!important;font-size:14px!important;color:rgba(236,228,230,.8)!important}
html:root body.simple13.simple13 .item-ai .t100-load i{display:inline-block!important;width:5px!important;height:5px!important;margin-left:4px!important;border-radius:50%!important;background:#ff4b3c!important;animation:t100dot 1.1s ease-in-out infinite!important}
html:root body.simple13.simple13 .item-ai .t100-load i:nth-child(2){animation-delay:.18s!important}
html:root body.simple13.simple13 .item-ai .t100-load i:nth-child(3){animation-delay:.36s!important}
}
@keyframes t100dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
/* .100: item Amber quick questions in one swipe row so the research has room */
@layer qc25tab{
html:root body.simple13.simple13 .item-ai .item-ai-chips{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;justify-content:flex-start!important;max-height:none!important;padding-bottom:2px!important}
html:root body.simple13.simple13 .item-ai .item-ai-chips::-webkit-scrollbar{display:none!important}
html:root body.simple13.simple13 .item-ai .item-ai-chips{flex:0 0 auto!important;min-height:46px!important}
html:root body.simple13.simple13 .item-ai .item-ai-chips>button{flex:0 0 auto!important;white-space:nowrap!important}
}