/* Constructor de WODB: zona d'edició (només pantalla) */
.cons{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:flex-start;width:100%;max-width:1180px}
.cons .tauler{position:relative;background:#fff;border:2px solid #111;display:grid}
.cons .cas{border:1px solid #9ca3af;border-radius:0;padding:0;background:#fff;display:flex;align-items:center;justify-content:center}
.cons .cas.sel{outline:3px solid #0f766e;outline-offset:-3px}
.cons .cas.vista{background:#ecfdf5}
.cons .cas svg{width:74%;height:74%}
.cons .pos{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;padding:0;font-size:.8rem;font-weight:700;line-height:1;border:2px solid #fff;color:#fff;z-index:2}
.cons .pos.ok{background:#15803d}.cons .pos.no{background:#b91c1c}.cons .pos.buit{background:#9ca3af}
.cons .pos.act{box-shadow:0 0 0 3px #111}
.cons .panell{flex:1 1 300px;max-width:420px;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:.9rem}
.cons .panell h2{font-size:1rem;margin:0 0 6px}
.cons .panell ul{margin:4px 0 10px;padding-left:18px}
.cons .panell .it{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #e5e7eb;padding:8px 0}
.cons .panell .it svg{width:54px;height:54px;flex:none}
.cons .panell .cap{color:#b91c1c;font-weight:600}
.cons .resum{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px}
.cons .resum b{font-variant-numeric:tabular-nums}
.paleta{width:100%;max-width:1180px;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px}
.paleta h2{font-size:.95rem;margin:0 0 8px}
.paleta .els{display:flex;flex-wrap:wrap;gap:4px;max-height:300px;overflow-y:auto}
.paleta button{width:54px;height:54px;padding:2px;border-radius:6px}
.paleta button svg{width:100%;height:100%}
.paleta button.usat{opacity:.3}
.csolu{width:297mm;height:210mm;padding:10mm 12mm;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#000}
.csolu .cap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2mm}
.csolu .codi{font:700 5mm/1 "Courier New",monospace}
.csolu .nota{font-size:2.8mm;color:#333}
.csolu table{width:100%;border-collapse:collapse;table-layout:fixed}
.csolu td{border-top:.15mm solid #bbb;padding:.7mm 1mm;vertical-align:top}
.csolu td.p{width:11mm;font-weight:700}
.csolu .el{font-weight:700}
@media print{.cons,.paleta{display:none}}