/* Owner orders page — paper surfaces on the dark site, readable at a glance, mobile first */
.admin-orders { --ink: #15201F; --mut: #5B6360; --ln: #D9CBB2; --pp: #F6F0E5; --gd: #7E602E; }
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.kpi { background: var(--pp); color: var(--ink); padding: 14px 16px; display: grid; gap: 2px; border-top: 3px solid #B8935A; }
.kpi small { color: var(--mut); letter-spacing: .08em; }
.kpi b { font-size: 1.25rem; font-weight: 700; }
.kpi span { font-size: 1.05rem; }
.kpi em { font-style: normal; font-size: .78rem; color: var(--gd); }
.pipeline { display: flex; gap: 6px; overflow-x: auto; margin: 14px 0; scrollbar-width: none; }
.pipe { flex: 0 0 auto; background: transparent; color: var(--text); border: 1px solid rgba(201, 164, 104, .35); padding: 8px 14px; cursor: pointer; display: flex; gap: 8px; align-items: center; font: inherit; }
.pipe b { background: rgba(201, 164, 104, .2); padding: 0 8px; border-radius: 99px; font-weight: 600; }
.pipe.is-on { border-color: #C9A468; background: rgba(201, 164, 104, .14); }
.ord-tools { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ord-tools input { flex: 1 1 260px; padding: 10px 12px; }
.seg { display: flex; border: 1px solid rgba(201, 164, 104, .35); }
.seg button { background: transparent; color: var(--text); border: 0; padding: 9px 14px; cursor: pointer; font: inherit; }
.seg button.is-on { background: #C9A468; color: #0B1A1B; }
.ord-count-line { color: var(--muted); font-size: .85rem; margin: 10px 0 14px; }
.ord { background: var(--pp); color: var(--ink); margin-bottom: 16px; border-inline-start: 4px solid #B8935A; }
.ord__head { display: grid; grid-template-columns: 1fr 1.3fr 1.6fr 1fr 1.2fr; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--ln); align-items: start; }
.ord__head > div { display: grid; gap: 2px; min-width: 0; }
.ord__head small { color: var(--mut); font-size: .78rem; overflow-wrap: anywhere; }
.ord__id { font-family: 'Heebo', Arial, sans-serif; font-size: 1.05rem; letter-spacing: .06em; }
.ord__money b { font-size: 1.2rem; }
.ord-profit { color: #1E6B3A !important; font-weight: 700; }
.ord__status select { background: #fff; color: var(--ink); border: 1px solid var(--ln); padding: 6px 8px; font: inherit; }
.ord__status .link { color: #1F5FBF; font-size: .82rem; }
.ord-tag { background: #E3F4E3; color: #1E6B3A; font-size: .7rem; padding: 1px 8px; border-radius: 99px; white-space: nowrap; }
.ord__lines { padding: 4px 16px; }
.ord-line { display: grid; grid-template-columns: 84px 1fr auto; gap: 14px; padding: 12px 0; border-bottom: 1px dashed var(--ln); }
.ord-line:last-child { border-bottom: 0; }
.ord-line__img { width: 84px; height: 84px; object-fit: contain; background: #fff; }
.ord-line__body b { font-weight: 700; }
.ord-qty { color: var(--gd); font-weight: 700; }
.ord-var, .ord-perso { margin: 4px 0 0; font-size: .85rem; color: #33403E; }
.ord-perso { background: #FFF6DA; padding: 6px 8px; border-inline-start: 2px solid #B8935A; }
.ord-parts { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 6px; }
.ord-parts li { display: grid; grid-template-columns: 40px 1fr auto; gap: 8px; align-items: center; font-size: .82rem; }
.ord-parts img { width: 40px; height: 40px; object-fit: contain; background: #fff; }
.ord-parts em, .ord-count { font-style: normal; font-size: .74rem; color: var(--gd); white-space: nowrap; }
.ord-count { margin: 6px 0 0; }
.ord-line__price { text-align: end; display: grid; gap: 2px; font-weight: 700; }
.ord-line__price small { font-weight: 500; color: var(--mut); font-size: .74rem; }
.ord-note, .ord-empty { padding: 8px 16px; color: var(--mut); }
.ord-sum { margin-top: 40px; }
.ord-sum h2 { font-size: 1.4rem; margin: 26px 0 12px; }
.sum-table { background: var(--pp); color: var(--ink); }
.sum-row { display: grid; grid-template-columns: 48px 1fr 70px 70px 90px 100px; gap: 10px; align-items: center; padding: 8px 12px; border-bottom: 1px solid var(--ln); font-size: .88rem; }
.sum-row img { width: 44px; height: 44px; object-fit: contain; background: #fff; }
.sum-row--head { background: #0E262A; color: #F2E7D2; font-size: .78rem; letter-spacing: .06em; }
.sum-row span:nth-child(n+3) { text-align: center; }
.sup-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.sup { background: var(--pp); color: var(--ink); padding: 14px 16px; }
.sup h3 { margin: 0 0 6px; color: var(--ink); }
.sup-min { font-size: .82rem; color: var(--gd); margin: 0 0 8px; }
.sup ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.sup li { display: grid; grid-template-columns: 36px 1fr auto; gap: 8px; align-items: center; font-size: .82rem; }
.sup li > small { grid-column: 2 / -1; color: var(--mut); font-size: .7rem; }
.sup li img { width: 36px; height: 36px; object-fit: contain; background: #fff; }
.ord__bar { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; padding: 10px 16px; background: #EFE6D4; border-bottom: 1px solid var(--ln); font-size: .86rem; }
.ord__bar input { width: 18px; height: 18px; accent-color: #1E6B3A; vertical-align: middle; }
.ord-ready { font-weight: 700; }
.ord.is-ready { border-inline-start-color: #1E6B3A; }
.ord.is-ready .ord-ready { color: #1E6B3A; }
.ord.is-picked { box-shadow: 0 0 0 2px #C9A468; }
.ord-shipbtn { margin-inline-start: auto; min-height: 0; padding: .45em 1.1em; background: #0E262A !important; color: #F2E7D2 !important; }
.ord-flag { margin-inline-start: auto; background: #FFF2B3; color: #6E5222; padding: 3px 10px; font-size: .78rem; }
.ord-flag--ok { background: #E3F4E3; color: #1E6B3A; }
.ord-bulk { position: sticky; top: 70px; z-index: 5; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 12px; margin-bottom: 14px; background: #0C1F22; border: 1px solid rgba(201, 164, 104, .35); }
.ord-bulk.is-on { border-color: #C9A468; }
.ord-bulk label { font-size: .85rem; }
.ord-bulk__n { color: var(--muted); font-size: .82rem; }
.ord-bulk .btn { min-height: 0; padding: .45em 1em; font-size: .82rem; }
.ord-bulk select { padding: 6px; }
.ord-tiger { margin-inline-start: auto; background: var(--gold-grad, #C9A468); color: #0B1A1B; border: 0; }
.admin-orders input[type="checkbox"], .ord-bulk input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; padding: 0; accent-color: #C9A468; vertical-align: middle; }
.page-head .link { color: var(--gold) !important; }
.ord-due { display: inline-block; font-size: .72rem; padding: 2px 8px; margin-bottom: 4px; background: #EEE7DA; color: #33403E; width: max-content; }
.ord-due--soon { background: #FFE9C2; color: #8A5A00; }
.ord-due--today, .ord-due--late { background: #B3261E; color: #fff; font-weight: 700; }
.pipe--urgent b { background: #B3261E; color: #fff; }
.ord-proof { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-top: 6px; font-size: .76rem; }
.ord-proof button { background: #fff; border: 1px solid var(--ln); color: var(--ink); padding: 2px 9px; cursor: pointer; font: inherit; }
.ord-proof--0 button.is-on { background: #FBE9E4; border-color: #B3261E; color: #8A2F1E; }
.ord-proof--1 button.is-on { background: #FFF2B3; border-color: #B8935A; }
.ord-proof--2 button.is-on { background: #E3F4E3; border-color: #1E6B3A; color: #1E6B3A; font-weight: 700; }
.ord__extra { display: grid; grid-template-columns: 1fr 1.4fr 1.4fr; gap: 14px; padding: 12px 16px 16px; border-top: 1px solid var(--ln); background: #F1E9DA; }
.ord-x { display: grid; gap: 4px; align-content: start; font-size: .82rem; }
.ord-x label { font-weight: 700; color: var(--ink); }
.ord-x input, .ord-x textarea, .ord-x select { background: #fff; color: var(--ink); border: 1px solid var(--ln); padding: 6px 8px; font: inherit; }
.ord-x small { color: var(--mut); }
.ord-ref { margin: 0; color: #8A2F1E; }
.ord-x details summary { cursor: pointer; color: #1F5FBF; }
.ord-refform { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ord-refform input { width: 110px; }
.ord-refform .btn { min-height: 0; padding: .35em .9em; color: var(--ink); border-color: var(--ln); }
.ord-export { display: flex; gap: 6px; align-items: center; }
.ord-export input { padding: 8px; }
.ord-export .btn { min-height: 0; padding: .55em 1em; }
@media (max-width: 860px) { .ord__extra { grid-template-columns: 1fr; } }
.admin-btn { position: relative; align-self: center; font-size: .78rem; letter-spacing: .08em; color: #0B1A1B; background: var(--gold-grad, #C9A468); padding: 6px 12px; text-decoration: none; white-space: nowrap; }
.admin-btn[data-n]:not([data-n=""])::after { content: attr(data-n); position: absolute; top: -7px; inset-inline-end: -7px; background: #B3261E; color: #fff; font-size: .65rem; min-width: 18px; height: 18px; border-radius: 9px; display: grid; place-items: center; }
.owner-link { opacity: .35; font-size: .72rem; }
.ord-line a { color: inherit; text-decoration: none; }
.ord-line a:hover b, .ord-parts a:hover { text-decoration: underline; }
.ord-suplink { color: #1F5FBF !important; font-size: .76rem; white-space: nowrap; }
.ord-cost { display: inline-block; font-size: .76rem; color: #8A2F1E; background: #FBE9E4; padding: 1px 8px; margin-top: 4px; }
.ord-cost--na { color: var(--mut); background: #EEE7DA; }
.ord-line__body p { margin: 4px 0 0; }
@media (max-width: 860px) {
  .ord__head { grid-template-columns: 1fr 1fr; }
  .ord-line { grid-template-columns: 64px 1fr; }
  .ord-line__img { width: 64px; height: 64px; }
  .ord-line__price { grid-column: 2; text-align: start; }
  .sum-row { grid-template-columns: 40px 1fr 44px 44px 54px; }
  .sum-row span:last-child { display: none; }
}
/* collapsed order line: paid / cost / profit as clear chips + an edit button (owner, 8.10.2026) */
.ord-fold > summary .of-chip { display: grid; gap: 1px; padding: 6px 8px; border-radius: 8px; background: #F3F7F6; border: 1px solid #DCE7E4; text-align: center; }
.ord-fold > summary .of-chip small { font-size: .7rem; color: #5B6360; }
.ord-fold > summary .of-chip b { font-size: 1rem; font-variant-numeric: tabular-nums; color: #15201F; }
.ord-fold > summary .of-chip--cost { background: #FBE9E4; border-color: #F0CFC5; } .ord-fold > summary .of-chip--cost b { color: #8A2F1E; }
.ord-fold > summary .of-chip--ok { background: #E7F3EC; border-color: #BFDCCB; } .ord-fold > summary .of-chip--ok b { color: #1f6b4f; }
.ord-fold > summary .of-chip--bad { background: #FBE4E4; border-color: #EBC0C0; } .ord-fold > summary .of-chip--bad b { color: #b3261e; }
.ord-fold > summary .of-more { display: grid; gap: 4px; justify-items: end; }
.ord-fold > summary .of-edit { padding: 4px 10px; min-height: 0; font-size: .8rem; }
/* phone (owner, 8.10.2026: orders should look as tidy as on the desktop) */
@media (max-width: 560px) {
  .admin-orders { padding-top: 12px !important; }
  .kpis { grid-template-columns: 1fr 1fr; gap: 6px; }
  .kpi { padding: 10px !important; }
  .kpi b { font-size: 1rem !important; } .kpi span { font-size: .95rem !important; } .kpi em { font-size: .72rem !important; }
  .ord__head { grid-template-columns: 1fr; gap: 6px; padding: 10px 12px; }
  .ord__bar { gap: 6px 12px; padding: 8px 12px; font-size: .8rem; }
  .ord-line { grid-template-columns: 56px 1fr; gap: 10px; }
  .ord-line__img { width: 56px; height: 56px; }
  .ord-tools .seg, .ord-export { width: 100%; }
  .ord-fold > summary { padding: 8px 10px !important; gap: 6px !important; }
  .ord-fold > summary > .of-more { display: flex !important; grid-column: 1 / -1; justify-content: space-between; align-items: center; }
  .ord-fold > summary .of-chip b { font-size: .95rem; }
  .ord-fold > summary b { font-size: .95rem; }
  .man-row, .ed-row { grid-template-columns: 40px 1fr 1fr !important; }
  .man-row > input[data-pick], .ed-row > input[data-pick] { grid-column: 2 / -1; }
}
/* reports list: wide cards, short summaries (owner, 8.10.2026) */
.rep-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px; }
.rep-card { display: grid; gap: 8px; align-content: start; padding: 12px 14px; border: 1px solid #e5ddd0; border-radius: 12px; background: #fff; min-width: 0; }
.rep-card small { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 560px) { .rep-grid { grid-template-columns: 1fr; } }
@media print { .pipeline, .ord-tools, .ord__status select { display: none; } }