.topbar-heading{font:800 15px Manrope,sans-serif;letter-spacing:-.3px}
.topbar #topbar-title{font-weight:800}
.topbar-help{height:30px;width:30px;border:1px solid #F6F1E8;border-radius:50%;background:white;color:#302B28;font-weight:800;font-size:15px;display:grid;place-items:center}
.topbar-help:hover{background:#FFFBF2}
.topbar-right .button{margin-left:4px}
.overview-feeds{max-width:100%}
.guide-dialog{border:1px solid #FFF5DC;border-radius:15px;padding:26px;width:min(480px,calc(100vw - 28px));box-shadow:0 22px 80px #302B2840;color:#302B28}
.guide-dialog::backdrop{background:#302B2885}
.guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.guide-head h2{font:800 23px Manrope,sans-serif;margin:6px 0 0}
.guide-close{border:0;background:#FFFBF2;border-radius:7px;width:30px;height:30px;font-size:21px;color:#302B28}
.guide-steps{display:grid;gap:10px;margin-bottom:20px}
.guide-steps>div{border:1px solid #FFF5DC;border-radius:9px;padding:12px 14px;background:#FFFBF2}
.guide-steps b{font-size:12px}.guide-steps p{font-size:11px;color:#736A61;line-height:1.55;margin:5px 0 0}
.obs-controls{display:flex;align-items:end;gap:11px;flex-wrap:wrap;margin-bottom:18px}
.obs-controls .field{width:190px}.obs-controls .field label{margin-bottom:6px}.obs-controls .button{height:39px}
.obs-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:9px}
.obs-cost-note{font-size:10px;color:#9B9185;margin:0 0 16px}.obs-cost-note a{color:#386693;text-decoration:underline}
.obs-metric{border:1px solid #F6F1E8;border-radius:10px;background:white;padding:16px 18px}
.obs-metric span{display:block;font-size:11px;color:#9B9185;margin-bottom:8px}
.obs-metric strong{font:800 22px Manrope,sans-serif;color:#302B28}
.obs-chart{margin-bottom:16px;padding:21px 23px}
.obs-chart-head,.obs-logs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.obs-chart h2,.obs-logs h2{font:800 15px Manrope,sans-serif;margin:0 0 4px}
.obs-chart p,.obs-logs p{font-size:11px;color:#9B9185;margin:0}
.obs-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#736A61}
.obs-legend span{display:flex;align-items:center;gap:5px}.obs-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}
.obs-legend .rss,.obs-bar .rss{background:#B30814}.obs-legend .website,.obs-bar .website{background:#A7473A}.obs-legend .gemini,.obs-bar .gemini{background:#4f81ae}
.obs-chart-bars{display:flex;align-items:end;gap:3px;min-height:188px;border-bottom:1px solid #FFF5DC;padding-top:20px;margin-top:15px}
.obs-chart-column{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:175px}
.obs-chart-column .obs-bar{width:70%;max-width:42px;min-width:3px;border-radius:3px 3px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse;opacity:.95}
.obs-chart-column small{height:20px;font-size:9px;color:#9B9185;white-space:nowrap;margin-top:6px}
.obs-chart-empty{height:185px;display:grid;place-items:center;color:#9B9185;font-size:12px}
.obs-logs{padding:21px 23px}.obs-search{max-width:360px;margin:18px 0 15px}
.obs-table-wrap{overflow-x:auto}.obs-table{width:100%;border-collapse:collapse;min-width:980px}
.obs-table th{text-align:left;font-size:10px;color:#9B9185;letter-spacing:.6px;background:#FFFBF2;padding:12px;border-bottom:1px solid #FFF5DC}
.obs-table td{padding:13px 12px;border-bottom:1px solid #FFFBF2;font-size:11px;color:#736A61;vertical-align:top}
.obs-table td strong{display:block;color:#302B28;font-size:11px}
.obs-table td small{display:block;color:#9B9185;font-size:10px;margin-top:4px}
.obs-time{white-space:nowrap}.obs-target{display:block;max-width:360px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#736A61;font-size:10px;margin-top:4px}
.obs-model{max-width:170px;overflow-wrap:anywhere}.obs-cost{white-space:nowrap;font-weight:700;color:#302B28!important}
.obs-service{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:10px;text-transform:capitalize;font-weight:700}
.obs-service.rss{background:#FFFBF2;color:#B30814}.obs-service.website{background:#FFFBF2;color:#B30814}.obs-service.gemini{background:#e9f0f9;color:#386693}
.obs-no-logs{text-align:center;padding:32px!important;color:#9B9185!important}
@media(max-width:850px){.obs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-chart-head{flex-direction:column}}
@media(max-width:520px){.obs-controls .field{width:calc(50% - 6px)}.obs-metric{padding:13px}.obs-metric strong{font-size:17px}.obs-chart,.obs-logs{padding:15px}}
.obs-cloud-run{margin-bottom:16px;padding:21px 23px}.obs-cloud-run h2{font:800 15px Manrope,sans-serif;margin:0 0 4px}.obs-cloud-run .obs-logs-head p{font-size:11px;color:#9B9185;margin:0}.obs-cloud-total{font:800 20px Manrope,sans-serif;color:#302B28;white-space:nowrap}.obs-cloud-summary{display:flex;gap:24px;flex-wrap:wrap;margin:19px 0}.obs-cloud-summary span{font-size:11px;color:#736A61}.obs-cloud-summary b{font:800 15px Manrope,sans-serif;color:#302B28;margin-right:5px}.obs-cloud-table{min-width:850px}.obs-cloud-note{font-size:10px;line-height:1.6;color:#9B9185;margin:14px 0 0}.obs-cloud-note a{color:#386693;text-decoration:underline}
@media(max-width:520px){.obs-cloud-run{padding:15px}.obs-cloud-total{font-size:16px}}