.protection-body{padding:0 22px 22px}.protection-summary{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.protection-summary>span:last-child{color:#7c8978;align-items:center;gap:7px;font-size:13px;display:flex}.protection-note{color:#7c8978;max-width:900px;margin:16px 0;font-size:14px;line-height:1.8}.protection-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.protection-facts>div{background:#f6f8f2;border-radius:9px;flex-direction:column;gap:8px;padding:15px;display:flex}.protection-facts small,.protection-facts span{color:#7c8978;font-size:13px}.protection-facts strong{font-size:23px;font-family:var(--font-heading);font-weight:600}.protection-options{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 24px;padding-top:15px;display:flex}.protection-options label{align-items:center;gap:8px;font-size:14px;display:flex}.protection-options input{accent-color:var(--accent);width:17px;height:17px}.protection-findings{border-top:1px solid var(--line)}.protection-findings>p{padding:0 22px}.protection-findings article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.protection-findings article:last-child{border-bottom:0}.protection-finding-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.protection-findings p{color:#7c8978;overflow-wrap:anywhere;margin:8px 0;font-size:14px;line-height:1.7}.protection-findings small{color:#95a08d;font-size:13px}.backup-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.backup-fields input{width:100%}@media (max-width:750px){.protection-facts{grid-template-columns:1fr}.backup-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-findings article{flex-direction:column}.site-protection .panel-title{align-items:flex-start}}
.google-sources{flex-wrap:wrap;gap:5px;min-width:150px;display:flex}.google-sources span{color:#7d8978;white-space:nowrap;background:#f5f6f2;border:1px solid #e4e8de;border-radius:5px;align-items:center;padding:4px 7px;font-size:.75rem;line-height:1.25;display:inline-flex}.google-sources span.linked{color:#4d7951;background:#eef6ec;border-color:#dce9d9}.website-card-body>.google-sources{margin:-5px 0 17px}.sites-table .google-sources{max-width:175px}
.site-quick-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.site-quick-actions .button{min-height:38px;padding:9px 11px;font-size:.875rem}.view-switch{background:#f7f8f4;border:1px solid #e1e5dc;border-radius:10px;flex-shrink:0;gap:3px;padding:4px;display:flex}.view-switch button{color:#7b8775;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:36px;height:34px;display:grid}.view-switch button[aria-pressed=true]{color:#303d31;background:#fff;box-shadow:0 1px 5px #26352212}.site-browser .filter-actions{flex-wrap:wrap}.site-browser.grid-mode>.filter-bar{background:#fff;border:1px solid #e5e8df;border-radius:12px;margin-bottom:24px}.website-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:24px;display:grid}.website-card{background:#fff;border:1px solid #e1e5dc;border-radius:14px;min-width:0;transition:box-shadow .18s,transform .18s;overflow:hidden}.website-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2334260b}.site-preview{aspect-ratio:1.6;background:#edf0e7;border-bottom:1px solid #e5e8df;position:relative;overflow:hidden}.site-preview>a{width:100%;height:100%;display:block}.site-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.site-preview-placeholder{color:#91a179;background:radial-gradient(at 100% 0,#e4ebd6,#0000 75%),#f1f3eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.site-preview-placeholder strong{color:#657457;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9375rem;font-weight:500;overflow:hidden}.site-preview-placeholder span{color:#77816e;font-size:.8125rem}.site-preview-status{position:absolute;bottom:12px;left:14px}.site-preview-status .badge{border:1px solid #ffffffa6;box-shadow:0 2px 12px #1d2d241c}.preview-refresh{color:#56644c;cursor:pointer;background:#ffffffeb;border:1px solid #e3e6dc;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.website-card-body{padding:21px}.website-card-client{color:#849078;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.8125rem;display:flex}.website-card-title{color:#27372c;justify-content:space-between;align-items:center;gap:12px;display:flex}.website-card-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1875rem;line-height:1.4;overflow:hidden}.website-card-title svg{color:#a7b29a;flex-shrink:0}.website-card-domain{color:#829075;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-top:6px;font-size:.875rem;display:flex;overflow:hidden}.website-card-metrics{border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0 17px;padding:17px 0;display:grid}.website-card-metrics span{color:#859078;margin-bottom:6px;font-size:.8125rem;display:block}.website-card-metrics strong{color:#43523d;font-size:.9375rem;font-weight:600}.website-card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.connection-indicator{background:#c5cbbf;border-radius:50%;flex-shrink:0;width:8px;height:8px}.connection-indicator.connected{background:#8aa17d;box-shadow:0 0 0 4px #8aa17d14}@media (max-width:700px){.site-browser .filter-bar{flex-direction:column;align-items:stretch;gap:12px}.site-browser .filter-actions{justify-content:space-between;gap:8px}.site-browser .filter-actions select{flex:1;max-width:calc(50% - 5px);font-size:.875rem}.site-browser .view-switch{margin-left:auto}.website-grid{gap:18px}.website-card-body{padding:18px}}@media (prefers-reduced-motion:reduce){.website-card{transition:none}.website-card:hover{transform:none}}.site-browser.grid-mode>.filter-bar{padding:16px 20px}@media (max-width:700px){.site-browser .filter-actions{grid-template-columns:1fr 1fr;display:grid}.site-browser .filter-actions select{width:100%;min-width:0;max-width:none}.site-browser .view-switch{grid-column:2;justify-self:end}.site-browser.grid-mode>.filter-bar{padding:15px}}
.connection-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.connection-actions input{max-width:165px}#live-connections{scroll-margin-top:90px}