.save-creds{display:flex;flex-direction:column;gap:10px}.save-creds__notice{padding:10px 12px;background:var(--cl-accent-soft);border:1px solid var(--cl-accent-soft);border-radius:var(--cl-radius-md);font-size:var(--cl-text-xs);color:var(--cl-text);line-height:1.45}.save-creds__box{display:flex;flex-direction:column;gap:8px;padding:10px;margin:0;border:none;background:var(--cl-bg-soft,#f6f7f9);border-radius:var(--cl-radius-md)}.save-creds__row{display:flex;align-items:center;gap:8px}.save-creds__label{flex-shrink:0;width:72px;font-size:var(--cl-text-xs);font-weight:700;color:var(--cl-text)}.save-creds__value{flex:1;min-width:0;padding:0 8px;color:var(--cl-text);font-family:var(--cl-font-mono);box-sizing:border-box}.save-creds__copy,.save-creds__value{height:32px;border:1px solid var(--cl-border);border-radius:var(--cl-radius-sm);background:var(--cl-card);font-size:var(--cl-text-xs)}.save-creds__copy{flex-shrink:0;min-width:64px;padding:0 10px;color:var(--cl-accent);font-family:var(--cl-font-sans);font-weight:600;cursor:pointer}.save-creds__copy.is-done{color:var(--cl-text)}.save-creds__actions{display:flex;flex-wrap:wrap;gap:6px}.save-creds__action{flex:1 1 140px;min-height:34px;padding:6px 10px;border:1px solid var(--cl-accent);border-radius:var(--cl-radius-md);background:var(--cl-card);color:var(--cl-accent);font-family:var(--cl-font-sans);font-size:var(--cl-text-xs);font-weight:600;cursor:pointer}.save-creds__action:focus-visible,.save-creds__copy:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}.save-creds__status{margin:0;font-size:var(--cl-text-xs);color:var(--cl-text);line-height:1.45}.save-creds__status.is-warn{color:var(--cl-warning-text,#78350f)}