/* Страница «Заказы и сроки» (design/site-2026-10-27/Orders.dc.html) */
.page-orders .mock-head { padding: 12px 16px; flex-wrap: nowrap; }
.page-orders .mock-head .more { margin-left: auto; color: #4f3be0; font-weight: 600; font-size: 12px; }
.page-orders .ord { display: inline-flex; gap: 6px; align-items: center; }
.page-orders .ord .lnk { color: #4f3be0; }
.page-orders .zone { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.page-orders .zone .badge { align-self: flex-start; }
.page-orders .zone-loss { background: #fef2f2; border-color: #ffc9c9; }
.page-orders .zone-loss > span:last-child { font-size: 14px; color: #5c1a1f; }
.page-orders .zone-att { background: #fffbeb; border-color: #fee685; }
.page-orders .zone-att > span:last-child { font-size: 14px; color: #5e3305; }
.page-orders .zone-ok > span:last-child { font-size: 14px; }
.page-orders .card-big { gap: 12px; }
.page-orders .ord-title { padding: 16px 18px; border-bottom: 1px solid #e6e4f3; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.page-orders .ord-title b { font-family: Manrope, Inter, sans-serif; font-size: 18px; overflow-wrap: anywhere; }
.page-orders .ord-body { padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.page-orders .stages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; font-size: 11px; text-align: center; }
.page-orders .stages i { display: block; height: 6px; border-radius: 3px; background: #e6e4f3; }
.page-orders .stages .done i { background: #4f3be0; }
.page-orders .stages .cur i { background: #fe9a00; }
.page-orders .stages span { display: block; margin-top: 6px; overflow-wrap: anywhere; }
.page-orders .stages .cur span { font-weight: 600; }
.page-orders .stages .todo span { color: #6b6a82; }
.page-orders .line { display: flex; justify-content: space-between; gap: 12px; }
.page-orders .line b { font-variant-numeric: tabular-nums; }
.page-orders .more-det { border-top: 1px dashed #dcd9f0; padding-top: 10px; font-size: 12px; }
.page-orders .kinds { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.page-orders .abc { display: flex; height: 28px; border-radius: 8px; overflow: hidden; font-size: 12px; font-weight: 600; }
.page-orders .abc > div { display: flex; align-items: center; }
.page-orders .abc-a { width: 80%; background: #4f3be0; color: #fff; padding-left: 10px; }
.page-orders .abc-b { width: 15%; background: #9a8cff; color: #15173d; justify-content: center; }
.page-orders .abc-c { width: 5%; background: #dcd9f0; }
.page-orders .small { font-size: 13px; }
.page-orders .badges { display: flex; gap: 8px; flex-wrap: wrap; }