.reconciliation-center{position:fixed;inset:0;z-index:10020;background:#f4f3f0;overflow:auto;color:#191714;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
.recon-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;padding:0 18px calc(32px + env(safe-area-inset-bottom));background:#f8f7f4}
.recon-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;margin:0 -18px;padding:calc(13px + env(safe-area-inset-top)) 18px 13px;background:rgba(248,247,244,.94);border-bottom:1px solid #e9e5dc;backdrop-filter:blur(18px)}
.recon-back{width:42px;height:42px;padding:0 2px 3px 0;border:0;border-radius:50%;background:#fff;color:#75612f;font-size:34px;line-height:1;box-shadow:0 2px 10px rgba(50,42,24,.08)}
.recon-heading h1{margin:0;font-size:21px;letter-spacing:-.3px}.recon-heading p{margin:3px 0 0;color:#8a8272;font-size:12px}
.recon-content{display:flex;flex-direction:column;gap:14px;padding:18px 0}
.recon-status{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid #dfe8d9;border-radius:22px;background:linear-gradient(145deg,#f7fbf4,#edf5e9);box-shadow:0 8px 25px rgba(41,69,32,.06)}
.recon-status.bad{border-color:#eed5cf;background:linear-gradient(145deg,#fff9f7,#faece8)}.recon-status.warn{border-color:#ebdfbd;background:linear-gradient(145deg,#fffdf7,#f8f1dd)}
.recon-status-kicker{color:#68805e;font-size:12px;font-weight:800;letter-spacing:.8px}.recon-status.bad .recon-status-kicker{color:#b55747}.recon-status.warn .recon-status-kicker{color:#9a7623}
.recon-status strong{font-size:25px;letter-spacing:-.5px}.recon-status p{margin:0;color:#777064;font-size:12px;line-height:1.6}
.recon-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.recon-metric{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #ebe7df;border-radius:17px;background:#fff}.recon-metric span{color:#837d72;font-size:13px}.recon-metric strong{font-size:20px}.recon-metric.bad strong{color:#c04e3c}.recon-metric.warn strong{color:#a47a17}
.recon-list{display:flex;flex-direction:column;gap:11px}.recon-issue{padding:17px;border:1px solid #e9e4da;border-left:4px solid #c6a44b;border-radius:17px;background:#fff}.recon-issue.critical{border-left-color:#cf5c49}.recon-issue-head{display:flex;align-items:center;gap:7px}.recon-badge,.recon-level{display:inline-flex;padding:3px 8px;border-radius:99px;background:#f5eedc;color:#95701e;font-size:11px;font-weight:800}.recon-issue.critical .recon-level{background:#fbe9e5;color:#b54837}.recon-issue h3{margin:10px 0 5px;font-size:16px}.recon-issue p{margin:0;color:#777064;font-size:13px;line-height:1.65}.recon-values{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.recon-values span{padding:6px 9px;border-radius:9px;background:#f7f5f0;color:#6f685d;font-size:12px}
.recon-empty,.recon-error{padding:28px 20px;border:1px dashed #dcd5c7;border-radius:18px;background:#fff;color:#777064;text-align:center;font-size:13px;line-height:1.7}.recon-error{margin-bottom:10px;border-color:#e7bfb7;background:#fff6f4;color:#b44836}
.recon-run{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom));width:100%;min-height:55px;border:0;border-radius:17px;background:linear-gradient(135deg,#c9a23f,#ad8420);color:#fff;font-size:16px;font-weight:800;box-shadow:0 10px 24px rgba(172,129,25,.28)}.recon-run:disabled{opacity:.65}
.work-card.recon-has-issues{border-color:#e2a296!important;background:#fff7f5!important}.work-card.recon-has-issues p{color:#bb4d3b!important;font-weight:700}
@media (min-width:700px){.reconciliation-center{padding:24px 0}.recon-shell{min-height:calc(100vh - 48px);border-radius:26px;box-shadow:0 18px 60px rgba(30,25,15,.12);overflow:hidden}.recon-header{top:0}}