body{background:var(--paper);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.order-card{
  width:100%;max-width:520px;background:var(--paper-raised);
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:36px 30px;box-shadow:var(--shadow-md);
}
.order-card img{height:30px;margin-bottom:24px}
.order-state{display:none}
.order-state.active{display:block}

.spinner{
  width:34px;height:34px;border-radius:50%;
  border:3px solid var(--line);border-top-color:var(--blue);
  animation:spin 0.8s linear infinite;margin-bottom:18px;
}
@keyframes spin{to{transform:rotate(360deg)}}

.order-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;
}
.order-badge.ok{background:#EAFBF2;color:var(--green)}
.order-badge.err{background:#FDEDEA;color:#C4392C}

.order-title{font-size:19px;font-weight:700;margin-bottom:14px}

.order-unlocked-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}
.order-unlocked-list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 14px;border:1px solid var(--line);border-radius:8px;
  font-size:14.5px;font-weight:600;color:var(--blue-deep);background:var(--blue-tint);
}
.order-unlocked-list a:hover{border-color:var(--blue)}

.order-ref{
  font-family:monospace;font-size:12px;color:var(--ink-soft);
  background:var(--paper);padding:8px 10px;border-radius:6px;margin:14px 0;word-break:break-all;
}
.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.order-license-note{
  display:flex;gap:10px;align-items:flex-start;
  background:#FFF4E5;border:1px solid #F3CE9B;border-radius:10px;
  padding:14px 16px;margin-bottom:20px;font-size:13px;line-height:1.5;color:#8A5A16;
}

.order-item{
  border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px;
  background:var(--paper-raised);transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.order-item:hover{border-color:var(--amber);box-shadow:var(--shadow-md);transform:translateY(-2px)}

.order-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.order-item-type{
  display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;
  color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;
}
.order-item-title{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.35}
.order-item-date{font-size:11.5px;color:var(--ink-soft);white-space:nowrap;flex-shrink:0}

.order-item-cta{
  display:block;text-align:center;margin-top:14px;padding:11px 16px;border-radius:8px;
  font-weight:700;font-size:14px;background:var(--blue);color:#fff;text-decoration:none;
  transition:background .2s ease, box-shadow .2s ease;
}
.order-item-cta:hover{background:var(--blue-deep);box-shadow:0 0 0 3px rgba(232,135,30,.28)}