.reliability-notice { position: fixed; right: 22px; bottom: 22px; z-index: 14000; display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: 5px 14px; width: min(430px, calc(100vw - 28px)); padding: 17px 17px 17px 19px; border: 1px solid rgba(255,255,255,.28); border-radius: 16px; color: #fff; background: #724918; box-shadow: 0 22px 55px rgba(0,0,0,.28); }
.reliability-notice.is-success { background: #0d594c; }
.reliability-notice strong { font: 900 13px/1.3 "Manrope", sans-serif; }
.reliability-notice span { grid-column: 1; color: rgba(255,255,255,.84); font: 600 11px/1.55 "Manrope", sans-serif; }
.reliability-notice button { grid-column: 2; grid-row: 1 / span 2; align-self: start; width: 32px; height: 32px; border: 0; border-radius: 9px; color: #fff; background: rgba(255,255,255,.14); font-size: 20px; cursor: pointer; }
@media (max-width: 600px) { .reliability-notice { right: 14px; bottom: 14px; left: 14px; width: auto; } }

.operator-shift-overlay { position: fixed; inset: 0; z-index: 14500; display: grid; place-items: center; padding: 20px; overflow-y: auto; background: rgba(5,37,31,.78); backdrop-filter: blur(9px); }
.operator-shift-dialog { width: min(560px, 100%); padding: 30px; border: 1px solid rgba(255,255,255,.34); border-radius: 25px; color: #133f38; background: #fffdf8; box-shadow: 0 34px 95px rgba(0,0,0,.34); }
.operator-kicker { color: #167061; font: 900 10px/1 "Manrope", sans-serif; letter-spacing: .16em; }
.operator-shift-dialog h2 { margin: 9px 0 7px; font: 400 36px/1.05 "DM Serif Display", Georgia, serif; }
.operator-shift-dialog > p { margin: 0 0 22px; color: #687f78; font: 600 12px/1.6 "Manrope", sans-serif; }
.operator-shift-dialog form { display: grid; gap: 14px; }
.operator-shift-dialog label { display: grid; gap: 7px; }
.operator-shift-dialog label > span { color: #4f6b64; font: 800 10px/1 "Manrope", sans-serif; }
.operator-shift-dialog input, .operator-shift-dialog select { width: 100%; min-height: 47px; padding: 0 13px; border: 1px solid #c9d9d4; border-radius: 12px; color: #143f38; background: #fff; font: 700 12px/1 "Manrope", sans-serif; box-sizing: border-box; }
.operator-shift-dialog input:focus, .operator-shift-dialog select:focus { outline: 3px solid rgba(41,137,118,.16); border-color: #438f80; }
.operator-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.operator-shift-dialog footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 9px; }
.operator-shift-dialog footer button { min-height: 46px; padding: 0 18px; border-radius: 12px; font: 900 11px/1 "Manrope", sans-serif; cursor: pointer; }
.operator-primary { border: 0; color: #fff; background: #0d6656; box-shadow: 0 12px 25px rgba(13,102,86,.22); }
.operator-secondary { border: 1px solid #c9d9d4; color: #315b53; background: #fff; }
.operator-danger { border: 0; color: #fff; background: #c9573f; }
.operator-error { margin: 0; padding: 12px 14px; border-radius: 10px; color: #8b3429; background: #fff0ec; font: 800 11px/1.4 "Manrope", sans-serif; }
.operator-help { margin: 1px 0 0; color: #71857f; font: 700 10px/1.5 "Manrope", sans-serif; }
.operator-shift-dialog button:disabled { cursor: wait; opacity: .58; }
.operator-current { display: grid; gap: 5px; padding: 18px; border: 1px solid #d0dfda; border-radius: 14px; background: #eff8f4; }
.operator-current span { font: 900 16px/1.2 "Manrope", sans-serif; }
.operator-current strong { color: #678078; font: 700 11px/1.2 "Manrope", sans-serif; }
.sidebar-user, .top-user { cursor: pointer; }
@media (max-width: 600px) { .operator-shift-overlay { padding: 8px; } .operator-shift-dialog { padding: 23px 18px; border-radius: 19px; } .operator-two { grid-template-columns: 1fr; } .operator-shift-dialog footer { flex-direction: column-reverse; } .operator-shift-dialog footer button { width: 100%; } }