/* Guidance adds no delay to real loading or saving. */
.ux-guide-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #d5e1ec;border-radius:12px;background:#fff;color:#36536f;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;flex-shrink:0}
.ux-guide-trigger svg,.ux-nav-help svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ux-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(120deg,#edf5fc,#f7fafc);border:1px solid #dbe7f0;padding:20px;border-radius:16px;margin:16px 0 24px;color:#203d56}.ux-welcome h2{margin:5px 0 8px;font-size:20px}.ux-welcome p{margin:0 0 12px;max-width:65ch}.ux-welcome>button{flex-shrink:0;min-height:44px}
.ux-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:16px 0 24px;align-items:start}.ux-help-card{background:#fff;border:1px solid #dbe4ed;border-radius:14px;padding:16px;min-width:0}.ux-help-card summary{font-weight:650;cursor:pointer;min-height:44px;padding:10px 0}.ux-help-card p{color:#50647a;line-height:1.6}.ux-help-card li{margin:14px 0}.ux-help-card li p{margin:5px 0}.ux-help-search{max-width:640px}.ux-help-search input{width:100%;min-height:44px}
.ux-guide-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #cfdeeb;border-radius:20px;padding:24px;color:#213b53;background:#fff;box-shadow:0 24px 80px #10243a40}.ux-guide-dialog::backdrop{background:#10243a80}.ux-guide-dialog header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.ux-guide-dialog h2{margin:6px 0;font-size:22px}.ux-guide-dialog p{color:#52667a;line-height:1.6}.ux-guide-dialog [data-guide-step]{background:#f2f6fa;border-radius:14px;padding:18px;margin:18px 0;min-height:150px}.ux-guide-dialog footer{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.ux-guide-dialog a{display:inline-flex;min-height:44px;align-items:center}.ux-guide-dialog button{min-height:44px}.ux-highlight{outline:3px solid #3686c9!important;outline-offset:4px!important;border-radius:8px}
#toast [data-ux-next]{color:#fff;text-decoration:underline;display:inline-flex;min-height:36px;align-items:center;margin-left:8px}.ux-nav-help{display:flex;align-items:center;gap:12px;color:inherit;min-height:44px;padding:12px 16px;text-decoration:none}.ux-nav-help:hover{background:#ffffff0d}
.ux-save-status{flex-basis:100%;font-size:13px;color:#50647a;margin:8px 0}.ux-disabled-reason{font-size:13px;color:#52667a;line-height:1.5;flex-basis:100%}
@media(max-width:760px){.ux-welcome{padding:16px;flex-direction:column}.ux-welcome .form-actions{gap:8px}.ux-welcome .form-actions .button{flex:1 1 140px}.ux-guide-trigger{font-size:12px;padding:8px}.app-host-head>.ux-guide-trigger{grid-column:1/-1;justify-self:start}.connect-inbox-head .ux-guide-trigger span{display:none}.connect-inbox-head .ux-guide-trigger{width:44px}.ux-guide-dialog{padding:18px}.ux-guide-dialog h2{font-size:19px}.ux-guide-dialog header{gap:10px}}
@media(prefers-reduced-motion:no-preference){.ux-navigation-enter{animation:ux-enter .14s ease-out}.ux-guide-dialog[open]{animation:ux-enter .15s ease-out}.button,.ux-guide-trigger{transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.ux-welcome{animation:ux-enter .18s ease-out}.ux-highlight{animation:ux-emphasis 1.1s ease-out 2}@keyframes ux-enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ux-emphasis{50%{outline-color:#8bbce2}}}

.page-head:has(>.ux-guide-trigger){flex-wrap:wrap}.page-head:has(>.ux-guide-trigger)>div:first-child{min-width:0;flex:1 1 200px}.page-head>.ux-guide-trigger{margin-left:auto}.page-head:has(>.ux-guide-trigger) h1{overflow-wrap:anywhere}
.connect-inbox-head .ux-guide-trigger{width:44px;padding:8px}.connect-inbox-head .ux-guide-trigger span{display:none}