/* Promptor v2 — misc-screens katmanı
   Kapsam: Settings › Notifications (Triggers/Email/Slack), Webhooks,
   Diagnostics ve Changelog ekranları. Tüm kurallar body.promptor-v2 +
   ilgili wrap sınıfı altında; WP çekirdek ekranlarına ve kardeş
   Promptor ekranlarına sızmaz. Renkler --pa6-* token'larından gelir,
   marka/semantik renkler literaldir ve koyu tema için ayrıca ezilir. */

/* ==========================================================================
   1. Yerel token'lar (koyu tema tek noktadan ezer)
   ========================================================================== */
body.promptor-v2 {
    --pm-hair: #eef2f7;
    --pm-row-hair: #f1f5f9;
    --pm-label: #334155;
    --pm-body: #475569;
    --pm-chip-bg: #f1f5f9;
    --pm-pill-bg: #eef2f7;
    --pm-pill-text: #334155;
    --pm-info-bg: #f0f9ff;
    --pm-info-border: #bae6fd;
    --pm-info-text: #0369a1;
    --pm-ok-text: #047857;
    --pm-ok-bg: #ecfdf5;
    --pm-warn-text: #b45309;
    --pm-warn-bg: #fffbeb;
    --pm-err-text: #b91c1c;
    --pm-err-bg: #fef2f2;
    --pm-toggle-off: #cbd5e1;
    --pm-toggle-on: #0284c7;
    --pm-active-bg: #f0f9ff;
    --pm-active-text: #0284c7;
    --pm-knob-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);
}
body.promptor-v2.promptor-dark {
    --pm-hair: #33334d;
    --pm-row-hair: #2d2d45;
    --pm-label: #d5d5e8;
    --pm-body: #b8b8cc;
    --pm-chip-bg: #252535;
    --pm-pill-bg: #2d2d45;
    --pm-pill-text: #d5d5e8;
    --pm-info-bg: rgba(2, 132, 199, 0.14);
    --pm-info-border: rgba(21, 182, 255, 0.38);
    --pm-info-text: #7dd3fc;
    --pm-ok-text: #34d399;
    --pm-ok-bg: rgba(16, 185, 129, 0.14);
    --pm-warn-text: #fbbf24;
    --pm-warn-bg: rgba(245, 158, 11, 0.14);
    --pm-err-text: #f87171;
    --pm-err-bg: rgba(239, 68, 68, 0.14);
    --pm-toggle-off: #555577;
    --pm-toggle-on: #15b6ff;
    --pm-active-bg: rgba(21, 182, 255, 0.12);
    --pm-active-text: #15b6ff;
    --pm-knob-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
@media (prefers-color-scheme: dark) {
    body.promptor-v2:not(.promptor-light) {
        --pm-hair: #33334d;
        --pm-row-hair: #2d2d45;
        --pm-label: #d5d5e8;
        --pm-body: #b8b8cc;
        --pm-chip-bg: #252535;
        --pm-pill-bg: #2d2d45;
        --pm-pill-text: #d5d5e8;
        --pm-info-bg: rgba(2, 132, 199, 0.14);
        --pm-info-border: rgba(21, 182, 255, 0.38);
        --pm-info-text: #7dd3fc;
        --pm-ok-text: #34d399;
        --pm-ok-bg: rgba(16, 185, 129, 0.14);
        --pm-warn-text: #fbbf24;
        --pm-warn-bg: rgba(245, 158, 11, 0.14);
        --pm-err-text: #f87171;
        --pm-err-bg: rgba(239, 68, 68, 0.14);
        --pm-toggle-off: #555577;
        --pm-toggle-on: #15b6ff;
        --pm-active-bg: rgba(21, 182, 255, 0.12);
        --pm-active-text: #15b6ff;
        --pm-knob-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }
    body.promptor-v2.promptor-light {
        --pm-hair: #eef2f7;
        --pm-row-hair: #f1f5f9;
        --pm-label: #334155;
        --pm-body: #475569;
        --pm-chip-bg: #f1f5f9;
        --pm-pill-bg: #eef2f7;
        --pm-pill-text: #334155;
        --pm-info-bg: #f0f9ff;
        --pm-info-border: #bae6fd;
        --pm-info-text: #0369a1;
        --pm-ok-text: #047857;
        --pm-ok-bg: #ecfdf5;
        --pm-warn-text: #b45309;
        --pm-warn-bg: #fffbeb;
        --pm-err-text: #b91c1c;
        --pm-err-bg: #fef2f2;
        --pm-toggle-off: #cbd5e1;
        --pm-toggle-on: #0284c7;
        --pm-active-bg: #f0f9ff;
        --pm-active-text: #0284c7;
        --pm-knob-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);
    }
}

