.cashier-shifts {color:#173b57;font:16px "Microsoft YaHei",sans-serif;background:#eaf3f7}
dialog.cashier-shifts {padding:0;border:1px solid #54798d;width:min(850px,96vw);max-height:94vh;box-shadow:0 6px 30px #1236}
dialog.cashier-shifts::backdrop {background:#1234}
.cashier-shifts header {background:linear-gradient(90deg,#194b79,#236aa1);color:white;display:flex;align-items:center;justify-content:space-between;padding:9px 13px}
.cashier-shifts h2 {font-size:19px;margin:0}
.cashier-shifts .cs-content {padding:12px;overflow:auto}
.cashier-shifts fieldset {border:1px solid #abc0cc;margin:10px 0;padding:12px}
.cashier-shifts legend {padding:0 6px}
.cashier-shifts button {font:inherit;color:#193b51;background:linear-gradient(#fff,#d9e7ef);border:1px solid #a6bdc9;padding:6px 18px;cursor:pointer;border-radius:2px;white-space:nowrap}
.cashier-shifts button:disabled {opacity:.5;cursor:default}
.cashier-shifts button.cs-primary {background:#205d91;color:white;border-color:#15436a}
.cashier-shifts input {font:inherit;border:1px solid #c7d8e1;padding:7px;width:140px;background:white;color:#142c3f;box-sizing:border-box;text-align:right}
.cashier-shifts input:read-only {background:#cfe4ca}
.cashier-shifts .cs-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}
.cashier-shifts label,.cashier-shifts .cs-pair {display:flex;justify-content:space-between;align-items:center;gap:10px}
.cashier-shifts .cs-actions {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.cashier-shifts .cs-error {color:#b3261e;white-space:pre-wrap;margin:8px 0;min-height:20px}
.cashier-shifts .cs-note {font-size:13px;color:#547080;line-height:1.7}
.cashier-shifts .cs-tables {overflow:auto;max-height:380px}
.cashier-shifts table {border-collapse:collapse;min-width:100%;font-size:14px;white-space:nowrap;background:white}
.cashier-shifts td,.cashier-shifts th {padding:7px 10px;border:1px solid #bdced7;text-align:right}
.cashier-shifts th {background:#dceaf2;position:sticky;top:0}
.cashier-shifts summary {cursor:pointer;padding:8px 0}
.cashier-shifts output {font-weight:bold;background:#fffde5;padding:6px;min-width:110px;text-align:right}
.cashier-shifts .cs-filters {display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.cashier-shifts .cs-filters input {width:160px;text-align:left}
.cashier-shifts select {font:inherit;padding:7px;border:1px solid #c7d8e1;background:white}
.cashier-shifts .cs-status {background:#fffde5;padding:10px}
.cashier-shifts .cs-print {width:100%;height:65vh;border:1px solid #abc0cc;background:white}
@media(max-width:640px){.cashier-shifts .cs-grid{grid-template-columns:1fr}.cashier-shifts input{width:130px}}