/* Z4 redizajn V6.2 (3D_V3/PLAN-DALSIA-FAZA/REDIZAJN-V6-2/PLAN.md časť 5): moje objednávky zákazníka (pozdrav, výzva k ponuke, čipy, mini priebeh kusov).
   Súbor založil a v web/index.html pripojil R1 iba s touto hlavičkou; pravidlá píše vlastník balíka, tokeny sú v tokens-v62.css. */
/* Z4a pravidlá (prototyp OTVORIT-PROTOTYP-V6.2.html .callout riadky 327 a 328, .chip 63 až 66, .ph 73 a 74, .ohead 399, .orow 329; snimky/v62-02).
   Platia iba pod .customer-orders-v62 (zoznam zákazníka), zoznam tímu sa nemení. Farby z tokenov; okraj výzvy #f1dfb8 je odtieň V6.2 bez tokenu. */
.customer-orders-v62{gap:14px}
.customer-offer-callout{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;border:1px solid #f1dfb8;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 3px var(--amber-bg)}
.customer-offer-callout-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius);background:var(--amber-bg);color:var(--amber)}
.customer-offer-callout-text{display:grid;gap:2px;flex:1 1 260px;min-width:0}
.customer-offer-callout-text>strong{font-size:var(--text-md);overflow-wrap:anywhere}
.customer-offer-callout-text>span{color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere}
.customer-offer-callout>.product-price-compact{flex:0 0 auto;text-align:right}
.customer-offer-callout>.btn{flex:0 0 auto;gap:6px}
.customer-orders-head{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}
.customer-orders-head>h2{font-size:var(--text-lg);font-weight:650}
.customer-orders-v62 .admin-orders-panel .data-table th{padding:8px 14px;background:var(--surface-2);color:var(--muted);font-size:var(--text-xs);font-weight:600}
.customer-orders-v62 .admin-orders-panel .data-table td{padding:10px 14px}
@media(max-width:699px){
 .customer-offer-callout>.product-price-compact{text-align:left}
 .customer-offer-callout>.btn{justify-content:center;width:100%;min-height:44px}
}
/* Z4b mini priebeh (prototyp .otrack riadky 331 až 338) a tlačidlo Export CSV v hlavičke panela (.btn.sm). */
.customer-order-track{display:flex;align-items:center;width:100%;max-width:180px;margin-bottom:6px}
.customer-order-track-dot{flex:0 0 auto;width:12px;height:12px;border:2px solid var(--line);border-radius:50%;background:var(--surface)}
.customer-order-track-dot.is-done{border-color:var(--green);background:var(--green)}
.customer-order-track-dot.is-current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.customer-order-track-bar{flex:1 1 auto;height:2px;margin:0 2px;background:var(--line)}
.customer-order-track-bar.is-done{background:var(--green)}
.customer-orders-csv{gap:6px;min-height:30px;padding:4px 10px;font-size:var(--text-xs)}
@media(max-width:699px){.customer-orders-csv{min-height:44px}}
.customer-orders-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}