/* ==========================================================================
   2. Kart standardı (mockup: 12px köşe, 14/650 başlık, 20px gövde, 16px gap)
   ========================================================================== */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .postbox,
body.promptor-v2 .promptor-webhooks-wrap .postbox,
body.promptor-v2 .promptor-diagnostics-wrap .postbox,
body.promptor-v2 .promptor-changelog-wrap .postbox {
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-card-border);
    border-radius: var(--pa6-card-radius);
    box-shadow: none;
    margin-bottom: 14px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .postbox:hover,
body.promptor-v2 .promptor-webhooks-wrap .postbox:hover,
body.promptor-v2 .promptor-diagnostics-wrap .postbox:hover,
body.promptor-v2 .promptor-changelog-wrap .postbox:hover {
    box-shadow: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .postbox .hndle,
body.promptor-v2 .promptor-webhooks-wrap .postbox .hndle,
body.promptor-v2 .promptor-diagnostics-wrap .postbox .hndle,
body.promptor-v2 .promptor-changelog-wrap .postbox .hndle {
    display: block;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    color: var(--pa6-shell-text);
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--pm-hair);
    border-top-left-radius: var(--pa6-card-radius);
    border-top-right-radius: var(--pa6-card-radius);
}
/* Mockup kart başlıklarında ikon yok. */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .postbox .promptor-hndle-icon,
body.promptor-v2 .promptor-webhooks-wrap .postbox .promptor-hndle-icon,
body.promptor-v2 .promptor-diagnostics-wrap .postbox .promptor-hndle-icon,
body.promptor-v2 .promptor-changelog-wrap .postbox .promptor-hndle-icon {
    display: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .postbox .inside,
body.promptor-v2 .promptor-webhooks-wrap .postbox .inside,
body.promptor-v2 .promptor-diagnostics-wrap .postbox .inside,
body.promptor-v2 .promptor-changelog-wrap .postbox .inside {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 20px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-lede,
body.promptor-v2 .promptor-webhooks-wrap .promptor-card-lede,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-card-lede {
    margin: -6px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--pa6-shell-nav);
}

/* ==========================================================================
   3. Alan standardı: üstte etiket, altta yardım metni
   ========================================================================== */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-v2-field,
body.promptor-v2 .promptor-webhooks-wrap .promptor-v2-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-v2-label,
body.promptor-v2 .promptor-webhooks-wrap .promptor-v2-label {
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.4;
    color: var(--pm-label);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-v2-help,
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-v2-field .description,
body.promptor-v2 .promptor-webhooks-wrap .promptor-v2-help,
body.promptor-v2 .promptor-webhooks-wrap .promptor-v2-field .description {
    margin: 0;
    font-size: 11.5px;
    line-height: 1.5;
    font-style: normal;
    color: var(--pa6-shell-muted);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-field-grid-2,
body.promptor-v2 .promptor-webhooks-wrap .promptor-field-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-required-flag,
body.promptor-v2 .promptor-webhooks-wrap .promptor-required-flag {
    margin-left: 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: none;
    color: var(--pm-err-text);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-label-unit {
    margin-left: 6px;
    font-size: 11px;
    font-weight: 500;
    color: var(--pa6-shell-muted);
}

/* Girdiler */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="text"],
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="email"],
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="url"],
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 textarea,
body.promptor-v2 .promptor-webhooks-wrap input[type="text"],
body.promptor-v2 .promptor-webhooks-wrap input[type="url"],
body.promptor-v2 .promptor-webhooks-wrap input[type="number"] {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--pa6-shell-text);
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-input-border);
    border-radius: 8px;
    box-shadow: none;
    min-height: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="text"]:focus,
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 textarea:focus,
body.promptor-v2 .promptor-webhooks-wrap input[type="text"]:focus,
body.promptor-v2 .promptor-webhooks-wrap input[type="url"]:focus,
body.promptor-v2 .promptor-webhooks-wrap input[type="number"]:focus {
    border-color: var(--pa6-tab-active);
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.12);
    outline: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input.promptor-mono,
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 textarea.promptor-mono,
body.promptor-v2 .promptor-webhooks-wrap input.promptor-mono,
body.promptor-v2 .promptor-webhooks-wrap textarea.promptor-mono {
    font-family: Menlo, Consolas, "Courier New", monospace;
    font-size: 12.5px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 textarea.promptor-mono {
    line-height: 1.6;
}
body.promptor-v2 .promptor-webhooks-wrap input[readonly] {
    background: var(--pa6-thead-bg);
}

/* ==========================================================================
   4. Anahtar (toggle) — gerçek checkbox, iOS pill görünümü
   ========================================================================== */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="checkbox"].promptor-toggle,
