/* "My orders" page — builds on styles.css and order.css */

.account-page { padding-bottom: 40px; }
.acc-signin { max-width: 440px; }
.acc-signin h2 { font-size: 1.6rem; }
.acc-orders { display: grid; gap: 20px; }
.acc-order { display: grid; gap: 16px; }
.acc-order-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.acc-order-head h2 { font-size: 1.4rem; }
.acc-order-head .hint { margin: 4px 0 0; }
.acc-code { font-family: ui-monospace, 'SF Mono', Menlo, monospace; }
.acc-videos { display: grid; gap: 12px; }
.acc-video { display: grid; gap: 8px; padding: 14px 16px; border-radius: var(--radius); background: var(--orange-tint); }
.acc-video-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.acc-video-head strong { font: 700 1.1rem/1.25 var(--font-display); overflow-wrap: anywhere; }
.acc-facts, .acc-video .hint { margin: 0; }
.acc-facts { font-weight: 700; color: var(--ink-soft); }
.acc-stage {
  flex: none; padding: .3em .8em; border-radius: 999px;
  font: 700 .78rem/1 var(--font-display); letter-spacing: .06em; text-transform: uppercase;
  background: #fff; color: var(--ink);
}
.stage-prod { background: #FFE5A0; color: #5E4100; }
.stage-review { background: #BFE1F6; color: #0B3D5C; }
.stage-done { background: #DDF3E3; color: #145C2C; }
.stage-off { background: #F6EEEA; color: var(--ink-soft); }
.acc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.acc-actions:empty { display: none; }
.acc-revise textarea, .acc-feedback textarea { min-height: 84px; }
.acc-timeline summary, .acc-feedback summary { cursor: pointer; font: 700 .95rem var(--font-display); }
.acc-timeline ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.acc-timeline li { padding: 10px 12px; background: #fff; border-radius: 12px; border-left: 4px solid var(--orange); }
.acc-timeline li.mine { border-left-color: var(--ink); }
.acc-timeline li p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.acc-timeline a { font-weight: 800; color: var(--orange-deep); }
.acc-feedback { padding-top: 4px; }
.acc-feedback form { margin-top: 12px; }
.empty-card a { color: var(--orange-deep); }
.stack-sm { display: grid; gap: 8px; align-content: start; }
.acc-discord { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.acc-link { padding: 0; border: 0; background: none; font: inherit; font-size: .9rem; font-weight: 800; color: var(--orange-deep); text-decoration: underline; cursor: pointer; }
.acc-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.acc-steps li { padding: .35em .75em; border-radius: 999px; background: #fff; font: 700 .78rem/1.2 var(--font-display); color: var(--ink-soft); }
.acc-steps li.done { background: #DDF3E3; color: #145C2C; }
.acc-steps li.done::before { content: '✓ '; }
.acc-steps li.now { background: #FFE5A0; color: #5E4100; }