.wc-box{margin:20px 0;padding:20px;border:1px solid var(--fi-border,#dbe3ef);border-radius:18px;background:var(--fi-surface,#fff);color:var(--fi-text,#142033)}
.wc-box h3{margin:0 0 8px}.wc-muted{color:var(--fi-muted,#64748b);font-size:13px;line-height:1.5}.wc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.wc-fields label{display:block;font-size:13px}.wc-fields input,.wc-fields select{width:100%;margin-top:5px}.wc-wall{border-top:1px solid var(--fi-border,#dbe3ef);padding:16px 0}.wc-opening{padding:12px;border-radius:12px;background:var(--fi-surface-soft,#f1f5f9);margin:10px 0}.wc-opening .wc-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.wc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.wc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.wc-stats div{border:1px solid var(--fi-border,#dbe3ef);border-radius:12px;padding:12px}.wc-stats strong{display:block;font-size:22px;margin-top:5px}.wc-stats .wc-total{background:#245ef0;color:white}.wc-drawing{background:#f8fafc;color:#15243b;border:1px solid #cbd5e1;border-radius:12px;padding:12px;margin:12px 0;break-inside:avoid}.wc-drawing svg{display:block;width:100%;max-height:210px}.wc-error{color:#b42318;background:#fff1f0;padding:12px;border-radius:10px}.wc-box button:focus-visible{outline:3px solid #4b83ff;outline-offset:3px}.wc-box [hidden]{display:none!important}html[data-theme="dark"] .wc-opening{background:#182438}html[data-theme="dark"] .wc-muted{color:#bcc8da}@media(max-width:640px){.wc-box{padding:14px}.wc-fields,.wc-opening .wc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-stats{grid-template-columns:1fr}.wc-actions button{flex:1}}