body.promptor-v2 .promptor-webhooks-wrap input[type="checkbox"].promptor-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    width: 34px;
    min-width: 34px;
    height: 19px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    background: var(--pm-toggle-off);
    border: none;
    border-radius: 999px;
    box-shadow: none;
    transition: background-color 0.15s ease;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="checkbox"].promptor-toggle::before,
body.promptor-v2 .promptor-webhooks-wrap input[type="checkbox"].promptor-toggle::before {
    content: none;
    display: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="checkbox"].promptor-toggle::after,
body.promptor-v2 .promptor-webhooks-wrap input[type="checkbox"].promptor-toggle::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: var(--pm-knob-shadow);
    transition: transform 0.15s ease;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="checkbox"].promptor-toggle:checked,
body.promptor-v2 .promptor-webhooks-wrap input[type="checkbox"].promptor-toggle:checked {
    background: var(--pm-toggle-on);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="checkbox"].promptor-toggle:checked::after,
body.promptor-v2 .promptor-webhooks-wrap input[type="checkbox"].promptor-toggle:checked::after {
    transform: translateX(15px);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 input[type="checkbox"].promptor-toggle:focus,
body.promptor-v2 .promptor-webhooks-wrap input[type="checkbox"].promptor-toggle:focus {
    outline: 2px solid var(--pa6-tab-active);
    outline-offset: 2px;
    box-shadow: none;
}

/* Anahtar satırları */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-toggle-list {
    display: flex;
    flex-direction: column;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid var(--pm-row-hair);
    cursor: pointer;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-toggle-inline,
body.promptor-v2 .promptor-webhooks-wrap .promptor-toggle-inline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-toggle-inline-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-toggle-text,
body.promptor-v2 .promptor-webhooks-wrap .promptor-toggle-text {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--pm-label);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-v2-field-check .promptor-toggle-text,
body.promptor-v2 .promptor-webhooks-wrap .promptor-toggle-text-strong {
    font-weight: 650;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-inline-note {
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--pa6-shell-muted);
}

/* ==========================================================================
   5. Durum rozetleri
   ========================================================================== */
body.promptor-v2 .promptor-webhooks-wrap .promptor-pill,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-pill {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.6;
    border-radius: 999px;
    padding: 3px 10px;
    white-space: nowrap;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-pill.is-ok,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-pill.is-ok {
    color: var(--pm-ok-text);
    background: var(--pm-ok-bg);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-pill.is-warn,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-pill.is-warn {
    color: var(--pm-warn-text);
    background: var(--pm-warn-bg);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-pill.is-error,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-pill.is-error {
    color: var(--pm-err-text);
    background: var(--pm-err-bg);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-pill.is-info,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-pill.is-info {
    color: var(--pm-info-text);
    background: var(--pm-info-bg);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-pill.is-muted,
body.promptor-v2 .promptor-diagnostics-wrap .promptor-pill.is-muted {
    color: var(--pa6-thead-text);
    background: var(--pa6-thead-bg);
}

/* ==========================================================================
   6. Notifications › Triggers & General
   ========================================================================== */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-subtabs-row {
    display: block;
    margin: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-triggers-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 14px;
    align-items: start;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-triggers-grid .postbox {
    margin-bottom: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-table {
    width: 100%;
    background: transparent;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-table thead th {
    padding: 9px 14px;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--pa6-thead-text);
    background: var(--pa6-thead-bg);
    border: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-table thead th:first-child {
    border-top-left-radius: 8px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-table thead th:last-child {
    border-top-right-radius: 8px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-table tbody td {
    padding: 9px 14px;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pa6-shell-text);
    background: transparent;
    border: none;
    border-top: 1px solid var(--pm-row-hair);
    vertical-align: middle;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-table tbody tr:hover td {
    background: var(--pa6-row-hover);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-triggers-table .promptor-col-action {
    width: 90px;
    text-align: left;
}

/* ==========================================================================
   7. Notifications › Email — şablon listesi ve editör
   ========================================================================== */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-list {
    flex: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-card-border);
    border-radius: 10px;
    overflow: hidden;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-list li {
    margin: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-list li a {
    display: block;
    padding: 11px 14px;
    font-size: 12.5px;
    line-height: 1.45;
    font-weight: 400;
    color: var(--pm-body);
    text-decoration: none;
    background: transparent;
    border: none;
    border-top: 1px solid var(--pm-row-hair);
    border-left: 3px solid transparent;
    right: auto;
    position: static;
    box-shadow: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-list li:first-child a {
    border-top: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-list li a:hover {
    background: var(--pa6-row-hover);
    color: var(--pm-active-text);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-list li a.active {
    font-weight: 650;
    color: var(--pm-active-text);
    background: var(--pm-active-bg);
    border-left-color: var(--pm-toggle-on);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-template-editor {
    padding: 0;
    background: transparent;
    border: none;
    min-width: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .template-editor-pane {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .wp-editor-container {
    border: 1px solid var(--pa6-input-border);
    border-radius: 8px;
    overflow: hidden;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .wp-editor-container .mce-toolbar-grp,
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .wp-editor-container .quicktags-toolbar {
    background: var(--pa6-thead-bg);
    border-bottom: 1px solid var(--pa6-card-border);
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .wp-editor-tabs .wp-switch-editor {
    border-radius: 6px 6px 0 0;
    border-color: var(--pa6-input-border);
    font-size: 12px;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-shortcode-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    font-size: 11.5px;
    font-style: normal;
    line-height: 1.6;
    color: var(--pa6-shell-nav);
    background: transparent;
    border-radius: 0;
    user-select: text;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-shortcode-chip {
    padding: 2px 7px;
    font-size: 11px;
    color: var(--pa6-shell-text);
    background: var(--pm-chip-bg);
    border-radius: 5px;
    user-select: all;
}

/* Test butonu satırı (buton + spinner + durum aynı ebeveynde kalır) */
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-actions .button {
    padding: 8px 16px;
    height: auto;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--pa6-btn2-text);
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-input-border);
    border-radius: 8px;
    box-shadow: none;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-card-actions .spinner {
    float: none;
    margin: 0;
}
body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-test-status {
    font-size: 12px;
}

/* ==========================================================================
   8. Webhooks
   ========================================================================== */
body.promptor-v2 .promptor-webhooks-wrap .promptor-webhooks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;
    margin-bottom: 14px;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-webhooks-grid .postbox {
    margin-bottom: 0;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-event-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 11px 14px;
    border: 1px solid var(--pa6-card-border);
    border-radius: 9px;
    cursor: pointer;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-event-name {
    font-size: 12.5px;
    font-weight: 650;
    color: var(--pa6-shell-text);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-event-row input[type="checkbox"] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    margin: 0;
    border: 1.5px solid var(--pa6-input-border);
    border-radius: 4px;
    box-shadow: none;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-event-row input[type="checkbox"]:checked {
    background: var(--pm-toggle-on);
    border-color: var(--pm-toggle-on);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-event-row input[type="checkbox"]:checked::before {
    margin: -3px 0 0 -4px;
    color: #ffffff;
    font-size: 16px;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-inline-notice.promptor-callout {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 16px;
    color: var(--pm-info-text);
    background: var(--pm-info-bg);
    border: 1px solid var(--pm-info-border);
    border-radius: 10px;
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-inline-notice.promptor-callout p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pm-info-text);
}
body.promptor-v2 .promptor-webhooks-wrap .promptor-inline-notice.promptor-callout .dashicons {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    font-size: 16px;
    color: var(--pm-info-text);
}
body.promptor-v2 .promptor-webhooks-wrap p.submit {
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   9. Diagnostics
   ========================================================================== */
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-callout {
    margin: 16px 0 0;
    padding: 10px 16px;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pm-info-text);
    background: var(--pm-info-bg);
    border: 1px solid var(--pm-info-border);
    border-radius: 10px;
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;
    margin-top: 20px;
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-grid .postbox {
    margin-bottom: 0;
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-label {
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pa6-shell-nav);
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-value {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.5;
    color: var(--pa6-shell-text);
    text-align: right;
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-value-trunc {
    display: block;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-value-note {
    font-size: 11.5px;
    font-weight: 400;
    color: var(--pa6-shell-muted);
}
body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-note {
    margin: 0;
    font-size: 11.5px;
    line-height: 1.5;
    color: var(--pa6-shell-muted);
}

/* ==========================================================================
   10. Changelog
   ========================================================================== */
body.promptor-v2 .promptor-changelog-wrap .promptor-changelog-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-changelog-back {
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 2px;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-changelog-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 22px;
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-card-border);
    border-radius: var(--pa6-card-radius);
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-card.is-current {
    border-color: var(--pm-info-border);
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-pill {
    display: inline-flex;
    align-items: center;
    padding: 3px 11px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--pm-pill-text);
    background: var(--pm-pill-bg);
    border-radius: 999px;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-pill.is-current {
    color: #ffffff;
    background: var(--pa6-grad);
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--pa6-shell-text);
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-note {
    margin: 0;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    color: var(--pa6-shell-nav);
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-items {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-items li {
    position: relative;
    margin: 0;
    padding-left: 14px;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pm-body);
}
body.promptor-v2 .promptor-changelog-wrap .promptor-release-items li::before {
    content: "\2022";
    position: absolute;
    left: 0;
    color: var(--pa6-shell-muted);
}

/* ==========================================================================
   11. Dar ekranlar
   ========================================================================== */
@media screen and (max-width: 1100px) {
    body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-triggers-grid,
    body.promptor-v2 .promptor-webhooks-wrap .promptor-webhooks-grid,
    body.promptor-v2 .promptor-diagnostics-wrap .promptor-diag-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-email-templates-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media screen and (max-width: 782px) {
    body.promptor-v2 .promptor-settings-wrap .promptor-notifications-v2 .promptor-field-grid-2,
    body.promptor-v2 .promptor-webhooks-wrap .promptor-field-grid-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    body.promptor-v2 .promptor-changelog-wrap .promptor-changelog-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}