openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 40.6 kB
CSS
:root{--oc-bg-page:var(--bg);--oc-bg-surface:var(--card);--oc-bg-elevated:var(--bg-elevated);--oc-accent-primary:var(--accent);--oc-accent-primary-hover:var(--accent-hover);--oc-accent-primary-deep:var(--primary-hover);--oc-accent-secondary:var(--accent-2);--oc-accent-secondary-deep:var(--accent-2-muted);--oc-text-primary:var(--text-strong);--oc-text-secondary:var(--text);--oc-text-muted:var(--muted);--oc-text-on-accent:var(--primary-foreground);--oc-border-subtle:var(--border);--oc-border-strong:var(--border-strong);--oc-border-accent:color-mix(in srgb, var(--accent) 42%, transparent);--oc-surface-card:var(--card);--oc-surface-card-strong:var(--popover);--oc-surface-interactive:var(--bg-elevated);--oc-surface-interactive-hover:var(--bg-hover);--oc-surface-accent-soft:var(--accent-subtle);--oc-surface-secondary-soft:var(--accent-2-subtle);--oc-selection-bg:var(--selection-bg);--oc-focus-ring:var(--ring);--oc-status-success-bg:var(--ok-subtle);--oc-status-success-fg:var(--ok);--oc-status-warning-bg:var(--warn-subtle);--oc-status-warning-fg:var(--warn);--oc-status-error-fg:var(--danger);--oc-status-info-bg:var(--info-subtle);--oc-status-info-fg:var(--info);--oc-input-bg:color-mix(in srgb, var(--bg) 80%, var(--bg-elevated) 20%);--oc-input-border:var(--input);--oc-input-placeholder:var(--muted);--oc-input-focus-border:var(--ring);--oc-input-focus-ring:var(--focus);--oc-font-body:var(--font-body);--oc-font-display:var(--font-display);--oc-font-mono:var(--mono);--oc-font-size-xs:var(--control-ui-text-xs);--oc-font-size-sm:var(--control-ui-text-sm);--oc-font-size-base:var(--control-ui-text-md);--oc-font-size-md:var(--control-ui-text-md);--oc-font-size-lg:var(--control-ui-text-lg);--oc-space-1:var(--space-1);--oc-space-2:var(--space-2);--oc-space-3:var(--space-3);--oc-space-4:var(--space-4);--oc-space-5:var(--space-5);--oc-space-6:var(--space-6);--oc-space-7:var(--space-7);--oc-radius-full:var(--radius-full);--oc-radius-surface:var(--radius-lg);--oc-radius-control:var(--radius-md);--oc-radius-inset:var(--radius-sm);--oc-radius-round:var(--radius-full);--oc-shadow-sm:var(--shadow-sm);--oc-shadow-md:var(--shadow-md);--oc-duration-fast:var(--duration-fast);--oc-duration-ui:var(--duration-normal);--oc-ease-out:var(--ease-out);--oc-control-min-height:var(--settings-control-height,2.75rem)}.oc-app-surface{--oc-component-surface:var(--oc-surface-card);--oc-component-surface-hover:var(--oc-surface-interactive);--oc-component-border:var(--oc-border-subtle);--oc-component-border-hover:color-mix(in srgb, var(--oc-text-primary) 28%, var(--oc-border-subtle));--oc-component-shadow:var(--oc-shadow-sm);--oc-component-shadow-hover:var(--oc-shadow-md);background:var(--oc-bg-page);min-width:0;min-height:100%;color:var(--oc-text-primary);font-family:var(--oc-font-body)}.oc-section{width:100%;color:var(--oc-text-primary)}.oc-card{border:1px solid var(--oc-component-border);border-radius:var(--oc-radius-surface);background:var(--oc-component-surface);color:var(--oc-text-primary);box-shadow:var(--oc-component-shadow)}.oc-card-interactive{transition:background var(--oc-duration-ui) var(--oc-ease-out), border-color var(--oc-duration-ui) var(--oc-ease-out), box-shadow var(--oc-duration-ui) var(--oc-ease-out), transform var(--oc-duration-ui) var(--oc-ease-out)}.oc-card-interactive:focus-visible{border-color:var(--oc-component-border-hover);background:var(--oc-component-surface-hover);box-shadow:var(--oc-component-shadow-hover);transform:translateY(-1px)}@media (hover:hover){.oc-card-interactive:hover{border-color:var(--oc-component-border-hover);background:var(--oc-component-surface-hover);box-shadow:var(--oc-component-shadow-hover);transform:translateY(-1px)}}.oc-card-interactive:focus-visible,.oc-action:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:3px}.oc-card-interactive:active{transform:translateY(0)scale(.995)}.oc-action{justify-content:center;align-items:center;gap:var(--oc-space-2);min-height:2.5rem;padding:var(--oc-space-2) var(--oc-space-4);border-radius:var(--oc-radius-control);font:inherit;font-size:var(--oc-font-size-base);touch-action:manipulation;cursor:var(--cursor-action);transition:background var(--oc-duration-fast) var(--oc-ease-out), border-color var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);border:1px solid #0000;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}@media (hover:hover){.oc-action:hover{text-decoration:none}}.oc-action:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.oc-action:disabled,.oc-action[aria-disabled=true],.oc-segmented-item:disabled{cursor:not-allowed;opacity:.5}.oc-action[aria-disabled=true]{pointer-events:none}.oc-action-primary{border-color:var(--primary);background:var(--primary);color:var(--oc-text-on-accent)}@media (hover:hover){.oc-action-primary:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--oc-text-on-accent)}}.oc-action-primary:active:not(:disabled):not([aria-disabled=true]){border-color:var(--oc-accent-primary-deep);background:var(--oc-accent-primary-deep)}.oc-action-secondary{border-color:var(--oc-border-accent);background:var(--oc-surface-accent-soft);color:var(--oc-accent-primary)}@media (hover:hover){.oc-action-secondary:hover{border-color:var(--oc-accent-primary);background:color-mix(in srgb, var(--oc-surface-accent-soft) 72%, var(--oc-accent-primary));color:var(--oc-text-primary)}}html[data-theme=light] .oc-action-secondary,html[data-theme-resolved=light] .oc-action-secondary{border-color:var(--oc-border-strong);background:var(--oc-bg-elevated);color:var(--oc-text-primary)}@media (hover:hover){html[data-theme=light] .oc-action-secondary:hover,html[data-theme-resolved=light] .oc-action-secondary:hover{border-color:var(--oc-border-strong);background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}}.oc-action-ghost{color:var(--oc-text-secondary);background:0 0;border-color:#0000}@media (hover:hover){.oc-action-ghost:hover{background:var(--oc-surface-interactive);color:var(--oc-text-primary)}}.oc-action-icon{width:2.5rem;padding:0}.oc-segmented{align-items:center;gap:var(--oc-space-1);max-width:100%;padding:var(--oc-space-1);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-surface-card);display:inline-flex;overflow-x:auto}.oc-segmented-item{justify-content:center;align-items:center;gap:var(--oc-space-2);min-height:2rem;padding:var(--oc-space-1) var(--oc-space-3);border-radius:var(--oc-radius-inset);color:var(--oc-text-secondary);font:inherit;font-size:var(--oc-font-size-base);white-space:nowrap;touch-action:manipulation;cursor:var(--cursor-action);transition:background var(--oc-duration-fast) var(--oc-ease-out), color var(--oc-duration-fast) var(--oc-ease-out), transform var(--oc-duration-fast) var(--oc-ease-out);background:0 0;border:0;font-weight:650;line-height:1;display:inline-flex}.oc-segmented-item:active:not(:disabled){transform:scale(.98)}@media (hover:hover){.oc-segmented-item:hover{color:var(--oc-text-primary)}}.oc-segmented-item[aria-selected=true],.oc-segmented-item[aria-pressed=true],.oc-segmented-item.is-active{background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}.oc-segmented-item:focus-visible{outline:2px solid var(--oc-focus-ring);outline-offset:2px}.oc-input{box-sizing:border-box;width:100%;min-height:var(--oc-control-min-height);padding:var(--oc-space-2) var(--oc-space-3);border:1px solid var(--oc-input-border);border-radius:var(--oc-radius-control);background:var(--oc-input-bg);color:var(--oc-text-primary);font:inherit;font-size:var(--oc-font-size-base);touch-action:manipulation;transition:border-color var(--oc-duration-fast) var(--oc-ease-out), box-shadow var(--oc-duration-fast) var(--oc-ease-out);outline:none;line-height:1.4}.oc-input::placeholder{color:var(--oc-input-placeholder)}@media (hover:hover){.oc-input:hover:not(:disabled){border-color:var(--oc-border-strong)}}.oc-input:focus-visible{border-color:var(--oc-input-focus-border);box-shadow:0 0 0 3px var(--oc-input-focus-ring)}.oc-input:disabled{cursor:not-allowed;opacity:.55}.oc-input[aria-invalid=true]{border-color:var(--oc-status-error-fg)}.oc-banner{box-sizing:border-box;align-items:start;gap:var(--oc-space-3);padding:var(--oc-space-4);border:1px solid var(--oc-border-subtle);border-radius:var(--oc-radius-surface);background:var(--oc-surface-card-strong);color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);grid-template-columns:auto minmax(0,1fr) auto;line-height:1.45;display:grid}.oc-banner-action{flex:none;margin-left:auto}.oc-empty{box-sizing:border-box;min-height:12rem;padding:var(--oc-space-5);text-align:center;place-items:center;display:grid}.oc-empty-content{justify-items:center;gap:var(--oc-space-2);width:100%;min-width:0;max-width:24rem;display:grid}.oc-empty-description{max-width:42ch;color:var(--oc-text-secondary);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.5}.oc-skeleton-line{border-radius:var(--oc-radius-control);background:var(--oc-surface-interactive);width:100%;height:.75rem;display:block;overflow:hidden}.oc-skeleton-line:after{background:linear-gradient(90deg, transparent, var(--oc-border-subtle), transparent);content:"";width:45%;height:100%;animation:1.2s linear infinite oc-skeleton-sweep;display:block}.oc-skeleton-line-short{width:55%}@keyframes oc-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(225%)}}.oc-status{align-items:center;gap:var(--oc-space-2);min-width:0;color:var(--oc-text-secondary);font-size:var(--oc-font-size-xs);line-height:1.4;display:inline-flex}.oc-status-indicator{border-radius:var(--oc-radius-round);background:var(--oc-text-muted);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--oc-bg-surface);flex:none}.oc-status-success .oc-status-indicator{background:var(--oc-status-success-fg)}.oc-status-warning .oc-status-indicator{background:var(--oc-status-warning-fg)}.oc-status-error .oc-status-indicator{background:var(--oc-status-error-fg)}.oc-status-info .oc-status-indicator{background:var(--oc-status-info-fg)}.oc-status-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.oc-card-interactive{transition:none}.oc-skeleton-line:after{animation:none}}.settings-page.oc-app-surface{background:0 0}.settings-section.oc-settings-section{gap:var(--oc-space-3);flex-direction:column;min-width:0;display:flex}.settings-section__header.oc-settings-section-header{justify-content:space-between;align-items:center;gap:var(--oc-space-3);padding:0;display:flex}.settings-section__copy.oc-settings-section-heading{gap:var(--oc-space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.settings-section__heading.oc-settings-section-title{color:var(--oc-text-muted);font-family:var(--oc-font-body);font-size:var(--oc-font-size-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;line-height:1.4}.settings-group.oc-settings-group{border:1px solid color-mix(in srgb, var(--oc-border-subtle) 85%, transparent);border-radius:var(--oc-radius-surface);background:var(--oc-bg-surface);min-width:0;box-shadow:none;display:block;overflow:hidden}.settings-row.oc-settings-row{justify-content:space-between;align-items:center;gap:var(--oc-space-4);min-width:0;min-height:3rem;padding:calc(var(--oc-space-3) - 2px) var(--oc-space-4);display:flex}.settings-row__text.oc-settings-row-content{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.settings-row__title.oc-settings-row-title{color:var(--oc-text-primary);font-size:var(--oc-font-size-base);font-weight:500;line-height:1.35}.settings-row__desc.oc-settings-row-description{color:var(--oc-text-muted);font-size:var(--oc-font-size-sm);line-height:1.45}.settings-row__control.oc-settings-row-control{justify-content:flex-end;align-items:center;gap:var(--oc-space-2);flex:none;width:auto;min-width:0;max-width:60%;display:flex}.settings-row--stacked.oc-settings-row,.settings-row--stacked-on-narrow.oc-settings-row{align-items:stretch;gap:var(--oc-space-2);flex-direction:column}.settings-row--stacked.oc-settings-row .oc-settings-row-control,.settings-row--stacked-on-narrow.oc-settings-row .oc-settings-row-control{justify-content:flex-start;width:100%;max-width:none}.settings-page.oc-app-surface .btn.oc-action{border-color:var(--oc-border-subtle);border-radius:var(--oc-radius-control);background:var(--oc-bg-elevated);min-height:0;color:var(--oc-text-primary);font-size:var(--oc-font-size-sm);gap:6px;padding:8px 14px;font-weight:500;line-height:normal}.settings-page.oc-app-surface .btn.oc-action.oc-action-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}@media (hover:hover){.settings-page.oc-app-surface .btn.oc-action.oc-action-primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover);color:var(--primary-foreground)}}.settings-page.oc-app-surface .btn.btn--sm.oc-action{font-size:var(--oc-font-size-xs);padding:6px 10px}@media (hover:hover){.settings-page.oc-app-surface .btn.oc-action:hover:not(:disabled){border-color:var(--oc-border-strong);background:var(--oc-surface-interactive-hover);color:var(--oc-text-primary)}}.settings-page.oc-app-surface .btn.oc-action-icon{width:30px;height:30px;padding:7px}.settings-segmented__btn.oc-segmented-item.settings-segmented__btn--active{background:var(--oc-surface-interactive)}.plugins-hub-header .page-title{margin:0;font-size:26px}.content-header.hub-page-header.plugins-hub-header{align-items:end;row-gap:var(--space-2);width:100%;max-width:1120px;max-height:none;padding-inline:var(--settings-header-inline-padding,var(--space-4));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions""tabs tabs";margin-inline:auto}.content-header.plugins-hub-header .hub-page-header__tabs{padding-block:var(--space-2);grid-area:tabs;justify-self:start}.plugins-hub-header .hub-tabs--sub wa-tab.hub-tab::part(base){padding-block:var(--space-2)}.content-header.plugins-hub-header .hub-page-header__title{grid-area:title;justify-self:start}.content-header.plugins-hub-header .hub-page-header__actions{grid-area:actions}.plugins-hub-header+.settings-workspace{margin-top:0}.plugins-hub-header__secondary{flex:none}@media (width<=768px){.plugins-hub-header .page-title{font-size:22px}}.installed-plugins-card__head{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.installed-plugins-card__art,.plugins-tile{border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.installed-plugins-card__art{background:var(--bg)}.installed-plugins-card__art img,.plugins-tile img,.plugin-catalog-detail__icon img{object-fit:contain;width:100%;height:100%}.installed-plugins-card__identity{grid-template-columns:minmax(0,1fr);align-content:center;gap:0;min-width:0;display:grid}.installed-plugins-card__identity :is(h2,h3),.installed-plugins-card__summary{text-overflow:ellipsis;overflow:hidden}.installed-plugins-card__identity :is(h2,h3){color:var(--text-strong);font-size:var(--control-ui-text-md);white-space:nowrap;margin:0;font-weight:600}.plugin-card-title-row{align-items:center;gap:6px;min-width:0;display:flex}.plugin-card-title-row :is(h2,h3){min-width:0}.plugin-card-author{color:var(--muted);font-size:var(--control-ui-text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.plugin-card-author--linked{z-index:3;align-content:center;justify-self:start;width:max-content;min-width:24px;max-width:100%;min-height:24px;text-decoration:none;position:relative}@media (hover:hover){.plugin-card-author--linked:hover{color:var(--text-strong);text-underline-offset:2px;text-decoration:underline}}.installed-plugins-card__summary{min-height:2.8em;color:var(--muted);font-size:var(--control-ui-text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box}.plugins-hub-header .plugins-hub-header__secondary.btn.btn--icon{box-sizing:border-box;aspect-ratio:1;border-color:var(--border);border-radius:var(--radius-sm);width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;color:var(--muted);background:0 0;flex:0 0 34px;padding:7px}@media (hover:hover){.plugins-hub-header .plugins-hub-header__secondary.btn.btn--icon:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}}.plugins-hub-header .plugins-hub-header__secondary.btn.btn--icon svg{width:18px;height:18px}.plugin-catalog-results{gap:var(--space-4);padding-top:0;display:grid}.plugin-catalog-search{width:100%;position:relative}.plugin-catalog-search>span{z-index:1;width:16px;color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.plugin-catalog-search input{width:100%;min-height:44px;padding-left:34px}.plugin-catalog-results__empty{color:var(--muted);font-size:var(--control-ui-text-sm)}.plugin-catalog-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.plugin-catalog-chip--skeleton{border:1px solid var(--border);border-radius:var(--radius-md);flex:0 0 104px;height:32px}.plugin-catalog-chip{border:1px solid var(--border);border-radius:var(--radius-md);min-height:32px;color:var(--muted);font:inherit;font-size:var(--control-ui-text-sm);white-space:nowrap;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.plugin-catalog-chip.is-active{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-strong)}@media (hover:hover){.plugin-catalog-chip:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-strong)}}.plugin-catalog-chip.is-active{background:var(--bg-elevated)}.plugin-catalog-chip>span{display:inline-flex}.plugin-catalog-chip svg{width:15px;height:15px}.plugin-catalog-results__body{gap:var(--space-6);min-width:0;display:grid}.plugin-catalog-load-more{justify-content:center;display:flex}.plugin-catalog-section{gap:var(--space-3);min-width:0;display:grid}.plugin-catalog-section--expandable{content-visibility:auto;contain-intrinsic-block-size:auto 280px}.plugin-catalog-section__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.plugin-catalog-section__header h2{color:var(--text-strong);font-size:var(--control-ui-text-lg);margin:0}.settings-page.oc-app-surface .btn.plugin-catalog-section__view-all{min-height:0;padding:var(--space-1) 0;color:var(--muted);font-size:var(--control-ui-text-sm);background:0 0;border-color:#0000}@media (hover:hover){.settings-page.oc-app-surface .btn.plugin-catalog-section__view-all:hover:not(:disabled){color:var(--text-strong);background:0 0;border-color:#0000}}.plugin-catalog-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.plugin-catalog-card{align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:inherit;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;grid-template-rows:auto auto;display:grid;position:relative}@media (hover:hover){.plugin-catalog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.plugin-catalog-card__primary-link{z-index:2;border-radius:inherit;position:absolute;inset:0}.plugin-catalog-card:has(.plugin-catalog-card__primary-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.plugin-catalog-card__head{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.plugin-catalog-card__head>.installed-plugins-card__head{min-width:0}.plugin-catalog-card__action{z-index:3;align-items:center;min-height:30px;display:flex;position:relative}.plugin-catalog-card__install,.plugin-catalog-card__status,.plugins-settings-row__status{flex:none}.plugin-catalog-card--skeleton{--skeleton-base:color-mix(in srgb, var(--bg-muted) 55%, var(--bg-elevated));pointer-events:none}.plugin-catalog-card__skeleton-art{border-radius:10px;width:40px;height:40px}.plugin-catalog-card__skeleton-title,.plugin-catalog-card__skeleton-action,.plugin-catalog-card__skeleton-line{border-radius:var(--radius-sm);display:block}.plugin-catalog-card__skeleton-title{width:min(60%,128px);height:12px}.plugin-catalog-card__skeleton-action{border-radius:var(--radius-md);width:52px;height:26px}.plugin-catalog-card__skeleton-summary{min-height:2.8em;font-size:var(--control-ui-text-sm);align-content:start;gap:8px;padding-top:2px;display:grid}.plugin-catalog-card__skeleton-line{width:84%;height:9px}.plugin-catalog-card__skeleton-line:last-child{width:52%}@media (width<=1100px){.plugin-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-catalog-section--expandable .plugin-catalog-card:nth-child(n+7){display:none}}@media (width<=900px){.plugin-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-catalog-section--expandable .plugin-catalog-card:nth-child(n+5){display:none}}@media (width<=640px){.plugin-catalog-chips{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.plugin-catalog-grid{grid-template-columns:minmax(0,1fr)}.plugin-catalog-section--expandable .plugin-catalog-card:nth-child(n+3){display:none}}.plugins-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.plugins-toolbar--fields{align-items:flex-end}.plugins-toolbar--fields>.plugins-toolbar__hint{min-height:var(--settings-control-height);align-items:center;display:inline-flex}.plugins-toolbar--fields>.settings-segmented,.plugins-toolbar--fields>.btn{box-sizing:border-box;height:var(--settings-control-height)}.plugins-toolbar--fields>.settings-segmented{--wa-form-control-height:calc(var(--settings-control-height) - 6px)}.plugins-toolbar__hint{color:var(--muted);font-size:var(--control-ui-text-sm);white-space:nowrap}.plugins-field{gap:6px;min-width:0;display:grid}.plugins-field>span{color:var(--muted);font-size:var(--control-ui-text-sm);font-weight:500}.skills-toolbar__search{flex:220px;min-width:180px}.skills-group__summary{cursor:var(--cursor-action);align-items:center;list-style:none}.skills-group__summary::-webkit-details-marker{display:none}.skills-group__chevron{color:var(--muted);opacity:.6;transition:transform var(--duration-fast) ease;align-items:center;display:inline-flex}.skills-group__chevron svg{stroke-width:2px;width:16px;height:16px}.skills-group[open]>.skills-group__summary .skills-group__chevron{transform:rotate(90deg)}.plugins-item{content-visibility:auto;contain-intrinsic-block-size:auto 73px;flex-wrap:wrap}.plugins-item--clickable{cursor:var(--cursor-action);transition:background var(--duration-fast) var(--ease-out)}@media (hover:hover){.plugins-item--clickable:hover{background:var(--bg-hover)}}.plugins-item__detail-button{border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:var(--cursor-action);background:0 0;border:0;padding:0}.plugins-item__detail-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.clawhub-skill-icon{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--brand-logo-chip-bg);object-fit:contain;flex:0 0 40px;width:40px;height:40px}.clawhub-skill-detail__identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.clawhub-skill-detail__body{align-content:start;gap:var(--space-3);overflow-wrap:anywhere;font-size:var(--control-ui-text-md);grid-template-columns:minmax(0,1fr);display:grid}.clawhub-skill-detail__meta{font-size:var(--control-ui-text-sm)}.clawhub-skill-detail__changelog{border-top:1px solid var(--border);padding-top:var(--space-3)}.clawhub-skill-detail__changelog :where(table){overflow-wrap:normal}.clawhub-skill-icon--detail{flex-basis:56px;width:56px;height:56px}.clawhub-skill-icon--profile{border-radius:var(--radius-full);object-fit:cover}.plugins-version{margin-left:var(--space-1);color:var(--muted);font-family:var(--mono);font-size:var(--control-ui-text-xs);font-weight:400}h3.settings-row__title{margin:0}.plugins-tile{background:var(--bg-elevated)}.plugins-tile--white{background:var(--brand-logo-chip-bg)}.plugins-tile--white img{padding:10%}.plugins-tile--fallback{background:linear-gradient(135deg, var(--plugins-art-a), var(--plugins-art-b));color:#ffffffeb;font-family:var(--mono);font-size:var(--control-ui-text-sm);letter-spacing:-.04em;text-shadow:0 1px 2px #00000040;font-weight:700}.plugins-tile--fallback svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.plugins-row-message{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--control-ui-text-xs);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;display:flex}.plugin-catalog-card>.plugins-row-message{z-index:3;position:relative}.plugins-item>.plugins-row-message{flex:100%}.plugins-row-message--error{background:var(--danger-subtle);color:var(--danger)}.plugins-row-message--warning{align-items:stretch;gap:var(--space-2);padding:var(--space-3) 0 0;border-top:1px solid color-mix(in srgb, var(--warn) 28%, var(--border));color:var(--text);font-size:var(--control-ui-text-sm);white-space:normal;background:0 0;border-radius:0;flex-direction:column}.plugins-row-message .btn{color:var(--text-strong);flex:none}.plugins-detail__title{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.plugins-detail__title h2{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:680}.plugins-consent{gap:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-xl);max-height:min(85vh,860px);padding:var(--space-5);background:var(--popover);box-shadow:var(--shadow-xl);display:grid;overflow-y:auto}.plugins-consent__header{align-items:center;gap:var(--space-3);display:flex}.plugins-consent__header>div{min-width:0}.plugins-consent__section{gap:var(--space-2);display:grid}.plugins-consent__section h3{color:var(--text-strong);font-size:var(--control-ui-text-sm);margin:0;font-weight:600}.plugins-consent__description,.plugins-consent__hint{color:var(--muted);font-size:var(--control-ui-text-sm);margin:0;line-height:1.5}.plugins-consent__hint{font-size:var(--control-ui-text-xs);display:block}.plugins-consent__rows{border-top:1px solid var(--border)}.plugins-consent__items{font-family:var(--mono);font-size:var(--control-ui-text-xs);overflow-wrap:anywhere}.plugins-consent__row--warning{color:var(--warn)}.plugins-consent__provenance,.plugins-consent__trust{gap:var(--space-1);color:var(--text);font-size:var(--control-ui-text-sm);display:grid}.plugins-consent__provenance code{font-family:var(--mono);font-size:var(--control-ui-text-xs)}.plugins-consent__trust ul{padding-left:var(--space-4);color:var(--muted);margin:0}.plugins-consent__error,.plugins-consent__actions{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.plugins-consent__error{color:var(--danger)}.plugins-consent__actions{justify-content:flex-end}openclaw-plugins-page .settings-page.oc-app-surface:has(>.plugins-settings-content)>.content-header--settings{width:100%;max-width:none;margin-inline:0;padding-inline:0}.plugins-settings-content{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.plugins-settings-tabs{--track-color:transparent;--indicator-color:transparent;align-self:flex-start;width:max-content;max-width:100%}.plugins-settings-search{margin-bottom:var(--space-5);display:block;position:relative}.plugins-settings-search>span[aria-hidden=true]{top:50%;left:var(--space-3);width:16px;color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;transform:translateY(-50%)}.plugins-settings-search>span[aria-hidden=true] svg{width:16px;height:16px}.plugins-settings-search .settings-input{width:100%;padding-left:calc(var(--space-3) + 24px)}.plugins-settings-row__link{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;text-decoration:none}.plugins-settings-breadcrumb{align-items:center;gap:var(--space-2);min-width:0;color:var(--muted);font-size:var(--control-ui-text-xs);line-height:1.4;display:flex}.plugins-settings-breadcrumb__parent,.plugins-settings-breadcrumb__current{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}@media (hover:hover){.plugins-settings-breadcrumb__parent:hover{color:var(--text)}}.plugins-settings-breadcrumb__chevron{color:var(--muted);display:inline-flex}.plugins-settings-breadcrumb__chevron svg{width:13px;height:13px}.plugins-settings-error{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.plugin-catalog-detail{gap:28px;min-width:0;display:grid;container-type:inline-size}.plugin-catalog-detail__content{grid-template-columns:minmax(0,1fr) 196px;grid-template-areas:"main sidebar";align-items:start;gap:32px;display:grid}.plugin-catalog-detail--no-sidebar .plugin-catalog-detail__content{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}.plugin-catalog-detail__back{align-items:center;gap:var(--space-2);width:max-content;color:var(--muted);font-size:var(--control-ui-text-sm);text-decoration:none;display:inline-flex}@media (hover:hover){.plugin-catalog-detail__back:hover{color:var(--text-strong)}}.plugin-catalog-detail__back svg{width:16px;height:16px}.plugin-catalog-detail__hero{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:24px;display:grid}.plugin-catalog-detail__icon{background:var(--bg-elevated);width:112px;height:112px;color:var(--accent);border-radius:20px;place-items:center;display:grid;overflow:hidden}.plugin-catalog-detail__icon>.plugins-tile{border-radius:inherit;width:100%;height:100%;font-size:36px}.plugin-catalog-detail__icon svg{width:48px;height:48px}.plugin-catalog-detail__actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.plugin-catalog-detail__actions .btn{min-height:30px;font-size:var(--control-ui-text-sm);padding:4px 10px}.settings-page.oc-app-surface .plugin-catalog-detail__actions .btn.oc-action{height:var(--settings-control-height)}.settings-page.oc-app-surface .plugin-catalog-detail__actions .btn.oc-action-icon{width:var(--settings-control-height);min-width:var(--settings-control-height);padding:0}.plugin-catalog-detail__actions svg{width:16px;height:16px}.plugin-catalog-detail__heading{min-width:0}.plugin-catalog-detail__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:nowrap;display:flex}.plugin-catalog-detail__title-row h1{min-width:0;color:var(--text-strong);overflow-wrap:anywhere;flex:auto;margin:0;font-size:clamp(24px,3vw,32px);line-height:1.05}.plugin-catalog-detail__summary{max-width:720px;margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--control-ui-text-lg);line-height:1.5}.plugin-catalog-detail__publisher{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--control-ui-text-lg);flex-wrap:wrap;line-height:1.4;display:flex}.plugin-catalog-detail__publisher-name{align-items:center;gap:var(--space-1);max-width:100%;color:var(--text-strong);display:flex}.plugin-catalog-detail__publisher-name strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.plugin-catalog-detail__publisher .plugin-card-author{font:inherit}.plugin-catalog-detail__sidebar{min-width:0;font-size:var(--control-ui-text-sm);grid-area:sidebar;align-content:start;display:grid}.plugin-metadata__facts,.plugin-metadata__section,.plugin-catalog-detail__security{border:0;border-bottom:1px solid var(--border);margin:0;padding:16px 0}.plugin-catalog-detail__sidebar>:first-child{padding-top:0}.plugin-catalog-detail__sidebar>:last-child{border-bottom:0}.plugin-metadata__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.plugin-metadata__facts dt,.plugin-metadata__section h2,.plugin-catalog-detail__security h2{color:var(--muted);font-size:var(--control-ui-text-sm);margin:0 0 8px;font-weight:600}.plugin-metadata__facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.plugin-metadata__categories{text-transform:capitalize;flex-wrap:wrap;gap:6px;display:flex}.plugin-metadata__section a{color:var(--text-strong);text-decoration:none}@media (hover:hover){.plugin-metadata__section a:hover{text-decoration:underline}}.plugin-metadata__section a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.plugin-metadata__section svg{vertical-align:middle;flex:0 0 16px;width:16px;height:16px}.plugin-metadata__repository{overflow-wrap:anywhere;align-items:start;gap:7px;font-weight:600;display:flex}.plugin-catalog-detail__security{color:inherit;text-decoration:none;display:block}.plugin-catalog-detail__security h2{align-items:center;gap:6px;display:flex}.plugin-catalog-detail__security h2>span{display:inline-flex}.plugin-catalog-detail__security h2 svg{width:1em;height:1em}.plugin-catalog-detail__security-score{grid-template-columns:1fr repeat(3,26px);align-items:center;gap:6px;padding:8px 0;display:grid}.plugin-catalog-detail__security-score strong{font-size:var(--control-ui-text-sm);text-transform:capitalize}.plugin-catalog-detail__security-score span{background:var(--border);border-radius:999px;height:6px}.plugin-catalog-detail__security--pass .is-filled{background:var(--ok)}.plugin-catalog-detail__security--warning .is-filled{background:var(--warn)}.plugin-catalog-detail__security--danger .is-filled{background:var(--danger)}@media (hover:hover){.plugin-catalog-detail__security[href]:hover .plugin-catalog-detail__security-score{background:var(--bg-elevated)}}.plugin-capabilities{margin-bottom:28px}.plugin-capabilities h2,.plugin-catalog-detail__readme-section>h2{border-bottom:1px solid var(--border);font-size:var(--control-ui-text-lg);align-items:center;gap:8px;margin:0 0 12px;padding-bottom:12px;display:flex}.plugin-capabilities h2{margin-bottom:0}.plugin-capabilities h2>span{border:1px solid var(--border-strong);border-radius:var(--radius-full);min-width:24px;height:24px;color:var(--muted);font-size:var(--control-ui-text-sm);place-items:center;padding-inline:4px;font-weight:400;display:inline-grid}.plugin-capability{border-bottom:1px solid var(--border);padding:4px 0}.plugin-capability>button,.plugin-capability__disclosure>summary,.plugin-capability__static{width:100%;color:var(--text);text-align:left;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;padding:12px;display:flex}.plugin-capability>button,.plugin-capability__disclosure>summary{cursor:var(--cursor-action)}@media (hover:hover){.plugin-capability>button:hover,.plugin-capability__disclosure>summary:hover{background:var(--bg-elevated)}}.plugin-capability>button:focus-visible,.plugin-capability__disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.plugin-capability__disclosure>summary{list-style:none}.plugin-capability__disclosure>summary::-webkit-details-marker{display:none}.plugin-capability__chevron{display:inline-flex}.plugin-capability__disclosure[open] .plugin-capability__chevron{transform:rotate(90deg)}.plugin-capability__details{overflow-wrap:anywhere;font-size:var(--control-ui-text-sm);padding:0 12px 12px}.plugin-capability__details p{color:var(--muted);margin:12px 0 0}.plugin-mcp-details{grid-template-columns:minmax(112px,1fr) minmax(0,3fr);gap:8px 16px;margin:12px 0 0;display:grid}.plugin-mcp-details dt{color:var(--muted)}.plugin-mcp-details dd{margin:0}.plugin-capability__icon{border:1px solid var(--border);width:36px;height:36px;color:var(--accent);border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.plugin-capability svg{flex-shrink:0;width:18px;height:18px}.plugin-capability__copy{flex:1;gap:4px;min-width:0;display:grid}.plugin-capability__copy strong{overflow-wrap:anywhere;font-size:var(--control-ui-text-sm)}.plugin-capability__copy>span{-webkit-line-clamp:2;color:var(--muted);font-size:var(--control-ui-text-sm);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.plugin-catalog-detail__readme-section{min-width:0}.plugin-tool-dialog{--openclaw-modal-width:760px}.plugin-tool-preview{width:100%;max-height:var(--openclaw-modal-height-limit,calc(100dvh - 48px));border:1px solid var(--border);background:var(--bg);border-radius:12px;grid-template-rows:auto minmax(0,1fr);padding:24px;display:grid}.plugin-tool-preview header{justify-content:space-between;align-items:center;gap:16px;display:flex}.plugin-tool-preview h2{font-size:var(--control-ui-text-lg);margin:0}.plugin-tool-preview__body{min-height:0;overflow:auto}.plugin-tool-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;line-height:1.6}.plugin-tool-preview__parameters{margin-top:20px}.plugin-tool-preview__parameters h3{font-size:var(--control-ui-text-base);margin:0 0 12px}.plugin-tool-preview__parameters dl{gap:12px;margin:0;display:grid}.plugin-tool-preview__parameters dl>div{border-top:1px solid var(--border);padding:12px 0}.plugin-tool-preview__parameters dt{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plugin-tool-preview__parameters dt span{color:var(--muted);font-size:var(--control-ui-text-sm)}.plugin-tool-preview__parameters dd{color:var(--muted);margin:6px 0 0;line-height:1.5}@container (width<=768px){.plugin-catalog-detail__content{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""sidebar";gap:24px}.plugin-catalog-detail__hero{grid-template-columns:80px minmax(0,1fr);gap:16px}.plugin-catalog-detail__icon,.plugin-catalog-detail__icon>span{width:80px;height:80px}}@container (width<=400px){.plugin-catalog-detail__hero{grid-template-columns:minmax(0,1fr)}}.plugin-catalog-detail--loading .skeleton{border-radius:var(--radius-md);background:var(--bg-elevated)}.plugin-catalog-detail--loading .plugin-catalog-detail__back{width:180px;height:18px}.plugin-catalog-detail__loading-title{width:min(420px,65%);height:48px}.plugin-catalog-detail__loading-summary{width:min(680px,90%);height:24px;margin-top:var(--space-3)}.plugin-catalog-detail__loading-publisher{width:220px;height:48px;margin-top:var(--space-3)}.plugin-catalog-detail__loading-card{height:90px;margin-bottom:12px}.plugin-catalog-detail__main{grid-area:main;gap:28px;min-width:0;display:grid}.plugin-catalog-detail__panel{min-width:0}.plugin-catalog-detail__panel:empty{display:none}.plugin-catalog-detail__panel>.plugin-capabilities:last-child{margin-bottom:0}.plugin-catalog-detail__readme{overflow-wrap:anywhere;max-width:820px}.plugin-catalog-detail__empty{color:var(--muted)}.skill-library-import{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.skill-library-import>.btn{justify-self:end}@media (width<=640px){.settings-page.oc-app-surface:has(>.plugins-settings-content){padding-top:0}openclaw-skills-page .plugins-toolbar--fields{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}openclaw-skills-page .plugins-toolbar--fields>:is(.settings-segmented,.plugins-field){grid-column:1/-1;width:100%;min-width:0}openclaw-skills-page .plugins-toolbar--fields>.settings-segmented{height:auto}openclaw-skills-page .plugins-toolbar__hint{white-space:normal;overflow-wrap:anywhere}openclaw-skills-page .plugins-toolbar:has(>.field){grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}openclaw-skills-page .plugins-toolbar>.btn{white-space:normal;max-width:100%}}@media (width<=560px){.plugins-toolbar--fields>.settings-segmented{height:auto}.plugins-row-message{flex-direction:column;align-items:stretch}.plugins-row-message--warning{padding:var(--space-2) 0 0}}.plugin-metadata__placeholder{border-radius:var(--radius-sm);width:72%;height:14px;display:block}.plugin-metadata__loading{border-bottom:1px solid var(--border);gap:20px;padding-bottom:24px;display:grid}.plugin-metadata__loading>:last-child{width:100%;height:20px}.plugin-capability__trailing{flex-shrink:0;align-items:center;gap:12px;display:flex}.plugin-connection-status{color:var(--muted);font-size:var(--control-ui-text-sm);align-items:center;gap:6px;display:inline-flex}.plugin-connection-status svg{width:14px;height:14px;color:var(--ok)}@media (width<=560px){.plugin-capability__trailing{flex-direction:column;align-items:flex-end;gap:6px}}