/* Shared signed-in identity for Office and its SSO modules. */
.office-account-sidebar-head{
    box-sizing:border-box!important;display:flex!important;width:100%!important;min-width:0!important;
    padding:2px 8px 20px!important;align-items:center!important;flex-direction:column!important;
    border-bottom:1px solid rgba(148,163,184,.20)!important;text-align:center!important;
}
.office-account-sidebar-photo{
    position:relative!important;display:grid!important;width:124px!important;height:144px!important;
    min-width:124px!important;min-height:144px!important;overflow:hidden!important;place-items:center!important;
    border:5px solid #fff!important;border-radius:32px!important;background:#e8f0fe!important;color:#0b57d0!important;
    box-shadow:0 12px 30px rgba(43,84,143,.18),0 0 0 1px #d7e3f6!important;font-size:32px!important;font-weight:700!important;
}
.office-account-sidebar-photo img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;padding:3px!important;border-radius:inherit!important;background:#fff!important;object-fit:contain!important;object-position:center!important}
.office-account-sidebar-copy{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin-top:12px!important;padding:0 4px!important}
.office-account-sidebar-copy small,.office-account-sidebar-copy strong,.office-account-sidebar-copy span{display:block!important;overflow:hidden!important;width:100%!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.office-account-sidebar-copy small{color:#0b57d0!important;font-size:9px!important;font-weight:700!important;letter-spacing:.13em!important}
.office-account-sidebar-copy strong{margin-top:5px!important;color:#1f2937!important;font-size:15px!important;line-height:1.25!important}
.office-account-sidebar-copy span{margin-top:4px!important;color:#64748b!important;font-size:11px!important;line-height:1.35!important}
.office-account-actions{display:grid!important;gap:8px!important;width:100%!important;margin-top:auto!important;padding:16px!important;border:1px solid #dadce0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important}
.office-account-actions form{display:block!important;width:100%!important;margin:0!important}
.office-account-action,.office-account-actions .office-sidebar-logout{box-sizing:border-box!important;display:flex!important;width:100%!important;min-height:40px!important;margin:0!important;padding:10px 14px!important;align-items:center!important;justify-content:center!important;gap:0!important;border:1px solid #dadce0!important;border-radius:999px!important;background:#fff!important;color:#1967d2!important;font:500 14px "Google Sans",Roboto,Arial,sans-serif!important;line-height:20px!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}
.office-account-action.profile,.office-account-action.logout{border-color:#dadce0!important;background:#fff!important;color:#1967d2!important}
.office-account-action.logout:hover{border-color:#ef4444!important;background:#dc2626!important;color:#fff!important}
.office-account-action .material-symbols-outlined{display:none!important}
.office-sidebar-header:has(.office-account-sidebar-head){display:block!important;padding:0!important;background:transparent!important}
.office-sidebar-header:has(.office-account-sidebar-head)>.office-account-sidebar-head{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
.office-sidebar-layout:has(.office-module-sidebar-scroll){overflow:hidden!important}
.office-sidebar-layout:has(.office-module-sidebar-scroll)>.office-sidebar-header,
.office-sidebar-layout:has(.office-module-sidebar-scroll)>.office-global-company-switcher,
.office-sidebar-layout:has(.office-module-sidebar-scroll)>.office-account-actions{flex:0 0 auto!important}
.office-module-sidebar-scroll{box-sizing:border-box!important;display:flex!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;gap:18px!important;margin:0 -5px!important;padding:0 5px 10px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:rgba(95,99,104,.28) transparent!important}
.office-module-sidebar-scroll::-webkit-scrollbar{width:5px!important}.office-module-sidebar-scroll::-webkit-scrollbar-track{background:transparent!important}.office-module-sidebar-scroll::-webkit-scrollbar-thumb{border-radius:999px!important;background:rgba(95,99,104,.24)!important}.office-module-sidebar-scroll:hover::-webkit-scrollbar-thumb{background:rgba(95,99,104,.42)!important}
.office-module-sidebar-scroll>.office-sidebar-section{flex:0 0 auto!important}
@media(max-width:991.98px){.office-account-sidebar-photo{width:100px!important;height:116px!important;min-width:100px!important;min-height:116px!important;border-radius:28px!important}}
@media(max-height:850px) and (min-width:992px){.office-sidebar-layout:has(.office-module-sidebar-scroll){gap:12px!important;padding-top:14px!important;padding-bottom:14px!important}.office-sidebar-layout:has(.office-module-sidebar-scroll) .office-account-sidebar-head{padding-bottom:14px!important}.office-sidebar-layout:has(.office-module-sidebar-scroll) .office-account-sidebar-photo{width:106px!important;height:123px!important;min-width:106px!important;min-height:123px!important;border-radius:29px!important}.office-sidebar-layout:has(.office-module-sidebar-scroll) .office-account-sidebar-copy{margin-top:9px!important}}
@media(max-height:720px) and (min-width:992px){.office-sidebar-layout:has(.office-module-sidebar-scroll) .office-account-sidebar-photo{width:88px!important;height:102px!important;min-width:88px!important;min-height:102px!important;border-radius:25px!important}.office-sidebar-layout:has(.office-module-sidebar-scroll) .office-account-sidebar-copy{margin-top:7px!important}.office-sidebar-layout:has(.office-module-sidebar-scroll) .office-account-sidebar-head{padding-bottom:10px!important}.office-module-sidebar-scroll{gap:12px!important}}

/* Track Design carries legacy three-column header rules with higher specificity. */
body.office-google-test #designSidebar>.office-sidebar-header{
    box-sizing:border-box!important;position:relative!important;display:block!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    margin:0!important;padding:0!important;background:transparent!important;
    grid-template-columns:none!important;grid-template-rows:none!important;
}
body.office-google-test #designSidebar>.office-sidebar-header>.office-account-sidebar-head{
    box-sizing:border-box!important;display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;
    margin:0!important;padding:0 0 20px!important;align-items:center!important;justify-content:flex-start!important;
    flex-direction:column!important;gap:0!important;text-align:center!important;
}
body.office-google-test #designSidebar .office-account-sidebar-photo{
    position:relative!important;display:grid!important;width:124px!important;height:144px!important;
    min-width:124px!important;min-height:144px!important;max-width:124px!important;max-height:144px!important;
    margin:0 auto!important;flex:0 0 144px!important;place-items:center!important;
}
body.office-google-test #designSidebar .office-account-sidebar-copy{
    box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:12px 0 0!important;padding:0 4px!important;text-align:center!important;
}
body.office-google-test #designSidebar .office-account-sidebar-copy small,
body.office-google-test #designSidebar .office-account-sidebar-copy strong,
body.office-google-test #designSidebar .office-account-sidebar-copy span{
    box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;
    overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.office-google-test #designSidebar>.office-sidebar-header>.office-mobile-nav-close{
    position:absolute!important;top:4px!important;right:4px!important;z-index:4!important;
}
body.office-google-test #designSidebar>.office-account-actions{
    box-sizing:border-box!important;width:100%!important;margin-top:auto!important;flex:0 0 auto!important;
}
@media(max-height:850px) and (min-width:992px){
    body.office-google-test #designSidebar .office-account-sidebar-photo{width:106px!important;height:123px!important;min-width:106px!important;min-height:123px!important;max-width:106px!important;max-height:123px!important;flex-basis:123px!important}
    body.office-google-test #designSidebar .office-account-sidebar-copy{margin-top:9px!important}
}
@media(max-height:720px) and (min-width:992px){
    body.office-google-test #designSidebar .office-account-sidebar-photo{width:88px!important;height:102px!important;min-width:88px!important;min-height:102px!important;max-width:88px!important;max-height:102px!important;flex-basis:102px!important}
    body.office-google-test #designSidebar .office-account-sidebar-copy{margin-top:7px!important}
    body.office-google-test #designSidebar .office-sidebar-link{min-height:42px!important}
    body.office-google-test #designSidebar .office-sidebar-label{padding-bottom:5px!important}
}

/* Canonical Beranda Office sidebar metrics for every SSO module. */
@media (min-width: 992px) {
    .office-sidebar-layout,
    header.topbar#app-sidebar,
    body.standard-page .topbar,
    body.detail-page .topbar{
        width:280px!important;
        min-width:280px!important;
        max-width:280px!important;
    }
}
.office-sidebar-layout,
header.topbar#app-sidebar,
body.standard-page .topbar,
body.detail-page .topbar{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    padding:20px 16px 24px!important;
    gap:18px!important;
}
.office-sidebar-layout > .office-sidebar-header{
    margin:0 0 8px!important;
}
.office-sidebar-layout > .office-global-company-switcher,
.office-sidebar-header + .office-global-company-switcher,
.topbar > .office-global-company-switcher,
aside > .office-global-company-switcher{
    box-sizing:border-box!important;
    display:grid!important;
    width:calc(100% - 24px)!important;
    min-height:66px!important;
    margin:0 12px 12px!important;
    padding:9px 10px!important;
    grid-template-columns:40px minmax(0,1fr) 20px!important;
    align-items:center!important;
    gap:10px!important;
}
.office-global-company-switcher label,
.office-global-company-switcher small{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    background:transparent!important;
}
.office-global-company-switcher small{
    display:flex!important;
    min-height:11px!important;
    margin-bottom:4px!important;
    align-items:center!important;
    gap:5px!important;
    color:#64748b!important;
    font-size:7px!important;
    font-weight:700!important;
    letter-spacing:.11em!important;
}
.office-global-company-switcher select,
.office-global-company-switcher select:focus,
body.purchasing-material3 .office-global-company-switcher select,
body.purchasing-material3 .office-global-company-switcher select:focus,
body.office-google-test .office-global-company-switcher select,
body.office-google-test .office-global-company-switcher select:focus,
body.standard-page .office-global-company-switcher select,
body.standard-page .office-global-company-switcher select:focus,
body.detail-page .office-global-company-switcher select,
body.detail-page .office-global-company-switcher select:focus{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0 20px 0 0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#1f2937!important;
    box-shadow:none!important;
    outline:0!important;
    font:600 10px "Google Sans","Segoe UI",sans-serif!important;
    line-height:22px!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.office-sidebar-section,
.topbar .sidebar-section,
body.standard-page .sidebar-section,
body.detail-page .sidebar-section{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:0 0 10px!important;
}
.office-sidebar-label,
.topbar .sidebar-label,
body.standard-page .sidebar-label,
body.detail-page .sidebar-label,
body.office-google-test .office-sidebar-label,
body.purchasing-material3 .office-sidebar-label{
    padding:0 16px 8px!important;
    margin:0!important;
    color:#5f6368!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.office-sidebar-layout .office-sidebar-link,
.office-sidebar-layout .affiliate-sidebar-link,
body.office-google-test .office-sidebar-layout .office-sidebar-link,
body.purchasing-material3 .office-sidebar-layout .office-sidebar-link,
body.standard-page .topbar .nav-link,
body.detail-page .topbar .nav-link{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:16px!important;
    gap:0 16px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:24px!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:20px!important;
    transform:none!important;
    box-sizing:border-box!important;
}
.office-sidebar-layout .office-sidebar-link > .office-link-icon,
.office-sidebar-layout .office-sidebar-link > .material-symbols-outlined,
.topbar .nav-link > .nav-icon,
.topbar .nav-link > .office-link-icon,
body.standard-page .topbar .nav-icon{
    display:grid!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    justify-self:start!important;
    background:transparent!important;
}
.office-sidebar-layout .office-sidebar-link .material-symbols-outlined,
.topbar .nav-link .material-symbols-outlined{
    margin:0!important;
    font-size:20px!important;
    line-height:1!important;
}
.office-sidebar-layout .office-sidebar-profile,
.office-sidebar-layout .office-account-actions,
.topbar .sidebar-profile{
    margin-top:auto!important;
    padding:16px!important;
    border:1px solid #dadce0!important;
    border-radius:20px!important;
    box-shadow:none!important;
    background:transparent!important;
}
.office-sidebar-layout .office-sidebar-logout,
.office-sidebar-layout .office-account-action,
.topbar .office-sidebar-logout,
.topbar .office-account-action{
    box-sizing:border-box!important;
    display:flex!important;
    width:100%!important;
    min-height:40px!important;
    margin:0!important;
    padding:10px 14px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #dadce0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#1967d2!important;
    font:500 14px "Google Sans",Roboto,Arial,sans-serif!important;
    box-shadow:none!important;
}
@media(max-width:991.98px){
    .office-sidebar-layout > .office-global-company-switcher,
    .office-sidebar-header + .office-global-company-switcher,
    .topbar > .office-global-company-switcher,
    aside > .office-global-company-switcher{
        width:calc(100% - 20px)!important;
        margin:0 10px 10px!important;
    }
}