/* Operational layout consumes the existing Analytics theme and sidebar. */
.op-v2 .op-current-portfolio{margin:16px 0;border:1px solid var(--analytics-theme-border);border-radius:14px;background:var(--analytics-theme-surface-1)}
.op-v2 .op-current-portfolio .op-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.op-v2 .op-current-portfolio .op-section-heading span{font-size:11px;color:var(--analytics-theme-text-secondary)}
.op-v2 #opCurrentPortfolioBasis{font-size:12px;line-height:1.5;color:var(--analytics-theme-text-secondary)}
.op-v2 .op-current-portfolio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin-top:14px}
.op-v2 .op-current-portfolio-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0;padding:14px;border:1px solid var(--analytics-theme-border);border-radius:10px;background:var(--analytics-theme-surface-2)}
.op-v2 .op-current-portfolio-card span{font-size:11px;line-height:1.35;color:var(--analytics-theme-text-secondary)}
.op-v2 .op-current-portfolio-card strong{font-size:25px;line-height:1;font-variant-numeric:tabular-nums;color:var(--analytics-theme-text)}
@media(max-width:620px){.op-v2 .op-current-portfolio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.op-v2 .op-attendance-channels{margin:12px 0 18px;padding:12px 14px;border:1px solid var(--analytics-theme-border);border-radius:9px;background:var(--analytics-theme-surface-1)}
.op-v2 .op-attendance-channels p{margin:8px 0 0;max-width:100ch;font-size:12px;color:var(--analytics-theme-text-secondary)}
.op-v2 .op-related-calls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 18px;margin-top:12px;padding:13px 2px;border-top:1px solid var(--analytics-theme-border)}
.op-v2 .op-related-calls>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.op-v2 .op-related-calls span{font-size:12px;font-weight:650;color:var(--analytics-theme-text)}
.op-v2 .op-related-calls strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:var(--analytics-theme-accent)}
.op-v2 .op-related-calls p{margin:0;min-width:0;font-size:11px;line-height:1.5;color:var(--analytics-theme-text-secondary)}
.op-v2 .op-related-calls button{white-space:normal;color:var(--analytics-theme-accent)}
.op-v2 section[aria-label="Indicadores essenciais"]{display:flex;flex-direction:column}
.op-v2 section[aria-label="Indicadores essenciais"]>.op-section-heading{order:0}
.op-v2 section[aria-label="Indicadores essenciais"]>.op-related-calls{order:1;margin:0 0 12px;padding:14px 16px;border:1px solid var(--analytics-theme-border-strong);border-radius:10px;background:var(--analytics-theme-surface-1)}
.op-v2 section[aria-label="Indicadores essenciais"]>.op-metrics{order:2}
.op-v2 section[aria-label="Indicadores essenciais"]>.op-explorer{order:3}
@media(max-width:850px){.op-v2 .op-related-calls{grid-template-columns:1fr auto}.op-v2 .op-related-calls p{grid-column:1/-1;grid-row:2}}
@media(max-width:520px){.op-v2 .op-related-calls{grid-template-columns:1fr}.op-v2 .op-related-calls p{grid-column:auto;grid-row:auto}.op-v2 .op-related-calls button{justify-self:start}}
.op-v2 .op-attendance-channels [aria-pressed=true]{border-color:var(--analytics-theme-accent);background:var(--analytics-theme-active);font-weight:650}
.op-v2[data-attendance-channel] #opMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.op-v2 #opMetrics .op-metric-evidence,.op-v2 #opSessionMetrics .op-metric-evidence{display:block;min-height:32px;margin-top:9px;padding:4px 8px;font-size:11px;white-space:normal;color:var(--analytics-theme-accent)}
.op-v2 .op-table-scroll td button[data-metric-key]{border:0;background:transparent;min-height:32px;padding:2px 4px;text-decoration:underline;text-underline-offset:3px;font-variant-numeric:tabular-nums}
.op-v2 #opContactResults{grid-column:1/-1}
@media(max-width:820px){.op-v2[data-attendance-channel] #opMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.op-v2 .op-attendance-channels .op-chip-row{display:flex;flex-wrap:wrap}.op-v2 .op-attendance-channels button{flex:1 1 110px}.op-v2[data-attendance-channel] #opMetrics{grid-template-columns:1fr}}
.op-v2 .op-table-scroll th .op-order-button{border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;padding:2px;min-height:32px;text-align:inherit;white-space:normal;width:100%;border-radius:3px}
.op-v2 .op-table-scroll th[aria-sort=ascending],.op-v2 .op-table-scroll th[aria-sort=descending]{color:var(--analytics-theme-accent)}
.op-v2 .op-table-scroll th .op-order-button:disabled{opacity:1;cursor:default}
/* Keep the skip link keyboard-accessible without painting offscreen text in long-page captures. */
.op-v2 .skip-link:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.op-v2 .skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal}
/* Keep complete tables navigable inside the existing dashboard density. */
.op-v2 .op-table-scroll{max-height:520px;scrollbar-color:var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track)}
.op-v2 .op-table-scroll thead th{position:sticky;top:0;z-index:2;background:var(--analytics-theme-surface-2)}
.op-v2 .op-table-scroll thead th:first-child{z-index:3}
.op-v2 .op-table-scroll td:first-child{z-index:1}
.op-v2 #opRecordList{max-height:560px;overflow:auto;padding:0 5px;scrollbar-color:var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track)}
.op-v2 .op-session-history{border-top:1px solid var(--analytics-theme-border);padding-top:10px}
.op-v2 .op-session-history h3{font-size:13px}.op-v2 .op-session-history article{margin:12px 0}
.op-v2 .op-distribution button{display:block;width:100%;text-align:left;margin:6px 0;font-size:12px}
.op-v2 #opPortfolioColumns{margin:12px 0}
/* Narrow layouts scroll the table as one surface. Layered sticky table cells
   were disappearing after viewport reflow in the real tablet captures. */
