.rkn-admin, .rkn-public { color:var(--riko-text); }
/* Let the Atum content column shrink beside its collapsed sidebar. Keep
   horizontal scrolling inside the newsletter navigation and tables. */
.container-main:has(.rkn-admin) { min-width:0; }
.rkn-admin { max-width:1480px; margin:0 auto; padding:clamp(16px,2.4vw,32px); background:var(--riko-surface); border:1px solid var(--riko-line); border-radius:10px; }
.rkn-admin *, .rkn-public * { box-sizing:border-box; }
.rkn-admin h1, .rkn-admin h2, .rkn-admin h3, .rkn-public h1, .rkn-public h2 { color:var(--riko-ink); line-height:1.25; }
.rkn-admin h1 { font-size:clamp(24px,2.3vw,32px); margin:0 0 8px; }
.rkn-admin h2 { font-size:23px; margin:0 0 18px; }
.rkn-admin h3 { font-size:19px; }
.rkn-admin p, .rkn-public p { line-height:1.6; }
.rkn-heading, .rkn-section-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.rkn-heading { margin-bottom:22px; }
.rkn-heading p { max-width:780px; margin:0; color:var(--riko-muted); }
.rkn-section-heading { margin:26px 0 18px; }
.rkn-section-heading h2 { margin:0; }
.rkn-admin a, .rkn-public a { color:var(--riko-link); text-underline-offset:3px; }
.rkn-message { padding:14px 18px; border-inline-start:3px solid var(--riko-action); background:var(--riko-action-soft); color:var(--riko-text); border-radius:0 5px 5px 0; }
.rkn-muted { color:var(--riko-muted); font-size:.9rem; }
.rkn-nav { display:flex; gap:6px; border-bottom:1px solid var(--riko-line); margin:24px 0; overflow-x:auto; }
.rkn-nav a { padding:12px 18px; min-height:44px; text-decoration:none; white-space:nowrap; border-bottom:3px solid transparent; }
.rkn-nav a[aria-current="page"] { border-color:var(--riko-action); background:var(--riko-action-soft); color:var(--riko-link); font-weight:700; }
.rkn-button, .rkn-button-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 17px; border-radius:5px; font:inherit; font-weight:650; line-height:1.35; cursor:pointer; text-decoration:none; border:1px solid var(--riko-action); }
.rkn-admin .rkn-button, .rkn-public .rkn-button { color:var(--riko-action-contrast); background:var(--riko-action); }
.rkn-admin .rkn-button:hover, .rkn-public .rkn-button:hover { background:var(--riko-action-hover); color:var(--riko-action-contrast); }
.rkn-admin .rkn-button-secondary, .rkn-public .rkn-button-secondary { color:var(--riko-link); background:var(--riko-surface); border-color:var(--riko-line-strong); }
.rkn-button-secondary:hover { background:var(--riko-action-soft); }
.rkn-admin button:disabled, .rkn-admin fieldset:disabled, .rkn-public button:disabled { opacity:.6; cursor:default; }
.rkn-admin :focus-visible, .rkn-public :focus-visible { outline:3px solid var(--riko-focus); outline-offset:3px; }
.rkn-table-wrap { overflow-x:auto; border-top:1px solid var(--riko-line); }
.rkn-table { width:100%; border-collapse:collapse; color:var(--riko-text); }
.rkn-table th { text-align:start; font-size:.83rem; padding:13px 12px; color:var(--riko-ink); background:var(--riko-surface-soft); }
.rkn-table td { padding:15px 12px; border-bottom:1px solid var(--riko-line); vertical-align:top; }
.rkn-table td:first-child { min-width:240px; max-width:580px; overflow-wrap:anywhere; }
.rkn-table td small { display:block; color:var(--riko-muted); margin-top:5px; }
.rkn-state { display:inline-block; border:1px solid var(--riko-line); background:var(--riko-surface-soft); border-radius:20px; padding:4px 10px; font-size:.85rem; white-space:nowrap; }
.rkn-empty { padding:30px 0; }
.rkn-pagination { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin-top:24px; }
.rkn-field { display:flex; flex-direction:column; gap:7px; margin-bottom:18px; min-width:0; }
.rkn-field > span { font-weight:650; color:var(--riko-ink); }
.rkn-field small { color:var(--riko-muted); line-height:1.5; }
.rkn-admin input:not([type="hidden"]):not([type="checkbox"]), .rkn-admin select, .rkn-admin textarea,
.rkn-public input:not([type="hidden"]):not([type="checkbox"]), .rkn-public select, .rkn-public textarea { width:100%; min-height:44px; border:1px solid var(--riko-line-strong); color:var(--riko-text); background:var(--riko-field-surface); border-radius:5px; padding:10px 12px; font:inherit; }
.rkn-admin textarea, .rkn-public textarea { resize:vertical; line-height:1.6; }
.rkn-public input[type="checkbox"] { accent-color:var(--riko-action); width:18px; height:18px; flex-shrink:0; }
.rkn-public .rkn-field:has(input[type="checkbox"]) { flex-direction:row; align-items:flex-start; gap:10px; }
.rkn-admin fieldset { padding:0; margin:0 0 28px; border:0; min-width:0; }
.rkn-admin legend { width:100%; font-size:18px; font-weight:700; color:var(--riko-ink); padding-bottom:12px; margin:0 0 18px; border-bottom:1px solid var(--riko-line); }
.rkn-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.rkn-editor-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr); gap:clamp(24px,3vw,44px); align-items:start; }
.rkn-review { background:var(--riko-surface-soft); padding:22px; border-radius:8px; min-width:0; }
.rkn-review h3 { margin-top:0; }
.rkn-audience { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px; margin:0 0 15px; }
.rkn-audience strong { font-size:28px; color:var(--riko-ink); }
.rkn-audience span { color:var(--riko-muted); }
.rkn-preview { display:block; width:100%; height:660px; border:1px solid var(--riko-line-strong); border-radius:5px; background:var(--riko-artwork-surface); margin:20px 0; }
.rkn-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:20px; }
.rkn-search-results, .rkn-selection { padding:0; margin:12px 0; list-style:none; }
.rkn-search-results li, .rkn-selection li { display:flex; align-items:center; gap:12px; justify-content:space-between; border-bottom:1px solid var(--riko-line); padding:12px 0; }
.rkn-search-results li > span, .rkn-selection li > span { min-width:0; overflow-wrap:anywhere; }
.rkn-selection { counter-reset:selection; }
.rkn-selection li { counter-increment:selection; }
.rkn-selection li > span::before { content:counter(selection) ". "; color:var(--riko-muted); }
.rkn-selection-actions { display:flex; gap:6px; flex-wrap:wrap; flex-shrink:0; }
.rkn-selection-actions button { font-size:.78rem; padding:7px 9px; }
.rkn-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:18px; margin:20px 0; }
.rkn-facts dt { color:var(--riko-muted); font-size:.85rem; margin-bottom:5px; }
.rkn-facts dd { color:var(--riko-ink); font-weight:600; margin:0; overflow-wrap:anywhere; }
.rkn-contact-search { display:flex; align-items:flex-end; gap:12px; max-width:700px; margin:22px 0; }
.rkn-contact-search .rkn-field { margin:0; flex:1; }
.rkn-public { max-width:760px; margin-inline:auto; }
.rkn-subscription-page { padding:clamp(24px,3vw,40px) clamp(8px,2vw,24px); }
.rkn-subscription-page > h1 { margin-top:0; }
.rkn-subscription-page > p:last-child { margin-bottom:0; }
.rkn-public .rkn-form { margin-top:18px; }
.rkn-cancel { margin:20px 0; border-top:1px solid var(--riko-line); padding-top:16px; }
.rkn-cancel summary { color:var(--riko-link); cursor:pointer; min-height:44px; padding-block:10px; }
.rkn-feedback-contact { margin:28px 0 34px; padding:20px 0; border-block:1px solid var(--riko-line); max-width:920px; }
.rkn-checkbox { display:flex; align-items:flex-start; gap:10px; margin:0 0 20px; line-height:1.5; }
.rkn-checkbox input { width:18px; height:18px; margin:3px 0 0; accent-color:var(--riko-action); flex-shrink:0; }
.rkn-test-form { margin-bottom:20px; }
.rkn-campaign-scopes { display:flex; flex-wrap:wrap; gap:8px; }
.rkn-campaign-scopes a { display:inline-flex; gap:9px; align-items:center; min-height:44px; padding:9px 14px; border:1px solid var(--riko-line-strong); border-radius:5px; text-decoration:none; }
.rkn-campaign-scopes a[aria-current="page"] { background:var(--riko-action-soft); border-color:var(--riko-action); font-weight:650; }
.rkn-campaign-scopes span { color:var(--riko-muted); font-size:.85rem; }
.rkn-campaign-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; margin:22px 0; }
.rkn-campaign-filters .rkn-field { flex:1 1 160px; margin:0; }
.rkn-campaign-filters .rkn-filter-search { flex:2 1 260px; }
.rkn-filter-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-height:44px; }
.rkn-save-status { margin:0 0 16px; padding:10px 14px; border-inline-start:3px solid var(--riko-line-strong); color:var(--riko-muted); background:var(--riko-surface-soft); }
.rkn-save-status[data-dirty="true"], .rkn-language-notice { border-color:var(--riko-warning); color:var(--riko-warning); background:var(--riko-warning-surface); }
.rkn-language-notice { padding:10px 14px; border-inline-start:3px solid var(--riko-warning); }
.rkn-preview-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.rkn-preview-toolbar button[aria-pressed="true"] { background:var(--riko-action-soft); border-color:var(--riko-action); color:var(--riko-link); }
.rkn-preview-frame { overflow:auto; max-width:100%; }
.rkn-preview-frame .rkn-preview { margin-inline:auto; }
.rkn-preview[data-preview-size="mobile"] { width:390px; max-width:100%; }
.rkn-preview[data-preview-size="desktop"] { width:720px; max-width:none; }
.rkn-preview-note { color:var(--riko-muted); font-size:.9rem; }
.rkn-leave-prompt { border:1px solid var(--riko-line-strong); border-radius:8px; padding:24px; max-width:min(520px,calc(100vw - 32px)); color:var(--riko-text); background:var(--riko-surface); }
@media(max-width:1100px) { .rkn-editor-layout { grid-template-columns:1fr; } .rkn-review { max-width:760px; width:100%; } }
@media(max-width:640px) { .rkn-admin { padding:16px; border-radius:5px; } .rkn-heading, .rkn-section-heading { align-items:flex-start; flex-direction:column; gap:12px; } .rkn-two { grid-template-columns:1fr; gap:0; } .rkn-nav a { padding:12px; } .rkn-selection li { align-items:flex-start; flex-direction:column; } .rkn-review { padding:16px; } .rkn-preview { height:560px; } .rkn-contact-search { align-items:stretch; flex-direction:column; } .rkn-pagination { justify-content:center; } }
@media(prefers-reduced-motion:reduce) { .rkn-admin *, .rkn-public * { scroll-behavior:auto; } }