/* Framed sheet. Canvas: available width - 2 × 24px; four metrics:
   4 × ((canvas - 3 × 24px) / 4) + 3 × 24px = canvas. */
:root {
    --mitra-frame: #f1f5f7;
    --mitra-surface: #fff;
    --mitra-raised: #f7f9fa;
    --mitra-line: #e8eaec;
    --mitra-ink: #131416;
    --mitra-muted: #5d5f60;
    --mitra-accent: #1b6c80;
}
.dark {
    --mitra-frame: #111;
    --mitra-surface: #171717;
    --mitra-raised: #202020;
    --mitra-line: #303030;
    --mitra-ink: #f5f5f5;
    --mitra-muted: #b4b4b4;
    --mitra-accent: #82c6d5;
}
.fi-body { background: var(--mitra-frame); color: var(--mitra-ink); }
.fi-sidebar, .fi-sidebar-header, .fi-topbar nav {
    background: var(--mitra-frame); border: 0; box-shadow: none;
}
.fi-sidebar-header, .fi-topbar nav { min-height: 64px; }
.fi-sidebar-nav { padding: 20px 12px; }
.fi-sidebar-item-button { border-radius: 6px; min-height: 36px; transition: background-color .15s; }
.fi-sidebar-item-button:hover { background: var(--mitra-line); box-shadow: none; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-button { background: var(--mitra-line); }
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: var(--mitra-ink); }
.fi-sidebar-item-label { font-size: 14px; font-weight: 400; }
.fi-sidebar-item-icon { width: 18px; height: 18px; color: var(--mitra-muted); }
.fi-sidebar-group-label { font-size: 12px; font-weight: 500; color: var(--mitra-muted); text-transform: none; letter-spacing: 0; }
.fi-main {
    background: var(--mitra-surface); border: 1px solid var(--mitra-line);
    border-radius: 16px; margin: 0 8px 8px; padding: 28px 24px;
    min-height: calc(100dvh - 72px); max-width: none;
}
.fi-page { gap: 24px; }
.fi-header-heading { font-size: 24px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.fi-header-subheading { font-size: 14px; color: var(--mitra-muted); }
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat {
    border-radius: 8px; background: var(--mitra-surface); box-shadow: none;
    border: 1px solid var(--mitra-line); --tw-ring-color: transparent;
}
.fi-section-header { padding: 20px 20px 16px; }
.fi-section-header-heading { font-size: 16px; font-weight: 600; }
.fi-section-content { padding: 20px; }
.fi-ta-header-heading { font-size: 16px; }
.fi-ta-table thead, .fi-ta-header-cell { background: var(--mitra-surface); }
.fi-ta-header-cell-label { text-transform: none; letter-spacing: 0; font-size: 12px; color: var(--mitra-muted); font-weight: 500; }
.fi-ta-cell { padding-top: 14px; padding-bottom: 14px; }
.fi-ta-table, .fi-wi-stats-overview-stat-value, .mitra-metric-value { font-variant-numeric: tabular-nums; }
.fi-input-wrp { border-radius: 6px; box-shadow: none; border: 1px solid var(--mitra-line); }
.fi-btn { border-radius: 6px; box-shadow: none; font-weight: 500; }
.fi-btn.fi-color-primary { background: var(--mitra-ink); color: var(--mitra-surface); --tw-ring-color: transparent; }
.fi-btn.fi-color-primary:hover { opacity: .88; }
.fi-tabs { box-shadow: none; border-radius: 6px; background: var(--mitra-raised); }
.fi-tabs-item.fi-active { background: var(--mitra-surface); color: var(--mitra-ink); box-shadow: none; }
.mitra-brand { display: inline-flex; gap: 10px; align-items: center; text-align: left; color: var(--mitra-ink); }
.mitra-brand-mark { width: 32px; height: 32px; flex-shrink: 0; color: var(--mitra-accent); }
.mitra-brand strong { display: block; font-size: 15px; font-weight: 600; letter-spacing: -.3px; white-space: nowrap; }
.mitra-brand-light { font-weight: 400; }
.mitra-brand small { display: block; font-size: 12px; line-height: 18px; color: var(--mitra-muted); }
.fi-simple-layout { background: var(--mitra-frame); }
.fi-simple-main { background: var(--mitra-surface); border: 1px solid var(--mitra-line); border-radius: 16px; box-shadow: none; padding: 36px; }
.fi-simple-header-heading { font-size: 24px; font-weight: 600; letter-spacing: -.025em; }
.mitra-overview { display: grid; gap: 24px; }
.mitra-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mitra-metric { padding: 0 24px; border-inline-start: 1px solid var(--mitra-line); }
.mitra-metric:first-child { padding-inline-start: 0; border: 0; }
.mitra-metric:last-child { padding-inline-end: 0; }
.mitra-metric-label { margin: 0; font-size: 14px; color: var(--mitra-muted); }
.mitra-metric-value { margin: 8px 0 12px; font-size: 28px; font-weight: 400; line-height: 1.25; letter-spacing: -.03em; }
.mitra-metric-value small { font-size: 14px; letter-spacing: 0; color: var(--mitra-muted); }
.mitra-metric:first-child .mitra-metric-value { font-size: 36px; }
.mitra-metric-detail { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; line-height: 24px; color: var(--mitra-muted); }
.mitra-metric-detail dd { color: var(--mitra-ink); font-variant-numeric: tabular-nums; }
.mitra-attention { display: grid; gap: 0; }
.mitra-alert { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-top: 1px solid var(--mitra-line); }
.mitra-alert:first-child { border: 0; padding-top: 0; }
.mitra-alert:last-child { padding-bottom: 0; }
.mitra-alert-count { min-width: 48px; font-size: 20px; font-variant-numeric: tabular-nums; }
.mitra-alert-text { flex: 1; font-size: 14px; }
.mitra-alert-icon { width: 18px; height: 18px; flex-shrink: 0; color: var(--mitra-muted); }
.mitra-empty { font-size: 14px; color: var(--mitra-muted); margin: 0; }
:where(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--mitra-accent); outline-offset: 3px; }
@media (max-width: 1023px) {
    .fi-sidebar { background: var(--mitra-frame); }
    .mitra-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
    .mitra-metric:nth-child(3) { border: 0; padding-inline-start: 0; }
}
@media (max-width: 639px) {
    .fi-main { margin: 0; padding: 24px 16px; border: 0; border-radius: 0; }
    .fi-header-heading { font-size: 22px; }
    .fi-section-header, .fi-section-content { padding: 16px; }
    .fi-simple-main { padding: 24px; margin-inline: 16px; }
    .mitra-metric { padding-inline: 16px; }
    .mitra-metric-value { font-size: 24px; }
    .mitra-metric:first-child .mitra-metric-value { font-size: 30px; }
    .mitra-alert { gap: 12px; align-items: flex-start; }
    .mitra-alert-count { min-width: 32px; font-size: 18px; }
    .fi-btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .fi-sidebar-item-button { transition: none; }
}

