openclaw/dist/control-ui/assets/custodian-surface-BlvV8Huo.css

Multi-channel AI gateway with extensible messaging integrations

.option-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-sm);gap:12px;padding:16px;display:grid}.option-card__chip{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-self:start;padding:4px 8px;font-size:11px;font-weight:700}.option-card__question{color:var(--text-strong);font-size:16px;font-weight:650;line-height:1.35}.option-card__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option-card__choice{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);min-height:88px;color:var(--text);text-align:left;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:flex-start;gap:10px;padding:13px;display:flex}@media (hover:hover){.option-card__choice:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}}.option-card__choice:focus-visible{box-shadow:var(--focus-ring);outline:none}.option-card__choice--recommended,.option-card__choice--selected{border-color:var(--accent);background:var(--accent-subtle)}@media (hover:hover){.option-card__choice--recommended:hover:not(:disabled),.option-card__choice--selected:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle)}}.option-card__choice-copy{gap:5px;display:grid}.option-card__choice strong{color:var(--text-strong);font-size:14px}.option-card__description{color:var(--muted);font-size:12px;line-height:1.45}.option-card__recommended{border-radius:var(--radius-full);background:var(--primary);color:var(--primary-foreground);letter-spacing:.03em;text-transform:uppercase;flex:none;padding:3px 6px;font-size:10px;font-weight:700}.option-card__skip{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:12px;text-decoration:underline}@media (hover:hover){.option-card__skip:hover:not(:disabled){color:var(--text)}}@media (width<=768px){.option-card__choices{grid-template-columns:1fr}}openclaw-custodian-page{flex:1 1 0;min-width:0;min-height:0;display:flex}.custodian{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:18px clamp(16px,4vw,36px) 22px;display:grid}.custodian__column{width:min(100%, var(--chat-thread-max-width,48rem));min-width:0;margin-inline:auto}.custodian--setup-required .custodian__column{width:100%;max-width:none}.custodian-surface{grid-template-rows:minmax(0,1fr) auto auto;width:100%;height:100%;min-height:0;display:grid}.custodian-surface--setup-required{grid-template-rows:auto minmax(0,1fr)}.custodian__setup-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,420px);min-height:0;margin:auto;padding:clamp(24px,6vh,56px) 24px;display:flex}.custodian__setup-state openclaw-mascot{margin-bottom:4px;display:block}.custodian__setup-state h2{color:var(--text-strong);margin:0;font-size:22px}.custodian__setup-state p{max-width:36ch;color:var(--muted);margin:0;line-height:1.5}.custodian__setup-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.custodian-surface--panel .custodian__setup-state{padding:24px 16px}.custodian-surface--panel .custodian__setup-state h2{font-size:18px}.custodian-surface--empty-error{grid-template-rows:auto auto auto;align-content:start}.custodian>openclaw-custodian-surface{height:100%;display:block}.custodian__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px;display:flex}.custodian__header-actions{align-items:center;gap:8px;display:flex}.custodian__header--minimal{border-bottom:0;justify-content:flex-end;padding-bottom:8px}.custodian__identity{align-items:center;gap:12px;display:flex}.custodian__identity h1,.custodian__identity p{margin:0}.custodian__identity h1{color:var(--text-strong);letter-spacing:-.02em;font-size:18px}.custodian__identity p{color:var(--muted);margin-top:2px;font-size:12px}.custodian__mark{flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.custodian__mark openclaw-mascot{display:block}.custodian__messages{flex-direction:column;min-height:0;padding:24px 2px;display:flex;overflow-y:auto}.custodian__nudge{border:1px solid color-mix(in srgb, var(--warn) 42%, var(--border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--warn) 9%, var(--bg-elevated));max-width:96%;color:var(--text);align-self:flex-start;align-items:center;gap:4px;padding:4px 5px 4px 12px;display:flex}.custodian__alert-card{border-radius:var(--radius-lg);gap:10px;width:100%;max-width:560px;margin-bottom:14px;padding:12px;display:grid}.custodian-surface--setup-required>.custodian__alert-card{margin:16px 16px 0}.custodian__alert-heading{justify-content:space-between;gap:12px;display:flex}.custodian__alert-facts{font-family:var(--mono);gap:4px;margin:0;padding-left:20px;font-size:12px;display:grid}.custodian__alert-action{width:fit-content}.custodian__nudge--channel-onboarding{border-color:var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);width:100%;max-width:none;padding:12px}.custodian__nudge-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.custodian__nudge-copy strong{color:var(--text-strong);font-size:13px}.custodian__nudge-copy span{color:var(--muted);font-size:12px;line-height:1.4}.custodian__nudge-cta{flex:none;align-self:center}.custodian__nudge-action,.custodian__nudge-dismiss{color:inherit;font:inherit;background:0 0;border:0}.custodian__nudge-action{text-align:left;cursor:var(--cursor-action);padding:5px 2px}.custodian__nudge-action:disabled{cursor:default;opacity:.55}.custodian__nudge-dismiss{width:28px;height:28px;color:var(--muted);cursor:var(--cursor-action);border-radius:50%;flex:none;place-items:center;display:grid}.custodian__nudge-action:focus-visible,.custodian__nudge-dismiss:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.custodian__nudge-dismiss:hover{background:var(--bg-hover);color:var(--text-strong)}}@media (width<=640px){.custodian__nudge--channel-onboarding{flex-wrap:wrap;align-items:flex-start}.custodian__nudge-copy{flex-basis:calc(100% - 36px)}}.custodian__option-card{margin:4px 16px 14px 46px}.custodian__wizard-step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);gap:12px;margin:4px 16px 14px 46px;padding:16px;display:grid}.custodian__wizard-title{color:var(--text-strong);font-size:14px}.custodian__wizard-step .btn{min-height:44px}@media (hover:hover){.custodian__wizard-step .btn:disabled:hover{border-color:var(--border);background:var(--bg-elevated);box-shadow:none}.custodian__wizard-step .btn.primary:disabled:hover{border-color:var(--accent);background:var(--primary);box-shadow:0 1px 3px var(--accent-subtle)}.custodian__wizard-step .custodian__wizard-cancel:disabled:hover{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}}.custodian__wizard-cancel:not(:disabled){color:var(--text)}.custodian__wizard-cancel{margin-right:auto}.custodian__thinking{flex-direction:row;align-items:center;gap:5px;width:fit-content;padding:10px 0;display:flex}.custodian__mascot-avatar{background:0 0;overflow:visible}.custodian__mascot-avatar openclaw-mascot{display:block}.custodian-surface>.agent-chat__composer-shell{width:100%;max-width:none;margin:8px 0 0}.custodian__thinking>span:not(.sr-only){background:var(--muted);border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite alternate custodian-thinking}.custodian__thinking>span:nth-child(2){animation-delay:.15s}.custodian__thinking>span:nth-child(3){animation-delay:.3s}.custodian__error{border:1px solid var(--danger);border-radius:var(--radius-lg);background:var(--danger-subtle);color:var(--danger);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.custodian__history{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:10px;min-height:0;max-height:min(46vh,440px);margin-bottom:12px;padding:14px;display:flex}.custodian__history-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.custodian__history-heading strong{color:var(--text-strong);font-size:14px}.custodian__history-heading span,.custodian__history-state{color:var(--muted);font-size:12px}.custodian__history-spinner{border:2px solid color-mix(in srgb, currentcolor 35%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;width:14px;height:14px;margin:6px auto;animation:.7s linear infinite custodian-history-spin;display:block}@keyframes custodian-history-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.custodian__history-spinner{animation:none}}.custodian__change-list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.custodian__change-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);padding:11px 12px}.custodian__change-card.is-invalid{border-color:color-mix(in srgb, var(--warn) 55%, var(--border));background:color-mix(in srgb, var(--warn) 7%, var(--bg))}.custodian__change-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.custodian__change-source{border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text);padding:2px 7px;font-weight:600}.custodian__change-summary{color:var(--text-strong);margin-top:7px;font-size:13px}.custodian__change-warning,.custodian__change-note{color:var(--muted);margin-top:6px;font-size:12px}.custodian__change-warning{color:var(--warn);font-weight:600}.custodian__change-paths{color:var(--muted);margin-top:7px;font-size:12px}.custodian__change-paths summary{width:fit-content;cursor:var(--cursor-action)}.custodian__change-paths ul{margin:7px 0 0;padding-left:20px}.custodian__change-paths code{color:var(--text);font-size:11px}.custodian__history-error{color:var(--danger);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.custodian__history-more{align-self:center}@keyframes custodian-thinking{to{opacity:.35;transform:translateY(-2px)}}@media (width<=640px){.custodian{padding-inline:12px}.custodian__header{align-items:flex-start}.custodian__header-actions{flex-wrap:wrap;justify-content:flex-end}.custodian__history-heading{flex-direction:column;align-items:flex-start;gap:2px}.custodian__identity p{display:none}}@media (width<=400px){.custodian__option-card,.custodian__wizard-step{margin-left:0}}@media (prefers-reduced-motion:reduce){.custodian__thinking>span:not(.sr-only){animation:none}}