:root {
    --se-bg: #f4f7fb;
    --se-surface: #ffffff;
    --se-surface-soft: #f8fafc;
    --se-border: #dbe4ef;
    --se-text: #152238;
    --se-muted: #617087;
    --se-primary: #123f74;
    --se-primary-strong: #0a2e5a;
    --se-accent: #d9a441;
    --se-success: #176b45;
    --se-danger: #a83a3a;
    --se-shadow: 0 16px 42px rgba(21, 34, 56, 0.10);
    --se-radius: 18px;
}

.simple-editors-page-shell,
.simple-editors-admin-wrap {
    box-sizing: border-box;
    width: min(100%, 1240px);
    max-width: 1240px;
    margin: 0 auto;
    padding: clamp(18px, 3vw, 34px) 16px 44px;
}

.simple-editors-admin-wrap { max-width: 1280px; }
.simple-editors-app, .simple-editors-app * { box-sizing: border-box; }
.simple-editors-app {
    color: var(--se-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.simple-editors-app a { color: inherit; }
.simple-editors-app .slms-tool-stack { display: grid; gap: 18px; }
.simple-editors-app > .slms-workspace-header + .slms-tool-page-section {
    margin-top: 14px;
}
.simple-editors-app .slms-portal-panel,
.simple-editors-app .slms-tool-group,
.simple-editors-app .slms-accordion,
.simple-editors-app .slms-record-card {
    background: var(--se-surface);
    border: 1px solid var(--se-border);
    border-radius: var(--se-radius);
    box-shadow: var(--se-shadow);
}
.simple-editors-app .slms-workspace-header {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    background: linear-gradient(135deg, var(--se-primary-strong), var(--se-primary));
    color: #fff;
}
.simple-editors-app .slms-workspace-header::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -70px;
    top: -110px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
}
.simple-editors-app .slms-portal-kicker {
    margin: 0 0 8px;
    color: var(--se-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.simple-editors-app h2, .simple-editors-app h3 { margin-top: 0; color: inherit; }
.simple-editors-app .slms-workspace-header h2 { margin-bottom: 10px; font-size: clamp(28px, 4vw, 42px); line-height: 1.08; }
.simple-editors-app .slms-field-help { color: var(--se-muted); line-height: 1.65; }
.simple-editors-app .slms-workspace-header .slms-field-help { color: rgba(255,255,255,.82); max-width: 760px; }
.simple-editors-app .slms-portal-stat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-top: 28px;
}
.simple-editors-app .slms-portal-stat {
    display: grid;
    gap: 4px;
    min-height: 92px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(8px);
}
.simple-editors-app .slms-portal-stat span { font-size: 12px; color: rgba(255,255,255,.76); }
.simple-editors-app .slms-portal-stat strong { font-size: 30px; }
.simple-editors-app .slms-tool-group { overflow: hidden; }
.simple-editors-app .slms-tool-group > summary,
.simple-editors-app .slms-accordion > summary,
.simple-editors-app .slms-record-card > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    font-weight: 700;
}
.simple-editors-app .slms-tool-group > summary::-webkit-details-marker,
.simple-editors-app .slms-accordion > summary::-webkit-details-marker,
.simple-editors-app .slms-record-card > summary::-webkit-details-marker { display: none; }
.simple-editors-app .slms-tool-group > summary::after,
.simple-editors-app .slms-accordion > summary::after {
    content: "+";
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--se-surface-soft);
    color: var(--se-primary);
    font-size: 22px;
}
.simple-editors-app .slms-tool-group[open] > summary::after,
.simple-editors-app .slms-accordion[open] > summary::after { content: "–"; }
.simple-editors-app .slms-tool-group > summary div,
.simple-editors-app .slms-accordion > summary div,
.simple-editors-app .slms-record-card > summary div { display: grid; gap: 5px; }
.simple-editors-app .slms-tool-group > summary span,
.simple-editors-app .slms-accordion > summary span,
.simple-editors-app .slms-record-card > summary span { color: var(--se-muted); font-size: 13px; font-weight: 500; }
.simple-editors-app .slms-accordion-body { padding: 0 22px 22px; }
.simple-editors-app .slms-subpanel { padding: 22px; box-shadow: none; background: var(--se-surface-soft); }
.simple-editors-app .slms-form-stack { display: grid; gap: 15px; }
.simple-editors-app .slms-form-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.simple-editors-app label { display: grid; gap: 7px; color: var(--se-text); font-size: 13px; font-weight: 700; }
.simple-editors-app input,
.simple-editors-app textarea,
.simple-editors-app select {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cbd7e5;
    border-radius: 10px;
    background: #fff;
    color: var(--se-text);
    font: inherit;
    font-weight: 400;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.simple-editors-app textarea { min-height: 130px; resize: vertical; }
.simple-editors-app input:focus,
.simple-editors-app textarea:focus,
.simple-editors-app select:focus { outline: none; border-color: var(--se-primary); box-shadow: 0 0 0 3px rgba(18,63,116,.13); }
.simple-editors-app .slms-portal-button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid var(--se-primary);
    border-radius: 10px;
    background: var(--se-primary);
    color: #fff;
    text-decoration: none;
    font-weight: 750;
    cursor: pointer;
}
.simple-editors-app .slms-portal-button:hover { background: var(--se-primary-strong); border-color: var(--se-primary-strong); color:#fff; }
.simple-editors-app .slms-portal-button.is-secondary { background: #fff; color: var(--se-primary); }
.simple-editors-app .slms-portal-button.is-danger { background: var(--se-danger); border-color: var(--se-danger); }
.simple-editors-app .slms-portal-button.is-small { min-height: 34px; padding: 7px 11px; font-size: 12px; }
.simple-editors-app .slms-manage-list,
.simple-editors-app .slms-record-stack { display: grid; gap: 12px; }
.simple-editors-app .slms-record-card { box-shadow: none; overflow: hidden; }
.simple-editors-app .slms-record-card-body { padding: 0 18px 18px; }
.simple-editors-app .slms-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf1f8;
    color: var(--se-primary) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.simple-editors-app .slms-row-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 12px 0; }
.simple-editors-app .slms-inline-editor { padding-top: 14px; border-top: 1px solid var(--se-border); }
.simple-editors-app .slms-portal-alert { margin-bottom: 16px; padding: 13px 16px; border-radius: 12px; border: 1px solid #b8d9c8; background: #edf8f2; color: var(--se-success); }
.simple-editors-app .slms-portal-alert.is-error { border-color: #efc0c0; background: #fff0f0; color: var(--se-danger); }
.simple-editors-app .slms-portal-alert.is-warning { border-color: #ead39f; background: #fff8e8; color: #805c12; }
.simple-editors-app .slms-pagination-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.simple-editors-app .slms-pagination-status { color:var(--se-muted); font-size:13px; }
.simple-editors-app .slms-editor-tools-login-guard { padding: 28px; }
body.simple-editors-page { background: var(--se-bg); }

/* Frontend presentation refinements. Keep wp-admin layout behavior unchanged. */
body.simple-editors-page .simple-editors-app > .slms-workspace-header + .slms-tool-page-section {
    margin-top: clamp(28px, 3.2vw, 38px);
}

body.simple-editors-page .slms-tool-page-section .slms-accordion {
    --se-accordion-accent: #3f6f9f;
    position: relative;
    overflow: hidden;
    border-radius: var(--se-radius);
    background: linear-gradient(
        90deg,
        var(--se-accordion-accent) 0,
        var(--se-accordion-accent) 7px,
        var(--se-surface) 7px,
        var(--se-surface) 100%
    );
    background-clip: padding-box;
}

body.simple-editors-page .slms-tool-page-section .slms-accordion:nth-child(4n + 2) {
    --se-accordion-accent: #6f7f56;
}

body.simple-editors-page .slms-tool-page-section .slms-accordion:nth-child(4n + 3) {
    --se-accordion-accent: #9a7041;
}

body.simple-editors-page .slms-tool-page-section .slms-accordion:nth-child(4n + 4) {
    --se-accordion-accent: #6f658e;
}

body.simple-editors-page .slms-tool-page-section .slms-accordion > summary {
    border-radius: inherit;
}

body.simple-editors-page .slms-tool-page-section .slms-accordion[open] > summary {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}