html,body{max-width:100%;overflow-x:hidden}.content{min-width:0}.sidebar-overlay{display:none;border:0;padding:0}.topbar>div{min-width:0}.table-responsive{-webkit-overflow-scrolling:touch}.table-responsive table{margin-bottom:0}.modal-content{border-radius:18px}.btn,.nav-link,.form-control,.form-select{touch-action:manipulation}
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar .logo,.sidebar-footer{flex-shrink:0}.sidebar .nav-label{display:flex;align-items:center;gap:8px}.sidebar .nav-label::after{content:"";height:1px;flex:1;background:var(--line)}
.sidebar .nav-label{cursor:pointer;user-select:none;border-radius:8px;padding:7px 8px;margin-left:5px;margin-right:5px}.sidebar .nav-label:hover,.sidebar .nav-label:focus-visible{background:#edf5f1;color:var(--brand);outline:none}.sidebar .nav-label.collapsed{margin-bottom:2px}.sidebar .nav-link.menu-group-collapsed{display:none!important}.menu-chevron{font-size:.7rem;transition:transform .18s ease}.sidebar .nav-subgroup-toggle{width:100%;border:0;background:transparent;color:#46524b;display:flex;align-items:center;justify-content:space-between;padding:9px 13px;margin-top:4px;font-weight:700;font-size:.82rem}.sidebar .nav-subgroup-toggle:hover{background:#f3f7f5;border-radius:9px}.sidebar .finance-child{padding-left:28px}.sidebar .finance-child.finance-child-collapsed,.sidebar .nav-subgroup-toggle.menu-group-collapsed{display:none!important}
.urgent-task-alert{border:0;border-radius:999px;background:#b42318;color:#fff;font-weight:800;padding:8px 14px;box-shadow:0 0 0 rgba(180,35,24,.55);animation:urgent-task-pulse 1.15s infinite}.urgent-task-alert:hover,.urgent-task-alert:focus{background:#8f1c13;color:#fff}@keyframes urgent-task-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(180,35,24,.5)}50%{opacity:.7;box-shadow:0 0 0 8px rgba(180,35,24,0)}}@media(prefers-reduced-motion:reduce){.urgent-task-alert{animation:none}}
@media (min-width:992px) and (max-width:1199.98px){.sidebar{width:224px;padding-inline:14px}.content{margin-left:224px}.topbar{padding-inline:2rem}.container-fluid{padding-inline:2rem!important}.sidebar .nav-link{gap:9px;padding-inline:10px}.logo{margin-inline:7px}}
@media (max-width:991.98px){body.sidebar-open{overflow:hidden}.sidebar{display:flex;width:min(84vw,300px);max-width:300px;box-shadow:18px 0 55px rgba(15,31,24,.18);visibility:hidden;overflow-y:auto;overscroll-behavior:contain;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.sidebar.open{visibility:visible}.sidebar-overlay{position:fixed;inset:0;z-index:9;background:rgba(16,27,22,.42);backdrop-filter:blur(2px)}body.sidebar-open .sidebar-overlay{display:block}.topbar{height:66px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}.topbar .btn{min-width:44px;min-height:44px}.content{width:100%}.container-fluid{padding-left:20px!important;padding-right:20px!important}.panel,.metric{border-radius:14px}.kanban-preview{grid-template-columns:repeat(3,minmax(260px,82vw));scroll-snap-type:x proximity;padding-bottom:8px}.kanban-column{scroll-snap-align:start}.sidebar .nav-link{min-height:44px}.sidebar-footer{padding-bottom:6px}}
@media (max-width:767.98px){.container-fluid{padding-left:14px!important;padding-right:14px!important}.container-fluid.py-4{padding-top:18px!important}.topbar>div{gap:5px!important}.topbar [data-bs-target="#newModal"]{font-size:0}.topbar [data-bs-target="#newModal"] i{font-size:1rem;margin:0!important}.metric{padding:16px}.metric strong{font-size:1.2rem}.panel{padding:16px}.panel-head{margin-bottom:18px;gap:12px}.panel-head .btn{white-space:nowrap}.period{margin-top:12px}.table-responsive{margin-inline:-16px;padding-inline:16px}.table-responsive table{min-width:650px}.goal{margin-block:18px}.crm-alert{padding-block:12px}.alert{align-items:flex-start!important}.alert .btn{width:100%}}
@media (max-width:575.98px){.login-panel{width:auto;margin:0;padding:32px 20px}.login-shell{display:block;min-height:100svh}.login-panel h1{font-size:2rem}.topbar .btn-light:first-of-type{display:none}.modal{padding:0!important}.modal-dialog{margin:0;min-height:100%;display:flex;align-items:flex-end}.modal-dialog-centered{min-height:100%}.modal-content{border-radius:20px 20px 0 0;max-height:92svh;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.modal-header,.modal-body,.modal-footer{padding-inline:18px}.modal-footer{display:grid;grid-template-columns:1fr 1fr}.modal-footer .me-auto{margin:0!important}.modal-footer .btn{width:100%;min-height:44px}.form-control,.form-select{font-size:16px}.row.g-3>[class*="col-6"]{width:100%}.branding-preview img{max-width:80vw}.kanban-preview{grid-template-columns:repeat(3,minmax(250px,88vw))}.sidebar{width:min(88vw,290px)}}
@media (max-width:359.98px){.container-fluid{padding-inline:10px!important}.panel,.metric{padding:13px}.topbar{padding-inline:6px}.topbar .btn{padding-inline:10px}.sidebar{width:92vw}.display-6{font-size:1.8rem}}
@media (orientation:landscape) and (max-height:520px) and (max-width:991.98px){.sidebar{padding-top:12px}.logo{margin-bottom:12px}.nav-label{margin-top:10px}.modal-content{max-height:96svh}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Operação BPO: controles confortáveis em telas estreitas, sem sobreposição. */
.container-fluid:has(#bpoMonth) #bpoMonth{min-width:150px}.container-fluid:has(#bpoMonth) .badge{white-space:normal;text-align:center}.container-fluid:has(#bpoEntryForm) [data-close]{white-space:nowrap}.container-fluid:has(#bpoEntryForm) td:nth-child(2){min-width:220px}
@media(max-width:767.98px){.container-fluid:has(#bpoMonth)>div:first-child,.container-fluid:has(#bpoEntryForm)>div:nth-child(2){align-items:stretch!important;gap:14px}.container-fluid:has(#bpoMonth)>div:first-child>div:last-child,.container-fluid:has(#bpoEntryForm)>div:nth-child(2)>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.container-fluid:has(#bpoMonth) #bpoMonth{grid-column:1/-1;width:100%}.container-fluid:has(#bpoMonth) #newBpoGroup,.container-fluid:has(#bpoMonth) #newBpoCompany,.container-fluid:has(#bpoEntryForm) [data-close]{width:100%;min-height:44px}.container-fluid:has(#bpoEntryForm) [data-close="submit"]{grid-column:1/-1}.container-fluid:has(#bpoEntryForm) #bpoEntryForm .row>[class*="col-"],.container-fluid:has(#bpoEntryForm) #bpoDocForm .row>.col{width:100%;flex:0 0 100%}.container-fluid:has(#bpoEntryForm) #bpoEntryForm button,.container-fluid:has(#bpoEntryForm) #bpoDocForm button,.container-fluid:has(#bpoEntryForm) #bpoOfxForm>button{width:100%;min-height:44px}.container-fluid:has(#bpoEntryForm) .table-responsive table{min-width:720px}}
@media(max-width:420px){.container-fluid:has(#bpoMonth)>div:first-child>div:last-child,.container-fluid:has(#bpoEntryForm)>div:nth-child(2)>div:last-child{grid-template-columns:1fr}.container-fluid:has(#bpoEntryForm) [data-close="submit"]{grid-column:auto}.container-fluid:has(#bpoMonth) #bpoMonth{grid-column:auto}}
.bpo-journey{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #e4e8e3;border-radius:14px;background:#fff;color:#718078;font-size:.82rem;overflow-x:auto}.bpo-journey span,.bpo-journey button{white-space:nowrap}.bpo-journey span.active{color:var(--brand,#176b54);font-weight:700}.bpo-journey button{border:0;background:transparent;color:var(--brand,#176b54);font-weight:700;padding:0}.bpo-quick-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bpo-quick-nav button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e4e8e3;border-radius:14px;background:#fff;padding:14px;color:inherit}.bpo-quick-nav button:hover,.bpo-quick-nav button:focus-visible{border-color:var(--brand,#176b54);box-shadow:0 8px 24px rgba(23,107,84,.08)}.bpo-quick-nav i{font-size:1.3rem;color:var(--brand,#176b54)}.bpo-quick-nav span{font-weight:700}.bpo-quick-nav small{display:block;color:#718078;font-weight:400}
@media(max-width:767.98px){.bpo-journey{margin-inline:-4px;padding:11px 12px}.bpo-quick-nav{grid-template-columns:1fr}.bpo-quick-nav button{min-height:60px}.container-fluid:has(#bpoEntryForm) form{scroll-margin-top:78px}}
.event-person-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e4e8e3}.event-person-row small{display:block;color:#718078}.event-person-row>span{white-space:nowrap}@media(max-width:767.98px){#manageEventPeople{display:block;width:100%;margin:0 0 8px!important}#eventPeoplePanel .row>[class*="col-"]{width:100%}.event-person-row{align-items:flex-start}.event-person-row>span{font-size:.82rem}}