/* Target body when it contains a div with data-doctype="Website Item" */
body:has([data-doctype="Website Item"]) {
    --nas-primary: #1F487C;
    --nas-primary-dark: #1F487C;
    --nas-primary-soft: #E8EDF5;
    --nas-surface: #f5f6ff;
    --nas-panel: #eef0ff;
    --nas-card-shadow: 0 20px 40px rgba(31, 72, 124, 0.08);
    --nas-border: #e1e6ff;
    --nas-text: #1f244b;
    --nas-muted: #6f7595;
    background: var(--nas-surface);
    font-family: "Inter", "Poppins", "Helvetica Neue", Arial, sans-serif;
    color: var(--nas-text);
}

/* Target buttons within the div that has data-doctype="Website Item" */
[data-doctype="Website Item"] .btn-primary {
    border-radius: 0.875rem;
    border: none;
    font-weight: 600;
    background: var(--nas-primary);
    color: #ffffff;
    padding: 0.75rem 1.5rem !important;
    font-size: 0.875rem !important;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 20px rgba(31, 72, 124, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

[data-doctype="Website Item"] .btn-light {
    border: none;
    font-weight: 600;
    background: var(--nas-primary);
    color: #ffffff;
    padding: 0.75rem 1.5rem !important;
    font-size: 0.875rem !important;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 20px rgba(31, 72, 124, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

@media (max-width: 768px) {
    [data-doctype="Website Item"] .btn-light,
    [data-doctype="Website Item"] .btn-primary {
        width: 100% !important;
    }
}