#wofm-app{max-width:1200px;margin:30px auto;font-family:Inter,Arial,sans-serif;color:#172033}#wofm-app *{box-sizing:border-box}.wofm-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.wofm-head h1{margin:0}.wofm-head p{margin:.3rem 0 0;color:#667085}.wofm-btn,.wofm-tabs button,.wofm-format button{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;background:#eef2f7}.wofm-btn.primary{background:#172033;color:white}.wofm-tabs{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid #e4e7ec;padding-bottom:10px}.wofm-tabs button.active{background:#172033;color:#fff}section[data-panel]{display:none}section[data-panel].active{display:block}.wofm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wofm-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:18px;box-shadow:0 5px 20px rgba(16,24,40,.05)}.wofm-card b{font-size:28px;display:block}.wofm-table{width:100%;border-collapse:collapse;margin-top:20px}.wofm-table th,.wofm-table td{padding:12px;border-bottom:1px solid #eaecf0;text-align:left}.wofm-toolbar,.wofm-template-tools,.wofm-format{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.wofm-toolbar input,.wofm-template-tools select,.wofm-format input{padding:10px;border:1px solid #d0d5dd;border-radius:8px}#wofm-paper{position:relative;width:794px;height:1123px;background:white;border:1px solid #ccc;box-shadow:0 8px 30px rgba(0,0,0,.12);transform-origin:top left;margin-top:20px}.tpl-el{position:absolute;border:1px dashed #98a2b3;padding:3px;overflow:hidden;white-space:pre-wrap;cursor:move}.tpl-el.selected{outline:2px solid #2563eb}.tpl-el .resize{position:absolute;width:14px;height:14px;right:0;bottom:0;background:#2563eb;cursor:nwse-resize}.tpl-el img{width:100%;height:100%;object-fit:contain}.wofm-help{color:#667085}@media(max-width:900px){.wofm-cards{grid-template-columns:repeat(2,1fr)}#wofm-paper{transform:scale(.72);margin-bottom:-310px}}@media(max-width:600px){.wofm-cards{grid-template-columns:1fr}.wofm-tabs{overflow:auto}.wofm-head{align-items:flex-start;flex-direction:column}#wofm-paper{transform:scale(.45);margin-bottom:-615px}}

/* v0.1.1 - gestion utilisateurs */
.wofm-actions{display:flex;gap:8px;flex-wrap:wrap}.wofm-btn.danger{background:#b42318;color:#fff;border-color:#b42318}.wofm-status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.wofm-status.on{background:#dcfae6;color:#067647}.wofm-status.off{background:#f2f4f7;color:#475467}.wofm-modal[hidden]{display:none!important}.wofm-modal{position:fixed;inset:0;z-index:99999;background:rgba(16,24,40,.58);display:flex;align-items:center;justify-content:center;padding:20px}.wofm-modal-card{width:min(520px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.25);padding:24px;display:grid;gap:14px}.wofm-modal-card h3{margin:0 0 4px}.wofm-modal-card input[type=text],.wofm-modal-card input[type=password],.wofm-modal-card input:not([type]){width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d0d5dd;border-radius:10px}.wofm-check{display:flex;align-items:center;gap:8px}.wofm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.wofm-error{padding:14px;border-radius:10px;background:#fef3f2;color:#b42318;border:1px solid #fecdca}