/* Scoped to the Google Ads panel; other Settings cards retain their styles. */
#googleAdsPanel{min-width:0}
#googleAdsPanel h2{margin-bottom:8px}
#googleAdsPanel .ads-connection-bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}
#googleAdsPanel summary{cursor:pointer;font-size:14px;font-weight:600;color:#48546c;padding:8px 0}
#googleAdsPanel summary:focus-visible{outline:2px solid #6155e8;outline-offset:3px}
#googleAdsPanel .ads-connection .actions{padding:8px 0;gap:8px}
#googleAdsPanel .ads-connection button{font-size:13px;padding:7px 11px;min-height:36px}
#googleAdsPanel .ads-account-settings{padding:6px 0 14px;border-bottom:1px solid #e8ecf3}
#googleAdsPanel #adsAccounts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0}
#googleAdsPanel #adsAccounts label{width:100%;font-size:13px;margin:0;color:#596579}
#googleAdsPanel #adsAccounts select{flex:1;min-width:220px;max-width:560px;margin:0}
#googleAdsPanel #adsAccounts button{margin:0;white-space:nowrap}
#googleAdsPanel #googleAdsMessage{font-size:13px;color:#596579;overflow-wrap:anywhere}
#googleAdsPanel #googleAdsMessage:empty{display:none}
#googleAdsPanel .ads-report-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:22px 0 4px}
#googleAdsPanel .ads-report-heading h3{font-size:19px;margin:0}
#googleAdsPanel .ads-report-meta{line-height:1.7;margin:6px 0 18px}
#googleAdsPanel .ads-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
#googleAdsPanel .ads-metric{background:#f7f8fc;border:1px solid #e9edf5;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
#googleAdsPanel .ads-metric span{font-size:12px;font-weight:600}
#googleAdsPanel .ads-metric strong{font-size:26px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#googleAdsPanel .ads-table-wrap{overflow-x:auto}
#googleAdsPanel .ads-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.5}
#googleAdsPanel .ads-table caption{text-align:left;font-weight:650;font-size:15px;padding:0 0 12px;color:#263348}
#googleAdsPanel .ads-table th{font-size:12px;font-weight:650;color:#596579;background:#f7f8fc;white-space:nowrap}
#googleAdsPanel .ads-table th,#googleAdsPanel .ads-table td{padding:14px 16px;border-bottom:1px solid #e8ecf3;vertical-align:top;text-align:left}
#googleAdsPanel .ads-table th:first-child,#googleAdsPanel .ads-table td:first-child{width:34%;min-width:200px}
#googleAdsPanel .ads-table th:nth-child(n+3),#googleAdsPanel .ads-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#googleAdsPanel .ads-campaign-name{font-weight:600;overflow-wrap:anywhere}
#googleAdsPanel .ads-table .small{font-size:11px;margin-top:4px}
#googleAdsPanel .ads-status{display:inline-block;background:#eef1f7;color:#44506a;border-radius:6px;padding:3px 7px;font-size:11px;white-space:nowrap}
#googleAdsPanel .ads-report-notes{margin-top:14px}
#googleAdsPanel .ads-report-notes p{line-height:1.7;max-width:800px}
@media(max-width:720px){
 #googleAdsPanel .ads-metrics{gap:8px}
 #googleAdsPanel .ads-metric{padding:12px 10px}
 #googleAdsPanel .ads-metric strong{font-size:21px}
 #googleAdsPanel .ads-table,#googleAdsPanel .ads-table tbody{display:block;width:100%}
 #googleAdsPanel .ads-table caption{display:block}
 #googleAdsPanel .ads-table thead{display:none}
 #googleAdsPanel .ads-table tr{display:block;border:1px solid #e8ecf3;border-radius:10px;padding:10px 14px;margin-bottom:12px}
 #googleAdsPanel .ads-table td,#googleAdsPanel .ads-table td:first-child,#googleAdsPanel .ads-table td:nth-child(n+3){display:grid;grid-template-columns:95px minmax(0,1fr);gap:4px 12px;text-align:left;white-space:normal;width:auto;min-width:0;border:0;padding:8px 0}
 #googleAdsPanel .ads-table td::before{content:attr(data-label);font-size:12px;color:#596579;grid-column:1;grid-row:1 / span 2}
 #googleAdsPanel .ads-table td>*{grid-column:2}
 #googleAdsPanel #adsAccounts select{min-width:0;width:100%;flex-basis:100%}
}
