/* GOODLOAD — ऑर्डर का पर्दा (26 सित. 2026) · js/41-order.js */

#order .body > .btn:first-child{ margin-bottom:12px; }
.or-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:6px; background:#EAF0FB; padding:4px; border-radius:14px; margin-bottom:12px; }
.or-tab{
  appearance:none; font:inherit; cursor:pointer; border:0; background:none; border-radius:11px;
  padding:9px 6px; display:flex; flex-direction:column; align-items:center; gap:1px;
  font-size:.9rem; font-weight:800; color:var(--txt2);
}
.or-tab small{ font-size:.7rem; font-weight:600; color:var(--txt3); }
.or-tab.on{ background:#fff; color:var(--p); box-shadow:var(--shadow-sm); }

/* रंग — मंज़ूर हरा, बाक़ी नीला-धूसर, बदलना पीला, मना लाल */
.or-hara{ background:#0E9268; } .or-baki{ background:#8FA3C4; } .or-peela{ background:#E0A500; } .or-lal{ background:#DC3545; }
.or-grey{ background:#EEF1F6; color:var(--txt2) !important; }

.or-graph{ padding:12px; margin-bottom:12px; }
.or-patti{ display:flex; height:14px; border-radius:99px; overflow:hidden; gap:2px; background:#EEF1F6; }
.or-patti span{ display:block; min-width:6px; }
.or-khali{ background:#EEF1F6; }
.or-ginti{ display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:10px; }
.or-ginti span{ display:flex; align-items:center; gap:5px; font-size:.78rem; font-weight:700; color:var(--txt2); }
.or-ginti i{ width:10px; height:10px; border-radius:3px; display:inline-block; }
.or-ginti b{ color:#0E1D33; }
.or-kul{ margin:8px 0 0; font-size:.76rem; font-weight:600; color:var(--txt3); }

.or-row{
  appearance:none; font:inherit; cursor:pointer; text-align:left; width:100%;
  display:flex; align-items:center; gap:10px; padding:11px 12px; margin-bottom:8px;
  background:#fff; border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow-sm);
}
.or-row-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.or-row-t b{ font-size:.92rem; font-weight:800; color:#0E1D33; }
.or-row-t small{ font-size:.76rem; font-weight:600; color:var(--txt2); }
.or-row strong{ font-size:.98rem; font-weight:800; color:var(--p); flex:none; }
.or-chip{
  align-self:flex-start; display:inline-block; padding:3px 10px; border-radius:99px;
  font-size:.74rem; font-weight:800; color:#fff;
}
.or-chip.or-baki{ background:#E3E9F4; color:#3A4A6B; }
.or-chip.or-peela{ background:#FFF3CC; color:#7A5600; }
.or-kaaran{ font-size:.74rem !important; color:var(--txt2); }

.or-aaya{ padding:12px; margin-bottom:10px; display:flex; flex-direction:column; gap:6px; }
.or-aaya-sir{ display:flex; gap:10px; align-items:flex-start; justify-content:space-between; }
.or-aaya-sir span{ display:flex; flex-direction:column; min-width:0; }
.or-aaya-sir b{ font-size:.95rem; font-weight:800; color:#0E1D33; }
.or-aaya-sir small{ font-size:.74rem; font-weight:600; color:var(--txt2); }
.or-aaya-sir strong{ font-size:1.05rem; font-weight:800; color:var(--p); flex:none; }
.or-saman{ margin:0; font-size:.82rem; color:var(--txt); line-height:1.45; }
.or-btns{ display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.or-btns .btn{ margin:0; width:auto; flex:1 1 auto; }
.or-mana{ color:var(--red); border-color:#F3C4CA; }
.or-jawab textarea{ width:100%; margin:4px 0 0; }
.or-note{ margin:14px 0 0; font-size:.74rem; font-weight:600; color:var(--txt3); line-height:1.5; text-align:center; }

/* कर्मचारी दूसरे के नाम पर मंज़ूर/मना नहीं कर सकता */
body[data-naukar] .or-kaam, body[data-naukar] [data-or-tab="aaye"]{ display:none; }

/* ── ऊपर: ऑर्डर | History (26 सित.) ── */
.or-mukhya{ display:grid; grid-template-columns:1fr 1fr; border-bottom:2px solid var(--border); margin:4px 0 12px; }
.or-mukhya button{
  appearance:none; font:inherit; cursor:pointer; background:none; border:0;
  padding:10px 6px; font-size:1rem; font-weight:800; color:var(--txt2);
  border-bottom:3px solid transparent; margin-bottom:-2px;
}
.or-mukhya button.on{ color:var(--p); border-bottom-color:var(--role, var(--p2)); }
#or-uptab[hidden], #or-hist[hidden]{ display:none; }

/* ── History की खोज ── */
.or-hkhoj{ position:relative; margin-bottom:8px; }
.or-hkhoj .ci{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:1.1rem; height:1.1rem; color:var(--txt3); pointer-events:none; }
.or-hkhoj input{ width:100%; margin:0; padding-inline-start:2.4rem; }
.or-chips{ display:flex; gap:6px; overflow-x:auto; padding-bottom:4px; margin-bottom:6px; -webkit-overflow-scrolling:touch; }
.or-c{
  appearance:none; font:inherit; cursor:pointer; flex:none;
  padding:6px 12px; border-radius:99px; border:1px solid var(--border); background:#fff;
  font-size:.8rem; font-weight:700; color:var(--txt2);
}
.or-c.on{ background:var(--p); border-color:var(--p); color:#fff; }
.or-range{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.or-range[hidden]{ display:none; }
.or-range label{ display:flex; flex-direction:column; gap:4px; font-size:.78rem; font-weight:700; color:var(--txt2); }
.or-range input{ margin:0; }
#or-hist{ margin-bottom:6px; }