/* Home advertising overview only. Do not inherit the fixed-height ranking card. */
#app [data-dashboard-ad-spend].dashboard-ad-overview {
  height:auto;min-height:0;align-self:start;overflow:visible;display:flex;flex-direction:column;
  font-size:13px;min-width:0;
}
#app [data-dashboard-ad-spend] .company-dashboard-section-head {height:auto;min-height:42px;max-height:none;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;}
#app [data-dashboard-ad-spend] h2 {font-size:14px;margin:0;white-space:nowrap;}
#app [data-dashboard-ad-spend] nav {display:flex;align-items:center;gap:4px;}
#app [data-dashboard-ad-spend] button {font-size:13px;line-height:20px;min-height:28px;height:auto;padding:3px 8px;border:1px solid #dbe3ef;border-radius:3px;background:#fff;color:#276bc7;white-space:nowrap;cursor:pointer;}
#app [data-dashboard-ad-spend] button.active {background:#2478ee;color:#fff;border-color:#2478ee;}
#app [data-dashboard-ad-spend] button:hover {border-color:#2478ee;}
#app [data-dashboard-ad-spend] button:focus-visible {outline:2px solid #2478ee;outline-offset:2px;}
#app [data-dashboard-ad-spend] .dashboard-ad-scope {display:flex;align-items:center;gap:8px;padding:0 12px 8px;min-width:0;font-size:12px;color:#64748b;}
#app [data-dashboard-ad-spend] .dashboard-ad-scope>span {min-width:0;overflow-wrap:anywhere;}
#app [data-dashboard-ad-spend] .dashboard-ad-filter-panel {padding:8px 12px;display:flex;flex-wrap:wrap;align-items:end;gap:8px;background:#f8fafc;border-top:1px solid #eef2f7;}
#app [data-dashboard-ad-spend] .dashboard-ad-filter-panel label {display:grid;gap:3px;flex:1 1 130px;min-width:0;font-size:12px;}
#app [data-dashboard-ad-spend] .dashboard-ad-filter-panel select {font-size:13px;width:100%;min-width:0;height:32px;}
#app [data-dashboard-ad-spend] .dashboard-ad-metrics {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(72px,.7fr) minmax(100px,1fr);gap:12px;padding:8px 12px;align-items:start;}
#app [data-dashboard-ad-spend] .dashboard-ad-metrics>div {display:grid;gap:3px;min-width:0;}
#app [data-dashboard-ad-spend] .dashboard-ad-metrics span {font-size:12px;color:#64748b;}
#app [data-dashboard-ad-spend] .dashboard-ad-metrics strong {font-size:15px;color:#24344b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:22px;}
#app [data-dashboard-ad-spend] time {font-size:12px;color:#475569;line-height:22px;}
#app [data-dashboard-ad-spend] .dashboard-ad-source,#app [data-dashboard-ad-spend] .dashboard-ad-footnote {margin:0;padding:3px 12px 8px;font-size:12px;color:#64748b;line-height:18px;}
#app [data-dashboard-ad-spend][data-ad-status="DEMO"] .dashboard-ad-source {background:#fff8df;color:#8a5900;padding:6px 12px;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap {height:auto;min-height:0;flex:0 0 auto;overflow-x:auto;overflow-y:visible;max-width:100%;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap table {table-layout:fixed;width:100%;min-width:360px!important;min-height:0;font-size:13px!important;border-collapse:collapse;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap th,#app [data-dashboard-ad-spend] .company-dashboard-table-wrap td {padding:3px 10px!important;height:38px!important;line-height:20px;vertical-align:middle;box-sizing:border-box;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap th {height:34px!important;font-size:13px;background:#f3f6fa;font-weight:600;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap th:first-child,#app [data-dashboard-ad-spend] .company-dashboard-table-wrap td:first-child {width:40px;text-align:center;padding-left:4px;padding-right:4px;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap th:last-child,#app [data-dashboard-ad-spend] .company-dashboard-table-wrap td:last-child {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap td:nth-child(2) strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;font-weight:500;color:#334155;}
#app [data-dashboard-ad-spend] .dashboard-ad-account-id {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:14px;color:#718096;}
#app [data-dashboard-ad-spend] .company-dashboard-table-wrap .dashboard-ad-empty {text-align:left;white-space:normal;padding:10px 12px;height:auto;color:#64748b;}
#app [data-dashboard-ad-spend] .dashboard-ad-empty button {margin-left:8px;}

#app [data-dashboard-ad-spend] .company-dashboard-table-wrap td.dashboard-ad-empty {text-align:left;white-space:normal;}

/* Shared homepage period-card state, scoped to the existing dashboard. */
#app .company-dashboard-period-grid {align-items:stretch;}
#app .company-dashboard-period-card {height:auto;min-height:180px;}
#app .company-dashboard-period-card [data-period-ad-spend] {font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#app .company-dashboard-period-card .dashboard-period-ad-reason {display:block;font-size:12px;line-height:17px;color:#64748b;margin-top:3px;white-space:normal;}
#app .company-dashboard-period-card .dashboard-period-ratio {font-size:12px;margin:6px 0 0;line-height:18px;}
#app .dashboard-chart-unavailable {margin:0 12px;font-size:12px;color:#64748b;line-height:18px;}
#app .dashboard-ad-currency {display:flex;gap:8px;align-items:center;padding:6px 12px;font-size:13px;color:#475569;}
#app .dashboard-ad-currency select {height:30px;min-width:90px;font-size:13px;}

#app .dashboard-ad-currency {white-space:nowrap;}
#app .dashboard-ad-currency select {width:auto!important;flex:0 1 160px;max-width:200px;}
#app .dashboard-chart-unavailable {margin:4px 12px 0;}