/* ---------- The client's own orders on live availability (V25, Nov 2026) ----------
   Season panel (ss-*), preorder trucks (tk-*), add-on mode bar, the Order
   again sheet (oa-*), the "Ordered before" line under a plant (ord-hist). */
.season-panel,.trucks-panel{background:#F5F4EC;padding:26px 0 30px;border-bottom:1px solid #E4E1D3}
.season-panel[hidden],.trucks-panel[hidden],.addon-bar[hidden]{display:none}
.trucks-panel{background:#EEF1E4}
.pp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.pp-head h2{font-family:var(--display);font-size:1.45rem;color:var(--forest);margin:0}
.pp-head p{margin:4px 0 0;font-size:.92rem;color:#6B6455;max-width:40em}
.pp-head .linkish{white-space:nowrap;font-size:.9rem}
.season-panel{background:#F5F4EC;padding:26px 0 30px;border-bottom:1px solid #E4E1D3}
.season-panel[hidden]{display:none}
.ss-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.ss-head h2{font-family:var(--display);font-size:1.5rem;color:var(--forest);margin:2px 0 0}
.ss-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.88rem}
.ss-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ss-nums div{background:#fff;border:1px solid #E4E1D3;border-radius:12px;padding:12px 16px}
.ss-nums b{display:block;font-family:var(--display);font-size:1.7rem;font-weight:600;color:var(--forest);line-height:1.1}
.ss-nums span{font-size:.8rem;color:#6B6455}
.ss-cats{margin:10px 0 20px;font-size:.84rem;color:#6B6455}
.ss-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}
.ss-main h3,.ss-side h3{font-family:var(--body);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pine);margin:0 0 10px}
.ss-ords{display:flex;flex-direction:column;gap:10px}
.ss-ord{background:#fff;border:1px solid #E4E1D3;border-radius:12px;padding:12px 16px}
.ss-ord-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ss-ord-top b{font-family:var(--display);font-size:1.05rem;color:var(--forest)}
.ss-st{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px}
.ss-done{background:#DCE5CB;color:#33491F}.ss-pulled{background:#F6E3B4;color:#7A4C2A}.ss-open{background:#E7EAF3;color:#3B4A7A}
.ss-ord p{margin:5px 0 0;font-size:.86rem;color:var(--soil)}
.ss-ord .ss-names{color:#6B6455;font-size:.8rem}
.ss-acts{display:flex;gap:16px;margin-top:8px;font-size:.84rem}
.ss-sides{display:flex;flex-direction:column;gap:18px}
.ss-side ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #E4E1D3;border-radius:12px}
.ss-side li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 14px;border-bottom:1px solid #EFEDE3;align-items:center}
.ss-side li:last-child{border-bottom:0}
.ss-side li .linkish{text-decoration:none;font-size:.9rem;text-align:left}
.ss-side li span{grid-column:1;font-size:.76rem;color:#6B6455}
.ss-side li em{grid-column:2;grid-row:1 / span 2;font-style:normal;white-space:nowrap}
.ss-q{font-size:.82rem;font-weight:700;color:var(--forest)}
@media(max-width:760px){
  .season-panel{padding:20px 0 22px}
  .ss-head{flex-direction:column;align-items:flex-start;gap:6px}
  .ss-head h2{font-size:1.25rem}
  .ss-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ss-nums b{font-size:1.4rem}
  .ss-grid{grid-template-columns:1fr;gap:16px}
}
.ss-now{font-weight:700;color:#33491F}.ss-now.none{color:#8A3B2E}
.ss-empty{font-size:.88rem;color:#6B6455;margin:0}
.ss-grid.one{grid-template-columns:1fr}
.ss-cats span{color:var(--marigold-ink);font-weight:700}
.ss-ord .btn{padding:8px 18px;font-size:.85rem}
.ss-links .linkish{font-size:.88rem}
/* the line under a plant they've bought before */
.ord-hist{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:.76rem;font-weight:700;color:var(--marigold-ink);line-height:1.3}
.ord-hist svg{flex:none}
.ord-hist .oh-l{display:none}
@media(max-width:560px){.ord-hist .oh-n{display:none}.ord-hist .oh-l{display:inline}.os-live .ord-hist{margin:3px 0 2px}}
.os-live .os-r.k-out .ord-hist{color:#9A8F72}
.os-pill.os-before svg{color:var(--marigold-ink)}
.os-pill.os-before.on svg{color:var(--marigold)}
.ph-note{margin:12px 0 0;background:#FBF1D9;border:1px solid #EBCB7A;color:#5C430B;border-radius:10px;padding:10px 14px;font-size:.88rem;line-height:1.5}
.ph-note[hidden]{display:none}

/* Order again sheet (sits on the same overlay as Review your order) */
.oa-card{max-width:640px}
.oa-list{overflow-y:auto;border-top:2px solid var(--sage-soft);border-bottom:2px solid var(--sage-soft);margin-bottom:12px;flex:1}
.oa-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 14px;align-items:center;padding:10px 2px;border-bottom:1px solid #EFEDE3}
.oa-row:last-child{border-bottom:0}
.oa-nm b{display:block;color:var(--forest);font-size:.95rem}
.oa-nm > span{display:block;font-size:.78rem;color:#6B6455}
.oa-nm .oa-inl{display:none}
.oa-nm .oa-cut{color:#8C630B;font-weight:700}
.oa-row.is-out .oa-nm b{color:#8A8F84}
.oa-row.is-out .oa-nm > span{color:#A3A08F}
.oa-st .av{display:inline-flex}
.oa-q .ord-qty{width:52px;height:34px;padding:6px 4px;border-width:1.5px;-moz-appearance:textfield}
.oa-q .ord-qty::-webkit-outer-spin-button,.oa-q .ord-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.oa-none{display:inline-block;width:110px;text-align:center;color:#A3A08F}
.oa-ord .btn{padding:8px 18px;font-size:.85rem}
@media(max-width:560px){
  .order-review:has(.oa-card){padding:12px}
  .oa-card.order-review-card{padding:22px 18px 18px;max-height:94vh}
  .oa-card h2{font-size:1.3rem;margin-bottom:2px}
  .oa-card .rev-meta{font-size:.82rem;margin-bottom:10px}
  .oa-card .rev-fine{font-size:.76rem;margin-bottom:12px}
  .oa-card .rev-actions .btn{padding:12px 14px;font-size:.88rem}
  .oa-row{grid-template-columns:minmax(0,1fr) auto;padding:9px 0}
  .oa-st,.oa-last{display:none}
  .oa-nm .oa-inl{display:block;margin-top:4px}
  .oa-nm .av{font-size:.62rem;padding:3px 8px}
  .oa-none{width:auto;padding:0 10px}
  .oa-ord .oa-st{display:block;grid-column:1;grid-row:2}
}
#oaTitle:focus{outline:none}

/* trucks */
.tk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
.tk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tk-card{background:#fff;border:1px solid #E4E1D3;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 4px 0 #5B7F3A;text-decoration:none;color:inherit}
.tk-card.locked{box-shadow:inset 0 4px 0 var(--forest)}
.tk-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-top b{font-family:var(--display);font-size:1.12rem;color:var(--forest)}
.tk-run{font-size:.76rem;font-weight:700;color:var(--pine);background:var(--sage-soft);border-radius:999px;padding:3px 9px}
.tk-top .av{margin-left:auto}
.tk-card p{margin:0;font-size:.84rem;color:#6B6455;line-height:1.45;flex:1}
.tk-card p b{color:var(--soil)}
.tk-add{text-align:center;padding:10px 14px;font-size:.9rem}
.tk-off{font-size:.78rem;color:#7a776c}
.tk-new{justify-content:center;align-items:center;text-align:center;box-shadow:none;border:2px dashed var(--sage);background:transparent}
.tk-new b{color:var(--pine);font-size:1rem}.tk-new span{font-size:.78rem;color:#6B6455}
.tk-sub{margin:-4px 0 10px;font-size:.82rem;color:#6B6455}
@media(max-width:860px){.tk-grid{grid-template-columns:1fr}.tk-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tk-cards{grid-template-columns:1fr}}
.tk-grid.one{grid-template-columns:1fr}
.tk-aos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.tk-ao{font-size:.8rem;color:#33491F;background:#F1F5E8;border-radius:8px;padding:5px 9px}
.tk-ao small{display:block;color:#6B6455;font-size:.74rem}
.tk-ao-requested{background:#FBF1D9;color:#5C430B}
.tk-ao-declined{background:#F4E8E5;color:#8A3B2E}
.tk-room{font-size:.76rem;color:#6B6455}
.tk-add[disabled]{opacity:.45;cursor:default}
.tk-back ul{margin-top:0}
/* add-on mode */
.addon-bar{background:var(--pine);color:#F6F2E7;padding:16px 0;border-bottom:5px solid var(--marigold)}
.addon-bar .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.addon-bar b{font-family:var(--display);font-size:1.15rem;font-weight:500}
.addon-bar span{font-size:.88rem;color:#D8E0C6}
.addon-bar .sp{flex:1}
.addon-bar .linkish{color:var(--sage)}
.addon-bar .ab-pill{background:var(--marigold);color:var(--forest);border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.rev-truck{background:#F5F4EC;border:1px solid #E4E1D3;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:.88rem;line-height:1.5}
.rev-truck b{color:var(--forest)}
.rev-truck .rt-price{display:block;color:#6B6455;font-size:.8rem}
.addon-bar .ab-txt{flex:1 1 100%;max-width:62em;line-height:1.5}
.addon-bar .ab-acts{display:flex;gap:16px;flex-wrap:wrap}
.addon-mode .season-panel{display:none}
.rev-err{background:#F4E8E5;color:#8A3B2E;border-radius:8px;padding:8px 12px;font-size:.86rem;font-weight:700;margin:0 0 10px}
/* V26.5: Square invoices on Recent orders */
.ss-inv{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;margin-top:10px;padding:9px 12px;border-radius:10px;background:#F7F6F0;border:1px solid #ECEBE3}
.ss-inv-l b{display:block;font-size:.88rem;color:var(--forest)}
.ss-inv-l span{font-size:.8rem;color:#6B6455}
.ss-ord p.ss-idiff{flex-basis:100%;margin:2px 0 0;padding-top:7px;border-top:1px solid #E4E1D3;font-size:.8rem;color:#6B6455;line-height:1.45}
.ss-idiff b{color:#7A4C2A}
.ss-ichip{display:inline-flex;align-items:center;font:700 .76rem/1.2 var(--body);border-radius:99px;padding:5px 11px;white-space:nowrap;border:0;letter-spacing:0;text-transform:none}
.ss-ichip.unpaid{background:#FBEFD0;color:#7A4C2A}.ss-ichip.paid{background:#DCE5CB;color:#33491F}
.ss-ichip.late{background:#F6DCD6;color:#8A3B2E}.ss-ichip.gone{background:#EFEDE3;color:#6B6455}
.ss-main h3 .ss-iall{margin-left:8px;cursor:pointer;vertical-align:1px}
.ss-main h3 .ss-iall:hover{text-decoration:underline}
.ss-acts{flex-wrap:wrap}
.ss-acts .ss-ipay{text-decoration:none}
.oa-q .ss-ipay{text-decoration:none;margin-right:6px}