.cashier-shift-state { align-self:center; padding:4px 7px; border-radius:10px; color:#7b5656; background:#f4eeee; font-size:11px; white-space:nowrap; }
.cashier-shift-state.open { color:#21674c; background:#e7f4ec; }
.cashier-shift-history { margin-top:15px; padding-top:14px; border-top:1px solid #e2ebe6; }.cashier-shift-history h3 { margin:0 0 8px; font-size:13px; }.cashier-shift-history-row { display:grid; grid-template-columns:1fr auto; gap:10px; padding:8px 0; border-top:1px solid #edf2ef; }.cashier-shift-history-row:first-of-type { border-top:0; }.cashier-shift-history-row span { display:grid; gap:3px; font-size:12px; }.cashier-shift-history-row small { color:#74837e; font-size:10px; }.cashier-shift-history-row em { align-self:center; color:#52635e; font-size:11px; font-style:normal; }.cashier-shift-history-row em.positive { color:#25734f; }.cashier-shift-history-row em.negative { color:#a15d1c; }
.cashier-shift-summary { display:grid; gap:9px; }.cashier-shift-summary > div { display:flex; justify-content:space-between; gap:12px; padding:9px 10px; background:#f6faf8; font-size:12px; }.cashier-shift-summary strong { color:#1f554c; }.cashier-shift-form { display:grid; gap:12px; }.cashier-shift-form label { display:grid; gap:6px; color:#50615d; font-size:12px; font-weight:700; }.cashier-shift-form input,.cashier-shift-form textarea { width:100%; min-height:38px; padding:8px; border:1px solid #cbdad4; border-radius:5px; font:inherit; }.cashier-shift-form textarea { min-height:68px; resize:vertical; }