.gsc-header { margin-bottom: 30px; }
.gsc-latest-date { margin-top: 8px; color: #147553; font-size: .84rem; font-weight: 700; }
.gsc-range-selector { display: inline-flex; overflow: hidden; border: 1px solid #dbe2ec; border-radius: 9px; background: #fff; }
.gsc-range { min-height: 32px; padding: 0 11px; border: 0; border-right: 1px solid #e5eaf1; background: transparent; color: #657184; font: inherit; font-size: .76rem; font-weight: 700; cursor: pointer; }
.gsc-range:last-child { border-right: 0; }
.gsc-range.is-selected { background: #d8031c; color: #fff; }
.gsc-range:disabled { opacity: .65; cursor: progress; }
.gsc-website-list { display: grid; gap: 12px; }
.gsc-strip { overflow: hidden; border: 1px solid #e0e6ef; border-left: 6px solid var(--site-color); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(34, 52, 81, .06); }
.gsc-strip-header { display: flex; align-items: center; gap: 11px; min-height: 62px; padding: 15px 18px 7px; }
.gsc-primary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 6px 18px 15px; }
.gsc-metric { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-width: 0; padding: 0 12px; border-right: 1px solid #e4e9f1; }
.gsc-metric:first-child { padding-left: 0; }.gsc-metric:last-child { padding-right: 0; border-right: 0; }
.gsc-metric > span:not(.gsc-icon), .gsc-metric strong { color: #525d6e; font-size: 1rem; font-weight: 700; white-space: nowrap; }.gsc-metric strong { color: #263141; justify-self: end; }
.gsc-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; }.gsc-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }.gsc-icon-clicks{color:#147553;background:#e6f6ee}.gsc-icon-impressions{color:#2876d8;background:#e8f2ff}.gsc-icon-ctr{color:#6458dc;background:#eeeaff}.gsc-icon-position{color:#9a6700;background:#fff0cd}
.gsc-changes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 0 18px 14px; }
.gsc-change { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 52px; padding: 10px 12px; border: 1px solid #e4e9f1; border-radius: 10px; background: #f8fafc; color: #525d6e; font-size: .9rem; font-weight: 700; }.gsc-change strong{font-size:1rem}.gsc-change.is-up strong,.gsc-change.is-new strong{color:#147553}.gsc-change.is-down strong{color:#bf3b45}.gsc-change.is-neutral strong{color:#778294}
.gsc-queries { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; align-items: center; padding: 14px 18px 16px; border-top: 1px solid #e9edf3; background: #f6f8fb; }.gsc-queries-title{color:#778294;font-size:.69rem;font-weight:800;letter-spacing:.04em}.gsc-query-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;min-width:0}.gsc-query-card{min-width:0;padding:9px;border:1px solid #dfe5ee;border-radius:8px;background:#fff}.gsc-query-card p{min-height:2.4em;color:#37465a;font-size:.78rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.gsc-query-card div{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:7px;color:#778294;font-size:.7rem}.gsc-query-card strong{color:#263141;font-weight:800}.gsc-no-queries{color:#778294;font-size:.8rem;font-style:italic}
@media (max-width: 920px){.gsc-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:6px 14px 14px}.gsc-metric{padding:8px 10px 8px 0;border-right:0;border-top:1px solid #e9edf3}.gsc-metric:nth-child(even){padding-left:10px;border-left:1px solid #e9edf3}.gsc-metric > span:not(.gsc-icon),.gsc-metric strong{font-size:.9rem}.gsc-changes{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}.gsc-queries{grid-template-columns:1fr;padding:14px}.gsc-header{flex-wrap:wrap;gap:14px}.gsc-range-selector{width:100%}.gsc-range{flex:1;padding:0 8px}}
@media (max-width:470px){.gsc-primary,.gsc-changes{grid-template-columns:1fr}.gsc-metric:nth-child(even){padding-left:0;border-left:0}.gsc-metric{grid-template-columns:40px minmax(0,1fr) auto}.gsc-query-grid{grid-template-columns:1fr}}
/* GSC Row 4: country search performance */
.gsc-countries { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; align-items: center; padding: 14px 18px 16px; border-top: 1px solid #e9edf3; background: #f6f8fb; }
.gsc-countries-title { color: #778294; font-size: .69rem; font-weight: 800; letter-spacing: .04em; }
.gsc-country-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(155px,1fr)); gap: 10px; min-width: 0; }
.gsc-country-card { min-width: 0; padding: 9px; border: 1px solid #dfe5ee; border-radius: 8px; background: #fff; }
.gsc-country-card p { display: flex; align-items: center; gap: 6px; min-width: 0; color: #37465a; font-size: .8rem; font-weight: 800; line-height: 1.2; }
.gsc-country-card p img { display: block; flex: 0 0 auto; width: 24px; height: 18px; border-radius: 2px; object-fit: cover; }
.gsc-country-card p span { overflow-wrap: anywhere; }
.gsc-country-card div { display: flex; flex-wrap: wrap; gap: 5px 9px; margin-top: 8px; color: #778294; font-size: .71rem; }
.gsc-country-card strong { color: #147553; font-weight: 800; }.gsc-country-card div span:last-child strong { color: #263141; }
.gsc-no-countries { color: #778294; font-size: .8rem; font-style: italic; }
@media (max-width:920px){.gsc-countries{grid-template-columns:1fr;padding:14px}.gsc-country-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media (max-width:470px){.gsc-country-grid{grid-template-columns:1fr}}
/* GSC header navigation placement */
.gsc-header-controls { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex: 0 0 auto; }
.gsc-header-controls .top-nav { margin: 0; }
@media (max-width: 920px) { .gsc-header-controls { width: 100%; flex-wrap: wrap; justify-content: space-between; }.gsc-header-controls .gsc-range-selector { flex: 1 1 100%; } }@media (max-width: 920px) { .gsc-range { flex: 1 1 0; width: auto; } }