.pcst-wrap{--ink:#14202b;--muted:#6b7785;--line:#e3e8ee;--bg:#fff;--soft:#f5f7fa;--accent:#0b6e7f;--ok:#1e8e5a;--bad:#c2410c;max-width:720px;margin:0 auto;color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
.pcst-wrap *{box-sizing:border-box}
body.pcst-standalone{margin:0;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column}
.pcst-top{background:#fff;border-bottom:1px solid #e3e8ee;padding:14px 16px}
.pcst-brand{font-weight:700;font-size:18px;color:#14202b;text-decoration:none}
.pcst-brand img{max-height:40px;width:auto}
.pcst-main{flex:1;padding:32px 16px}
.pcst-foot{text-align:center;color:#6b7785;font-size:13px;padding:20px}
.pcst-h1{font-size:26px;margin:0 0 16px;font-weight:700}
.pcst-h2{font-size:16px;margin:28px 0 12px;font-weight:600}
.pcst-search{display:flex;gap:8px;margin-bottom:20px}
.pcst-search input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:16px;text-transform:uppercase;background:#fff}
.pcst-search input:focus{outline:2px solid var(--accent);outline-offset:-1px}
.pcst-search button{padding:12px 22px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;cursor:pointer}
.pcst-empty{padding:16px;border-radius:8px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.pcst-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:22px}
.pcst-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pcst-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pcst-no{font-size:20px;font-weight:700;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
.pcst-pill{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;background:#e6f2f4;color:var(--accent)}
.pcst-pill.pcst-delivered{background:#e3f4ea;color:var(--ok)}
.pcst-pill.pcst-failed,.pcst-pill.pcst-returned{background:#fdece4;color:var(--bad)}
.pcst-steps{list-style:none;padding:0;margin:26px 0 8px;display:flex;justify-content:space-between;position:relative}
.pcst-steps:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:var(--line)}
.pcst-steps li{position:relative;flex:1;text-align:center;font-size:12px;color:var(--muted)}
.pcst-steps li:first-child{text-align:left}.pcst-steps li:last-child{text-align:right}
.pcst-steps .dot{display:block;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--line);margin:0 auto 6px;position:relative;z-index:1}
.pcst-steps li:first-child .dot{margin-left:0}.pcst-steps li:last-child .dot{margin-right:0}
.pcst-steps li.done .dot{background:var(--accent);border-color:var(--accent)}
.pcst-steps li.current .dot{background:#fff;border:5px solid var(--accent)}
.pcst-steps li.current .txt{color:var(--ink);font-weight:600}
.pcst-steps.is-issue li.current .dot{border-color:var(--bad)}
.pcst-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:22px 0 0;padding:16px;background:var(--soft);border-radius:8px}
.pcst-meta dt{font-size:12px;color:var(--muted)}.pcst-meta dd{margin:2px 0 0;font-weight:600}
.pcst-meta a{color:var(--accent)}
.pcst-timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line)}
.pcst-timeline li{position:relative;padding:0 0 18px 16px}
.pcst-timeline li:before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--line)}
.pcst-timeline li.latest:before{background:var(--accent)}
.pcst-timeline .t{font-size:13px;color:var(--muted)}
.pcst-timeline .s{font-weight:600}
.pcst-timeline .n{font-size:14px;color:var(--muted)}
@media (max-width:560px){
 .pcst-steps{flex-direction:column;gap:10px;margin:22px 0 4px}
 .pcst-steps:before{top:8px;bottom:8px;left:8px;right:auto;width:2px;height:auto}
 .pcst-steps li,.pcst-steps li:first-child,.pcst-steps li:last-child{display:flex;align-items:center;gap:10px;text-align:left}
 .pcst-steps .dot,.pcst-steps li:first-child .dot,.pcst-steps li:last-child .dot{margin:0}
 .pcst-search button{padding:12px 16px}
}