@media(max-width:820px){
 .op-v2 .op-table-scroll thead th,.op-v2 .op-table-scroll td:first-child,.op-v2 .op-table-scroll th:first-child{position:static!important;z-index:auto!important}
}
.op-v2{--op-bg:var(--analytics-theme-bg);--op-panel:var(--analytics-theme-surface-1);--op-text:var(--analytics-theme-text);--op-muted:var(--analytics-theme-text-secondary);--op-border:var(--analytics-theme-border);--op-accent:var(--analytics-theme-accent);margin:0;background:var(--op-bg);color:var(--op-text);font:14px/1.5 Inter,'Segoe UI',Arial,sans-serif}
.op-v2 *{box-sizing:border-box}.op-v2 a{color:var(--op-accent)}.op-v2 button,.op-v2 input,.op-v2 select{font:inherit;max-width:100%}.op-v2 button,.op-v2 select,.op-v2 input,.op-button{border:1px solid var(--op-border);border-radius:7px;background:var(--op-panel);color:var(--op-text);padding:9px 12px;min-height:40px}.op-v2 button{cursor:pointer}.op-v2 button:hover{border-color:var(--op-accent)}.op-v2 button:disabled{opacity:.55;cursor:not-allowed}.op-v2 :focus-visible{outline:3px solid var(--analytics-theme-focus);outline-offset:3px}.op-v2 [hidden]{display:none!important}.op-v2 .op-button{text-decoration:none;display:inline-flex;align-items:center}
.op-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:18px;padding:10px;min-height:100vh;width:100%;max-width:none;margin:0}.op-v2 .op-layout>.sidebar{position:sticky!important;top:10px!important;left:auto!important;width:216px!important;height:calc(100vh - 20px)!important;min-height:600px;max-height:none;align-self:start}.op-v2 #main{min-width:0;padding:8px 6px 24px;max-width:none}.op-v2 .op-layout.analytics-sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.op-v2 .analytics-sidebar-collapsed>.sidebar{width:76px!important}
.op-header{display:flex;align-items:start;justify-content:space-between;gap:18px}.op-header h1{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:3px 0 8px}.op-header p{margin:4px 0;color:var(--op-muted)}.op-eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--op-accent)!important}.op-header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.op-header-actions #opExport{border-color:var(--analytics-theme-border-strong)}.op-review{display:flex;gap:10px;align-items:flex-start;background:var(--op-panel);border:1px solid var(--op-border);border-radius:9px;padding:12px 14px;margin:16px 0}.op-review strong{font-size:12px;font-weight:600}.op-review p{margin:3px 0 0;font-size:12px;color:var(--op-muted)}.op-status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-top:6px;background:var(--analytics-theme-warning)}
#opFilters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:18px 0}.op-v2 label{display:grid;gap:4px;color:var(--op-muted);font-size:12px}.op-v2 input[type=month]{min-width:172px}.op-search{margin-left:auto;min-width:210px}.op-v2 #opBreadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:12px 0}.op-v2 #opBreadcrumb button{padding:5px 8px;min-height:32px;background:transparent;color:var(--op-accent);border-color:transparent}.op-v2 #opBreadcrumb button:hover{background:var(--op-panel)}#opStatus{font-size:11px;color:var(--analytics-theme-muted);min-height:18px;margin:8px 0 14px}.op-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.op-v2 h2{font-size:15px;line-height:1.35;margin:0;font-weight:600;letter-spacing:-.01em}.op-section-heading>span{font-size:11px;color:var(--analytics-theme-muted)}
.op-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.op-metric{background:var(--op-panel);border:1px solid var(--op-border);border-radius:9px;padding:13px 14px;min-width:0}.op-metric h3{font-size:11px;font-weight:500;margin:0 0 9px;color:var(--op-muted)}.op-metric strong{display:block;font-size:24px;line-height:1.25;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.op-metric .op-unit{font-size:11px;color:var(--analytics-theme-muted)}.op-metric small,.op-metric details{font-size:10px;color:var(--analytics-theme-muted);margin-top:6px}.op-metric details p{font-size:11px;margin:6px 0}.op-metric summary{font-weight:400}.op-value-na{color:var(--analytics-theme-muted)}
.op-panel{background:var(--op-panel);border:1px solid var(--op-border);border-radius:10px;padding:16px;margin-top:16px;min-width:0}.op-panel>p{font-size:12px;color:var(--op-muted);margin:5px 0 12px}.op-panel>summary{font-size:14px;font-weight:600;cursor:pointer;padding:2px}.op-panel[open]>summary{margin-bottom:12px}.op-table-scroll{max-width:100%;overflow:auto;border-radius:6px}.op-v2 table{width:100%;border-collapse:collapse;font-size:12px}.op-v2 td,.op-v2 th{padding:10px;border-bottom:1px solid var(--op-border);text-align:right;vertical-align:middle;min-width:102px;font-variant-numeric:tabular-nums}.op-v2 th{font-weight:500;font-size:11px;color:var(--analytics-theme-muted);background:var(--analytics-theme-surface-2)}.op-v2 td:first-child,.op-v2 th:first-child{text-align:left;min-width:180px;position:sticky;left:0;background:var(--op-panel)}.op-v2 tr:hover td{background:var(--analytics-theme-surface-2)}.op-v2 td button{border:none;background:transparent;padding:4px 0;color:var(--op-accent);text-align:left;min-height:30px}.op-chip-row{display:flex;flex-wrap:wrap;gap:8px}.op-chip-row button{font-size:12px}.op-chip-row button[aria-pressed=true]{border-color:var(--op-accent);background:var(--analytics-theme-active)}.op-distribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.op-distribution{padding:12px;background:var(--analytics-theme-surface-2);border-radius:7px}.op-distribution h3{margin:0 0 8px;font-size:12px}.op-distribution p{font-size:12px;color:var(--op-muted)}
.op-record{border:1px solid var(--op-border);border-radius:7px;padding:12px;margin:8px 0}.op-record summary{cursor:pointer;font-size:12px;color:var(--op-text)}.op-record pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--analytics-theme-surface-2);padding:12px;border-radius:5px}.op-record dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px;font-size:12px}.op-record dt{color:var(--analytics-theme-muted)}.op-record dd{margin:0;overflow-wrap:anywhere}.op-record audio{display:block;width:min(100%,480px);margin:12px 0}.op-record a{font-size:12px}.op-source{border-bottom:1px solid var(--op-border);padding:10px 0;font-size:12px}.op-source p{margin:3px 0;color:var(--op-muted)}.op-pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.op-footer{font-size:11px;color:var(--analytics-theme-muted);margin-top:20px;padding-top:12px;border-top:1px solid var(--op-border)}.op-v2 dialog{max-width:min(560px,calc(100vw - 28px));color:var(--op-text);background:var(--analytics-theme-surface-1);border:1px solid var(--op-border);border-radius:12px;padding:24px;box-shadow:var(--analytics-theme-shadow)}.op-v2 dialog::backdrop{background:var(--analytics-theme-overlay)}.op-v2 dialog h2{font-size:20px}.op-v2 dialog p{font-size:13px;color:var(--op-muted)}.op-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin:20px 0}.op-v2 .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.op-v2 .skip-link{position:fixed;top:-100px;left:20px;z-index:99;padding:10px;background:var(--op-panel)}.op-v2 .skip-link:focus{top:10px}
@media(min-width:1650px){.op-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.op-header{flex-wrap:wrap}.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-search{margin-left:0}}
@media(max-width:820px){.op-layout,.op-v2 .op-layout.analytics-sidebar-collapsed{grid-template-columns:minmax(0,1fr);padding:8px;gap:12px}.op-v2 .op-layout>.sidebar,.op-v2 .analytics-sidebar-collapsed>.sidebar{position:relative!important;top:0!important;width:100%!important;height:auto!important;min-height:0!important}.op-v2 .analytics-shell-sidebar .brand{height:68px!important;min-height:68px!important}.op-v2 .analytics-shell-sidebar .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px!important}.op-v2 .analytics-shell-sidebar .nav-item{height:40px!important;min-height:40px!important;padding:0 8px!important;gap:6px!important;font-size:11px!important}.op-v2 .analytics-shell-sidebar .nav-item svg{width:15px!important;height:15px!important;flex-basis:15px!important}.op-v2 .analytics-shell-sidebar .nav-item span{display:inline!important}.op-v2 .analytics-shell-sidebar .side-bottom{display:none!important}.op-v2 .analytics-shell-sidebar .side-collapse{display:none!important}.op-v2 #main{padding:4px 2px 18px}.op-header h1{font-size:25px}.op-header-actions{justify-content:flex-start}.op-distribution-grid{grid-template-columns:1fr}.op-record dl{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:430px){.op-panel{padding:12px}.op-metric{padding:11px}.op-metric strong{font-size:21px}.op-search{width:100%}.op-search input{width:100%}.op-header-actions{width:100%}.op-section-heading{align-items:flex-start;flex-wrap:wrap}.op-dialog-actions{flex-wrap:wrap}.op-v2 dialog{padding:18px}}
.op-v2 .op-table-scroll{max-height:480px;scrollbar-color:var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track)}
/* Atendimento: a leitura inicial mostra o essencial; as demais colunas continuam no seletor. */
.op-v2[data-view='atendimento'] #opTableSection{padding:22px 24px;border-radius:12px;background:var(--analytics-theme-surface-1)}
.op-v2[data-view='atendimento'] #opTableSection .op-section-heading{margin-bottom:4px}
.op-v2[data-view='atendimento'] #opTableSection h2{font-size:19px;line-height:1.25;letter-spacing:-.025em;font-weight:700}
.op-v2[data-view='atendimento'] #opTableCount{font-size:12px;font-weight:600;color:var(--analytics-theme-text-secondary);white-space:nowrap}
.op-v2[data-view='atendimento'] #opTableHelp{font-size:13px;line-height:1.45;margin:0 0 14px;max-width:84ch}
.op-table-lenses{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:0 0 15px;padding:4px;width:max-content;max-width:100%;border-radius:9px;background:var(--analytics-theme-surface-2)}
.op-v2 .op-table-lenses button{border:0;border-radius:6px;background:transparent;padding:7px 13px;min-height:35px;font-size:12px;font-weight:600;color:var(--analytics-theme-text-secondary);white-space:nowrap}
.op-v2 .op-table-lenses button[aria-pressed='true']{background:var(--analytics-theme-surface-1);color:var(--analytics-theme-text);box-shadow:0 2px 8px color-mix(in srgb,var(--analytics-theme-bg) 15%,transparent)}
.op-v2 .op-table-lenses button:hover{color:var(--analytics-theme-accent-strong)}
.op-v2[data-view='atendimento'] #opTableSection .op-table-scroll{max-height:530px;border:1px solid var(--analytics-theme-border);border-radius:9px;background:var(--analytics-theme-surface-1)}
.op-v2[data-view='atendimento'] #opTableSection table{font-size:13px;table-layout:fixed;min-width:720px}
.op-v2[data-view='atendimento'] #opTableSection thead th{padding:13px 12px;font-size:12px;font-weight:650;line-height:1.3;color:var(--analytics-theme-text-secondary);background:var(--analytics-theme-surface-2);min-width:0;border-bottom:1px solid var(--analytics-theme-border-strong)}
.op-v2[data-view='atendimento'] #opTableSection th:first-child,.op-v2[data-view='atendimento'] #opTableSection td:first-child{width:24%;min-width:185px;text-align:left}
.op-v2[data-view='atendimento'] #opTableSection tbody td{padding:10px 12px;min-width:0;height:56px;font-size:13px;line-height:1.35;border-bottom:1px solid var(--analytics-theme-border);font-variant-numeric:tabular-nums}
.op-v2[data-view='atendimento'] #opTableSection tbody tr:hover td{background:var(--analytics-theme-active)}
.op-v2[data-view='atendimento'] #opTableSection tbody td:first-child{background:var(--analytics-theme-surface-1);font-weight:650}
.op-v2[data-view='atendimento'] #opTableSection tbody tr:hover td:first-child{background:var(--analytics-theme-active)}
.op-v2[data-view='atendimento'] #opTableSection tbody td:first-child button{font-weight:650;font-size:13px;line-height:1.35;color:var(--analytics-theme-text);white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.op-v2[data-view='atendimento'] #opTableSection tbody td:first-child button:hover{text-decoration:underline;text-underline-offset:3px;color:var(--analytics-theme-accent-strong)}
.op-v2[data-view='atendimento'] #opTableSection tbody td button[data-metric-key]{color:var(--analytics-theme-accent-strong);font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--analytics-theme-accent) 45%,transparent);border-radius:0;padding:3px 0}
.op-v2[data-view='atendimento'] #opTableSection tbody td button[data-metric-key]:hover{border-bottom-color:var(--analytics-theme-accent)}
.op-v2[data-view='atendimento'] #opTableSection .op-order-button{min-height:34px;font-size:12px;font-weight:650}
.op-v2[data-view='atendimento'] #opTableSection th[aria-sort='ascending'],.op-v2[data-view='atendimento'] #opTableSection th[aria-sort='descending']{background:var(--analytics-theme-active)}
.op-table-mobile-sort{display:none!important}
.op-v2[data-view='atendimento'] #opTableSection[data-table-lens='all'] table{min-width:1650px;table-layout:auto}
.op-v2[data-view='atendimento'] #opTableSection[data-table-lens='origin'] table{min-width:900px}
@media(max-width:620px){.op-v2[data-view='atendimento'] #opTableSection{padding:17px 14px}.op-table-lenses{width:100%;overflow:auto;flex-wrap:nowrap}.op-v2 .op-table-lenses button{flex:0 0 auto}.op-v2 .op-table-mobile-sort{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:12px;font-weight:600}.op-v2 .op-table-mobile-sort select{min-height:38px;max-width:56%;font-size:12px}.op-v2[data-view='atendimento'] #opTableHelp::after{content:' Deslize a tabela para ver os demais indicadores.';font-weight:600;color:var(--analytics-theme-accent-strong)}}
/* Drill-down launchers replace the three long inline analytical sections. */
.op-v2 .op-explorer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 14px}
.op-v2 .op-explorer-action{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;min-height:112px;padding:16px 18px;text-align:left;border:1px solid var(--analytics-theme-border);border-radius:12px;background:var(--analytics-theme-surface-1);color:var(--analytics-theme-text);box-shadow:0 4px 16px color-mix(in srgb,var(--analytics-theme-bg) 18%,transparent)}
.op-v2 .op-explorer-action:hover,.op-v2 .op-explorer-action:focus-visible{border-color:var(--analytics-theme-accent);background:var(--analytics-theme-active)}
.op-explorer-title{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.015em}
.op-explorer-copy{font-size:12px;line-height:1.35;color:var(--analytics-theme-text-secondary)}
.op-explorer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;font-size:11px;color:var(--analytics-theme-text-secondary)}
.op-explorer-open{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--analytics-theme-accent-strong);font-size:12px;font-weight:650}
.op-explorer-open::after{content:'';display:block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.op-v2 #opSectionDialog{width:min(1240px,calc(100vw - 32px));max-width:none;max-height:92dvh;padding:0;overflow:hidden}
.op-v2 #opSectionDialog[open]{display:flex;flex-direction:column}
#opSectionContent{min-height:0;overflow:auto;scrollbar-color:var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track)}
.op-v2 #opSectionDialog #opTableSection,.op-v2 #opSectionDialog #opSessionSummary,.op-v2 #opSectionDialog #opInsights{margin:0;padding:20px 24px 26px;border:0;border-radius:0;background:transparent;box-shadow:none}
.op-v2 #opSectionDialog #opTableSection .op-table-scroll{max-height:60dvh}
.op-v2 #opSectionDialog #opSessionSummary>h2,.op-v2 #opSectionDialog #opInsights>h2{font-size:19px;line-height:1.3;margin:0 0 7px}
.op-v2 #opSectionDialog #opSessionSummary>p,.op-v2 #opSectionDialog #opInsights>p{font-size:12px;max-width:80ch;line-height:1.5}
@media(max-width:900px){.op-v2 .op-explorer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.op-v2 .op-explorer{grid-template-columns:1fr;gap:8px}.op-v2 .op-explorer-action{min-height:92px;padding:13px 15px}.op-v2 #opSectionDialog{width:calc(100vw - 16px);max-height:94dvh}.op-v2 #opSectionDialog #opTableSection,.op-v2 #opSectionDialog #opSessionSummary,.op-v2 #opSectionDialog #opInsights{padding:16px 14px 20px}.op-v2 #opSectionDialog #opTableSection .op-table-scroll{max-height:56dvh}}
.op-v2 th{position:sticky;top:0;z-index:1}.op-v2 th:first-child{z-index:2}
.op-v2 #opRecordList{max-height:590px;overflow:auto;padding:2px 6px 2px 2px;scrollbar-color:var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track)}
.op-v2 #opShowRecords{margin-top:16px;color:var(--op-accent)}
@media(prefers-reduced-motion:reduce){.op-v2 *{scroll-behavior:auto!important;transition:none!important}}
.op-v2 #opDetailDialog{width:min(1050px,calc(100vw - 32px));max-width:none;max-height:90dvh;padding:0;overflow:hidden}
.op-v2 #opDetailDialog[open]{display:flex;flex-direction:column}
.op-v2 #opFilterDialog,.op-v2 #opSourceDialog{width:min(560px,calc(100vw - 24px));max-width:none;padding:0}
.op-v2 #opFilterDialog #opFilters{position:static;display:grid;grid-template-columns:1fr 1fr;width:auto;max-width:none;margin:0;padding:20px;box-shadow:none;background:transparent}
.op-v2 #opSourceContent{max-height:74dvh;overflow:auto;padding:0 20px 20px}
.op-v2 #opSourcePanel{margin:16px 0 0}
.op-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--op-border);background:var(--analytics-theme-surface-1)}
.op-detail-head h2{margin:0;font-size:20px}.op-detail-head p{margin:3px 0 0}.op-detail-head button{flex:0 0 auto}
#opDetailContent{min-height:0;overflow:auto;padding:0 20px 20px;scrollbar-color:var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track)}
#opDetailContent .op-panel{margin-top:16px}
#opDetailContent .op-table-scroll{max-height:36dvh}
#opDetailContent #opRecordList{max-height:none;overflow:visible;padding:0}
.op-active-chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}
.op-v2 .op-filter-chip{min-height:30px;padding:4px 10px;border-radius:999px;border-color:var(--analytics-theme-border-strong);background:var(--analytics-theme-active);color:var(--op-text);font-size:11px}
.op-record-card{margin:10px 0;padding:12px 14px;border:1px solid var(--op-border);border-radius:10px;background:var(--analytics-theme-surface-1)}
.op-record-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:7px}
.op-record-card-tags{display:flex;flex-wrap:wrap;gap:5px}
.op-record-tag{border:1px solid var(--op-border);border-radius:999px;padding:2px 7px;color:var(--op-muted);font-size:10px}
.op-record-card .op-record{border:0;border-radius:0;padding:0;margin:0}
.op-record-card .op-record summary{font-size:14px;font-weight:600}
@media(max-width:620px){.op-v2 #opDetailDialog{width:calc(100vw - 16px);max-height:94dvh}.op-detail-head{padding:12px}.op-detail-head h2{font-size:17px}#opDetailContent{padding:0 12px 12px}.op-record-card{padding:10px}.op-v2 #opFilterDialog #opFilters{grid-template-columns:1fr;padding:12px}.op-v2 #opSourceContent{padding:0 12px 12px}}

/* Carteira: persistent filters occupy their own flow space. Only real filter
   controls collapse; result cards, reasons, records and pagination stay intact. */
.op-v2[data-view='carteira'] .op-query{position:sticky;top:0;z-index:8;background:var(--analytics-theme-surface-1);padding:8px 12px;border:1px solid var(--op-border);border-radius:8px;margin:12px 0}
.op-v2[data-view='carteira'] .op-query .op-context-bar{margin:0;gap:8px}
.op-v2[data-view='carteira'] .op-query .op-query-meta{margin:4px 0 0;min-height:0}
.op-v2[data-view='carteira'] .op-query #opStatus{margin:4px 0 0;min-height:0;font-size:11px}
.op-v2[data-view='carteira'] #opPersistentFilters{margin:6px 0 0;padding:8px 0 0;border:0;border-top:1px solid var(--op-border);border-radius:0;box-shadow:none;background:transparent;gap:6px}
.op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-scope-heading>span:empty{display:none}
.op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-scope-heading{gap:4px 12px}
.op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-quick-controls{display:none}
.op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-disclosure[open]>form{max-height:min(220px,32dvh);overflow:auto;overscroll-behavior:contain;padding:3px 3px 8px;scrollbar-gutter:stable}
.op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-tag{font-size:11px;min-height:32px;padding:3px 8px!important;border-radius:6px!important}
.op-v2[data-view='carteira'] #opGenericDetailFilters{position:sticky;top:0;z-index:4;margin:0 0 12px;padding:10px 12px;border-radius:0;background:var(--analytics-theme-surface-1);gap:6px;border-width:0 0 1px}
.op-v2[data-view='carteira'] #opGenericSectionFilters{flex:0 0 auto;min-height:0;margin:0;padding:10px 20px;border-width:0 0 1px;border-radius:0;gap:6px;box-shadow:none}
.op-v2[data-view='carteira'] #opDetailContent{scroll-padding-top:calc(var(--op-filter-bar-height,100px) + 12px);padding-bottom:24px}
.op-v2[data-view='carteira'] #opDetailDialog #opRecords{margin-top:0;padding-top:12px;border:0}
.op-v2[data-view='carteira'] #opDetailDialog .op-pagination{padding-bottom:12px}
.op-v2[data-view='carteira'] #opSectionContent{padding-bottom:20px}
.op-v2[data-view='carteira'] #opSectionDialog #opTableSection .op-table-scroll{max-height:none;overflow-x:auto;overflow-y:visible}
@media(max-width:620px){
 .op-v2[data-view='carteira'] .op-query{padding:8px;top:0}
 .op-v2[data-view='carteira'] .op-query .op-context-bar{gap:6px;flex-wrap:wrap}
 .op-v2[data-view='carteira'] .op-query .op-scope-picker{flex-basis:100%}
 .op-v2[data-view='carteira'] .op-query .op-context-search{min-width:0;flex:1}
 .op-v2[data-view='carteira'] .op-query .op-clear-context{min-height:40px;font-size:11px}
 .op-v2[data-view='carteira'] .op-query .op-query-meta{gap:2px}
 .op-v2[data-view='carteira'] #opPersistentFilters{gap:5px}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-disclosure[open]>form{max-height:30dvh}
 .op-v2[data-view='carteira'] #opGenericSectionFilters{padding:8px 12px}
 .op-v2[data-view='carteira'] #opGenericDetailFilters{padding:8px 0;gap:5px}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-tag{min-height:40px;max-width:100%}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-base-tags{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-base-tag{white-space:nowrap;flex:0 0 auto}
}

.op-v2[data-view='carteira'] #opPortfolioReadingBasis{display:flex;flex-wrap:wrap;gap:3px 10px;margin:8px 0 14px;padding:8px 10px;border-left:3px solid var(--op-accent);background:var(--analytics-theme-surface-2);font-size:12px;line-height:1.45;color:var(--op-muted)}
.op-v2[data-view='carteira'] #opPortfolioReadingBasis strong{color:var(--op-text)}
.op-v2[data-view='carteira'] #opPortfolioReadingBasis small{flex-basis:100%;font-size:10px}

/* The page already shows period/supervision in its scope trigger. Keep one
   compact line of active tags plus a controls-only disclosure, not a second
   stacked scope card. Record/list content remains untouched. */
.op-v2[data-view='carteira'] #opPersistentFilters{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px;padding-top:4px}
.op-v2[data-view='carteira'] #opPersistentFilters :is(.ad-scope-heading,.ad-base-tags,.ad-detail-count,.ad-scope-updating){display:none}
.op-v2[data-view='carteira'] #opPersistentFilters .ad-active-tags{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:0;gap:6px}
.op-v2[data-view='carteira'] #opPersistentFilters .ad-filter-tag{flex:0 0 auto;white-space:nowrap!important}
.op-v2[data-view='carteira'] #opPersistentFilters>.ad-filter-disclosure{flex:0 0 auto;min-width:140px}
.op-v2[data-view='carteira'] #opPersistentFilters>.ad-filter-disclosure[open]{flex-basis:100%}
.op-v2[data-view='carteira'] .op-query #opBreadcrumb{display:none}
.op-v2[data-view='carteira'] .op-query .op-query-meta{justify-content:flex-end;font-size:10px;margin-top:2px}
.op-v2[data-view='carteira'] .op-query #opStatus[data-state='ready']{display:none}
.op-v2[data-view='carteira'] .op-query .op-review{margin:0;min-height:0}
@media(max-width:620px){
 .op-v2[data-view='carteira'] .op-query{padding:6px 8px;gap:0}
 .op-v2[data-view='carteira'] .op-query .op-scope-picker{flex:1 1 160px;min-width:0}
 .op-v2[data-view='carteira'] .op-query .op-context-search{flex:1 1 115px;min-width:100px}
 .op-v2[data-view='carteira'] .op-query .op-clear-context{font-size:0;min-width:40px;padding:6px}
 .op-v2[data-view='carteira'] .op-query .op-clear-context::after{content:'Limpar';font-size:11px}
 .op-v2[data-view='carteira'] #opPersistentFilters>.ad-filter-disclosure{min-width:120px}
 .op-v2[data-view='carteira'] #opPersistentFilters .ad-active-tags{max-width:100%;flex-basis:calc(100% - 135px)}
 .op-v2[data-view='carteira'] .op-query .op-query-meta{justify-content:flex-start}
}

/* Modal recut: immutable base, removable tags and control toggle share one
   bar. Ordering priorities keep their instance/state outside the sticky bar. */
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters){display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px}
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters) :is(.ad-scope-heading,.ad-detail-count){display:none}
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters) .ad-base-tags{flex:0 1 auto;margin:0;gap:5px}
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters) .ad-active-tags{flex:1 1 180px;min-width:0;flex-wrap:nowrap;overflow-x:auto;padding:0;margin:0;border:0;gap:5px}
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-tag{flex:0 0 auto;white-space:nowrap!important}
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters)>.ad-filter-disclosure{flex:0 0 auto;min-width:135px}
.op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters)>.ad-filter-disclosure[open]{flex-basis:100%}
.op-v2[data-view='carteira'] #opRecords>#opRecordPriority{margin:8px 0;position:static}
.op-v2[data-view='carteira'] #opRecords>#opRecordPriority .ar-priority-filter{margin:0}
.op-v2[data-view='carteira'] #opRecordFilterSummary:empty{display:none}
@media(max-width:620px){
 .op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters){padding:8px 0;gap:5px 8px}
 .op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters) .ad-base-tags{flex:1 1 100%;padding-bottom:0}
 .op-v2[data-view='carteira'] :is(#opGenericDetailFilters,#opGenericSectionFilters) .ad-active-tags{flex:1 1 160px}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-base-tag{font-size:12px;min-height:28px;align-items:center}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-tag{font-size:12px;min-height:40px}
 .op-v2[data-view='carteira'] :is(#opPersistentFilters,#opGenericDetailFilters,#opGenericSectionFilters) .ad-filter-disclosure>summary{font-size:12px;min-height:40px}
}
