/* New component only. No selectors affect existing store panels. */
.sn-panel{margin-top:24px;padding:clamp(18px,3vw,28px);background:#fff;color:#183e30;border:1px solid #d5e2dc;border-radius:14px;min-width:0;overflow-wrap:anywhere;color-scheme:light}
.sn-panel .sn-heading,.sn-panel .sn-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.sn-panel h2{margin:4px 0 8px;font-size:1.4rem;color:#153b2f;letter-spacing:-.02em}
.sn-panel h3{margin:6px 0;font-size:1.05rem;color:#153b2f}
.sn-panel h4{color:#153b2f;margin:0 0 10px}
.sn-panel p{color:#516c60;line-height:1.55}
.sn-panel .sn-eyebrow{font-size:.73rem;font-weight:750;letter-spacing:.06em;color:#007a51;margin:0}
.sn-panel .sn-filter{display:grid;gap:8px;max-width:320px;margin:18px 0;color:#183e30;font-weight:650}
.sn-panel select{padding:12px;width:100%;min-width:0;background:#fff;color:#183e30;border:1px solid #bacfc3;border-radius:8px;font:inherit}
.sn-panel .sn-card{border-top:1px solid #dae7df;padding:20px 0}
.sn-panel .sn-card p{margin:6px 0}
.sn-panel small,.sn-panel time,.sn-panel .sn-hint{font-size:.83rem;color:#516c60}
.sn-panel .sn-badge{flex-shrink:0;background:#eaf4ee;color:#205640;border-radius:20px;padding:5px 10px;font-size:.8rem}
.sn-panel .sn-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.sn-panel .button{color:#075b3c;border-color:#82baa1;box-shadow:none;white-space:normal;min-height:44px}
.sn-panel .button:hover{background:#eaf7f0}
.sn-panel :is(button,select):focus-visible{outline:3px solid #008c60;outline-offset:3px}
.sn-panel .sn-detail{margin-top:16px;padding:16px;background:#f6faf7;border:1px solid #e0ebe4;border-radius:10px}
.sn-panel ol{list-style:none;margin:0;padding:0}
.sn-panel li{border-left:2px solid #8cc8ad;padding:10px 14px;margin:10px 0}
.sn-panel li time{display:block;margin-top:5px}
.sn-panel li p{white-space:pre-wrap}
.sn-panel [data-sn-notice]{color:#086242;font-weight:650}
.sn-panel [data-sn-notice]:empty{display:none}
.sn-panel [hidden]{display:none!important}
@media(max-width:600px){.sn-panel .sn-heading,.sn-panel .sn-card-top{flex-direction:column;gap:10px}.sn-panel .sn-heading>button{width:100%}.sn-panel .sn-detail{padding:12px}}
