/* Public app chooser v4 — same native dialog on all other public pages.
   Home itself already ships these rules in its cinematic bundle. */
/* Refined header application modal: editorial, visual, card-based.
   The modal itself is still the same native <dialog> controlled by core JS. */
html body.bu-public-unified .bu-one-apps-dialog{
 width:min(865px,calc(100vw - 28px))!important;max-width:865px!important;
 max-height:min(90dvh,820px)!important;padding:0!important;overflow:auto!important;
 border:1px solid rgba(114,220,216,.48)!important;border-radius:25px!important;
 background:#061f32!important;color:#fff!important;
 box-shadow:0 35px 110px rgba(0,13,30,.60)!important
}
html body.bu-public-unified .bu-one-apps-dialog::backdrop{
 background:rgba(2,18,31,.75)!important;backdrop-filter:blur(6px)
}
html body.bu-public-unified .bu-one-apps-shell{
 padding:clamp(20px,4vw,43px)!important;
 background:radial-gradient(ellipse at 88% 0%,rgba(20,164,175,.25),transparent 56%),
 linear-gradient(135deg,#052334,#072d3f 67%,#092537)!important
}
html body.bu-public-unified .bu-one-apps-intro{
 max-width:610px!important;margin-bottom:25px!important;padding-right:36px!important
}
html body.bu-public-unified .bu-one-apps-intro small{
 color:#81f1dd!important;letter-spacing:.16em!important;font-weight:900!important;
 font-size:10px!important
}
html body.bu-public-unified .bu-one-apps-intro h2{
 font-size:clamp(27px,3.5vw,43px)!important;color:#fff!important;
 letter-spacing:-.055em!important;line-height:1.08!important;margin-top:13px!important
}
html body.bu-public-unified .bu-one-apps-intro p{
 color:#bddde3!important;font-size:13px!important;line-height:1.65!important;margin-top:12px!important
}
html body.bu-public-unified .bu-one-apps-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important
}
html body.bu-public-unified .bu-one-app-card{
 min-width:0;min-height:225px!important;display:flex!important;flex-direction:column!important;
 justify-content:flex-start!important;align-items:flex-start!important;gap:13px!important;
 padding:23px 19px!important;position:relative!important;
 border:1px solid rgba(87,215,214,.38)!important;border-radius:19px!important;
 color:#f7fffe!important;background:linear-gradient(146deg,rgba(15,83,99,.83),rgba(4,40,60,.96))!important;
 box-shadow:0 16px 37px rgba(0,12,25,.2),inset 0 1px rgba(176,255,240,.14)!important;
 transition:transform .22s,border-color .22s,box-shadow .22s!important
}
html body.bu-public-unified .bu-one-app-card:hover{
 transform:translateY(-4px)!important;border-color:rgba(139,255,233,.8)!important;
 box-shadow:0 20px 45px rgba(0,13,28,.36)!important
}
html body.bu-public-unified .bu-one-app-card>i{
 width:74px!important;height:74px!important;flex:none!important;
 display:grid!important;place-items:center!important;border-radius:18px!important;
 border:1px solid rgba(123,247,231,.18)!important;
 background:radial-gradient(circle,rgba(43,202,205,.20),rgba(5,58,79,.08))!important
}
html body.bu-public-unified .bu-one-app-card>i img{
 display:block!important;width:61px!important;height:61px!important;max-width:61px!important;
 object-fit:contain!important;filter:drop-shadow(0 4px 14px rgba(11,180,194,.25))!important
}
html body.bu-public-unified .bu-one-app-card>span{
 min-width:0!important;display:flex!important;flex-direction:column!important;gap:9px!important
}
html body.bu-public-unified .bu-one-app-card strong{
 color:#fff!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.035em!important
}
html body.bu-public-unified .bu-one-app-card small{
 color:#b7dae3!important;font-size:12px!important;line-height:1.6!important
}
html body.bu-public-unified .bu-one-app-card>b{
 position:absolute!important;top:18px;right:18px;
 color:#78ead9!important;font-size:18px!important
}
html body.bu-public-unified .bu-one-apps-close{
 top:17px!important;right:17px!important;width:44px!important;height:44px!important;
 display:grid!important;place-items:center!important;color:#f2ffff!important;
 border:1px solid rgba(123,226,219,.42)!important;border-radius:50%!important;
 background:rgba(4,73,85,.73)!important
}
html body.bu-public-unified .bu-one-apps-dialog :is(a,button):focus-visible{
 outline:3px solid #71edda!important;outline-offset:4px!important
}

@media(max-width:680px){
 html body.bu-public-unified .bu-one-apps-grid{grid-template-columns:1fr!important}
 html body.bu-public-unified .bu-one-apps-dialog{
  width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important;
  border-radius:19px!important
 }
 html body.bu-public-unified .bu-one-apps-shell{padding:21px 15px!important}
 html body.bu-public-unified .bu-one-app-card{
  flex-direction:row!important;min-height:102px!important;align-items:center!important;
  padding:13px 12px!important;gap:12px!important
 }
 html body.bu-public-unified .bu-one-app-card>i{
  width:62px!important;height:62px!important;border-radius:14px!important
 }
 html body.bu-public-unified .bu-one-app-card>i img{width:51px!important;height:51px!important}
 html body.bu-public-unified .bu-one-app-card strong{font-size:15px!important}
 html body.bu-public-unified .bu-one-app-card small{font-size:11px!important}
 html body.bu-public-unified .bu-one-app-card>b{top:10px;right:11px}
}
@media(prefers-reduced-motion:reduce){
 html body.bu-public-unified .bu-one-app-card{transition:none!important;transform:none!important}
}