/* Shared corporate navigation: continuous white surface for the existing brand asset. */
body #app.app>.sidebar{background:#fff!important;color:#334155!important;border-right:1px solid #dbe3ee!important;box-shadow:4px 0 20px #0f172a08!important}
body #app.app>.sidebar .brand{border-bottom:1px solid #e2e8f0!important}
body #app.app>.sidebar .brandmark{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body #app.app>.sidebar .pd-brand-name{display:block!important;flex:1 1 134px!important;min-width:0!important;max-width:144px;line-height:0!important}
body #app.app>.sidebar .pd-brand-name img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:901px){body #app.app>.sidebar .brand.pd-brand-centered{padding-right:12px!important}}
body #app.app>.sidebar .nav{color:#334155!important;background:transparent!important;box-shadow:none!important}
body #app.app>.sidebar .nav.active{background:#e8f0fe!important;color:#1d4ed8!important;border-left:3px solid #10b981!important;box-shadow:none!important}
body #app.app>.sidebar :is(.section,.cqz-nav-workspace,.cqz-nav-group-title,summary){color:#64748b!important;border-color:#e2e8f0!important}
body #app.app>.sidebar #pd-sidebar-close{color:#334155!important}
body #app.app>.sidebar #pd-sidebar-close:hover{background:#eff6ff!important}
body #app.app>.sidebar a{color:#334155}
body #app.app>.sidebar :is(.nav,.nav-group-toggle){transition:background-color .16s ease,color .16s ease!important}
@media(hover:hover){body #app.app>.sidebar :is(.nav,.nav-group-toggle):hover{background:#dff5f1!important;color:#0f766e!important;transform:none!important}}
body #app.app>.sidebar :is(.nav,.nav-group-toggle):focus-visible{background:#dff5f1!important;color:#0f766e!important;outline:2px solid #0d9488;outline-offset:2px}
@media(prefers-reduced-motion:reduce){body #app.app>.sidebar :is(.nav,.nav-group-toggle){transition:none!important}}

/* Explicit panel control: same navigation behavior, clear visual affordance. */
body #app #sidebar-toggle-btn{
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
 padding:0!important;border:1px solid transparent!important;border-radius:12px!important;
 background:transparent!important;color:#0f766e!important;box-shadow:none!important;
 font-size:0!important;line-height:1!important;flex-shrink:0;transition:background-color .16s ease,border-color .16s ease;
}
body #app #sidebar-toggle-btn::before{
 content:"";display:block;width:22px;height:22px;flex:0 0 22px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
 transition:transform .16s ease;
}
body #app #sidebar-toggle-btn::after{content:none}
body #app #sidebar-toggle-btn[aria-expanded="false"]::before{transform:rotate(180deg)}
body #app #sidebar-toggle-btn:hover{background:#dff2ee!important;border-color:#8acfc1!important}
body #app #sidebar-toggle-btn:focus-visible{outline:3px solid #14b8a6!important;outline-offset:3px}
body #app #sidebar-toggle-btn:active{background:#cdebe4!important}
@media(max-width:900px){
 body #app #pd-sidebar-close:not([hidden]){display:flex!important;align-items:center;justify-content:center;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;font-size:0!important}
 body #app #pd-sidebar-close::before{content:"";display:block;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
 body #app #sidebar-toggle-btn{min-width:44px!important;padding:0!important}
}
@media(prefers-reduced-motion:reduce){body #app #sidebar-toggle-btn,body #app #sidebar-toggle-btn::before{transition:none!important}}

/* Quiet navigation with scrolling preserved for wheel, touch and keyboard. */
body #app.app>.sidebar,body #app.app>.sidebar :is(nav,.nav-group-items){scrollbar-width:none;-ms-overflow-style:none}
body #app.app>.sidebar::-webkit-scrollbar,body #app.app>.sidebar :is(nav,.nav-group-items)::-webkit-scrollbar{display:none;width:0;height:0}
body #app.app>.sidebar{border-right:0!important;box-shadow:none!important}
body #app.app>.sidebar .brand{border-bottom:0!important}
body #app.app>.sidebar .nav{border:0!important;border-radius:5px!important;margin:2px 9px!important;padding:9px 12px!important;font-size:13px!important;font-weight:450!important;line-height:1.4!important}
body #app.app>.sidebar .nav.active{background:#eef6f4!important;color:#17685e!important;border:0!important;box-shadow:none!important;font-weight:600!important}
body #app.app>.sidebar .nav-group-toggle{background:transparent!important;box-shadow:none!important;border:0!important;font-size:11px!important;font-weight:600!important;letter-spacing:.035em!important;padding:12px 14px 7px!important}
body #app.app>.sidebar :is(.nav-badge,.nav-count,.nav-pill,[data-nav-count]){display:none!important}
body #app.app>.sidebar :is(.section,.cqz-nav-workspace){font-size:10px!important;font-weight:500!important;letter-spacing:.06em!important}
body #app :is(.cartola-tabs,.flow-tabs,.master-tabs){gap:4px!important;border-bottom:1px solid #e7edef!important;background:transparent!important;box-shadow:none!important}
body #app :is(.cartola-tab,.flow-tab,.master-tab){border-radius:4px 4px 0 0!important;box-shadow:none!important;font-weight:500!important}

/* Keep the work area adjacent to the navigation, without a reserved gutter. */
@media(min-width:901px){body #app.app{column-gap:0!important}body #app.app>.main{padding-left:8px!important;padding-right:12px!important}}

/* Module-specific vector icons share the same quiet, readable navigation style. */
body #app.app>.sidebar #cqz-main-nav :is(.nav,.pd-company-users-nav,#pd-system-menu button,.nav-group-toggle,.pd-nav-decorated){display:flex!important;align-items:center;gap:9px;text-align:left}
body #app.app>.sidebar .pd-nav-icon{width:18px;height:18px;min-width:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
body #app.app>.sidebar .pd-nav-label{min-width:0;line-height:1.4}
body #app.app>.sidebar .nav-group-toggle .pd-nav-icon{width:15px;height:15px;min-width:15px;flex-basis:15px;opacity:.65}
body #app.app>.sidebar .nav-group-toggle .nav-chev{margin-left:auto}
body #app.app>.sidebar .nav.active .pd-nav-icon{opacity:1}
body #app.app>.sidebar #cqz-main-nav [hidden]{display:none!important}