.wf21-customer-shell{border:2px solid #ef7d00;box-shadow:0 12px 32px rgba(87,48,10,.12);scroll-margin-top:120px}
.wf21-customer-shell>.section-head{align-items:flex-start}
.wf21-tabs{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin:18px 0;padding:8px;background:#171c20;border-radius:13px}
.wf21-tabs button{background:#2d3840;color:#eef2f4;border:0;box-shadow:none}
.wf21-tabs button.active{background:#ef7d00;color:#fff}
.wf21-pane{display:none}
.wf21-pane.active{display:block}
.wf21-customer-grid,.wf21-status-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin:14px 0}
.wf21-customer-grid article,.wf21-status-grid article{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.wf21-customer-grid article.wide{grid-column:span 2}
.wf21-customer-grid span,.wf21-status-grid span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wf21-customer-grid small,.wf21-event-list small,.wf21-attachment small{display:block;color:var(--muted);margin-top:4px}
.wf21-upload-box{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(480px,1.4fr);gap:22px;padding:20px;border:3px dashed #ef7d00;border-radius:16px;background:#fff7ed;margin:12px 0 18px}
.wf21-upload-box h3{margin:4px 0}
.wf21-upload-controls{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;align-items:end}
.wf21-upload-controls button{grid-column:1/-1}
.wf21-attachment{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,280px) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:8px 0}
.wf21-attachment.imported{grid-template-columns:1fr auto;background:#f7f8f8}
.wf21-mini-timeline article{display:grid;grid-template-columns:150px 110px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.wf21-mini-timeline p{margin:0}
.wf21-event-list article{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:8px 0}
.wf21-event-list>article>span{font-weight:800;color:#a84d00}
.wf21-upload-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0 8px;padding:10px 12px;border-left:5px solid #ef7d00;background:#fff7ed;border-radius:8px}
.wf21-upload-heading span{color:var(--muted);font-size:13px}
.wf20-import-grid.wf21-structured-upload{padding:14px;border:2px dashed #ef7d00;border-radius:13px;background:#fffaf4}
#frontChoicePanel,#worktopChoicePanel,.v16-front-result,.v16-worktop-result{scroll-margin-top:130px}
@media(max-width:900px){.wf21-tabs{grid-template-columns:1fr 1fr}.wf21-customer-grid,.wf21-status-grid{grid-template-columns:1fr 1fr}.wf21-upload-box{grid-template-columns:1fr}.wf21-upload-controls{grid-template-columns:1fr}.wf21-attachment{grid-template-columns:1fr 1fr}.wf21-mini-timeline article{grid-template-columns:1fr}}
@media(max-width:600px){.wf21-tabs,.wf21-customer-grid,.wf21-status-grid,.wf21-attachment{grid-template-columns:1fr}.wf21-customer-grid article.wide{grid-column:auto}.wf21-upload-box{padding:14px}}