/* scrollbars */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#2a3658;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#3a4a78}

.navitem{display:block;padding:.5rem .75rem;border-radius:.5rem;color:#cbd5e1;cursor:pointer;transition:.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navitem:hover{background:#1b2540;color:#fff}
.navitem.active{background:linear-gradient(90deg,#0d9488,#14532d00);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #5eead4}

.card{background:#121a31;border:1px solid rgba(255,255,255,.06);border-radius:1rem}

/* data tables */
table.matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}
table.matrix th,table.matrix td{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}
table.matrix thead th{position:sticky;top:0;background:#1b2540;color:#cbd5e1;font-weight:600;text-align:right;z-index:2}
table.matrix thead th.lbl{text-align:left;left:0;z-index:3}
table.matrix td.lbl,table.matrix th.lbl{position:sticky;left:0;background:#121a31;text-align:left;font-weight:500;color:#e2e8f0;max-width:280px;overflow:hidden;text-overflow:ellipsis}
table.matrix td{text-align:right;font-variant-numeric:tabular-nums;color:#cbd5e1}
table.matrix tbody tr:hover td{background:#16203a}
table.matrix tbody tr:hover td.lbl{background:#16203a}
.grp-row td{background:#0d1426 !important;color:#5eead4 !important;font-weight:600;text-transform:none;font-size:12px}

.pos{color:#34d399}.neg{color:#f87171}
table.matrix th.perf-cmp,table.matrix td.perf-cmp{background:#0e1830}
table.matrix th.perf-cmp:first-of-type,table.matrix td.perf-cmp:first-of-type{border-left:2px solid #2a3658}

/* raw table */
table.raw{border-collapse:collapse;font-size:11.5px;width:100%}
table.raw td{border:1px solid rgba(255,255,255,.06);padding:3px 7px;white-space:nowrap;color:#94a3b8}
table.raw tr:first-child td{background:#1b2540;color:#e2e8f0;font-weight:600;position:sticky;top:0}

/* filter <details> */
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
details > summary > span:first-child{display:inline-block;transition:transform .15s}
details[open] > summary > span:first-child{transform:rotate(90deg)}

/* markdown notes */
.prose-note p{margin:.25rem 0}
.prose-note ul,.prose-note ol{margin:.25rem 0;padding-left:1.2rem;list-style:disc}
.prose-note ol{list-style:decimal}
.prose-note h1,.prose-note h2,.prose-note h3{font-weight:600;color:#e2e8f0;margin:.4rem 0 .2rem}
.prose-note h1{font-size:1.05rem}.prose-note h2{font-size:1rem}.prose-note h3{font-size:.92rem}
.prose-note code{background:#0b1020;padding:1px 5px;border-radius:4px;font-size:.85em;color:#5eead4}
.prose-note strong{color:#f1f5f9}
.prose-note a{color:#5eead4;text-decoration:underline}
.prose-note blockquote{border-left:3px solid #2a3658;padding-left:.6rem;color:#94a3b8;margin:.3rem 0}
.prose-note table{border-collapse:collapse;margin:.3rem 0}
.prose-note td,.prose-note th{border:1px solid #2a3658;padding:2px 6px}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* pivottable dark theme */
.pvtUi{color:#cbd5e1;font-family:inherit;font-size:12.5px}
.pvtUi td,.pvtUi th{border-color:#2a3658 !important}
table.pvtTable{font-size:12px;color:#cbd5e1}
table.pvtTable thead tr th,table.pvtTable tbody tr th{background:#1b2540;color:#e2e8f0;border-color:#2a3658}
table.pvtTable tbody tr td{color:#cbd5e1;border-color:#22304f;background:#0f1730}
.pvtTotal,.pvtGrandTotal{color:#5eead4}
.pvtAxisContainer li span.pvtAttr{background:#1b2540;border:1px solid #2a3658;color:#e2e8f0;border-radius:6px}
.pvtAxisContainer,.pvtVals,.pvtRenderers,.pvtRendererArea{background:transparent !important}
.pvtUnused.pvtAxisContainer{background:#0d1426 !important;border:1px dashed #2a3658 !important;border-radius:8px}
.pvtAxisContainer.pvtHorizList li,.pvtAxisContainer.pvtVertList li{margin:3px}
.pvtFilterBox{background:#121a31 !important;color:#cbd5e1;border:1px solid #2a3658}
.pvtFilterBox input,.pvtSearch{background:#0b1020;color:#e2e8f0;border:1px solid #2a3658}
.pvtTriangle{color:#5eead4}
select.pvtDropdown,.pvtUi select{background:#0b1020;color:#e2e8f0;border:1px solid #2a3658;border-radius:6px;padding:3px}
.pvtVal{background:#0f1730;color:#e2e8f0}
.pvtColLabel,.pvtRowLabel{font-weight:500}