/* General Layout Styles */
:root {
    --wpas-accent: #0f4c81;
    --wpas-accent-hover: #0b3b64;
    --wpas-surface: #ffffff;
    --wpas-surface-muted: #f4f7fb;
    --wpas-border: #d6e0eb;
    --wpas-text: #13253a;
    --wpas-text-muted: #5f7084;
}

.wrap {
    @apply max-w-screen-xl;
}

h1 {
    @apply text-2xl font-bold mb-4;
}

.wpas-admin-shell {
    @apply max-w-screen-xl;
}

.wpas-admin-topbar {
    @apply flex flex-wrap items-end justify-between gap-4 mb-6;
}

.wpas-admin-heading {
    @apply flex items-start gap-2;
}

.wpas-admin-heading__logo {
    width: 20px;
    height: auto;
    margin-top: 15px;
    flex-shrink: 0;
}

.wpas-admin-title {
    @apply text-2xl font-bold mb-1;
    color: var(--wpas-text);
}

.wpas-admin-subtitle {
    @apply text-sm;
    color: var(--wpas-text-muted);
}

.wpas-admin-card {
    @apply rounded-lg border p-6 shadow-sm;
    border-color: var(--wpas-border);
    background: var(--wpas-surface);
}

.wpas-admin-card + .wpas-admin-card {
    @apply mt-4;
}

.wpas-inline-form {
    @apply bg-transparent p-0 rounded-none shadow-none;
}

.wpas-inline-fields {
    @apply flex flex-wrap items-end gap-3;
}

.wpas-admin-badge {
    @apply inline-block rounded-md px-3 py-1 text-sm font-semibold;
}

.wpas-admin-badge--ok {
    background: #e9f8ef;
    color: #1a7f47;
}

.wpas-admin-badge--warn {
    background: #fff6e6;
    color: #8a5a00;
}

.page-title-action {
    @apply inline-block py-2 px-4 rounded-md text-sm font-semibold;
    background: var(--wpas-accent);
    color: #fff;
}

.page-title-action:hover {
    background: var(--wpas-accent-hover);
}