.pwa-install{margin:1.5rem 0;padding:1rem 1.2rem;border:1px solid #eac8dc;border-radius:16px;background:#fff9fc}
.pwa-install summary{cursor:pointer;min-height:44px;display:list-item;font-weight:700;color:#94245f}
.pwa-install p{font-size:.9rem;margin:.7rem 0;max-width:70ch}
.pwa-connection{padding:1rem;border:1px solid #ac6a13;border-radius:12px;background:#fff3dc;color:#69430f}
.pwa-install [hidden],.pwa-install[hidden],.pwa-connection[hidden]{display:none}
.pwa-entry{max-width:760px}
.pwa-entry .pwa-roles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.pwa-entry .pwa-roles a{padding:1.5rem;border:1px solid #e8c8db;border-radius:18px;text-decoration:none;background:#fff;display:flex;flex-direction:column;gap:.5rem}
.pwa-entry .pwa-roles strong{color:#a83269;font-size:1.2rem}
.intranet-page{padding-bottom:env(safe-area-inset-bottom)}
.intranet-page :focus-visible{outline-offset:3px}
@media(max-width:720px){
    .intranet-page .header-inner{flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 0}
    .intranet-page .header-inner .brand{justify-content:flex-start;gap:.5rem}
    .intranet-page .brand-logo{width:40px;height:40px;flex-shrink:0}
    .intranet-page .brand-text strong{font-size:.78rem;max-width:180px}
    .intranet-page .header-inner .nav{display:none}
    .intranet-page input:not([type=checkbox]):not([type=radio]),.intranet-page select,.intranet-page textarea{font-size:16px;min-height:44px;max-width:100%}
    .intranet-page button:not([hidden]),.intranet-page .btn{min-height:44px}
    .intranet-page .auth-layout{display:flex;flex-direction:column}
    .intranet-page .auth-card{order:-1;width:100%;min-width:0}
    .intranet-page .portal-dialog{max-height:calc(100dvh - 1rem);max-width:calc(100vw - 1rem);overflow-y:auto;overscroll-behavior:contain}
    .intranet-page .portal-toolbar{top:64px}
    .intranet-page .portal-sidebar{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
    .intranet-page .portal-workspace,.intranet-page .portal-view{min-width:0}
    .pwa-entry .pwa-roles{grid-template-columns:1fr}
}
@media(display-mode:standalone){
    .intranet-page .site-header{padding-top:env(safe-area-inset-top)}
    .intranet-page main{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}
@media(prefers-reduced-motion:reduce){.intranet-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}