/* Shared breaks (migration 0034): the platform studio's "Also show to schools at" picker, and the Money tab's
   "Photos from Surfers of India" card. Tokens only, so the studio's light and dark themes both apply. */
.shared-breaks{margin:0 0 20px;padding:14px 16px;border:1px solid var(--soi-sand);border-radius:var(--radius-card);background:var(--soi-surface);min-width:0}
.shared-breaks[hidden]{display:none}
.shared-breaks legend{padding:0 6px;font:600 14px var(--sans);color:var(--soi-umber)}
.shared-breaks .field-hint{margin:0 0 10px;font-size:13px;color:var(--soi-umber-soft)}
.shared-breaks-filter{width:100%;max-width:320px;margin-bottom:10px}
.shared-breaks-list{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}
.shared-breaks-list label{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:1px solid var(--soi-sand-deep);border-radius:999px;background:var(--soi-canvas);font:500 13px var(--sans);color:var(--soi-umber);cursor:pointer;user-select:none}
.shared-breaks-list label[hidden]{display:none}
.shared-breaks-list label:has(input:checked){border-color:var(--soi-slate);background:var(--soi-slate-tint);color:var(--soi-slate-deep)}
.shared-breaks-list label:has(input:focus-visible){outline:2px solid var(--soi-slate);outline-offset:2px}
.shared-breaks-list input{margin:0;accent-color:var(--soi-slate-deep)}
.shared-breaks-list small{color:var(--soi-umber-soft);font-weight:400}
.shared-breaks-empty{margin:0;font-size:13px;color:var(--soi-umber-soft)}
.contrib-card .table-wrap{margin-top:4px}