.slpk-manager { max-width: 720px; padding: 20px; margin: 20px 0; border: 1px solid #8886; border-radius: 12px; }
.slpk-manager label, .slpk-flow label { display: block; margin: 12px 0; }
.slpk-manager input[type=password], .slpk-manager input[type=text], .slpk-flow input { display: block; box-sizing: border-box; width: 100%; max-width: 440px; padding: 10px; }
.slpk-manager button, .slpk-flow button, .slpk-login { padding: 10px 14px; margin: 6px 6px 6px 0; cursor: pointer; border-radius: 6px; }
.slpk-manager button:disabled, .slpk-flow button:disabled, .slpk-login:disabled { opacity: .6; cursor: not-allowed; }
.slpk-flow:not(:empty) { border: 1px solid #8886; border-radius: 8px; padding: 12px; margin: 12px 0; }
.slpk-flow input { color: #111; background: #fff; }
.slpk-status, .slpk-inline-status { overflow-wrap: anywhere; }
.slpk-codes { background: #f2f6fa; color: #18232b; padding: 16px; border-radius: 8px; }
.slpk-codes pre { white-space: pre-wrap; overflow-wrap: anywhere; user-select: all; font-size: 14px; }
.slpk-manager [hidden] { display: none !important; }
#secure-login-popup .secure-login-content { max-height: 90vh; overflow-y: auto; }
.slpk-login { display: block; width: 100%; font-weight: 600; }
.slpk-password-fallback { margin-top: 16px; text-align: left; }
.slpk-password-fallback > summary { padding: 10px 0; cursor: pointer; }
.slpk-password-fallback > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.slpk-password-fallback[open] > summary { margin-bottom: 10px; }
.slpk-options-item { position: relative; }
.slpk-options-item > .slpk-options-toggle { appearance: none; font: inherit; font-weight: 600; color: var(--slpk-menu-text, #1f2937); background: var(--slpk-menu-bg, #f3f4f6); border: 0; border-radius: 8px; padding: 10px 16px; cursor: pointer; }
.slpk-options-item > .slpk-options-toggle::after { content: ''; display: inline-block; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: 0 0 3px 12px; }
.slpk-options-item > .slpk-options-toggle:hover, .slpk-options-item > .slpk-options-toggle:focus-visible { background: var(--slpk-menu-hover, #e5e7eb); color: var(--slpk-menu-hover-text, #111827); }
.slpk-options-item > .slpk-options-list { display: none !important; position: absolute; top: calc(100% + 6px); right: 0; min-width: 190px; z-index: 10001; list-style: none; margin: 0; padding: 6px; border-radius: 10px; background: var(--slpk-submenu-bg, #fff); color: var(--slpk-submenu-text, #1f2937); box-shadow: 0 8px 28px #0003; }
.slpk-options-item[data-open] > .slpk-options-list { display: block !important; }
.slpk-options-list > li { display: block; margin: 0; padding: 0; }
.slpk-options-list > li[hidden] { display: none !important; }
.slpk-options-list a { padding: 12px 14px !important; color: var(--slpk-submenu-text, #1f2937) !important; background: transparent; border-radius: 6px; text-decoration: none; white-space: nowrap; display: block; font: inherit; }
.slpk-options-list a:hover, .slpk-options-list a:focus-visible { background: var(--slpk-submenu-hover, #f3f4f6); color: var(--slpk-submenu-hover-text, #111827) !important; }
.slpk-create-dialog { box-sizing: border-box; width: min(var(--slpk-width, 520px), calc(100vw - 32px)); max-height: 90vh; max-height: 90dvh; overflow-y: auto; padding: 32px; margin: auto; border: 1px solid var(--slpk-border, #d1d5db); border-radius: var(--slpk-radius, 20px); background: var(--slpk-popup-bg, #fff); color: var(--slpk-popup-text, #1f2937); box-shadow: 0 24px 80px #0004; font: 400 16px/1.5 system-ui, sans-serif; text-align: left; }
.slpk-create-dialog *, .slpk-create-dialog *::before, .slpk-create-dialog *::after { box-sizing: border-box; }
.slpk-create-dialog:not([open]) { display: none !important; }
.slpk-create-dialog::backdrop { background: var(--slpk-overlay, #111827); opacity: var(--slpk-overlay-opacity, .65); }
.slpk-create-dialog .slpk-create-header { margin-bottom: 24px; padding-right: 16px; }
.slpk-create-dialog .slpk-create-symbol { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--slpk-border, #d1d5db); border-radius: 14px; margin-bottom: 18px; font-size: 30px; color: var(--slpk-accent, #234e52); }
.slpk-create-dialog h2 { font: 650 28px/1.2 system-ui, sans-serif; color: inherit; margin: 0 0 10px; letter-spacing: -.5px; }
.slpk-create-dialog p { font: inherit; margin: 10px 0; color: var(--slpk-muted, #4b5563); }
.slpk-create-dialog .slpk-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 8px; }
.slpk-create-dialog .slpk-manager { padding: 0; border: 0; margin: 0; }
.slpk-create-dialog .slpk-manager label { display: block; font-size: 14px; font-weight: 600; margin: 18px 0 8px; color: inherit; }
.slpk-create-dialog .slpk-manager input, .slpk-create-dialog .slpk-flow input { width: 100%; max-width: none; min-height: 46px; margin-top: 7px; padding: 12px 14px; border-radius: 9px; font: 400 16px/1.4 system-ui, sans-serif; background: var(--slpk-input-bg, #f9fafb); color: var(--slpk-input-text, #111827); border: 1px solid var(--slpk-border, #d1d5db); box-shadow: none; }
.slpk-create-dialog input::placeholder { color: var(--slpk-input-text, #111827); opacity: .65; }
.slpk-create-dialog .slpk-field-hint, .slpk-create-dialog .slpk-privacy-note { font-size: 13px; line-height: 1.5; }
.slpk-create-dialog .slpk-manager button { border: 0; border-radius: 9px; padding: 12px 16px; background: var(--slpk-accent, #234e52); color: var(--slpk-accent-text, #fff); font: 600 15px/1.4 system-ui, sans-serif; min-height: 44px; }
.slpk-create-dialog .slpk-manager button:hover { background: var(--slpk-accent-hover, #183b3e); }
.slpk-create-dialog .slpk-actions button { width: 100%; margin: 16px 0 6px; }
.slpk-create-dialog .slpk-create-close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font: 400 28px/1 system-ui, sans-serif; cursor: pointer; }
.slpk-create-dialog .slpk-create-footer { display: flex; justify-content: flex-end; border-top: 1px solid var(--slpk-border, #d1d5db); margin-top: 22px; padding-top: 16px; }
.slpk-create-dialog .slpk-create-done { padding: 10px 20px; margin: 0; min-height: 44px; border: 1px solid var(--slpk-border, #d1d5db); border-radius: 9px; background: transparent; color: inherit; font: 600 14px/1.4 system-ui, sans-serif; cursor: pointer; }
.slpk-create-dialog :is(button, input, a):focus-visible, .slpk-options-item :is(button, a):focus-visible { outline: 3px solid var(--slpk-accent, #234e52); outline-offset: 3px; }
.slpk-create-dialog .slpk-status:not(:empty), .slpk-create-dialog .slpk-flow:not(:empty) { border: 1px solid var(--slpk-border, #d1d5db); border-radius: 9px; padding: 12px; margin: 14px 0; }
.slpk-create-dialog .slpk-codes { background: var(--slpk-input-bg, #f9fafb); color: var(--slpk-input-text, #111827); border: 1px solid var(--slpk-border, #d1d5db); margin-top: 16px; }
.slpk-create-dialog .slpk-codes h3 { font: 600 17px/1.4 system-ui, sans-serif; margin: 0 0 10px; color: inherit; }
.slpk-create-dialog .slpk-codes p, .slpk-create-dialog .slpk-codes pre { color: inherit; background: transparent; }
.slpk-create-dialog button:disabled { opacity: .5; cursor: wait; }
.slpk-options-shortcode { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle; }
.slpk-options-item[data-slpk-duplicate] { display: none !important; }
.slpk-options-shortcode > .slpk-options-toggle { display: inline-block !important; visibility: visible !important; opacity: 1 !important; }
.slpk-options-shortcode > .slpk-options-list { left: 0; right: auto; }
.slpk-options-list .arch-pwa-install { display: block; width: 100%; margin: 0; border: 0; border-radius: 6px; padding: 12px 14px; text-align: left; background: transparent; color: var(--slpk-submenu-text, #1f2937); font: inherit; white-space: nowrap; cursor: pointer; }
.slpk-options-list .arch-pwa-install[hidden] { display: none !important; }
.slpk-options-list .arch-pwa-install:hover, .slpk-options-list .arch-pwa-install:focus-visible { background: var(--slpk-submenu-hover, #f3f4f6); color: var(--slpk-submenu-hover-text, #111827); }
@media (max-width: 480px) { .slpk-create-dialog { padding: 24px 20px; } .slpk-create-dialog h2 { font-size: 25px; } }