.order-history-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; margin-bottom:20px; background:#eef8f5; border:1px solid #dceee7; border-radius:16px; }
.order-history-summary strong { font-size:17px; overflow-wrap:anywhere; }
.order-history-summary p { color:#61766d; margin:6px 0 0; overflow-wrap:anywhere; }
.order-history-panel { background:#fff; border:1px solid #e4eae7; border-radius:16px; overflow:hidden; }
.order-history-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px; border-bottom:1px solid #edf1ef; }
.order-history-toolbar h2 { font-size:17px; margin:0 0 6px; }
.order-history-toolbar p,.order-history-note,.order-history-footer p { color:#687b73; font-size:13px; line-height:1.7; margin:0; }
.order-history-filter { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.order-history-filter label { font-size:13px; font-weight:600; }
.order-history-filter select { width:156px; }
.order-history-list { list-style:none; margin:0; padding:24px; }
.order-history-entry { display:grid; grid-template-columns:112px minmax(0,1fr); gap:24px; padding:0 0 24px; }
.order-history-entry:last-child { padding-bottom:0; }
.order-history-time { padding-top:12px; color:#52665d; font-size:12px; }
.order-history-time time { display:flex; flex-direction:column; gap:4px; }
.order-history-time strong { font-size:16px; font-variant-numeric:tabular-nums; }
.order-history-time small { display:block; margin-top:6px; color:#829088; }
.order-history-card { position:relative; border:1px solid #e4eae7; border-radius:12px; padding:18px 20px; min-width:0; }
.order-history-card:before { content:""; position:absolute; left:-19px; top:22px; width:8px; height:8px; border-radius:50%; background:#2a9b79; box-shadow:0 0 0 4px #e8f5ef; }
.order-history-card-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.order-history-card h3 { font-size:15px; margin:0; overflow-wrap:anywhere; }
.order-history-card h3 small { color:#8b9892; font-weight:400; }
.history-status { display:inline-flex; font-size:12px; padding:5px 9px; border-radius:7px; font-weight:600; white-space:nowrap; }
.history-status-neutral { background:#f0f3f1; color:#576c61; }
.history-status-done { background:#e8f6ee; color:#19794d; }
.history-status-attention { background:#fff2df; color:#9a641c; }
.order-history-facts { display:flex; flex-wrap:wrap; column-gap:26px; row-gap:12px; margin:18px 0 0; font-size:13px; }
.order-history-facts dt { color:#85938b; font-size:11px; margin-bottom:4px; }
.order-history-facts dd { margin:0; color:#445a4e; font-variant-numeric:tabular-nums; }
.order-history-note { margin-top:14px; }
.order-history-detail-link { display:inline-block; margin-top:15px; color:#188664; font-size:13px; font-weight:600; }
.order-history-detail-link:focus-visible { outline:2px solid #188664; outline-offset:4px; }
.order-history-footer { display:flex; justify-content:space-between; gap:20px; align-items:center; border-top:1px solid #edf1ef; padding:20px 24px; }
.order-history-footer p { max-width:600px; }
.order-history-footer .search-actions { flex-shrink:0; }
.order-history-empty { text-align:center; padding:50px 24px; color:#687b73; }
.order-history-empty h3 { color:#344e40; font-size:17px; }
@media(max-width:760px) { .order-history-summary,.order-history-toolbar,.order-history-footer { align-items:flex-start; flex-direction:column; padding:18px; } .order-history-list { padding:18px; } .order-history-entry { grid-template-columns:1fr; gap:10px; padding-bottom:22px; } .order-history-time { display:flex; align-items:center; gap:8px; padding-top:0; } .order-history-time time { flex-direction:row; gap:8px; align-items:center; } .order-history-time strong { font-size:12px; } .order-history-time small { margin-top:0; } .order-history-card:before { display:none; } .order-history-card { padding:16px; } .order-history-filter { width:100%; } .order-history-filter select { flex:1; min-width:0; } .order-history-footer .search-actions { flex-wrap:wrap; } }