.rotro-wrap{max-width:760px;margin:32px auto;padding:24px;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}.rotro-title{margin:0 0 8px;font-size:28px;line-height:1.2;font-weight:700}.rotro-sub{margin:0 0 22px;color:#666;font-size:15px}.rotro-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.rotro-field label{display:block;margin:0 0 6px;font-size:14px;font-weight:600}.rotro-field input{width:100%;height:46px;padding:0 14px;border:1px solid #d7d7d7;border-radius:12px;font-size:15px;box-sizing:border-box}.rotro-btn{height:46px;padding:0 18px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:700;cursor:pointer}.rotro-error,.rotro-note{margin-top:16px;padding:14px 16px;border-radius:12px;font-size:14px}.rotro-error{background:#fff2f2;color:#9b1c1c}.rotro-note{background:#f6f7f9;color:#333}.rotro-order-meta{margin:18px 0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rotro-card{padding:14px;border-radius:14px;background:#f8f9fb}.rotro-card small{display:block;color:#666;margin-bottom:4px}.rotro-card strong{display:block;font-size:16px}.rotro-status-pill{display:inline-block;padding:8px 12px;border-radius:999px;background:#f2f4f7;font-size:14px;font-weight:700;margin-bottom:18px}.rotro-steps{position:relative;display:flex;justify-content:space-between;gap:10px;margin:18px 0 10px;padding:0;list-style:none}.rotro-steps::before{content:"";position:absolute;left:22px;right:22px;top:18px;height:4px;background:#e7e9ee;z-index:0;border-radius:999px}.rotro-step{position:relative;z-index:1;flex:1;text-align:center}.rotro-dot{width:38px;height:38px;margin:0 auto 10px;border-radius:50%;background:#d8dde6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.rotro-step.done .rotro-dot,.rotro-step.current .rotro-dot{background:#111}.rotro-label{font-size:13px;line-height:1.35;color:#333;max-width:120px;margin:0 auto}.rotro-step.done .rotro-label,.rotro-step.current .rotro-label{font-weight:700}.rotro-cancelled{padding:16px;border-radius:14px;background:#fff6e5;color:#7a5600;margin-top:16px}@media (max-width:700px){.rotro-form{grid-template-columns:1fr}.rotro-order-meta{grid-template-columns:1fr}.rotro-steps{flex-direction:column;gap:16px}.rotro-steps::before{display:none}.rotro-step{display:flex;align-items:center;text-align:left;gap:12px}.rotro-dot{margin:0;flex:0 0 38px}.rotro-label{margin:0;max-width:none}}