/* panes.css, re-themed and scoped under .pv. Built by build/preserve.py. */
.pv .pn-frame{ position: relative; border-radius: 14px; overflow: hidden; border: 1px solid #262626; background: #000; color: #E3E3E3; box-shadow: 0 50px 90px -50px rgba(0,0,0,.6); display: flex; flex-direction: column; min-width: 0; font-family: "Albert Sans",AlbertSansFB,AlbertSansFBR, system-ui, sans-serif; }
.pv .pn-frame.pn-on-dark{ background: #0A0A0A; box-shadow: none; }
.pv .pn-head{ display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #262626; min-width: 0; }
.pv .pn-title{ font-weight: 600; font-size: 15px; color: #FFB547; letter-spacing: -.01em; white-space: nowrap; }
.pv .pn-tabs{ display: flex; gap: 2px; padding: 2px; background: #121212; border: 1px solid #262626; border-radius: 8px; overflow-x: auto; scrollbar-width: none; opacity: .5; min-width: 0; }
.pv .pn-tabs::-webkit-scrollbar{ display: none; }
.pv .pn-tabs span{ padding: 5px 11px; border-radius: 6px; color: #A6A6A6; font-size: 11.5px; line-height: 1; white-space: nowrap; }
.pv .pn-tabs span.on{ background: #262626; color: #fff; font-weight: 500; }
.pv .pn-ctx{ margin-left: auto; font-family: var(--mono); font-size: 11px; color: #8F8F8F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.pv .pn-body{ padding: 18px 20px 0; display: flex; flex-direction: column; min-width: 0; }
.pv .pn-foot{ padding: 14px 20px 18px; }
.pv .pn-mono{ font-family: var(--mono); }
.pv .pn-lead{ font-size: 16px; line-height: 1.35; color: #fff; font-weight: 500; }
.pv .pn-dim{ opacity: .5; }
.pv .pn-verbs{ display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }
.pv .pn-verbs .pn-verb{ font-size: 10.5px; padding: 5px 9px; }
.pv .pn-tiles{ display: grid; gap: 1px; background: #262626; border: 1px solid #262626; border-radius: 10px; overflow: hidden; margin-top: 14px; }
.pv .pn-tile{ padding: 12px 14px; background: #121212; min-width: 0; opacity: 1; transition: background .3s ease; }
.pv .pn-tile.on{ background: #1A1A1A; box-shadow: inset 0 2px 0 #FFB547; }
.pv .pn-tile-k{ font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: #8F8F8F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv .pn-tile-v{ font-weight: 600; font-size: 26px; line-height: 1; margin-top: 8px; color: #fff; letter-spacing: -.02em; white-space: nowrap; }
.pv .pn-tile-v small{ font-family: var(--mono); font-weight: 400; font-size: 10px; color: #8F8F8F; margin-left: 6px; letter-spacing: 0; }
.pv .pn-tile-v.ok{ color: #4FC79E; }
.pv .pn-tile-v.warn{ color: #FFB941; }
.pv .pn-tile-s{ font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv button.pn-tile{ appearance: none; border: 0; cursor: pointer; text-align: left; font: inherit; color: inherit; }
.pv .pn-figs{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #262626; border: 1px solid #262626; border-radius: 10px; overflow: hidden; margin: 0 0 14px; }
.pv .pn-fig{ padding: 12px 14px; background: #121212; min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.pv .pn-fig .k{ font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: #8F8F8F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv .pn-fig .v{ font-weight: 600; font-size: 22px; line-height: 1; color: #fff; letter-spacing: -.02em; white-space: nowrap; }
.pv .pn-fig .v small{ font-family: var(--mono); font-weight: 400; font-size: 10px; color: #8F8F8F; margin-left: 6px; letter-spacing: 0; }
.pv .pn-fig .v.warn{ color: #FFB941; }
.pv .pn-fig .v.bad{ color: #FFC155; }
.pv .pn-cols{ display: grid; gap: 0 12px; padding: 0 0 8px; font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; border-bottom: 1px solid #262626; opacity: .5; }
.pv .pn-cols .r, .pv .pn-row .r{ text-align: right; }
.pv .pn-row{ display: grid; gap: 0 12px; align-items: center; width: 100%; text-align: left; border: 0; padding: 10px 0; background: transparent; color: inherit; border-bottom: 1px solid #1C1C1C; opacity: .5; transition: opacity .35s ease, background .3s ease; font: inherit; min-width: 0; }
.pv .pn-row.on{ opacity: 1; background: #121212; box-shadow: inset 2px 0 0 #FFB547; padding-left: 10px; }
.pv .pn-row.lit{ opacity: 1; }
.pv button.pn-row{ cursor: pointer; }
.pv .pn-row > span{ min-width: 0; }
.pv .pn-row .t{ display: block; font-size: 13px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv .pn-row .s{ display: block; font-family: var(--mono); font-size: 10px; color: #8F8F8F; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv .pn-row .m{ font-family: var(--mono); font-size: 11px; color: #A6A6A6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv .pn-num{ font-family: var(--mono); font-size: 11px; color: #E3E3E3; text-align: left; white-space: nowrap; }
.pv .pn-chart{ padding: 4px 0 2px; }
.pv .pn-chart svg{ display: block; width: 100%; height: auto; overflow: visible; }
.pv .pn-chart-x{ display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; color: #6E6E6E; margin-top: 6px; }
.pv .pn-chart-note{ font-size: 11.5px; line-height: 1.5; color: #6E6E6E; margin-top: 10px; }
.pv .pn-leg{ display: grid; gap: 1px; margin-top: 10px; }
.pv .pn-leg-row{ display: grid; grid-template-columns: 14px minmax(0, 1fr) auto auto; align-items: center; gap: 0 10px; width: 100%; padding: 7px 0; border: 0; border-top: 1px solid #1C1C1C; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: opacity .35s ease; }
.pv .pn-leg-row .sw{ width: 14px; height: 3px; border-radius: 2px; }
.pv .pn-leg-row .nm{ font-size: 13px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv .pn-leg-row .bk{ font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; white-space: nowrap; }
.pv .pn-leg-row .dt{ font-family: var(--mono); font-size: 11px; white-space: nowrap; min-width: 44px; text-align: right; }
.pv .pn-leg-row .dt.up{ color: #4FC79E; }
.pv .pn-leg-row .dt.down{ color: #FFC155; }
.pv .pn-frame.pn-lite .pn-body, .pv .pn-frame.pn-lite .pn-ag-msg{ -webkit-mask-image: linear-gradient(180deg, #000 62%, rgba(0, 0, 0, .55) 82%, rgba(0, 0, 0, .12) 94%, transparent 100%); mask-image: linear-gradient(180deg, #000 62%, rgba(0, 0, 0, .55) 82%, rgba(0, 0, 0, .12) 94%, transparent 100%); }
.pv .pn-ag-src{ font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; }
.pv .pn-ag-src b{ color: #FFC45E; font-weight: 400; }
.pv .pn-ag-next{ display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 12px 14px; border: 1px solid #262626; border-radius: 12px; font-size: 13px; color: #A6A6A6; }
.pv .pn-frame[data-pane="actions"] .pn-num{ white-space: normal; }
.pv .pn-num.ok{ color: #4FC79E; }
.pv .pn-num.warn{ color: #FFB941; }
.pv .pn-num.bad{ color: #FFC155; }
.pv .pn-num.mute{ color: #616161; }
.pv .pn-chip{ font-family: var(--mono); font-size: 10.5px; white-space: nowrap; border-radius: 999px; padding: 3px 8px; border: 1px solid #383838; color: #A6A6A6; justify-self: start; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pv .pn-chip.ok{ color: #4FC79E; border-color: rgba(79,199,158,.4); }
.pv .pn-chip.warn{ color: #FFB941; border-color: rgba(226,166,94,.4); }
.pv .pn-chip.bad{ color: #FFC155; border-color: rgba(230,126,110,.4); }
.pv .pn-chip.mute{ color: #8F8F8F; border-color: #262626; }
.pv .pn-chip.accent{ color: #FFC45E; border-color: rgba(245,144,111,.5); }
.pv .pn-chip.on{ color: #fff; background: #262626; border-color: #383838; }
.pv .pn-layer{ font-family: var(--mono); font-size: 10px; color: #8F8F8F; border: 1px solid #262626; border-radius: 5px; padding: 3px 6px; white-space: nowrap; justify-self: start; }
.pv .pn-detail{ display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 9px; background: #121212; border: 1px solid #262626; min-height: 118px; }
.pv .pn-detail .t{ font-size: 13px; line-height: 1.5; color: #fff; }
.pv .pn-detail .s{ font-family: var(--mono); font-size: 10.5px; line-height: 1.5; color: #8F8F8F; }
.pv .pn-detail .s.accent{ color: #FFC45E; letter-spacing: .06em; }
.pv .pn-detail .row{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: auto; padding-top: 4px; }
.pv .pn-band{ font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: #8F8F8F; padding: 14px 0 6px; border-bottom: 1px solid #262626; display: flex; justify-content: space-between; gap: 12px; }
.pv .pn-band.accent{ color: #FFC45E; }
.pv .pn-band.first{ padding-top: 0; }
.pv .pn-band .n{ color: #616161; letter-spacing: 0; }
.pv .pn-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.pv .pn-pill{ appearance: none; border: 0; cursor: default; font-family: var(--mono); font-size: 11px; padding: 5px 10px; border-radius: 7px; color: #A6A6A6; background: transparent; box-shadow: inset 0 0 0 1px #262626; transition: all .2s ease; text-align: left; white-space: nowrap; }
.pv .pn-pill.on{ color: #fff; background: #262626; box-shadow: inset 0 0 0 1px #383838; }
.pv .pn-pill .n{ color: #616161; margin-left: 5px; }
.pv .pn-verb{ appearance: none; cursor: default; font-family: var(--mono); font-size: 11px; padding: 6px 11px; border-radius: 7px; border: 1px solid #383838; background: transparent; color: #E3E3E3; white-space: nowrap; display: inline-block; }
.pv .pn-verb.primary{ border-color: #FFB547; background: rgba(236,107,76,.12); color: #FFC45E; }
.pv .pn-set{ appearance: none; border: 0; cursor: default; border-radius: 8px; padding: 8px 14px; font-size: 12.5px; font-weight: 600; color: #fff; background: #FFAA17; white-space: nowrap; font-family: inherit; }
.pv .pn-price{ font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; white-space: nowrap; }
.pv .pn-bar{ position: relative; height: 5px; border-radius: 999px; background: #262626; overflow: hidden; }
.pv .pn-bar i{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: #616161; }
.pv .pn-bar i.ok{ background: #4FC79E; }
.pv .pn-bar i.warn{ background: #FFB941; }
.pv .pn-bar i.bad{ background: #FFC155; }
.pv .pn-bar i.accent{ background: #FFB547; }
.pv .pn-quote{ font-size: 13.5px; line-height: 1.55; color: #fff; }
.pv .pn-quote mark{ background: rgba(236,107,76,.16); color: #fff; border-bottom: 1px dashed #FFB547; padding: 0 2px; }
.pv .pn-quote mark.ok{ background: rgba(79,199,158,.14); border-bottom-color: #4FC79E; }
.pv .pn-quote mark.bad{ background: rgba(230,126,110,.16); border-bottom-color: #FFC155; }
.pv .pn-bars{ display: flex; align-items: flex-end; gap: 6px; height: 72px; margin-top: 14px; }
.pv .pn-bars .b{ flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 5px; height: 100%; min-width: 0; }
.pv .pn-bars .b i{ display: block; border-radius: 3px 3px 0 0; background: #383838; transition: background .3s ease; }
.pv .pn-bars .b.on i{ background: #FFB547; }
.pv .pn-bars .b span{ font-family: var(--mono); font-size: 9.5px; color: #8F8F8F; text-align: center; white-space: nowrap; }
.pv .pn-life{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pv .pn-life .st{ font-family: var(--mono); font-size: 10.5px; padding: 3px 8px; border-radius: 999px; border: 1px solid #262626; color: #616161; white-space: nowrap; }
.pv .pn-life .st.done{ color: #4FC79E; border-color: rgba(79,199,158,.4); }
.pv .pn-life .st.now{ color: #fff; background: #262626; border-color: #383838; }
.pv .pn-life .ln{ width: 10px; height: 1px; background: #383838; flex: none; }
.pv .pn-steps{ display: flex; flex-direction: column; }
.pv .pn-step{ display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-bottom: 1px solid #1C1C1C; opacity: .5; transition: opacity .35s ease; text-align: left; background: transparent; border-left: 0; border-right: 0; border-top: 0; color: inherit; font: inherit; width: 100%; }
.pv .pn-step.on{ opacity: 1; }
.pv button.pn-step{ cursor: pointer; }
.pv .pn-step .n{ font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; padding-top: 3px; }
.pv .pn-step .t{ display: block; font-size: 13.5px; color: #fff; }
.pv .pn-step .s{ display: block; font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; margin-top: 4px; line-height: 1.5; }
.pv .pn-score{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pv .pn-score .v{ font-weight: 600; font-size: 40px; line-height: 1; color: #fff; letter-spacing: -.03em; }
.pv .pn-score .of{ font-family: var(--mono); font-size: 12px; color: #8F8F8F; }
.pv .pn-score .s{ font-size: 13.5px; color: #E3E3E3; }
.pv .pn-ag{ padding: 20px 20px 18px; display: flex; flex-direction: column; gap: 14px; }
.pv .pn-ag-hero{ display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 6px 0 2px; }
.pv .pn-ag-mark{ display: inline-flex; gap: 3px; align-items: flex-end; height: 22px; }
.pv .pn-ag-mark i{ display: block; width: 4px; border-radius: 2px; background: #fff; }
.pv .pn-ag-mark i:nth-child(1){ height: 8px; }
.pv .pn-ag-mark i:nth-child(2){ height: 16px; }
.pv .pn-ag-mark i:nth-child(3){ height: 12px; }
.pv .pn-ag-mark i:nth-child(4){ height: 22px; background: #FFB547; }
.pv .pn-ag-h{ font-family: Gabarito,GabaritoFB,GabaritoFBR, sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -.02em; color: #fff; margin: 0; }
.pv .pn-ag-sub{ font-size: 13px; color: #8F8F8F; }
.pv .pn-ag-starters{ display: grid; gap: 6px; }
.pv .pn-ag-st{ appearance: none; text-align: left; border: 1px solid #262626; background: #0A0A0A; color: #E3E3E3; border-radius: 9px; padding: 10px 12px; font: inherit; font-size: 13px; cursor: pointer; opacity: .55; transition: opacity .35s ease, border-color .3s ease; }
.pv .pn-ag-st.on{ opacity: 1; border-color: #383838; }
.pv .pn-ag-bar{ display: flex; align-items: center; gap: 10px; border: 1px solid #383838; border-radius: 12px; padding: 10px 12px; background: #0A0A0A; box-shadow: 0 0 0 4px rgba(236,107,76,.06); }
.pv .pn-ag-bar .q{ flex: 1; font-size: 13.5px; color: #fff; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv .pn-ag-msg{ display: flex; flex-direction: column; gap: 10px; min-height: 250px; }
.pv .pn-ag-who{ display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: #E3E3E3; }
.pv .pn-facts{ border: 1px solid #262626; border-radius: 9px; overflow: hidden; background: #121212; }
.pv .pn-facts .hd{ display: flex; justify-content: space-between; gap: 10px; padding: 8px 12px; font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: #8F8F8F; border-bottom: 1px solid #262626; }
.pv .pn-facts .hd .src{ letter-spacing: 0; color: #616161; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv .pn-fact{ display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 8px 12px; border-bottom: 1px solid #1C1C1C; font-size: 12.5px; }
.pv .pn-fact:last-child{ border-bottom: 0; }
.pv .pn-fact .k{ color: #A6A6A6; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv .pn-fact .v{ color: #fff; font-family: var(--mono); font-size: 11px; white-space: nowrap; }
.pv .pn-fact .go{ font-family: var(--mono); font-size: 10.5px; color: #FFC45E; white-space: nowrap; }
.pv .pn-bub{ font-size: 13.5px; line-height: 1.55; color: #E3E3E3; }
.pv .pn-bub b{ color: #fff; font-weight: 600; }
.pv .pn-chips{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pv .pn-ctl{ display: flex; gap: 14px; font-family: var(--mono); font-size: 10.5px; color: #8F8F8F; }
@media (prefers-reduced-motion: reduce){.pv .pn-row, .pv .pn-pill, .pv .pn-step, .pv .pn-ag-st, .pv .pn-tile{ transition: none; }}
@media (max-width: 640px){.pv .pn-tabs{ -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent); mask-image: linear-gradient(90deg, #000 86%, transparent); } .pv .pn-head{ flex-wrap: wrap; } .pv .pn-ctx{ flex-basis: 100%; margin-left: 0; order: 3; } .pv .pn-cols, .pv .pn-row{ grid-template-columns: var(--sm, minmax(0, 1fr) auto) !important; } .pv .pn-cols > [data-sm="hide"], .pv .pn-row > [data-sm="hide"]{ display: none; } .pv .pn-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .pv .pn-figs{ grid-template-columns: 1fr; } .pv .pn-detail{ min-height: 0 !important; }}