.obs-nav{max-width:1480px;margin:0 auto 18px;padding:0 28px;position:relative;z-index:3}.obs-nav-inner{display:flex;gap:6px;padding:6px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.7);backdrop-filter:blur(16px);border-radius:16px;width:max-content;box-shadow:0 14px 30px rgba(2,6,23,.18)}.obs-tab{appearance:none;border:0;background:transparent;color:#94a3b8;display:grid;gap:2px;text-align:left;padding:9px 16px;border-radius:11px;cursor:pointer;transition:.18s ease;font:inherit}.obs-tab span{font-size:13px;font-weight:800;letter-spacing:-.01em}.obs-tab small{font-size:10px;color:#64748b}.obs-tab:hover{background:rgba(148,163,184,.08);color:#e2e8f0}.obs-tab.active{background:#f8fafc;color:#0f172a;box-shadow:0 3px 12px rgba(15,23,42,.14)}.obs-tab.active small{color:#64748b}.obs-root{max-width:1480px;margin:0 auto;padding:0 28px 56px}.obs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:8px 0 18px}.obs-head h2{font-size:30px;line-height:1.08;letter-spacing:-.04em;margin:3px 0 8px}.obs-head p:not(.eyebrow){margin:0;color:#94a3b8;font-size:13px}.obs-head-actions{display:flex;align-items:center;gap:10px;color:#64748b;font-size:11px}.obs-period{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:14px}.obs-period button,.obs-period label{height:34px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.55);color:#94a3b8;border-radius:9px;padding:0 11px;font:inherit;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.obs-period button{cursor:pointer}.obs-period button:hover,.obs-period button.active{border-color:rgba(96,165,250,.55);color:#eff6ff;background:rgba(37,99,235,.16)}.obs-period label{margin-left:5px}.obs-period input{width:48px;border:0;outline:0;background:transparent;color:#f8fafc;font:inherit;font-size:12px;font-weight:800;text-align:right}.obs-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.obs-metric{min-height:108px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(15,23,42,.58));border-radius:15px;padding:16px 16px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 26px rgba(2,6,23,.13)}.obs-metric>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800}.obs-metric>strong{font-size:25px;letter-spacing:-.035em;color:#f8fafc;line-height:1.05}.obs-metric>small{font-size:10px;color:#64748b}.obs-metric.attention{border-color:rgba(245,158,11,.25);background:linear-gradient(145deg,rgba(120,53,15,.2),rgba(15,23,42,.65))}.obs-card{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.64);border-radius:16px;padding:17px;box-shadow:0 14px 32px rgba(2,6,23,.12)}.obs-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.obs-card-head h3{font-size:15px;letter-spacing:-.02em;margin:3px 0 0}.obs-card-head small{color:#64748b;font-size:10px}.obs-trend{margin-bottom:12px}.obs-chart{height:220px;position:relative}.obs-chart svg{display:block;width:100%;height:180px;overflow:visible}.obs-chart polyline{fill:none;stroke:#60a5fa;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 7px rgba(59,130,246,.28))}.obs-chart:before{content:"";position:absolute;inset:15px 0 40px;background:repeating-linear-gradient(to bottom,rgba(148,163,184,.1) 0 1px,transparent 1px 46px);pointer-events:none}.obs-chart-axis{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#64748b}.obs-chart-axis strong{color:#94a3b8;font-weight:700}.obs-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:12px}.obs-ranking{display:grid;gap:4px}.obs-ranking button,.obs-simple-table button,.obs-status-row{width:100%;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.obs-ranking button{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 7px;border-radius:9px;text-align:left}.obs-ranking button:hover,.obs-simple-table button:hover,.obs-status-row:hover{background:rgba(148,163,184,.065)}.obs-ranking em{font-style:normal;font-size:10px;font-weight:800;color:#475569;text-align:center}.obs-ranking button>span{position:relative;display:grid;gap:2px;padding-bottom:5px;overflow:hidden}.obs-ranking b,.obs-simple-table b{font-size:11px;color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.obs-ranking small,.obs-simple-table small{font-size:9px;color:#64748b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.obs-ranking i{height:2px;background:#334155;border-radius:99px;position:absolute;bottom:0;left:0;width:100%}.obs-ranking i:after{content:"";display:block;width:var(--bar);height:100%;background:#3b82f6;border-radius:inherit}.obs-ranking button>strong{font-size:13px;color:#e2e8f0;display:flex;align-items:baseline;gap:3px}.obs-ranking button>strong small{font-size:8px}.obs-status-list{display:grid;gap:2px}.obs-status-row{display:grid;grid-template-columns:118px minmax(0,1fr) 92px 64px;align-items:center;gap:8px;padding:8px;border-radius:9px;text-align:left}.obs-status-row b{font-size:11px;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-status-row>small{font-size:9px;color:#64748b}.obs-status-row>strong{font-size:10px;text-align:right;color:#94a3b8}.obs-chip{display:inline-flex;align-items:center;gap:5px;min-height:23px;padding:0 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap;border:1px solid transparent}.obs-chip i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.obs-chip.good{color:#34d399;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.16)}.obs-chip.bad{color:#fb7185;background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.17)}.obs-chip.warn{color:#fbbf24;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.17)}.obs-chip.muted{color:#94a3b8;background:rgba(148,163,184,.07);border-color:rgba(148,163,184,.13)}.obs-simple-table{display:grid;gap:2px}.obs-simple-table button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:8px;text-align:left}.obs-simple-table button span{min-width:0;display:grid;gap:2px}.obs-simple-table button>strong{font-size:10px;color:#94a3b8}.obs-empty{padding:18px 8px!important;text-align:center!important;color:#64748b!important;font-size:11px!important}.obs-search-card{padding:0;overflow:hidden}.obs-search-card>.obs-card-head{padding:17px 17px 13px;margin:0;border-bottom:1px solid rgba(148,163,184,.12)}.obs-search-filter{display:flex;gap:6px}.obs-search-filter input,.obs-search-filter select{height:32px;border:1px solid rgba(148,163,184,.18);background:#0b1220;color:#cbd5e1;border-radius:8px;padding:0 9px;font:inherit;font-size:10px;outline:none}.obs-search-filter input{width:190px}.obs-search-filter input:focus,.obs-search-filter select:focus{border-color:#3b82f6}.obs-search-table-wrap{overflow:auto;max-height:660px}.obs-search-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1100px}.obs-search-table th{position:sticky;top:0;z-index:2;background:#111827;color:#64748b;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:10px 9px;border-bottom:1px solid rgba(148,163,184,.12)}.obs-search-table td{padding:9px;border-bottom:1px solid rgba(148,163,184,.075);vertical-align:middle}.obs-search-table tbody tr{cursor:pointer;transition:.12s}.obs-search-table tbody tr:hover,.obs-search-table tbody tr:focus{background:rgba(59,130,246,.055);outline:none}.obs-search-table td:first-child{min-width:220px}.obs-search-table td:first-child strong{display:block;color:#e2e8f0;font-size:10px;margin-bottom:2px}.obs-search-table td:first-child small{display:block;color:#64748b;font-size:8px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-search-table td:last-child span{font-size:9px;color:#64748b}.obs-loading,.obs-error{min-height:360px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:rgba(15,23,42,.56);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#cbd5e1}.obs-loading i{width:24px;height:24px;border:2px solid rgba(148,163,184,.24);border-top-color:#60a5fa;border-radius:50%;animation:obs-spin .8s linear infinite}.obs-loading strong{font-size:13px}.obs-loading span,.obs-error p{font-size:10px;color:#64748b}.obs-loading.compact{min-height:260px;border:0;background:transparent}.obs-error strong{font-size:14px;color:#f8fafc}.obs-error p{max-width:620px}.obs-dialog{width:min(1180px,calc(100vw - 34px));max-width:none;max-height:88vh;overflow:auto}.obs-dialog::backdrop{background:rgba(2,6,23,.76);backdrop-filter:blur(5px)}.obs-dialog-url{margin:5px 0 0;font-size:10px}.obs-dialog-url a{color:#60a5fa;text-decoration:none}.obs-detail-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 13px}.obs-detail-strip>span{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.46);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.obs-detail-strip small{font-size:9px;color:#64748b}.obs-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.obs-dialog-grid>section,.obs-issues{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.4);border-radius:12px;padding:14px}.obs-dialog-grid h3,.obs-issues h3{margin:0 0 12px;font-size:13px}.obs-dialog-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.obs-dialog-metrics span{background:rgba(148,163,184,.055);border-radius:8px;padding:9px;display:grid;gap:3px}.obs-dialog-metrics small{font-size:8px;color:#64748b}.obs-dialog-metrics strong{font-size:13px;color:#e2e8f0}.obs-evidence{display:grid;grid-template-columns:1fr 1fr;gap:5px}.obs-evidence>div{padding:8px;border-bottom:1px solid rgba(148,163,184,.08);display:flex;align-items:center;justify-content:space-between;gap:8px}.obs-evidence>div>span{font-size:9px;color:#94a3b8}.obs-index-box{margin-top:11px;border:1px solid rgba(96,165,250,.16);background:rgba(37,99,235,.065);border-radius:9px;padding:10px}.obs-index-box strong{font-size:10px;color:#93c5fd}.obs-index-box p,.obs-evidence-url{font-size:9px;line-height:1.55;color:#64748b;margin:5px 0 0;word-break:break-all}.obs-evidence-url b{color:#94a3b8}.obs-issues{margin-top:12px}.obs-issues ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}.obs-issues li{font-size:9px;color:#fda4af;background:rgba(244,63,94,.05);border-left:2px solid rgba(244,63,94,.35);padding:7px 9px;border-radius:0 7px 7px 0;word-break:break-word}@keyframes obs-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.obs-metrics{grid-template-columns:repeat(3,1fr)}.obs-two-col,.obs-dialog-grid{grid-template-columns:1fr}.obs-status-row{grid-template-columns:110px minmax(0,1fr) 90px}.obs-status-row>strong{display:none}}@media(max-width:720px){.obs-nav,.obs-root{padding-left:14px;padding-right:14px}.obs-nav{overflow:auto}.obs-nav-inner{width:max-content}.obs-head{align-items:flex-start;flex-direction:column}.obs-metrics{grid-template-columns:repeat(2,1fr)}.obs-head h2{font-size:25px}.obs-period label{margin-left:0}.obs-detail-strip{grid-template-columns:1fr 1fr}.obs-evidence{grid-template-columns:1fr}.obs-search-filter{width:100%;flex-wrap:wrap}.obs-search-filter input{flex:1;min-width:140px}}
body.monitor-mode-sitehub main>[data-monitor-existing="1"]{display:none!important}

body.monitor-mode-sitehub #sitehubObservability{display:block!important}

.obs-monitor-tab{min-width:88px}

/* MONITOR_CLARITY_V0682 */
body.monitor-mode-sitehub main{background:#f4f7fb!important;color:#0f172a!important}
body.monitor-mode-sitehub #sitehubObservability{color:#0f172a!important}
.obs-nav-inner{background:#fff!important;border:1px solid #dce3ed!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important;backdrop-filter:none!important}
.obs-tab{color:#64748b!important}.obs-tab small{color:#94a3b8!important}.obs-tab:hover{background:#f1f5f9!important;color:#0f172a!important}.obs-tab.active{background:#111827!important;color:#fff!important;box-shadow:none!important}.obs-tab.active small{color:#cbd5e1!important}
.obs-head h2{color:#0f172a!important;font-size:32px!important}.obs-head p:not(.eyebrow),.obs-head-actions{color:#64748b!important}.eyebrow,.metric-kicker{color:#2563eb!important;font-weight:800!important;letter-spacing:.1em!important}
.obs-period button,.obs-period label{background:#fff!important;color:#475569!important;border-color:#dce3ed!important}.obs-period button:hover,.obs-period button.active{background:#eff6ff!important;color:#1d4ed8!important;border-color:#93c5fd!important}.obs-period input{color:#0f172a!important}
.obs-metrics{gap:12px!important}.obs-metric{min-height:116px!important;background:#fff!important;border:1px solid #dce3ed!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;border-radius:14px!important}.obs-metric>span{font-size:11px!important;color:#64748b!important}.obs-metric>strong{font-size:29px!important;color:#0f172a!important}.obs-metric>small{font-size:11px!important;color:#64748b!important}.obs-metric.attention{background:#fffbeb!important;border-color:#fde68a!important}
.obs-card{background:#fff!important;border:1px solid #dce3ed!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important}.obs-card-head h3{font-size:17px!important;color:#0f172a!important}.obs-card-head small{font-size:11px!important;color:#64748b!important}
.obs-chart:before{background:repeating-linear-gradient(to bottom,#e9eef5 0 1px,transparent 1px 46px)!important}.obs-chart-axis{font-size:11px!important;color:#64748b!important}.obs-chart-axis strong{color:#334155!important}
.obs-ranking button:hover,.obs-simple-table button:hover,.obs-status-row:hover{background:#f8fafc!important}.obs-ranking em{color:#94a3b8!important}.obs-ranking b,.obs-simple-table b{font-size:13px!important;color:#111827!important}.obs-ranking small,.obs-simple-table small{font-size:10px!important;color:#64748b!important}.obs-ranking i{background:#e2e8f0!important}.obs-ranking button>strong{font-size:14px!important;color:#0f172a!important}.obs-ranking button>strong small{font-size:9px!important}
.obs-status-row{grid-template-columns:118px minmax(0,1fr) 110px 64px!important;padding:10px 8px!important}.obs-status-row b{font-size:13px!important;color:#111827!important}.obs-status-row>small{font-size:10px!important;color:#64748b!important}.obs-status-row>strong{font-size:11px!important;color:#334155!important}.obs-chip{font-size:10px!important;min-height:25px!important;padding:0 9px!important}.obs-chip.good{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.obs-chip.bad{color:#be123c!important;background:#fff1f2!important;border-color:#fecdd3!important}.obs-chip.warn{color:#a16207!important;background:#fffbeb!important;border-color:#fde68a!important}.obs-chip.muted{color:#64748b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}
.obs-simple-table button>strong{font-size:11px!important;color:#334155!important}.obs-empty{color:#64748b!important;font-size:12px!important}
.obs-search-card>.obs-card-head{border-bottom:1px solid #e2e8f0!important}.obs-search-filter input,.obs-search-filter select{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;font-size:11px!important}.obs-search-table th{background:#f8fafc!important;color:#64748b!important;font-size:10px!important;border-bottom:1px solid #dce3ed!important}.obs-search-table td{border-bottom:1px solid #eef2f7!important}.obs-search-table tbody tr:hover,.obs-search-table tbody tr:focus{background:#f8fbff!important}.obs-search-table td:first-child strong{color:#111827!important;font-size:12px!important}.obs-search-table td:first-child small,.obs-search-table td:last-child span{color:#64748b!important;font-size:10px!important}
.obs-loading,.obs-error{background:#fff!important;border-color:#dce3ed!important;color:#0f172a!important}.obs-loading span,.obs-error p{color:#64748b!important}.obs-error strong{color:#0f172a!important}
.obs-dialog{width:min(1240px,calc(100vw - 36px))!important;background:#f7f9fc!important;color:#0f172a!important;border:1px solid #d8e0eb!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important;padding:18px!important}.obs-dialog::backdrop{background:rgba(15,23,42,.48)!important;backdrop-filter:blur(2px)!important}.obs-dialog .modal-head{background:#f7f9fc!important;color:#0f172a!important;border-bottom:1px solid #e2e8f0!important;margin:-18px -18px 16px!important;padding:18px!important;position:sticky!important;top:-18px!important;z-index:4!important}.obs-dialog .modal-head h2{color:#0f172a!important;font-size:28px!important}.obs-dialog-url,.obs-dialog-url a{font-size:11px!important}.obs-dialog-url a{color:#2563eb!important}
.obs-detail-strip{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}.obs-detail-strip>span{background:#fff!important;border:1px solid #dce3ed!important;padding:12px!important;border-radius:12px!important}.obs-detail-strip small{font-size:10px!important;color:#64748b!important;font-weight:700!important}
.obs-dialog-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:14px!important}.obs-dialog-grid>section,.obs-issues{background:#fff!important;border:1px solid #dce3ed!important;border-radius:14px!important;padding:16px!important}.obs-dialog-grid h3,.obs-issues h3{font-size:16px!important;color:#0f172a!important}.obs-dialog-metrics span{background:#f8fafc!important;border:1px solid #eef2f7!important;padding:11px!important}.obs-dialog-metrics small{font-size:10px!important;color:#64748b!important}.obs-dialog-metrics strong{font-size:16px!important;color:#0f172a!important}.obs-evidence>div{border-bottom:1px solid #eef2f7!important;padding:9px!important}.obs-evidence>div>span{font-size:11px!important;color:#475569!important;font-weight:650!important}.obs-index-box{background:#f8fbff!important;border-color:#dbeafe!important;padding:12px!important}.obs-index-box strong{font-size:11px!important;color:#1d4ed8!important}.obs-index-box p,.obs-evidence-url{font-size:10px!important;color:#64748b!important}.obs-evidence-url b{color:#334155!important}.obs-issues{margin-top:14px!important;min-height:0!important}.obs-issues:has(.obs-empty){padding:12px 16px!important}.obs-issues:has(.obs-empty) .obs-card-head{margin-bottom:0!important}.obs-issues:has(.obs-empty) .obs-empty{padding:8px 0 2px!important;color:#047857!important;text-align:left!important}.obs-issues li{font-size:10px!important;color:#9f1239!important;background:#fff1f2!important;border-left-color:#fb7185!important}
@media(max-width:1100px){.obs-detail-strip{grid-template-columns:repeat(3,1fr)!important}.obs-dialog-grid{grid-template-columns:1fr!important}}@media(max-width:720px){.obs-detail-strip{grid-template-columns:1fr 1fr!important}.obs-metric>strong{font-size:24px!important}.obs-status-row{grid-template-columns:105px minmax(0,1fr) 92px!important}}

/* MONITOR_GLOSSARY_V0683 */
.obs-term{position:relative;display:inline-flex;align-items:center;gap:4px;border-bottom:1px dotted #94a3b8;cursor:help;line-height:1.35}
.obs-term>b{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e8eef8;color:#475569;font-size:9px;font-weight:900;border:1px solid #cbd5e1}
.obs-term::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 9px);width:min(330px,70vw);padding:10px 12px;border-radius:10px;background:#111827;color:#f8fafc;font-size:11px;line-height:1.55;font-weight:500;letter-spacing:0;text-transform:none;box-shadow:0 12px 28px rgba(15,23,42,.28);opacity:0;visibility:hidden;transform:translateY(4px);transition:.15s ease;z-index:50;pointer-events:none;white-space:normal;text-align:left}
.obs-term::before{content:"";position:absolute;left:14px;bottom:calc(100% + 3px);border:6px solid transparent;border-top-color:#111827;opacity:0;visibility:hidden;transition:.15s ease;z-index:51}
.obs-term:hover::after,.obs-term:focus::after,.obs-term:hover::before,.obs-term:focus::before{opacity:1;visibility:visible;transform:translateY(0)}
.obs-chart polyline.pv,.obs-mini-trend polyline.pv{stroke:#2563eb!important}
.obs-chart polyline.uv,.obs-mini-trend polyline.uv{stroke:#10b981!important;stroke-dasharray:7 5}
.obs-chart-legend{display:flex;align-items:center;gap:12px;font-size:10px;color:#64748b;margin:-22px 0 8px}
.obs-chart-legend span{display:flex;align-items:center;gap:5px}.obs-chart-legend i{width:16px;height:3px;border-radius:99px;display:inline-block}.obs-chart-legend i.pv{background:#2563eb}.obs-chart-legend i.uv{background:#10b981}.obs-chart-legend strong{margin-left:auto;color:#334155;font-size:10px}
.obs-mini-trend{margin:10px 0 14px;padding:12px;border:1px solid #dbe5f0;background:#f8fbff;border-radius:12px}
.obs-mini-trend.empty{padding:14px}.obs-mini-trend.empty p{margin:6px 0 0;color:#64748b;font-size:11px}
.obs-mini-trend-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.obs-mini-trend-head strong{font-size:12px;color:#0f172a}.obs-mini-trend-head span{font-size:10px;color:#64748b}
.obs-mini-trend svg{display:block;width:100%;height:125px;overflow:visible}.obs-mini-trend polyline{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.obs-detail-subhead{margin:14px 0 6px;font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.obs-exposure-wait{border-style:dashed!important}
@media(max-width:720px){.obs-term::after{left:auto;right:0;width:min(300px,82vw)}.obs-mini-trend-head{align-items:flex-start;flex-direction:column}.obs-chart-legend strong{display:none}}


/* MONITOR_UX_V0684 */
.obs-growth-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:2px 0 10px}
.obs-growth-summary>span{display:grid;gap:2px;padding:8px 10px;border:1px solid #dbe5f0;background:#fff;border-radius:9px}
.obs-growth-summary small{font-size:9px;color:#64748b}
.obs-growth-summary strong{font-size:13px;color:#0f172a}
.obs-growth-summary strong.up{color:#047857}.obs-growth-summary strong.down{color:#be123c}
.obs-trend-note{margin:9px 0 0;padding:8px 10px;border-radius:8px;background:#eef6ff;color:#475569;font-size:10px;line-height:1.55}
.obs-trend-note b{color:#1d4ed8}
.obs-ranking button small{line-height:1.35}
.obs-issues .obs-term{border-bottom-color:#94a3b8}
.obs-search-table th .obs-term{color:inherit}
@media(max-width:720px){.obs-growth-summary{grid-template-columns:1fr 1fr}.obs-growth-summary>span:last-child{grid-column:1/-1}}


/* MONITOR_UX_V0685 */
.obs-trend .obs-card-head{align-items:flex-start}
.obs-trend-help{margin:5px 0 0;color:#64748b;font-size:10px;line-height:1.45}
.obs-trend-picker{display:grid;gap:5px;min-width:260px}
.obs-trend-picker>span{font-size:9px;font-weight:900;letter-spacing:.06em;color:#64748b;text-transform:uppercase}
.obs-trend-picker select{width:100%;min-height:38px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:0 34px 0 11px;color:#0f172a;font-size:11px;font-weight:800}
.obs-ranking button.active{outline:2px solid #2563eb;outline-offset:-2px;background:#eff6ff}
.obs-status-row[data-obs-chart-project]{cursor:pointer}
.obs-trend-loading{display:flex;align-items:center;gap:9px;min-height:170px;justify-content:center;color:#475569;font-size:12px}
.obs-trend-loading i{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;animation:obs-spin .75s linear infinite}
.obs-hover-plot{position:relative;cursor:crosshair;touch-action:pan-y}
.obs-hover-plot>svg{display:block;width:100%}
.obs-hover-line{position:absolute;top:0;bottom:0;width:1px;background:#64748b;opacity:0;pointer-events:none;z-index:5;box-shadow:0 0 0 1px rgba(255,255,255,.45)}
.obs-hover-line.show{opacity:.72}
.obs-hover-tooltip{position:absolute;top:10px;min-width:126px;max-width:210px;padding:9px 10px;border-radius:9px;background:rgba(15,23,42,.96);color:#fff;box-shadow:0 10px 28px rgba(15,23,42,.28);opacity:0;visibility:hidden;pointer-events:none;z-index:8;transform:translateX(11px)}
.obs-hover-tooltip.flip{transform:translateX(calc(-100% - 11px))}
.obs-hover-tooltip.show{opacity:1;visibility:visible}
.obs-hover-tooltip>strong{display:block;margin-bottom:6px;color:#fff;font-size:10px;white-space:nowrap}
.obs-hover-tooltip>span{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:3px;font-size:10px}
.obs-hover-tooltip>span b{color:#cbd5e1;font-weight:700}
.obs-hover-tooltip>span em{color:#fff;font-style:normal;font-weight:900}
.obs-mini-trend .obs-hover-plot>svg{height:125px}
.obs-chart>.obs-hover-plot>svg{height:230px}
@media(max-width:720px){
  .obs-trend .obs-card-head{display:grid;grid-template-columns:1fr}
  .obs-trend-picker{min-width:0;width:100%}
  .obs-hover-tooltip{top:6px;min-width:112px;padding:8px}
}


/* CLEAN_TRAFFIC_DRILLDOWN_20260919 */
.obs-excluded-card{margin-top:12px;padding:0!important;overflow:hidden}
.obs-excluded-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer;list-style:none}
.obs-excluded-card>summary::-webkit-details-marker{display:none}
.obs-excluded-card>summary span{display:grid;gap:3px}.obs-excluded-card>summary b{font-size:12px;color:#0f172a}.obs-excluded-card>summary small{font-size:10px;color:#64748b}
.obs-excluded-card>summary strong{font-size:10px;color:#2563eb}
.obs-excluded-card[open]>summary{border-bottom:1px solid #e2e8f0;background:#f8fbff}
.obs-excluded-card[open]>summary strong{font-size:0}.obs-excluded-card[open]>summary strong::after{content:'접기';font-size:10px}
.obs-excluded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px 8px}
.obs-excluded-grid>div{display:grid;gap:3px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.obs-excluded-grid span,.obs-excluded-grid small{font-size:9px;color:#64748b}.obs-excluded-grid b{font-size:15px;color:#0f172a}
.obs-excluded-reasons{display:flex;flex-wrap:wrap;gap:7px;padding:6px 16px 10px}
.obs-excluded-reasons>span{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc}
.obs-excluded-reasons b{font-size:9px;color:#334155}.obs-excluded-reasons small{font-size:9px;color:#64748b}
.obs-excluded-card>p{margin:0;padding:0 16px 14px;color:#64748b;font-size:9px}
@media(max-width:720px){.obs-excluded-grid{grid-template-columns:1fr}.obs-excluded-card>summary{align-items:flex-start}}


/* MONITOR_UX_V0686 */
.obs-term::before,.obs-term::after{display:none!important;content:none!important}
.obs-floating-tip{
  position:fixed!important;z-index:2147483000!important;max-width:min(360px,calc(100vw - 16px));padding:10px 12px;border-radius:10px;
  background:#111827;color:#f8fafc;font-size:11px;line-height:1.55;font-weight:600;letter-spacing:0;text-transform:none;
  box-shadow:0 16px 38px rgba(15,23,42,.34);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s ease;
  white-space:normal;text-align:left;word-break:keep-all
}
.obs-floating-tip.show{opacity:1;visibility:visible}
.obs-floating-tip[hidden]{display:none!important}

.obs-ranking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-radius:10px}
.obs-ranking-row.active{background:#eff6ff;box-shadow:inset 0 0 0 2px #2563eb}
.obs-ranking-row .obs-ranking-main{min-width:0}
.obs-ranking-row .obs-ranking-main:hover{background:rgba(37,99,235,.05)}
.obs-detail-button{
  width:auto!important;min-width:46px;height:30px;padding:0 10px;border:1px solid #cbd5e1!important;border-radius:8px!important;
  background:#fff!important;color:#334155!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap
}
.obs-detail-button:hover,.obs-detail-button:focus{border-color:#2563eb!important;color:#1d4ed8!important;background:#eff6ff!important;outline:none}
.obs-detail-button.compact{height:27px;min-width:42px;padding:0 8px;font-size:9px!important}
.obs-status-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-radius:9px}
.obs-status-row-wrap .obs-status-row{min-width:0}
.obs-project-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.obs-project-cell>span{min-width:0}
.obs-search-table tbody tr{cursor:default!important}
.obs-search-table td:first-child{min-width:280px!important}
.obs-search-table td:first-child .obs-project-cell strong{display:block;color:#0f172a!important;font-size:11px!important;margin-bottom:2px}
.obs-search-table td:first-child .obs-project-cell small{display:block;color:#64748b!important;font-size:9px!important;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){
  .obs-floating-tip{font-size:10px}
  .obs-ranking-row{grid-template-columns:minmax(0,1fr) 44px}
  .obs-status-row-wrap{grid-template-columns:minmax(0,1fr) 44px}
}

.obs-ranking .obs-detail-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;padding:0 10px!important;text-align:center!important}


/* MONITOR_SEARCH_FLOW_V0687 */
.obs-search-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px}
.obs-search-pipeline-step{position:relative;display:grid;gap:3px;min-height:82px;padding:12px 13px;border:1px solid #dce3ed;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.obs-search-pipeline-step:not(:last-child)::after{content:'›';position:absolute;right:-7px;top:29px;z-index:2;color:#94a3b8;font-size:18px;font-weight:900}
.obs-search-pipeline-step span{font-size:9px;font-weight:900;color:#64748b;letter-spacing:.04em}.obs-search-pipeline-step strong{font-size:19px;color:#0f172a}.obs-search-pipeline-step small{font-size:9px;color:#94a3b8}
.obs-search-flow-table{min-width:900px!important}.obs-search-flow-table th:not(:first-child),.obs-search-flow-table td:not(:first-child){text-align:center}.obs-search-flow-table td{font-size:11px;color:#334155}.obs-stage-cell{display:grid;gap:2px;justify-items:center}.obs-stage-cell strong{font-size:12px;color:#0f172a}.obs-stage-cell small{font-size:8px;color:#94a3b8}
.obs-project-search-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 0 10px}.obs-project-search-step{display:grid;gap:2px;padding:9px 8px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;text-align:center}.obs-project-search-step span{font-size:8px;font-weight:900;color:#64748b}.obs-project-search-step strong{font-size:12px;color:#0f172a}.obs-project-search-step small{font-size:8px;color:#94a3b8}
.obs-query-box{margin:10px 0 12px;border:1px solid #dbeafe;border-radius:10px;background:#fff;overflow:hidden}.obs-query-head{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;background:#f8fbff;border-bottom:1px solid #e5edf8}.obs-query-head span{display:grid;gap:2px}.obs-query-head strong{font-size:11px;color:#1d4ed8}.obs-query-head small{font-size:9px;color:#64748b}
.obs-query-row{display:grid;grid-template-columns:minmax(150px,1fr) 62px 54px 58px 54px;gap:6px;align-items:center;padding:7px 10px;border-bottom:1px solid #eef2f7;font-size:9px}.obs-query-row:last-child{border-bottom:0}.obs-query-row b{min-width:0;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.obs-query-row span{text-align:right;color:#475569;font-variant-numeric:tabular-nums}.obs-query-row.head{background:#f8fafc;color:#64748b;font-weight:900}.obs-query-row.head b,.obs-query-row.head span{color:#64748b;font-size:8px}
.obs-query-more>summary{list-style:none;cursor:pointer;padding:9px 11px;color:#2563eb;font-size:9px;font-weight:900;background:#fbfdff}.obs-query-more>summary::-webkit-details-marker{display:none}.obs-query-more[open]>summary{border-bottom:1px solid #e2e8f0}.obs-query-empty{margin-top:10px!important}
@media(max-width:1100px){.obs-search-pipeline{grid-template-columns:repeat(3,1fr)}.obs-search-pipeline-step:nth-child(3)::after{display:none}.obs-project-search-flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.obs-search-pipeline{grid-template-columns:repeat(2,1fr)}.obs-search-pipeline-step:nth-child(2n)::after{display:none}.obs-project-search-flow{grid-template-columns:repeat(2,1fr)}.obs-query-row{grid-template-columns:minmax(120px,1fr) 50px 46px 48px}.obs-query-row span:nth-child(4){display:none}}