.ccot-wrap{--ccot-ink:#101820;--ccot-muted:#667085;--ccot-border:#e5e7eb;--ccot-surface:#fff;--ccot-bg:#f6f7f8;--ccot-accent:#ffd814;--ccot-accent-hover:#f7ca00;max-width:980px;margin:0 auto 90px;color:var(--ccot-ink)}
.ccot-wrap *{box-sizing:border-box}.ccot-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 22px}.ccot-kicker{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#8a6500;margin-bottom:4px}.ccot-header h2{font-size:clamp(27px,4vw,42px);line-height:1.1;margin:0 0 7px;font-weight:800}.ccot-header p{margin:0;color:var(--ccot-muted);font-size:14px}.ccot-live-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:12px;font-weight:800;white-space:nowrap}.ccot-live-pill i{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12);animation:ccotPulse 1.6s infinite}@keyframes ccotPulse{50%{box-shadow:0 0 0 7px rgba(18,183,106,0)}}
.ccot-card,.ccot-empty{background:var(--ccot-surface);border:1px solid var(--ccot-border);border-radius:18px;box-shadow:0 8px 26px rgba(16,24,40,.07);padding:20px;margin:0 0 18px}.ccot-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #eef0f2}.ccot-order-no{display:block;font-size:17px;font-weight:800}.ccot-date{display:block;color:var(--ccot-muted);font-size:12px;margin-top:4px}.ccot-status{padding:7px 10px;border-radius:999px;background:#f2f4f7;font-size:12px;font-weight:800;white-space:nowrap}.ccot-status-completed{background:#ecfdf3;color:#067647}.ccot-status-processing{background:#eff8ff;color:#175cd3}.ccot-status-on-hold{background:#fffaeb;color:#b54708}.ccot-status-cancelled,.ccot-status-failed,.ccot-status-refunded{background:#fef3f2;color:#b42318}
.ccot-product-row{display:flex;gap:13px;align-items:center;padding:16px 0}.ccot-thumb{width:64px!important;height:64px!important;object-fit:cover;border-radius:12px;border:1px solid #eee;background:#fff;margin:0!important}.ccot-product-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.ccot-product-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:540px}.ccot-product-copy span{font-size:12px;color:var(--ccot-muted)}
.ccot-progress{display:flex;align-items:flex-start;width:100%;margin:5px 0 19px;padding:2px 2px 0}.ccot-step{width:58px;flex:0 0 58px;text-align:center;color:#98a2b3}.ccot-dot{width:22px;height:22px;border-radius:50%;border:2px solid #d0d5dd;background:#fff;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.ccot-step small{display:block;font-size:10px;line-height:1.15}.ccot-step.is-complete{color:#067647}.ccot-step.is-complete .ccot-dot{border-color:#12b76a;background:#12b76a;color:#fff}.ccot-step.is-current .ccot-dot{box-shadow:0 0 0 4px rgba(18,183,106,.14)}.ccot-line{height:2px;background:#e4e7ec;flex:1;margin-top:10px;min-width:8px}.ccot-line.is-complete{background:#12b76a}.ccot-alert{padding:10px 12px;border-radius:10px;background:#fef3f2;color:#b42318;font-weight:800;font-size:13px;margin-bottom:16px}
.ccot-live-panel{border-radius:14px;background:var(--ccot-bg);padding:4px 14px}.ccot-detail{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e9ecef;font-size:13px}.ccot-detail:last-child{border-bottom:0}.ccot-detail span{color:var(--ccot-muted)}.ccot-detail strong{text-align:right}.ccot-actions{display:flex;gap:10px;margin-top:15px}.ccot-btn{min-height:42px;border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;text-decoration:none!important;border:1px solid transparent;transition:.2s ease}.ccot-btn-primary{background:var(--ccot-accent);color:#111!important;border-color:#f5cf00}.ccot-btn-primary:hover{background:var(--ccot-accent-hover)}.ccot-btn-secondary{background:#fff;color:#111!important;border-color:#c7cbd1}.ccot-refreshed{text-align:right;color:#98a2b3;font-size:10px;margin-top:8px}.ccot-empty{text-align:center;padding:42px 20px}.ccot-empty-icon{font-size:42px}.ccot-empty h3{margin:10px 0 5px;font-size:22px}.ccot-empty p{color:var(--ccot-muted);max-width:500px;margin:0 auto 18px}
@media(max-width:600px){.woocommerce-account .woocommerce-MyAccount-content{padding-left:0!important;padding-right:0!important;width:100%!important}.ccot-wrap{width:100%;padding:0 12px;margin-bottom:95px}.ccot-header{padding:2px 2px 0;margin-bottom:15px}.ccot-header h2{font-size:29px}.ccot-header p{font-size:12px}.ccot-card{border-radius:16px;padding:15px 14px;margin-bottom:14px}.ccot-card-top{align-items:center}.ccot-order-no{font-size:15px}.ccot-status{font-size:10px;padding:6px 8px}.ccot-product-row{padding:13px 0}.ccot-thumb{width:56px!important;height:56px!important}.ccot-progress{overflow-x:hidden;margin-bottom:15px}.ccot-step{width:48px;flex-basis:48px}.ccot-step small{font-size:8.5px}.ccot-dot{width:20px;height:20px}.ccot-line{margin-top:9px}.ccot-detail{font-size:12px}.ccot-actions{display:grid;grid-template-columns:1fr}.ccot-btn{width:100%}.ccot-live-pill{padding:6px 9px;font-size:10px}}