.badge.preorder-badge{background:#8c9c76;color:#fffdf6}
.preorder-mini{color:#7b865e;background:#f0f3e8;border:1px solid #e0e6d2;border-radius:8px;padding:5px 7px;margin:7px 0 9px;font-size:11px;font-weight:600;line-height:1.45;font-variant-numeric:tabular-nums;letter-spacing:.2px;text-align:center}
.preorder-panel{margin:14px 0 18px;padding:17px 18px;border:1px solid #d5ddc6;border-radius:17px;background:linear-gradient(120deg,#f4f6ec,#fdfaf1);color:#718258}
.preorder-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px}.preorder-heading>span:last-child{font-size:11px;color:#948a75;margin-left:auto}
.preorder-dot{width:7px;height:7px;border-radius:50%;background:#91a273;box-shadow:0 0 0 4px #91a27318;animation:preorder-breathe 2.8s ease-in-out infinite}
.preorder-clock{display:flex;gap:10px;margin:14px 0 11px}.preorder-unit{display:flex;align-items:baseline;gap:5px}.preorder-unit b{font-size:25px;line-height:1.5;background:#fffdf7;border-radius:9px;min-width:39px;text-align:center;box-shadow:0 2px 0 #dce1ce;font-variant-numeric:tabular-nums}.preorder-unit small{font-size:11px;color:#948a75}.preorder-panel p{margin:0;font-size:11px;color:#96866f}
.preorder-editor{margin-top:18px;padding:16px;border:1px solid #d6dfc6;border-radius:16px;background:#f8f9f2}.preorder-editor input[type=datetime-local]{max-width:100%;box-sizing:border-box;min-width:0}.preorder-editor .fld{margin-top:12px;max-width:340px}.preorder-editor .wnote{margin:8px 0 0}.preorder-editor .preorder-editor-status{font-size:12px;color:#809264;margin-top:10px}
@keyframes preorder-breathe{50%{box-shadow:0 0 0 6px #91a2730a}}
@media(prefers-reduced-motion:reduce){.preorder-dot{animation:none}}
@media(max-width:400px){.preorder-panel{padding:14px}.preorder-heading>span:last-child{margin-left:0;width:100%;padding-left:14px}.preorder-clock{gap:8px}.preorder-unit{gap:3px}.preorder-unit b{min-width:35px;font-size:23px}}