openclaw/dist/control-ui/assets/channel-picker-Dr_cIA_m.css

Multi-channel AI gateway with extensible messaging integrations

.settings-section:has(.settings-section__actions .btn--xs.btn--icon){gap:var(--space-2)}.channels-empty{padding-top:var(--space-4);place-items:center;display:grid}.channels-empty .settings-empty{padding-top:var(--space-1)}.channels-item{text-align:left;width:100%}.channels-tile{width:var(--channels-art-size,44px);height:var(--channels-art-size,44px);flex:0 0 var(--channels-art-size,44px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);place-items:center;display:grid;overflow:hidden}.channels-tile img{object-fit:cover;width:100%;height:100%}.channels-tile--fallback{background:linear-gradient(135deg, var(--channels-art-a), var(--channels-art-b));color:#ffffffeb;font-family:var(--mono);font-size:var(--control-ui-text-sm);text-shadow:0 1px 2px #00000040;border-color:#0000;font-weight:700}.channels-cover{aspect-ratio:32/9;background:var(--bg-elevated);place-items:center;width:100%;display:grid;overflow:hidden}.channels-cover img{object-fit:cover;width:100%;height:100%}.channels-cover--icon img{border-radius:var(--radius-lg);width:96px;height:96px}.channels-cover--fallback{background:linear-gradient(135deg, var(--channels-art-a), var(--channels-art-b));color:#ffffffeb;font-family:var(--mono);text-shadow:0 1px 3px #00000040;font-size:22px;font-weight:700}.channels-detail{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--popover);width:min(680px,100vw - 48px);max-height:min(85dvh,860px);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow-y:auto}.channels-detail__header{flex:none;position:relative}.channels-detail__header-actions{top:var(--space-3);right:var(--space-3);z-index:2;align-items:center;gap:var(--space-2);display:flex;position:absolute}.channels-detail__header-actions .btn{background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.channels-detail__close{width:32px;height:32px;padding:7px}.channels-detail__body{gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-5);display:grid}.channels-pairing-filters{gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.channels-pairing-filters label{gap:var(--space-1);color:var(--muted);font-size:var(--control-ui-text-xs);flex:0 220px;display:grid}.channels-pairing-filters select{width:100%}.channels-pairing-feedback{min-height:0}.channels-pairing-feedback+.channels-pairing-feedback{border-top:0}.channels-pairing-request{align-items:stretch}.channels-pairing-request__main{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.channels-pairing-request__actions{flex-wrap:wrap}.channels-pairing-request__details{width:100%;color:var(--muted);font-size:var(--control-ui-text-sm)}.channels-pairing-request__details summary{width:fit-content;cursor:var(--cursor-action)}.channels-pairing-request__details .settings-kv{margin-top:var(--space-2)}.channels-pairing-help{padding:var(--space-2) var(--space-4) var(--space-3);color:var(--muted);font-size:var(--control-ui-text-xs);line-height:1.5}.channels-pairing-dialog{gap:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(520px,100vw - 48px);padding:var(--space-4);background:var(--popover);box-shadow:var(--shadow-xl);display:grid}.channels-pairing-dialog__option{align-items:flex-start;gap:var(--space-2);color:var(--text);cursor:var(--cursor-action);display:flex}.channels-pairing-dialog__option input{margin-top:3px}.channels-pairing-dialog__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=640px){.channels-pairing-request__main{flex-direction:column;align-items:stretch}.channels-pairing-request__actions{justify-content:flex-start}}.channels-wizard{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--popover);width:min(540px,100vw - 48px);max-height:min(85dvh,760px);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow-y:auto}.channels-wizard__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0;display:flex}.channels-wizard__heading{gap:2px;min-width:0;display:grid}.channels-wizard__heading h2{color:var(--text-strong);font-size:var(--control-ui-text-lg);letter-spacing:-.015em;margin:0;font-weight:660}.channels-wizard__heading .muted{font-size:var(--control-ui-text-sm)}.channels-wizard__subtitle{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.channels-wizard__body{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);display:grid}.channels-wizard__note{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-elevated);color:var(--text);font-size:var(--control-ui-text-sm);line-height:1.5}.channels-wizard__note--code{font-family:var(--mono);font-size:var(--control-ui-text-xs)}.channels-wizard__output{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:var(--control-ui-text-sm);line-height:1.5}.channels-wizard__output--code{font-family:var(--mono);font-size:var(--control-ui-text-xs)}.channels-wizard__message{color:var(--text-strong);font-weight:620;line-height:1.4}.channels-wizard__text,.channels-wizard__secret{width:100%;margin-top:10px}.channels-wizard__text{display:flex}.channels-wizard__text>.input{min-height:44px}.channels-wizard__options{gap:var(--space-2);display:grid}.channels-wizard__option{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--card);text-align:left;cursor:var(--cursor-action);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.channels-wizard__option:focus-visible{border-color:var(--border-hover);background:var(--bg-elevated)}@media (hover:hover){.channels-wizard__option:hover{border-color:var(--border-hover);background:var(--bg-elevated)}}:is(.channels-wizard__option[aria-pressed=true],.channels-wizard__option[checked],.channels-wizard__option:state(checked)){border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--accent-subtle)}.channels-wizard__option-label{color:var(--text-strong);font-weight:620}.channels-wizard__option-hint{color:var(--muted);font-size:var(--control-ui-text-sm)}.channels-wizard__links{gap:var(--space-2);flex-wrap:wrap;display:flex}.channels-wizard__link{text-decoration:none}@media (hover:hover){.channels-wizard__link:hover{text-decoration:none}}.channels-wizard__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.channels-wizard__error{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--danger-subtle);color:var(--danger);font-size:var(--control-ui-text-sm)}.channels-wizard__qr{gap:var(--space-2);padding:var(--space-2) 0;justify-items:center;display:grid}.channels-wizard__qr img{border-radius:var(--radius-md);background:var(--brand-logo-chip-bg);width:min(260px,70vw);padding:var(--space-2)}.channels-wizard__spinner{color:var(--muted);font-size:var(--control-ui-text-sm)}.channels-item__detail{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-width:0;color:inherit;font:inherit;text-align:left;cursor:var(--cursor-action);background:0 0;border:0;flex:1;padding:0;display:flex}.channels-item__detail:focus-visible{box-shadow:var(--focus-ring);outline:none}