/* app.css — form chrome only. The A4 preview styles come from templates/default/style.css. */
:root { --bg:#f2f4f7; --panel:#fff; --line:#d7dce3; --accent:#2563eb; --text:#1e293b; }
* { box-sizing:border-box; }
body { margin:0; font:14px/1.4 system-ui,sans-serif; color:var(--text); background:var(--bg); }
#layout { display:flex; height:100vh; }
#sidebar { width:230px; flex:none; background:var(--panel); border-right:1px solid var(--line); padding:12px; display:flex; flex-direction:column; gap:10px; }
#sidebar h2 { margin:0; font-size:15px; }
.btnrow { display:flex; gap:6px; flex-wrap:wrap; }
button { padding:6px 10px; border:1px solid var(--line); background:#fff; border-radius:6px; cursor:pointer; font-size:13px; }
button:hover { border-color:var(--accent); color:var(--accent); }
button.primary { background:var(--accent); color:#fff; border-color:var(--accent); }
#resume-list { list-style:none; margin:0; padding:0; flex:1; overflow-y:auto; }
#resume-list li { padding:8px; border:1px solid var(--line); border-radius:6px; margin-bottom:6px; cursor:pointer; }
#resume-list li.active { border-color:var(--accent); background:#eff6ff; }
#resume-list li small { color:#64748b; }
#status { font-size:12px; color:#64748b; min-height:16px; }
#status.err { color:#dc2626; }
#form-pane { flex:1 1 340px; overflow-y:auto; padding:16px; min-width:280px; }
#preview-pane { flex:0 0 52%; overflow:auto; background:#c8ccd2; padding:16px; display:flex; justify-content:center; align-items:flex-start; }
#preview { width:210mm; height:297mm; border:none; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.25); }
.hint { color:#94a3b8; }
fieldset { border:1px solid var(--line); border-radius:8px; margin-bottom:12px; background:var(--panel); }
legend { font-weight:600; padding:0 6px; }
.entrybox { border:1px dashed var(--line); border-radius:6px; padding:8px; margin-bottom:8px; position:relative; }
.entrybox .rm { position:absolute; top:6px; right:6px; color:#dc2626; }
label { display:block; font-size:12px; color:#475569; margin-top:6px; }
input[type=text], textarea { width:100%; padding:6px; border:1px solid var(--line); border-radius:4px; font:inherit; }
textarea { min-height:60px; resize:vertical; }
.add { margin-top:6px; }