.wc-hero{background:linear-gradient(115deg,#e6f3f0,#edf2f8);border:1px solid #d2e6e1;border-radius:14px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.wc-hero h3{font-size:23px;margin:10px 0}.wc-hero p{color:#647c86;margin:0 0 15px;font-size:13px}.wc-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:300px;justify-content:flex-end}.wc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.wc-stats button{padding:17px 22px;text-align:left;display:flex;align-items:center;justify-content:space-between;color:#617986}.wc-stats b{font-size:28px;color:#215a65}.wc-mapping{margin-bottom:24px;overflow:hidden}.wc-mapping .card-heading,.wc-records .card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px}.wc-mapping h3,.wc-records h3{margin:0}.wc-records{overflow:hidden}.wc-records .tabs,.wc-records .filters{padding-left:22px;padding-right:22px}.wc-records .pagination{padding:16px 22px}.wc-records .card-heading .actions{flex-wrap:wrap}.wc-mapping td,.wc-records td{white-space:nowrap}.wc-log-detail{max-width:540px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.wc-warning{padding:14px 17px;background:#fff3e5;border:1px solid #f0d9b4;color:#876027;border-radius:8px;margin:15px 0;overflow-wrap:anywhere}.wc-detail-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.wc-kv{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;font-size:13px;background:#f4f7f9;border-radius:8px;padding:16px}.wc-kv dt{color:#6a7e8a}.wc-kv dd{margin:0;overflow-wrap:anywhere}.wc-history article{border-bottom:1px solid #e2e9ed;padding:14px 0}.wc-history small{color:#6e8390;display:block;margin-top:7px}.wc-history p{font-size:13px}.wc-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f8;padding:16px;border-radius:8px;font-size:12px}#wc-guide li{margin-bottom:13px;line-height:1.8}@media(max-width:700px){.wc-hero{display:block;padding:22px}.wc-hero h3{font-size:19px}.wc-actions{max-width:none;justify-content:flex-start}.wc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wc-stats button{padding:15px}.wc-mapping .card-heading,.wc-records .card-heading{align-items:flex-start;flex-direction:column}.wc-kv{grid-template-columns:80px minmax(0,1fr);padding:12px}.wc-records .filters{flex-wrap:wrap}}