.login-page::after{content:"";position:absolute;inset:5% 40% 5% 30%;background:url('/bacanime-logo.png') center/contain no-repeat;opacity:.30;pointer-events:none}
.bacanime-login-logo{object-fit:contain;background:transparent;border-radius:0}
@media(max-width:760px){
 .login-page{min-height:100dvh!important;padding:24px 16px!important;display:flex!important;flex-direction:column;gap:20px!important}
 .login-hero h1{font-size:2.5rem!important;line-height:1.06!important;margin:16px 0!important}
 .login-mission,.login-features,.login-kicker{display:none!important}
 .login-side,.login-card{width:100%!important;max-width:460px;box-sizing:border-box}
 .login-card{padding:24px!important;margin:auto}
 .login-page::after{inset:5% 5%;opacity:.14}
 .login-card input{font-size:16px;min-height:46px}
 .login-card button{min-height:48px}
 .topbar{gap:8px!important;flex-wrap:wrap;padding:10px!important}
 .topbar .global-search,.topbar .user-chip{display:none!important}
 .topbar .company-switch{max-width:145px}
 .content{padding:12px!important}
 .modal{max-width:calc(100vw - 20px)!important;max-height:90dvh;overflow:auto}
 .form-grid{grid-template-columns:minmax(0,1fr)!important}
}

.bacanime-motivation{font-size:1.12rem;color:#ffe2a3;line-height:1.5;max-width:720px;padding:12px 16px;border-left:3px solid #ffb52b;background:rgba(8,13,27,.82);border-radius:0 12px 12px 0}
.bacanime-login-logo{width:76px;height:100px}
@media(max-width:760px){.bacanime-motivation{font-size:.96rem;margin:12px 0}.bacanime-login-logo{width:54px;height:76px}}
#mobile-quick-nav,#mobile-menu-close{display:none}
@media(max-width:820px){
 body .shell,body.navigation-collapsed .shell{display:block!important;min-height:100dvh}
 body .sidebar,body.navigation-collapsed .sidebar{display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(86vw,340px)!important;height:100dvh!important;flex-direction:column!important;z-index:1001!important;transform:translateX(-105%);transition:transform .18s ease;box-shadow:12px 0 40px #0008;padding-top:env(safe-area-inset-top);box-sizing:border-box}
 body.mobile-menu-open .sidebar{transform:translateX(0)}
 body.mobile-menu-open{overflow:hidden}
 .sidebar .brand{display:flex!important;flex-shrink:0;justify-content:flex-start;padding:12px 18px}
 .sidebar .brand div,.sidebar .nav-section,.sidebar .nav button span.label{display:block!important}
 .sidebar .brand img{width:48px;height:64px;object-fit:contain}
 .sidebar .nav{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 14px 24px}
 .sidebar .nav button{flex-direction:row!important;justify-content:flex-start!important;min-height:46px;flex-shrink:0;font-size:14px!important;padding:12px!important;gap:12px!important}
 .sidebar .nav-section{padding:18px 12px 6px;font-size:11px}
 .sidebar .sidebar-foot{display:flex!important;flex-shrink:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #mobile-menu-close{display:block;align-self:flex-end;margin:12px 14px 0;min-height:40px}
 #mobile-menu-overlay{position:fixed;inset:0;z-index:1000;background:#0009;border:0;backdrop-filter:blur(3px)}
 #mobile-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:90;background:#0b1425f5;border-top:1px solid #304059;padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:4px}
 #mobile-quick-nav button{border:0;background:transparent;color:#b8c5db;font-size:11px;min-height:48px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
 #mobile-quick-nav button span{font-size:20px}
 #mobile-quick-nav button[aria-current=page]{background:#28344d;color:#fff}
 .main{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;min-width:0}
 .game-command-strip{display:none!important}
 .topbar .agency-scope-field{flex:1 1 130px;min-width:0}
 .topbar select{max-width:100%;font-size:14px}
 #domain-health-chip,#v11-theme-toggle,#aitr-quota-chip,#crm-install-link{display:none!important}
 .topbar #page-title{font-size:17px!important}
}
@media(max-width:820px){
 .chat-open #v106-chat,.v106-inbox.chat-open #v106-chat,.inbox-layout.chat-open #chat-panel{display:flex!important;position:fixed!important;inset:0 0 calc(68px + env(safe-area-inset-bottom)) 0!important;z-index:85!important;height:auto!important;width:100%!important;min-width:0!important;flex-direction:column!important;background:#0b1425;overflow:hidden!important;padding-top:env(safe-area-inset-top)}
 #v106-chat .v106-chat-head{flex:none;flex-wrap:wrap!important;gap:6px!important;padding:10px!important}
 #v106-chat .v106-chat-head .grow{min-width:120px}
 .v106-mobile-back,#back-chat{display:inline-flex!important;min-width:42px;min-height:42px}
 #v106-message-feed,.chat-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
 #v106-composer,.composer{flex:none!important;position:relative!important;padding:8px!important;max-width:100%;box-sizing:border-box}
 #v106-dropzone{flex-wrap:wrap!important;gap:4px!important;padding:6px!important}
 #v106-composer-text{flex:1 1 calc(100% - 52px)!important;width:auto!important;min-width:0!important;font-size:16px!important;order:-1}
 #v106-send{order:-1;min-height:42px}
 .v106-composer-hint{display:none!important}
 #v106-contact{max-width:100vw}
 .v106-inbox{min-width:0!important;grid-template-columns:minmax(0,1fr)!important}
 .v106-inbox-list{min-width:0!important}
}
@media(max-width:820px){
 #content>.bos-view-root{contain:none!important}
 .chat-open #v106-chat{top:0!important;left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;width:100%!important}
 #v106-composer .v106-composer-hint{display:none!important}
 #v106-chat .v106-mobile-back{display:inline-flex!important}
}
@media(max-width:820px){
 body:has(.bos-view-root.chat-open) .topbar{visibility:hidden!important;pointer-events:none!important}
 html body #v106-chat #v106-composer .v106-composer-hint{display:none!important}
}
#crm-install-banner{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:95;background:#17233b;border:1px solid #6f86b0;border-radius:16px;box-shadow:0 6px 24px #0007;display:flex;align-items:center;gap:10px;padding:12px;color:#fff}
#crm-install-banner[hidden]{display:none}
#crm-install-banner img{width:38px;height:38px;object-fit:contain}
#crm-install-banner div{flex:1;min-width:0}
#crm-install-banner small{display:block;margin-top:4px;font-size:11px;color:#c3cce0}
#crm-install-banner button{min-height:40px;border:0;border-radius:10px;background:#6650d9;color:#fff;padding:8px 10px}
#crm-install-banner [data-close]{background:transparent;padding:4px}
body:has(.chat-open) #crm-install-banner{display:none}
@media(min-width:821px){#crm-install-banner{display:none}}
