.secondary-dialog { width: 390px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); padding: 24px; box-sizing: border-box; overflow: auto; border: 1px solid #dce3de; border-radius: 8px; color: #26372e; background: #fff; }
.secondary-dialog::backdrop { background: rgba(20, 32, 26, .45); }
.secondary-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.secondary-heading h2 { display: flex; align-items: center; gap: 10px; font-size: 19px; line-height: 1.4; margin: 0; }
.secondary-heading svg { width: 20px; height: 20px; flex-shrink: 0; }
.secondary-note { color: #617067; font-size: 13px; line-height: 1.6; margin: 16px 0; }
.secondary-toggle { display: flex; align-items: center; gap: 8px; font-size: 14px; margin: 18px 0; }
.secondary-toggle input { width: 16px; height: 16px; accent-color: #176c55; }
.secondary-field { display: grid; gap: 8px; font-size: 13px; margin-top: 16px; }
.secondary-field .text-input { width: 100%; min-width: 0; box-sizing: border-box; }
.secondary-error { color: #ac3030; font-size: 13px; line-height: 1.5; min-height: 20px; overflow-wrap: anywhere; margin: 16px 0 8px; }
.secondary-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
.secondary-actions .button { white-space: nowrap; }
.secondary-link { font: inherit; font-size: 12px; color: #176c55; background: none; border: 0; padding: 8px 0; cursor: pointer; }
.secondary-link:hover { text-decoration: underline; }
.secondary-actions .secondary-link { margin-right: auto; }
.secondary-logout { display: block; margin: 16px auto 0; color: #617067; }
.secondary-dialog [hidden] { display: none !important; }
.workspace-is-locked > :not(.secondary-root) { visibility: hidden !important; }
#secondary-unlock::backdrop { background: #edf1ee; }
@media (max-width: 420px) { .secondary-dialog { padding: 20px; } }