.sopr-page{max-width:1480px;margin:auto;color:#173d35}.sopr-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.sopr-heading h1{font-size:30px;letter-spacing:-.6px;margin:8px 0 12px}.sopr-heading p:not(.eyebrow){color:#71867f;margin:0}.sopr-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:20px;background:white;border:1px solid #e0e9e4;border-radius:16px}.sopr-period{display:flex;align-self:end;background:#eef5f1;border-radius:10px;padding:4px}.sopr-period button{font:inherit;cursor:pointer;border:0;background:none;color:#547368;padding:10px 18px;border-radius:8px;white-space:nowrap}.sopr-period [aria-pressed=true]{background:#176e56;color:white}.sopr-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#667f75}.sopr-toolbar label[hidden]{display:none}.sopr-toolbar input,.sopr-toolbar select{font:inherit;background:white;border:1px solid #d7e3dd;border-radius:9px;padding:11px 12px;color:#234b3f;min-height:42px}.sopr-app{flex:1;min-width:210px;max-width:410px}.sopr-scope{font-size:13px;color:#647f74;margin:16px 0}.sopr-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.sopr-metric{border:1px solid #dfe9e3;border-radius:14px;padding:22px;background:#fff;display:flex;flex-direction:column;gap:10px}.sopr-metric>span{font-size:14px;color:#577266}.sopr-metric strong{font-size:34px;letter-spacing:-1px;color:#06634c}.sopr-metric small{color:#82958c;font-size:12px}.sopr-table-wrap{border:1px solid #dfe9e3;border-radius:16px;overflow:auto;background:#fff}.sopr-table-wrap table{width:100%;min-width:850px;border-collapse:collapse;text-align:left;font-size:14px}.sopr-table-wrap th{background:#eff6f2;color:#587367;padding:17px 20px;font-weight:500;white-space:nowrap}.sopr-table-wrap td{padding:18px 20px;border-top:1px solid #edf2ee;white-space:nowrap}.sopr-table-wrap td>small{display:block;color:#83968c;margin-top:6px;font-size:12px}.sopr-position{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f1f5f2;color:#638072;font-weight:600}.sopr-position[data-top=true]{background:#e2f1e8;color:#0d7454}.sopr-count{font-size:20px;font-weight:650;color:#146d52}.sopr-share{display:flex;align-items:center;gap:10px;min-width:150px;font-size:12px;color:#668071}.sopr-share progress{width:100px;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#edf4ef}.sopr-share progress::-webkit-progress-bar{background:#edf4ef;border-radius:8px}.sopr-share progress::-webkit-progress-value{background:#46a886;border-radius:8px}.sopr-share progress::-moz-progress-bar{background:#46a886;border-radius:8px}.sopr-empty{padding:46px 24px;text-align:center;border:1px solid #dfe9e3;border-radius:14px;background:white;color:#627f70}.sopr-empty strong{display:block;font-size:18px;margin-bottom:12px}.sopr-empty p{font-size:14px}.sopr-note{font-size:12px;color:#7b9185;line-height:1.8;margin-top:18px}.sopr-note p{margin:5px 0}.ai-ranking-entry{background:white;border:1px solid #bed7ca;color:#136e52;border-radius:10px;padding:11px 16px;text-decoration:none;white-space:nowrap;font-size:14px}.ai-ranking-entry:hover{background:#e9f4ee}.sopr-toolbar :focus-visible,.ai-ranking-entry:focus-visible{outline:2px solid #208064;outline-offset:3px}
@media(max-width:700px){.sopr-heading{align-items:start;flex-direction:column}.sopr-heading h1{font-size:25px}.sopr-toolbar{padding:15px;gap:12px}.sopr-app{max-width:none;min-width:160px}.sopr-metrics{gap:8px}.sopr-metric{padding:16px 10px}.sopr-metric strong{font-size:26px}.sopr-metric>span{font-size:12px}.sopr-metric small{font-size:11px}.ai-hub-heading{flex-wrap:wrap}.sopr-table-wrap td,.sopr-table-wrap th{padding:14px}}
.sopr-dimensions{display:flex;gap:6px;margin:0 0 20px;border-bottom:1px solid #dfe9e3;padding-bottom:10px}.sopr-dimensions button{font:inherit;font-weight:600;border:0;border-radius:9px;background:transparent;color:#698477;cursor:pointer;padding:11px 22px}.sopr-dimensions button[aria-pressed=true]{color:#0a6e50;background:#e2f1e8}.sopr-dimensions button:focus-visible,.sopr-sop-name:focus-visible{outline:2px solid #208064;outline-offset:3px}.sopr-sop-name{font:inherit;font-weight:650;color:#116b51;background:none;border:0;padding:0;cursor:pointer;max-width:350px;text-align:left;white-space:normal;line-height:1.5}.sopr-sop-name:hover{text-decoration:underline}