.vocation-progress-panel__workspace{display:grid;gap:.8rem;min-width:0;font-size:var(--font-size-body);container:vocation-workspace/inline-size}.vocation-progress-panel__filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:.65rem}.vocation-progress-panel__filters label{display:grid;gap:.3rem;min-width:0}.vocation-progress-panel__filters span{color:var(--muted);font-size:var(--font-size-label);font-weight:500}.vocation-progress-panel__filters select{width:100%;min-width:0}.vocation-progress-panel__filter-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.vocation-progress-panel__filter-actions>span{min-width:0;color:var(--muted);font-size:var(--font-size-meta);line-height:1.5;overflow-wrap:anywhere}.vocation-progress-panel__action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;min-height:36px;max-width:100%;padding:.45rem .7rem;border:2px solid rgba(0,0,0,0);border-radius:0;border-image:url(/assets/interface-art/botoes/personagens/aba.webp) 12 20 fill/4px 6px stretch;background:rgba(0,0,0,0);color:var(--text);font:inherit;font-size:var(--font-size-control);font-weight:500;line-height:1.4;image-rendering:pixelated;cursor:pointer}.vocation-progress-panel__action:hover:not(:disabled){border-image-source:url(/assets/interface-art/botoes/personagens/aba-ativa.webp)}.vocation-progress-panel__action:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.vocation-progress-panel__action:disabled{opacity:.5;cursor:default}.vocation-progress-panel__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;min-width:0;margin:0}.vocation-progress-panel__summary>div{display:grid;align-content:start;gap:.3rem;min-width:0;padding-left:.8rem;border-left:1px solid var(--line)}.vocation-progress-panel__summary>div:first-child{border-left:0;padding-left:0}.vocation-progress-panel__summary dt{color:var(--muted);font-size:var(--font-size-label);line-height:1.4}.vocation-progress-panel__summary dd{margin:0;color:var(--text);font-size:var(--font-size-value-summary);font-weight:650;line-height:1.4;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vocation-progress-panel__analysis{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:.8rem;min-width:0}.vocation-progress-panel__chart-heading{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.vocation-progress-panel__chart-heading>div{flex:1 1 260px;min-width:0}.vocation-progress-panel__chart-heading h2,.vocation-progress-panel__observation h2,.vocation-progress-panel__table-section h2{margin:0;color:var(--text);font-family:var(--font-heading);font-size:var(--font-size-section);font-weight:600;line-height:1.4}.vocation-progress-panel__chart-heading p,.vocation-progress-panel__chart-heading>span{margin:.2rem 0 0;color:var(--muted);font-size:var(--font-size-meta);line-height:1.5}.vocation-progress-panel__chart-heading>span{min-width:0;overflow-wrap:anywhere}.vocation-progress-panel__chart{width:100%;min-width:0;height:310px}.vocation-progress-panel__chart .recharts-cartesian-grid line{stroke:var(--line)}.vocation-progress-panel__chart .recharts-text{fill:var(--muted);font-family:var(--font-body);font-size:var(--font-size-meta)}.vocation-progress-panel__chart-tooltip{background-color:var(--surface);background-image:linear-gradient(color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 94%,transparent)),url(/assets/interface-art/fundos/pergaminho-dos-paineis.webp);background-repeat:no-repeat,repeat;background-size:auto,256px 256px;border:5px solid rgba(0,0,0,0);border-radius:0;border-image:url(/assets/interface-art/molduras/painel.webp) 32/5px stretch;display:grid;gap:.3rem;max-width:min(280px,100vw - 2rem);padding:.65rem .75rem;color:var(--text);pointer-events:none}.vocation-progress-panel__chart-tooltip strong{font-family:var(--font-heading);font-size:var(--font-size-section);font-weight:600}.vocation-progress-panel__chart-tooltip span{color:var(--muted);font-size:var(--font-size-meta);line-height:1.4}.vocation-progress-panel__chart-tooltip b{color:var(--text);font-size:var(--font-size-value-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vocation-progress-panel__table-section{display:grid;gap:.6rem;min-width:0}.vocation-progress-panel__table-region{min-width:0;max-width:100%;overflow:auto}.vocation-progress-panel__table-region:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.vocation-progress-panel__table-region table{width:100%;min-width:550px;border-collapse:collapse;font-size:var(--font-size-compact);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vocation-progress-panel__table-region td,.vocation-progress-panel__table-region th{padding:.6rem .5rem;border-bottom:1px solid var(--table-border);line-height:1.4;text-align:right}.vocation-progress-panel__table-region thead th{max-width:160px;color:var(--table-head-text);font-size:var(--font-size-meta);font-weight:600}.vocation-progress-panel__table-region th:first-child{text-align:left}.vocation-progress-panel__table-region tbody th{color:var(--text);font-weight:600}.vocation-progress-panel__table-region tbody tr{background:var(--table-row-bg)}.vocation-progress-panel__table-region tbody tr:nth-child(2n){background:var(--table-row-alt)}.vocation-progress-panel__table-region tbody tr:hover{background:var(--table-row-hover)}.vocation-progress-panel__vocation-dot{display:inline-block;width:6px;height:6px;margin-right:.4rem}.vocation-progress-panel__observation{min-width:0}.vocation-progress-panel__observation>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem}.vocation-progress-panel__observation-heading{grid-column:1/-1}.vocation-progress-panel__observation p{margin:0;color:var(--muted);font-size:var(--font-size-body);line-height:1.5}.vocation-progress-panel__empty-state{display:grid;justify-items:center;gap:.4rem;padding:1.4rem .5rem;color:var(--muted);text-align:center;line-height:1.5}.vocation-progress-panel__empty-state strong{color:var(--text);font-size:var(--font-size-section)}.vocation-progress-panel__empty-state p{margin:0}.vocation-progress-panel__error-state{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 0;color:var(--muted)}.vocation-progress-panel__error-state p{margin:0;line-height:1.5}.vocation-progress-panel__refreshing{margin:0;color:var(--muted);font-size:var(--font-size-meta)}.vocation-progress-panel__page-header h1{margin:0;color:var(--text);font-family:var(--font-heading);font-size:var(--font-size-page-title);font-weight:600;line-height:1.4}.vocation-progress-panel__page-header p{margin:.3rem 0 0;color:var(--muted);font-size:var(--font-size-body);line-height:1.5}@container vocation-workspace (min-width: 950px){.vocation-progress-panel__analysis{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@container vocation-workspace (max-width: 800px){.vocation-progress-panel__filters{grid-template-columns:repeat(3,minmax(0,1fr))}.vocation-progress-panel__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vocation-progress-panel__summary>div:nth-child(odd){padding-left:0;border-left:0}}@container vocation-workspace (max-width: 540px){.vocation-progress-panel__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.vocation-progress-panel__observation>div{grid-template-columns:minmax(0,1fr)}}@container vocation-workspace (max-width: 380px){.vocation-progress-panel__filters,.vocation-progress-panel__summary{grid-template-columns:minmax(0,1fr)}.vocation-progress-panel__summary>div{padding:.3rem 0 .55rem;border-left:0;border-bottom:1px solid var(--line)}.vocation-progress-panel__chart{height:280px}}