.si-skip-link { position: fixed; left: 12px; top: -80px; z-index: 15000; padding: 10px 14px; border-radius: 10px; background: #fff; color: #174f3a; font-weight: 800; box-shadow: 0 5px 20px rgba(0,0,0,.25); }
.si-skip-link:focus { top: 12px; }
.si-save-list { margin-top: 10px; margin-left: 8px; border: 1px solid #174f3a; border-radius: 12px; padding: 10px 14px; background: #fff; color: #174f3a; font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; }
.si-list-modal { position: fixed; inset: 0; z-index: 9600; display: grid; place-items: center; padding: 18px; background: rgba(11,34,27,.72); font-family: Geist, system-ui, sans-serif; }
.si-list-card { width: min(100%, 460px); max-height: calc(100vh - 36px); overflow: auto; background: #fff; border-radius: 24px; padding: 24px; color: #173a2e; box-shadow: 0 24px 70px rgba(0,0,0,.3); }
.si-list-card h2 { margin: 0 0 7px; font-size: 27px; }
.si-list-card > p { margin: 0 0 17px; color: #607169; }
.si-list-name { width: 100%; min-height: 48px; box-sizing: border-box; border: 1px solid #ccd6d0; border-radius: 12px; padding: 11px 13px; font: inherit; }
.si-list-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 12px; }
.si-list-actions button, .si-list-row button { min-height: 43px; border: 0; border-radius: 11px; padding: 9px 12px; font: inherit; font-weight: 800; cursor: pointer; }
.si-list-confirm, .si-list-use { background: #174f3a; color: #fff; }
.si-list-cancel { background: #eef2ef; color: #365247; }
.si-list-row { padding: 14px 0; border-bottom: 1px solid #e9eeeb; }
.si-list-row header { display: flex; justify-content: space-between; gap: 12px; }
.si-list-row header span { color: #687970; font-size: 12px; }
.si-list-products { margin: 6px 0 11px; color: #50645b; font-size: 13px; line-height: 1.4; }
.si-list-row footer { display: flex; gap: 8px; }
.si-list-delete { background: #fff1ef; color: #9a3028; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid #f2a51a !important; outline-offset: 3px; }
@media (max-width: 520px) { .si-list-card { padding: 20px; border-radius: 21px; } .si-list-actions { grid-template-columns: 1fr; } }