.scf-lists{max-width:900px}.scf-lists-intro{color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);margin:0 0 24px;max-width:62ch}.scf-lists-import{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:14px 16px;border-radius:var(--nds-viewport-border-radius-container, 16px);border:1px solid var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);background:var(--nds-mode-color-background-primary-component-subtle-rest, #004a53)}.scf-lists-import-text{display:flex;flex-direction:column;gap:2px}.scf-lists-import-actions{display:flex;gap:8px}.scf-lists-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.scf-lists-tab{padding:6px 14px;border-radius:999px;border:1px solid var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48);background:transparent;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);font:inherit;font-size:14px;cursor:pointer}.scf-lists-tab:hover{color:var(--nds-mode-color-foreground-neutral-default, #e5eaee)}.scf-lists-tab.is-active{border-color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc)}.scf-lists-tab.is-add{border-style:dashed}.scf-lists-panel{padding:20px;border-radius:var(--nds-viewport-border-radius-container, 16px);border:1px solid var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48);background:var(--nds-mode-color-background-neutral-surface-default-rest, #18232c)}.scf-lists-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.scf-lists-name-row{display:flex;align-items:baseline;gap:10px;min-width:0}.scf-lists-name{margin:0;font-size:20px;font-family:var(--nds-mode-font-family-heading, "Univia Pro"),sans-serif}.scf-lists-count{color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);font-size:14px;white-space:nowrap}.scf-lists-head-actions,.scf-lists-actions{display:flex;flex-wrap:wrap;gap:8px}.scf-lists-actions{margin-top:16px}.scf-lists-btn{padding:6px 12px;border-radius:999px;border:1px solid var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48);background:transparent;color:var(--nds-mode-color-foreground-neutral-default, #e5eaee);font:inherit;font-size:14px;cursor:pointer}.scf-lists-btn:hover,.scf-lists-btn.is-primary{border-color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc)}.scf-lists-btn.is-danger:hover{border-color:var(--nds-mode-color-foreground-negative-on-neutral, #ff6b6b);color:var(--nds-mode-color-foreground-negative-on-neutral, #ff6b6b)}.scf-lists-btn.is-flash{border-color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc)}.scf-lists-hint{margin:10px 0 0;font-size:13px;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);max-width:62ch}.scf-lists-qr{margin-top:16px;padding:12px;width:fit-content;border-radius:12px;background:#fff}.scf-lists-qr svg{display:block;width:180px;height:180px}.scf-lists-rows{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:max-content minmax(0,1fr) auto;column-gap:12px}.scf-lists-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:center;padding:10px 0;border-top:1px solid var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48)}.scf-lists-row:first-child{border-top:0}.scf-lists-kind{flex-shrink:0;box-sizing:border-box;min-width:52px;padding:2px 10px;white-space:nowrap;text-align:center;border-radius:999px;border:1px solid var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac)}.scf-lists-row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.scf-lists-row-title{color:var(--nds-mode-color-foreground-neutral-default, #e5eaee);text-decoration:none;font-weight:500}a.scf-lists-row-title:hover{color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);text-decoration:underline}.scf-lists-row-meta{font-size:13px;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac)}.scf-lists-row-meta.is-warning{color:var(--nds-mode-color-foreground-warning-on-subtle, #c8801a)}.scf-lists-row.is-unavailable .scf-lists-row-title{color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac)}.scf-lists-row-tools{display:flex;align-items:center;gap:2px}.scf-lists-move{flex-shrink:0;width:28px;height:28px;line-height:1;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);font:inherit;font-size:15px;cursor:pointer}.scf-lists-move:hover:not(:disabled){border-color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc);color:var(--nds-mode-color-foreground-primary-on-neutral, #00c2cc)}.scf-lists-move:disabled{opacity:.3;cursor:default}.scf-lists-btn:disabled{opacity:.45;cursor:default;border-color:var(--nds-mode-color-border-neutral-subtle-rest, #2e3c48);color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac)}.scf-lists-remove{flex-shrink:0;width:28px;height:28px;line-height:1;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac);font-size:18px;cursor:pointer}.scf-lists-remove:hover{border-color:var(--nds-mode-color-foreground-negative-on-neutral, #ff6b6b);color:var(--nds-mode-color-foreground-negative-on-neutral, #ff6b6b)}.scf-lists-empty{margin:20px 0 0;color:var(--nds-mode-color-foreground-neutral-subtle, #9da5ac)}@media(max-width:600px){.scf-lists-head,.scf-lists-import{flex-direction:column;align-items:flex-start}.scf-lists-rows{display:flex;flex-direction:column}.scf-lists-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;row-gap:4px}.scf-lists-kind{order:1}.scf-lists-row-tools{order:2;margin-left:auto}.scf-lists-row-main{order:3;flex:1 1 100%}}
