:root{font-family:Inter,"Segoe UI",Arial,system-ui,sans-serif;color:#233040;background:#f3f5f8;font-size:14px;line-height:1.5;color-scheme:light;--accent:#b51d30;--muted:#536579;--line:#d4dde7}*{box-sizing:border-box}body{margin:0}a{color:#234f7b;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid #326fba;outline-offset:3px}::selection{background:#dce8f8;color:#13243b}input,textarea{caret-color:var(--accent)}.bar{min-height:74px;padding:16px max(24px,calc((100vw - 1200px)/2));background:#111d2e;border-bottom:3px solid #e22336;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.bar strong{font-size:19px}.bar nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.bar a{color:#fff}.bar button{background:transparent;border:1px solid #8c9caf;color:#fff}.page{max-width:1200px;margin:32px auto;padding:0 24px 48px}.page.narrow{max-width:800px}.page.login{max-width:480px;margin-top:9vh}.page h1{font-size:26px;line-height:1.2;margin:0 0 10px}.page h2{font-size:19px;margin:0 0 14px}.page h3{font-size:15px;margin:24px 0 10px}p{max-width:72ch;margin:8px 0 20px}.muted{color:var(--muted)}.notice{padding:12px 16px;background:#e8eef5;border:1px solid #ccd7e4;margin:24px 0;color:#354960}.status{min-height:28px;margin:16px 0;color:#364e68}.status.error{color:#a5192e}.status.success{color:#206339}.tabs{display:flex;gap:24px;margin:26px 0;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:#536579;padding:10px 0}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:#111d2e;font-weight:700}.columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:32px}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;min-width:0}.project-list{list-style:none;margin:0;padding:0}.project-list button{display:block;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);border-radius:0;color:#233040;padding:14px 12px;overflow-wrap:anywhere}.project-list button:hover{background:#eef3f9}.project-list button[aria-pressed=true]{background:#e7eef7;color:#183e6d;font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}button,.button{display:inline-block;padding:9px 15px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}button:hover,.button:hover{filter:brightness(.92)}button.secondary{background:#fff;color:#233040;border-color:#a9b7c7}label{display:block;font-weight:600;margin:16px 0 5px}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:10px 11px;border:1px solid #9baabd;background:#fff;border-radius:5px;color:#233040}textarea{resize:vertical;min-height:92px}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:18px;height:18px;accent-color:var(--accent)}form button[type=submit]{margin-top:20px}details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}summary{cursor:pointer;font-weight:600;color:#234f7b}table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}th{font-size:12px;color:var(--muted);font-weight:600}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}td .actions{gap:12px}small,.help{font-size:12px;color:var(--muted)}.help{margin:6px 0 12px}.empty{padding:24px 0;color:var(--muted)}[hidden]{display:none!important}.crumb{display:block;margin-bottom:24px}.config-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}fieldset{border:0;margin:0;padding:0}fieldset:disabled{opacity:.65}#viewerLink{margin-right:12px}@media(max-width:760px){.bar{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:12px}.bar nav{gap:16px}.page{margin:24px auto;padding:0 16px 32px}.columns{grid-template-columns:1fr;gap:20px}.panel{padding:18px}.project-list{max-height:220px;overflow:auto}table{min-width:480px}.page.login{margin-top:40px}}

/* Administrative edit/delete actions inherit the existing form and navigation style. */
.actions .danger-link{background:transparent;color:#a5192e;border:0;padding:6px 0;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.actions .danger-link:hover{color:#7f1021}
button:disabled{cursor:not-allowed}
.tabs{flex-wrap:wrap;column-gap:24px;row-gap:0}
dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:8px;color:#233040;background:white;overflow:auto}
dialog::backdrop{background:#111d2e80}
dialog h2{font-size:20px;line-height:1.3;margin:0 0 12px}
dialog p{overflow-wrap:anywhere}
dialog .delete-name{font-weight:700}
dialog form button[type=submit]{margin:0}

/* Form designer extends the existing administration surface. */
.config-page{max-width:1400px}
.config-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:900px}
.config-layout.with-preview{max-width:none;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr)}
.config-layout>.panel{align-self:start}
.config-section legend{font-size:18px;font-weight:700}
.designer-heading{align-items:flex-start;margin-top:28px}
.designer-heading h2{margin-bottom:4px}
.section-editor{padding:16px 0;margin:0;border-top:1px solid var(--line)}
.section-editor>summary{font-size:15px;color:#233040;padding:5px 0;overflow-wrap:anywhere}
.field-editor{padding:14px 0 14px 18px;margin:0;border-top:1px solid #e0e6ee}
.field-editor>summary{font-weight:500;color:#234f7b;overflow-wrap:anywhere}
.designer-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.small-action{font-size:12px;padding:7px 10px;min-height:34px}
.section-editor>button{margin-top:16px}
.removed-row,.revision-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.removed-row span,.revision-row span{overflow-wrap:anywhere;min-width:0}
.config-save{position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:16px 0 0;margin-top:24px}
.config-save button[type=submit]{margin:0}
.preview-panel h2{margin-bottom:8px}
.preview-panel .entry-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.entry-section h3{margin-top:0}
.number-preview{font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:10px 0}
@media(max-width:1000px){.config-layout.with-preview{grid-template-columns:minmax(0,1fr)}.config-layout.with-preview .preview-panel{grid-row:1}.config-save{position:static}.field-editor{padding-left:10px}}
@media(max-width:480px){.config-page>.row{align-items:flex-start;gap:8px}.designer-actions{gap:6px}.removed-row,.revision-row{align-items:flex-start;flex-wrap:wrap}.config-save{gap:10px}}
