/* Your orders, round 6 (1 November 2026, lane O; boards 6c and 6f). Sits on shell.css and week.css, whose form
   classes (rw-field, rw-input, rw-button, rw-table, rw-status) the page's forms keep. Class prefix r6o-. Every colour is
   a var(--r-*) token from the shell; this file types no hex. Text is 17px or more. Nothing here moves: round 6's
   orders page is still, so there is no animation to still under prefers-reduced-motion. */

.r6o{display:flex;flex-direction:column;gap:32px;min-width:0;max-width:100%}
.r6o-date{margin:0 0 6px;font-size:20px;color:var(--r-muted)}
.r6o-stack{display:flex;flex-direction:column;gap:6px;min-width:0}
.r6o-block{display:flex;flex-direction:column;gap:16px;min-width:0}
.r6o-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.r6o-h2{margin:0;font-size:24px;line-height:1.25;font-weight:700}
.r6o-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.r6o-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--r-anchor)}
.r6o-eyebrow-ink{font-size:17px;font-weight:700;color:var(--r-muted)}
.r6o .rw-count{color:var(--r-muted);font-weight:400}

/* The new-month band: ink, with the page's own count. */
.r6o-band{background:var(--r-ink);color:var(--r-surface);padding:24px 28px;display:flex;flex-direction:column;gap:10px}
.r6o-band b{font-size:26px;line-height:1.2}
.r6o-band p{margin:0;font-size:18px;color:var(--r-tint)}
.r6o-eyebrow{font-size:17px;font-weight:700;color:var(--r-tint)}

/* The board, planned to paid. Six columns; on a phone it scrolls sideways inside itself, one column at a time. */
.r6o-board{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px;min-width:0}
.r6o-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.r6o-col-h{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:3px solid var(--r-ink);padding-bottom:8px;font-size:17px;font-weight:700}
.r6o-card{background:var(--r-surface);padding:14px;display:flex;flex-direction:column;gap:6px;font-size:17px;box-shadow:inset 0 0 0 1px var(--r-rule);min-width:0;overflow-wrap:anywhere}
.r6o-card.is-late{box-shadow:inset 0 0 0 2px var(--r-breach)}
.r6o-name{font-size:18px;line-height:1.25}
.r6o-late{color:var(--r-breach);font-weight:700}
.r6o-part{color:var(--r-ink);font-weight:700}
.r6o-card .rw-card-form{gap:10px}
.r6o-card .rw-input,.r6o-card .rw-input-short{width:100%}
.r6o-card .rw-button{align-self:stretch}
.r6o-phone-note{display:none}

/* The kept deal, unchanged across the month. */
.r6o-kept{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 18px;background:var(--r-surface);box-shadow:inset 0 0 0 1px var(--r-rule);font-size:17px}
.r6o-seal{font:700 17px/1.2 ui-monospace,Menlo,monospace;color:var(--r-anchor)}
.r6o-kept-link{margin-left:auto}

/* A shipment update: what stands on the left, what to tell us on the right. */
.r6o-ship{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--r-surface);box-shadow:inset 0 0 0 1px var(--r-rule)}
.r6o-ship>div{padding:18px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.r6o-ship>div+div{border-left:1px solid var(--r-rule)}
.r6o-ship p{margin:0}

/* The draft purchase order, drawn as a page of paper you can edit. */
.r6o-po{background:var(--r-surface);box-shadow:var(--r-shadow);padding:32px 36px;display:flex;flex-direction:column;gap:16px;max-width:760px;font-size:17px;min-width:0}
.r6o-po:focus-visible{outline:3px solid var(--r-anchor);outline-offset:2px}
.r6o-po-head{border-bottom:3px solid var(--r-ink);padding-bottom:14px}
.r6o-po-title{font-size:24px}
.r6o-po-rows{margin:0;display:flex;flex-direction:column}
.r6o-po-rows>div{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--r-rule)}
.r6o-po-rows dt{font-weight:700}
.r6o-po-rows dd{margin:0;min-width:0;overflow-wrap:anywhere}
.r6o-po mark{background:color-mix(in srgb,var(--r-signal) 12%,var(--r-surface));box-shadow:inset 0 -2px 0 var(--r-signal);color:inherit}

/* What buyers owe, and the order file's drop zone. */
.r6o-scroll{overflow-x:auto;min-width:0}
.r6o-drop{border:2px dashed var(--r-muted);padding:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;background:var(--r-surface);min-width:0}
.r6o-drop .rw-upload{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:100%}

@media (max-width:900px){
  .r6o-board{grid-template-columns:repeat(6,minmax(240px,82vw));scroll-snap-type:x mandatory}
  .r6o-col{scroll-snap-align:start}
  .r6o-ship{grid-template-columns:minmax(0,1fr)}
  .r6o-ship>div+div{border-left:0;border-top:1px solid var(--r-rule)}
  .r6o-phone-note{display:block}
}
@media (max-width:600px){
  .r6o{gap:24px}
  .r6o-band{padding:20px}
  .r6o-po{padding:20px}
  .r6o-po-rows>div{grid-template-columns:minmax(0,1fr)}
  .r6o-kept-link{margin-left:0}
}

/* The shipment form's fields sit two across; the tick and the button take a full line. */
.r6o-ship .rw-card-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:end}
.r6o-ship .rw-card-form .rw-input,.r6o-ship .rw-card-form .rw-input-short{width:100%}
.r6o-ship .rw-card-form .rw-tick,.r6o-ship .rw-card-form .rw-button{grid-column:1/-1}
.r6o-ship .rw-card-form .rw-button{justify-self:start}
@media (max-width:600px){
  .r6o-ship .rw-card-form{grid-template-columns:minmax(0,1fr)}
}

/* What your buyer owes, when you sell: a strip of months with the owed ones filled, and a table with the same figures. */
.r6o-owe{display:flex;flex-direction:column;gap:12px;background:var(--r-surface);padding:20px 24px;box-shadow:inset 0 0 0 1px var(--r-rule);min-width:0}
.r6o-owe-line{margin:0;font-size:22px;font-weight:700;line-height:1.3}
.r6o-owe-bar{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-width:0}
.r6o-owe-bar li{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0 0 0 6px;border-left:1px solid var(--r-rule);font-size:17px;color:var(--r-muted)}
.r6o-owe-bar li span{display:block;height:44px;margin-left:-6px;padding:10px 6px 0;background:var(--r-tint)}
.r6o-owe-bar li.is-owed span{background:var(--r-ink);color:var(--r-surface)}
.r6o-owe-bar li b{color:var(--r-ink)}