.operations-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.625rem;border:0.0625rem solid #eeeef4;border-radius:1.375rem;background:#fff;overflow:hidden}.operations-metrics>div{padding:1.5625rem 1.75rem;display:flex;flex-direction:column;gap:0.8125rem;min-width:0}.operations-metrics>div+div{border-left:0.0625rem solid #eeeef4}.operations-metrics span{font-size:var(--text-xs);color:var(--ui-muted)}.operations-metrics strong{font-size:var(--text-heading);letter-spacing:-0.0375rem;color:#34323f;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.operations-metrics small{font-size:var(--text-xs);color:var(--ui-muted)}.operations-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.3125rem}.operations-toolbar>span{margin-left:auto;font-size:var(--text-xs);color:var(--ui-muted)}.operations-search{display:flex;align-items:center;gap:0.625rem;flex:1;max-width:20.625rem;padding:0.625rem 0.875rem;border:0.0625rem solid #e9e6ee;border-radius:0.8125rem;background:#fcfbfe;color:var(--ui-muted)}.operations-search svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6}.operations-search input{width:100%;border:0;background:transparent;outline:0;font-size:var(--text-xs);color:var(--ui-muted)}.operations-toolbar select{font-size:var(--text-xs);border:0.0625rem solid #e8e5ee;border-radius:0.75rem;background:#fff;padding:0.6875rem;color:var(--ui-muted)}.operations-person{display:flex;align-items:center;gap:0.75rem}.operations-person>span{width:2.125rem;height:2.125rem;display:grid;place-items:center;border-radius:0.75rem;background:#f0eef9;color:var(--ui-accent);font-size:var(--text-sm);flex:none}.operations-role{font-size:var(--text-xs);color:var(--ui-muted);background:#f5f3f9;border-radius:0.4375rem;padding:0.25rem 0.4375rem}.operations-state{display:inline-block;width:0.3125rem;height:0.3125rem;background:#86b99f;border-radius:50%;margin-right:0.3125rem}.operations-state.off{background:#b5b0bc}.operations-money{font-variant-numeric:tabular-nums}.operations-positive{color:var(--ui-success)}.operations-empty{padding:2.8125rem;text-align:center;color:var(--ui-muted)}.operations-surface+.operations-surface{margin-top:1.5rem}.operations-page-note{font-size:var(--text-xs);color:var(--ui-muted);line-height:1.9;margin-top:1.4375rem}.operations-user-heading{display:flex;align-items:center;gap:0.9375rem;margin:1.625rem 0}.operations-user-heading .workspace-avatar{width:2.8125rem;height:2.8125rem}.operations-user-heading h3{font-size:var(--text-base);font-weight:500}.operations-user-heading p{font-size:var(--text-xs);margin-top:0.375rem}.operations-user-heading>.operations-role{margin-left:auto}.operations-facts{display:grid;grid-template-columns:5.9375rem 1fr;gap:1.0625rem;font-size:var(--text-xs);padding:1.25rem 0.25rem}.operations-facts dt{color:var(--ui-muted)}.operations-facts dd{color:var(--ui-accent);overflow-wrap:anywhere}.operations-form{padding-top:1.25rem}.operations-form label{display:block;font-size:var(--text-xs);color:var(--ui-accent);margin:0 0 0.625rem}.operations-form input:not([type=checkbox]),.operations-form select,.operations-form textarea{box-sizing:border-box;width:100%;padding:0.75rem 0.875rem;background:#fdfcfe;border:0.0625rem solid #e7e1ed;border-radius:0.75rem;color:#675873;font-size:var(--text-sm);min-height:2.6875rem}.operations-form textarea{min-height:6.875rem;resize:vertical;font-family:monospace;font-size:var(--text-xs)}.operations-field-pair,.operations-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1875rem;margin-bottom:1.375rem}.operations-dialog-lead{font-size:var(--text-base);color:var(--ui-accent);margin:0.25rem 0 1.125rem}.operations-dialog-lead>span{font-size:var(--text-xs);color:var(--ui-muted)}.operations-hint{font-size:var(--text-xs);line-height:1.9;color:var(--ui-muted);margin:0.9375rem 0 1.375rem}.operations-reauth{border-top:0.0625rem solid #eee8f3;padding-top:1.5rem;margin-top:1.5625rem}.operations-reauth small{display:block;color:var(--ui-muted);font-size:var(--text-xs);margin-top:0.5625rem}.operations-form-actions{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1.6875rem}.operations-error{color:var(--ui-danger);font-size:var(--text-xs);line-height:1.8;margin-top:0.8125rem}.operations-error:empty{display:none}.operations-section-intro{display:flex;gap:0.9375rem;justify-content:space-between;align-items:center;margin-bottom:1.5625rem;font-size:var(--text-xs);color:var(--ui-muted)}.operations-section-intro>div{display:flex;gap:0.625rem;align-items:center}.operations-section-intro svg{width:1.0625rem;height:1.0625rem;fill:none;stroke:currentColor;stroke-width:1.6}.operations-currency{font-size:var(--text-xs);white-space:nowrap;background:#eeedf6;color:var(--ui-muted);padding:0.4375rem 0.6875rem;border-radius:1.25rem}.operations-connections{display:grid;grid-template-columns:1fr 1fr;gap:1.375rem;margin-bottom:1.6875rem}.operations-connection{border:0.0625rem solid #eeeaf3;border-radius:1.375rem;background:#fff;padding:1.6875rem}.operations-connection-top{display:flex;justify-content:space-between;align-items:center;gap:0.875rem}.operations-provider{width:2.6875rem;height:2.6875rem;display:grid;place-items:center;border-radius:0.875rem;font-size:var(--text-xl);font-weight:600;background:#f1f0fa;color:var(--ui-accent)}.operations-provider.alipay{color:var(--ui-info);background:#edf7fd}.operations-provider.wechat{color:var(--ui-success);background:#edf7f0}.operations-provider.epay{color:var(--ui-warning);background:#fbf5ed}.operations-provider.stripe{color:var(--ui-accent);background:#f3effd}.operations-provider svg{width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-width:1.5}.operations-connection h3{font-size:var(--text-lg);color:#5b506a;font-weight:500;margin-top:1.4375rem}.operations-connection>p{font-size:var(--text-xs);color:var(--ui-muted);margin-top:0.5625rem}.operations-connection dl{display:grid;grid-template-columns:auto 1fr;gap:0.75rem 1.25rem;font-size:var(--text-xs);margin:1.6875rem 0;color:var(--ui-muted)}.operations-connection dd{text-align:right;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operations-connection>.q-pill{width:100%;display:flex;justify-content:center;gap:0.8125rem;color:var(--ui-accent);border-color:#e6dfef}.operations-email-layout{display:grid;grid-template-columns:minmax(16.25rem,.85fr) minmax(0,1.5fr);gap:1.5rem}.operations-mail-use{display:flex;gap:0.9375rem;align-items:center;padding:1.375rem 0;border-bottom:0.0625rem solid #f0edf5}.operations-mail-use:last-child{border:0;padding-bottom:0.3125rem}.operations-mail-use>span:first-child{width:2.375rem;height:2.375rem;display:grid;place-items:center;background:#f6f4fa;border-radius:0.75rem;color:var(--ui-muted)}.operations-mail-use svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.5}.operations-mail-use>div{flex:1}.operations-mail-use strong{font-size:var(--text-xs);font-weight:500;color:var(--ui-accent)}.operations-mail-use p{font-size:var(--text-xs);line-height:1.8;color:var(--ui-muted);margin-top:0.5rem}.operations-mail-use>a{font-size:var(--text-xs);white-space:nowrap;color:var(--ui-accent)}.operations-config-field{margin-bottom:1.125rem}.operations-config-fields>.operations-config-field{margin-bottom:0}.operations-config-field small{font-size:var(--text-xs);color:var(--ui-accent);margin-left:0.4375rem}.operations-secrets-heading{display:flex;flex-direction:column;gap:0.5rem;margin:1.5625rem 0 1.375rem;padding-top:1.375rem;border-top:0.0625rem solid #eee7f4}.operations-secrets-heading strong{font-size:var(--text-sm);color:var(--ui-accent);font-weight:500}.operations-secrets-heading small{font-size:var(--text-xs);color:var(--ui-muted)}.operations-form label.operations-checkbox{display:flex;align-items:center;gap:0.5625rem;margin-top:1.375rem}.operations-checkbox input{accent-color:#9d87bf;width:0.9375rem;height:0.9375rem}
#management-dialog:has(.operations-form){width:min(39.375rem,calc(100vw - 2rem));max-height:calc(100dvh - 2.5rem);overflow:auto}#management-dialog:has(.operations-facts){width:min(38.75rem,calc(100vw - 2rem));max-height:calc(100dvh - 2.5rem);overflow:auto}#management-dialog .operations-metrics>div{padding:1.25rem 1rem}#management-dialog .operations-metrics strong{font-size:var(--text-xl)}
@media(max-width:65.625rem){.operations-email-layout{grid-template-columns:1fr}.operations-metrics>div{padding:1.4375rem 1.3125rem}.operations-metrics strong{font-size:var(--text-title)}}
@media(max-width:40.625rem){.operations-metrics{grid-template-columns:1fr;margin-bottom:1.375rem}.operations-metrics>div{padding:1.25rem 1.4375rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.operations-metrics>div+div{border-left:0;border-top:0.0625rem solid #eeeef4}.operations-metrics strong{grid-column:2;grid-row:1/3;font-size:var(--text-title);align-self:center}.operations-toolbar{gap:0.75rem;flex-wrap:wrap}.operations-search{max-width:none;flex-basis:100%}.operations-search input,.operations-toolbar select,.operations-form input:not([type=checkbox]),.operations-form select,.operations-form textarea{font-size:var(--text-base)}.operations-connections{grid-template-columns:1fr;gap:1.0625rem}.operations-connection{padding:1.5625rem}.operations-section-intro{align-items:flex-start;line-height:1.8}.operations-currency{display:none}.operations-field-pair,.operations-config-fields{grid-template-columns:1fr;gap:1.125rem}.operations-dialog-lead>span{display:block;margin-top:0.5rem}.operations-user-heading{gap:0.625rem}.operations-user-heading h3{font-size:var(--text-base)}.operations-user-heading>.operations-role{font-size:var(--text-xs)}.operations-mail-use{gap:0.625rem}.operations-mail-use>span:first-child{width:2rem;height:2rem}.operations-metrics .operations-hint{font-size:var(--text-xs)}#management-dialog .operations-metrics>div{padding:1.0625rem}#management-dialog .operations-metrics strong{font-size:var(--text-xl)}}
.operations-metrics :is(span,small),.operations-hint,.operations-page-note,.operations-surface .management-surface-header p,.operations-connection>p,.operations-connection dl,.operations-connection dd,.operations-mail-use p,.operations-secrets-heading small,.operations-config-field small,.operations-reauth small,.operations-toolbar>span,.operations-dialog-lead>span{color:var(--ui-muted)}
/* Keep the password manager's account identifier outside the form layout. */
.operations-form input.visually-hidden{position:absolute;width:0.0625rem;min-width:0;max-width:0.0625rem;height:0.0625rem;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Mail previews use the same server-rendered body as SMTP delivery. */
#management-dialog:has(.operations-mail-preview){inline-size:min(94%,82rem);max-inline-size:94%;max-block-size:94dvh;overflow:auto}
.operations-mail-preview{min-inline-size:0}
.operations-mail-preview-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block:1rem}
.operations-mail-preview-toolbar label{display:grid;gap:.5rem;min-inline-size:0;flex:1 1 15rem;font-size:var(--text-sm);color:#334b65}
.operations-mail-preview-toolbar select{inline-size:100%;min-inline-size:0;border:.0625rem solid #d8e1ec;border-radius:.6rem;background:#fff;padding:.65rem .8rem;font-size:var(--text-base);color:#273d57}
.operations-mail-preview-switch{display:flex;gap:.4rem;flex-wrap:wrap}
.operations-mail-preview-switch [aria-pressed="true"]{color:#244f7c;border-color:#a8bfd6;background:#edf3fa}
.operations-mail-preview-stage{inline-size:100%;min-inline-size:0;margin-inline:auto;background:#edf2f7;border:.0625rem solid #dbe3ed;border-radius:.75rem;overflow:hidden}
.operations-mail-preview-stage[data-device="phone"]{max-inline-size:25rem}
.operations-mail-preview-stage iframe{display:block;inline-size:100%;block-size:65dvh;border:0;background:#edf2f7}
.operations-mail-preview-stage pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#2e435d;font-family:inherit;font-size:var(--text-base);line-height:1.85;margin:0;padding:1.5rem;max-block-size:65dvh;overflow:auto}
.operations-mail-preview-status{font-size:var(--text-sm);color:#52647a;line-height:1.7}
@media(max-width:50rem){#management-dialog:has(.operations-mail-preview){inline-size:96%;max-inline-size:96%}.operations-mail-preview-toolbar{align-items:stretch;gap:.8rem}.operations-mail-preview-toolbar label{flex-basis:100%}.operations-mail-preview-stage pre{padding:1rem}}