.mitra-alert-danger .mitra-alert-icon { color: #b4232a; }
.mitra-alert-warning .mitra-alert-icon { color: #92400e; }
.dark .mitra-alert-danger .mitra-alert-icon { color: #ff8d99; }
.dark .mitra-alert-warning .mitra-alert-icon { color: #f0c375; }

/* ISP operations: one 24px grid. Main row = (available - 320px - 24px) + 320px. */
.isp-overview { display: grid; gap: 24px; }
.isp-context-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; color: var(--mitra-muted); }
.isp-workspace { font-weight: 500; color: var(--mitra-accent); }
.isp-updated { text-align: right; }
.isp-updated > span { padding: 0 8px; color: var(--mitra-muted); }
.isp-health { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; background: var(--mitra-raised); border: 1px solid var(--mitra-line); border-radius: 8px; }
.isp-health-intro { display: flex; align-items: flex-start; gap: 14px; }
.isp-health h2 { font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: -.02em; }
.isp-health p { margin-top: 4px; font-size: 14px; color: var(--mitra-muted); line-height: 22px; }
.isp-state-dot { width: 10px; height: 10px; flex: none; margin-top: 8px; border-radius: 50%; background: #727a80; }
.isp-health-healthy .isp-state-dot { background: #247b50; }
.isp-health-danger .isp-state-dot { background: #bd3038; }
.isp-health-unknown .isp-state-dot { background: #a86f0c; }
.isp-button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 36px; border-radius: 6px; padding: 8px 12px; font-size: 13px; font-weight: 500; line-height: 20px; flex-shrink: 0; transition: opacity .15s; }
.isp-button:hover { opacity: .8; }
.isp-button svg, .isp-text-link svg { width: 16px; height: 16px; flex-shrink: 0; }
.isp-button-dark { color: var(--mitra-surface); background: var(--mitra-ink); }
.isp-button-outline { border: 1px solid var(--mitra-line); color: var(--mitra-ink); background: var(--mitra-surface); }
.isp-network-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 0 24px; border-bottom: 1px solid var(--mitra-line); }
.isp-network-stat { display: flex; flex-direction: column; gap: 8px; padding: 0 24px; border-inline-start: 1px solid var(--mitra-line); }
.isp-network-stat:first-child { padding-inline-start: 0; border-inline-start: 0; }
.isp-network-stat:last-child { padding-inline-end: 0; }
.isp-label { font-size: 14px; color: var(--mitra-muted); line-height: 20px; }
.isp-stat-value { font-size: 30px; font-weight: 400; line-height: 36px; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.isp-note { display: block; font-size: 12px; line-height: 18px; color: var(--mitra-muted); }
.isp-ink-danger { color: #b4232a; }
.isp-ink-warning { color: #92400e; }
.dark .isp-ink-danger { color: #ff8d99; }
.dark .isp-ink-warning { color: #f0c375; }
.isp-command-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; align-items: stretch; }
.isp-panel { min-width: 0; border: 1px solid var(--mitra-line); border-radius: 8px; background: var(--mitra-surface); }
.isp-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; }
.isp-panel-header h2, .isp-panel-header h3 { font-size: 16px; font-weight: 600; line-height: 24px; }
.isp-panel-header p { margin-top: 3px; color: var(--mitra-muted); font-size: 12px; line-height: 18px; }
.isp-panel-header > svg { width: 18px; height: 18px; color: var(--mitra-muted); }
.isp-text-link { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--mitra-ink); line-height: 20px; }
.isp-text-link:hover { color: var(--mitra-accent); text-decoration: underline; text-underline-offset: 3px; }
.isp-incidents { display: flex; flex-direction: column; }
.isp-table-scroll { overflow-x: auto; }
.isp-incident-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.isp-incident-table th { font-size: 12px; font-weight: 400; text-align: left; padding: 0 12px 10px; color: var(--mitra-muted); }
.isp-incident-table td { border-top: 1px solid var(--mitra-line); padding: 12px; vertical-align: top; line-height: 20px; }
.isp-incident-table th:first-child, .isp-incident-table td:first-child { padding-inline-start: 20px; }
.isp-incident-table th:last-child, .isp-incident-table td:last-child { padding-inline-end: 20px; }
.isp-identity { display: flex; gap: 8px; align-items: center; margin-bottom: 4px; }
.isp-identity strong { font-weight: 500; }
.isp-status-tag { display: inline-flex; align-items: center; flex: none; white-space: nowrap; background: #ffedea; color: #831c1e; border-radius: 4px; padding: 1px 6px; font-size: 11px; font-weight: 500; }
.isp-tag-neutral { background: var(--mitra-raised); color: var(--mitra-muted); }
.dark .isp-status-tag:not(.isp-tag-neutral) { background: #321b1d; color: #ff9ba5; }
.isp-empty-state { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 12px 24px 28px; gap: 8px; }
.isp-empty-state > svg { width: 24px; height: 24px; color: var(--mitra-accent); margin-bottom: 4px; }
.isp-empty-state h3 { font-size: 14px; font-weight: 500; }
.isp-empty-state p { max-width: 390px; font-size: 13px; line-height: 20px; color: var(--mitra-muted); }
.isp-panel-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--mitra-line); padding: 12px 20px; color: var(--mitra-muted); font-size: 12px; }
.isp-ticket-panel { display: flex; flex-direction: column; padding-bottom: 20px; }
.isp-ticket-total { padding: 0 20px 18px; display: flex; align-items: baseline; gap: 10px; }
.isp-ticket-total strong { font-size: 36px; line-height: 40px; font-weight: 400; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.isp-ticket-total span { font-size: 12px; color: var(--mitra-muted); }
.isp-ticket-breakdown { padding: 0 20px; }
.isp-ticket-breakdown > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13px; padding: 10px 0; border-top: 1px solid var(--mitra-line); }
.isp-ticket-breakdown dt { display: flex; align-items: center; gap: 8px; color: var(--mitra-muted); }
.isp-ticket-breakdown dd { font-size: 16px; font-variant-numeric: tabular-nums; }
.isp-small-dot { height: 6px; width: 6px; border-radius: 50%; background: #899096; }
.isp-dot-danger { background: #bd3038; }
.isp-dot-warning { background: #a86f0c; }
.isp-ticket-panel > .isp-button { margin: auto 20px 0; }
.isp-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.isp-section-title h2 { font-size: 16px; font-weight: 600; line-height: 24px; }
.isp-section-title p { font-size: 12px; color: var(--mitra-muted); line-height: 18px; }
.isp-service-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 24px; }
.isp-subscriber-total { display: flex; align-items: baseline; gap: 8px; padding: 0 20px; }
.isp-subscriber-total strong { font-size: 28px; font-weight: 400; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.isp-subscriber-total > span { color: var(--mitra-muted); font-size: 12px; }
.isp-share-track { height: 4px; margin: 14px 20px; background: var(--mitra-line); overflow: hidden; border-radius: 2px; }
.isp-share-track > span { display: block; height: 100%; background: var(--mitra-accent); }
.isp-subscriber-states { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 20px; gap: 10px; }
.isp-subscriber-states dt { font-size: 12px; color: var(--mitra-muted); }
.isp-subscriber-states dd { font-size: 16px; font-variant-numeric: tabular-nums; margin-top: 4px; }
.isp-subscribers > .isp-note { margin: 16px 20px 20px; }
.isp-capacity-values { padding: 0 20px; }
.isp-capacity-values > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--mitra-line); }
.isp-capacity-values dt { font-size: 13px; color: var(--mitra-muted); }
.isp-capacity-values dd { font-size: 22px; font-weight: 400; font-variant-numeric: tabular-nums; }
.isp-capacity-values small { font-size: 12px; color: var(--mitra-muted); }
.isp-capacity > .isp-note { margin: 16px 20px 20px; }
.isp-infra-list { padding: 0 20px 12px; }
.isp-infra-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--mitra-line); padding: 10px 0; }
.isp-infra-list > div:first-child { border: 0; padding-top: 0; }
.isp-infra-list dt { font-size: 13px; color: var(--mitra-muted); }
.isp-infra-list dt small { font-size: 11px; display: block; }
.isp-infra-list dd { font-size: 16px; font-variant-numeric: tabular-nums; }
.isp-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.isp-detail-grid > div { min-width: 0; }
.isp-more-incidents { margin: 0 20px 16px; font-size: 12px; }
.isp-more-incidents summary, .isp-monitoring-gaps summary { cursor: pointer; font-weight: 500; padding-block: 8px; }
.isp-monitoring-gaps { border: 1px solid var(--mitra-line); border-radius: 8px; padding: 8px 20px; font-size: 13px; }
.isp-extra-incident { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid var(--mitra-line); padding: 12px 0; font-size: 13px; }
.isp-extra-incident strong { font-weight: 500; }
.isp-sidebar-scope { margin: 0 4px 12px; padding: 12px; background: var(--mitra-surface); border: 1px solid var(--mitra-line); border-radius: 6px; }
.isp-sidebar-scope strong { display: block; font-size: 13px; font-weight: 500; }
.isp-sidebar-scope span { display: block; margin-top: 3px; font-size: 12px; color: var(--mitra-muted); }
.isp-sidebar-footer { border-top: 1px solid var(--mitra-line); padding: 16px 24px; color: var(--mitra-muted); font-size: 12px; }
@media (max-width: 1199px) {
    .isp-command-grid { grid-template-columns: minmax(0, 1fr) 260px; }
    .isp-service-grid { grid-template-columns: 1fr 1fr; }
    .isp-subscribers { grid-column: 1 / -1; }
    .isp-health { align-items: flex-start; }
    .isp-network-stat { padding-inline: 16px; }
}
@media (max-width: 767px) {
    .isp-context-row { align-items: flex-start; flex-direction: column; gap: 4px; }
    .isp-updated { text-align: left; }
    .isp-health { flex-direction: column; gap: 16px; padding: 20px; }
    .isp-network-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
    .isp-network-stat:nth-child(3) { border: 0; padding-inline-start: 0; }
    .isp-command-grid, .isp-detail-grid { grid-template-columns: minmax(0, 1fr); }
    .isp-ticket-panel { order: -1; }
    .isp-ticket-total { padding-bottom: 10px; }
    .isp-ticket-breakdown { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .isp-ticket-panel > .isp-button { margin-top: 12px; }
    .isp-section-title { display: block; }
    .isp-section-title p { margin-top: 4px; }
    .isp-incident-table thead { display: none; }
    .isp-incident-table, .isp-incident-table tbody { display: block; }
    .isp-incident-table tr { display: grid; grid-template-columns: 1fr 1fr; padding: 12px 20px; gap: 6px 12px; border-top: 1px solid var(--mitra-line); }
    .isp-incident-table td, .isp-incident-table td:first-child, .isp-incident-table td:last-child { padding: 0; border: 0; }
    .isp-incident-table td:first-child { grid-column: 1 / -1; margin-bottom: 4px; }
    .isp-incident-table td:nth-child(2)::before { content: 'Sejak '; color: var(--mitra-muted); }
    .isp-incident-table td:nth-child(3)::before { content: 'Teknisi: '; color: var(--mitra-muted); }
    .isp-incident-table td:last-child { grid-column: 1 / -1; }
    .isp-identity { flex-wrap: wrap; }
    .isp-button { min-height: 44px; }
}
@media (max-width: 479px) {
    .isp-service-grid { grid-template-columns: minmax(0, 1fr); }
    .isp-panel-header { padding: 16px; }
    .isp-label { font-size: 13px; }
    .isp-network-stat { padding-inline: 12px; }
    .isp-ticket-breakdown { gap: 10px; }
    .isp-ticket-breakdown dt { font-size: 12px; gap: 5px; }
    .isp-panel-footer { flex-wrap: wrap; padding: 12px 16px; }
    .isp-extra-incident { flex-direction: column; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) { .isp-button { transition: none; } }
.isp-login-aside { display: none; }
@media (min-width: 1024px) {
    .fi-simple-layout:has(.isp-login-aside) { background: var(--mitra-surface); }
    .fi-simple-layout:has(.isp-login-aside) .fi-simple-main-ctn { padding-left: 50%; padding-right: 32px; }
    .fi-simple-layout:has(.isp-login-aside) .fi-simple-main { border: 0; padding: 40px; background: transparent; }
    .isp-login-aside { display: flex; flex-direction: column; justify-content: space-between; position: fixed; inset: 16px auto 16px 16px; width: calc(50% - 16px); padding: 40px; border-radius: 16px; background: var(--mitra-frame); text-align: left; }
    .isp-login-brand .mitra-brand strong { font-size: 18px; }
    .isp-login-brand .mitra-brand-mark { width: 40px; height: 40px; }
    .isp-login-copy h2 { font-size: clamp(28px, 3vw, 42px); line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }
    .isp-login-copy > p { margin-top: 20px; max-width: 350px; font-size: 16px; line-height: 25px; color: var(--mitra-muted); }
    .isp-login-domains { display: grid; margin-top: 36px; gap: 16px; }
    .isp-login-domains > div { display: grid; grid-template-columns: 96px 1fr; gap: 12px; font-size: 13px; line-height: 20px; }
    .isp-login-domains dt { font-weight: 500; }
    .isp-login-domains dd, .isp-login-footer { color: var(--mitra-muted); font-size: 12px; }
}
.isp-dashboard-content { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.fi-main { width: calc(100% - 16px); }
.isp-dashboard > section { padding-top: 8px; padding-bottom: 8px; gap: 24px; }
@media (max-width: 639px) { .fi-main { width: 100%; } }
.fi-sidebar-group-label { padding-inline-start: 8px; }
.isp-dashboard .fi-table-cell-ip-address,
.isp-dashboard .fi-table-cell-rx-dbm { text-align: right; font-variant-numeric: tabular-nums; }
.isp-dashboard .fi-table-cell-rx-dbm .fi-badge { color: #9c2028; background: #ffedea; }
.dark .isp-dashboard .fi-table-cell-rx-dbm .fi-badge { color: #ff9ba5; background: #321b1d; }
/* Tablet tables need the canvas width to retain service names and ticket actions. */
@media (min-width: 768px) and (max-width: 1100px) {
    .isp-command-grid, .isp-detail-grid { grid-template-columns: minmax(0, 1fr); }
    .isp-ticket-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; padding: 20px; order: -1; }
    .isp-ticket-panel .isp-panel-header, .isp-ticket-total, .isp-ticket-breakdown { padding: 0; }
    .isp-ticket-total { justify-content: flex-end; }
    .isp-ticket-panel > .isp-button { margin: 0; }
}

/* Company-uploaded logos keep their original proportions in every brand slot. */
.mitra-brand-company { flex-direction: column; align-items: flex-start; gap: 4px; }
.mitra-company-logo { display: block; width: auto; height: 32px; max-width: 190px; object-fit: contain; object-position: left center; }
.fi-simple-header .mitra-brand-company { align-items: center; }
.fi-simple-header .mitra-company-logo { height: 48px; max-width: 240px; object-position: center; }
.isp-login-brand .mitra-company-logo { height: 48px; max-width: 260px; }
.fi-logo:has(.mitra-brand-company) { height: auto !important; }