/* Shared channel palette: approved tints only, official logo colours stay unchanged. */
html.pebble-brand-v047 .channel-colour-lime{--channel-colour:#ddff45}
html.pebble-brand-v047 .channel-colour-blue{--channel-colour:#cbdcff}
html.pebble-brand-v047 .channel-colour-pink{--channel-colour:#f4cbdc}
html.pebble-brand-v047 .channel-colour-peach{--channel-colour:#ffd2ac}
html.pebble-brand-v047 .channel-colour-sage{--channel-colour:#c5dfce}
/* Public channel interaction is identical with captions on or off: white at rest, a soft wash on hover, no lift. */
html.pebble-brand-v047 .public-channel-icon{--channel-hover-fill:#f5f5f1;background:#fff}
html.pebble-brand-v047 .public-channel-icon:hover{background:var(--channel-hover-fill);transform:none}
html.pebble-brand-v047 .public-channel-icon[class*="channel-colour-"]{--channel-hover-fill:color-mix(in srgb,var(--channel-colour) 25%,#fff);background:#fff;border:2.5px solid var(--channel-colour,#d8d8d2)}
html.pebble-brand-v047 .public-channel-icon[class*="channel-colour-"]:hover{background:var(--channel-hover-fill);filter:none}
html.pebble-brand-v047 .channel-row[class*="channel-colour-"] .channel-edit-target .channel-glyph.big{background:#fff;border:2.5px solid var(--channel-colour,#d8d8d2)}
html.pebble-brand-v047 .contact-colour-field{min-width:0;padding:0;margin:1px 0 4px;border:0}
html.pebble-brand-v047 .contact-method-modal .contact-colour-field legend{padding:0 0 10px;font:650 11px/1.4 var(--pb-body);color:#55544e}
html.pebble-brand-v047 .contact-colour-swatches{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
html.pebble-brand-v047 .contact-colour-option{position:relative;display:inline-flex;cursor:pointer}
html.pebble-brand-v047 .contact-colour-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
html.pebble-brand-v047 .contact-colour-swatch{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6d6ce;border-radius:50%;background:var(--channel-colour,#fff);transition:box-shadow .15s,border-color .15s}
html.pebble-brand-v047 .contact-colour-swatch svg{display:none;width:16px;height:16px;stroke:#111;fill:none;stroke-width:2}
html.pebble-brand-v047 .contact-colour-option input:checked+.contact-colour-swatch{border-color:#141414;box-shadow:0 0 0 2px #fff,0 0 0 3px #141414}
html.pebble-brand-v047 .contact-colour-option input:checked+.contact-colour-swatch svg{display:block}
html.pebble-brand-v047 .contact-colour-option input:focus-visible+.contact-colour-swatch{outline:2px solid var(--pb-ink);outline-offset:4px}

/* One owner-level choice: captions have equal footprint without changing official logos. */
html.pebble-brand-v047 .public-channel-caption{display:none}
html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels{align-items:flex-start;gap:10px 8px}
html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;width:88px;height:91px;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none}
html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-glyph{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid var(--pb-line);border-radius:17px;background:#fff;transition:background-color .16s ease}
html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-icon[class*="channel-colour-"] .public-channel-glyph{border:2.5px solid var(--channel-colour,#d8d8d2)}
html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-caption{display:-webkit-box;width:100%;height:32px;max-height:32px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;color:var(--pb-text);font:600 11px/15px var(--pb-body);text-align:center}
html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-icon:hover .public-channel-glyph{background:var(--channel-hover-fill);filter:none}
@media(max-width:620px){html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-icon{width:82px;height:89px}html.pebble-brand-v047 .public-pebble-channel-row.show-channel-labels .public-channel-glyph{width:50px;height:50px;flex-basis:50px}}

/* Match the existing Add/Edit Channel setting headings at the mobile breakpoint. */
@media(max-width:720px){html.pebble-brand-v047 .contact-method-modal .contact-colour-field legend{font-size:12px;font-weight:720;color:#66655f}}