/* Replacements for the Ant Design widgets used in the React app.
   Loaded AFTER bootstrap. The original design lives in style.css. */

/* antd message -> toast */
.wi-message-wrap { position: fixed; top: 16px; left: 0; right: 0; z-index: 2000000; display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
.wi-message { pointer-events: auto; background: #fff; padding: 10px 16px; border-radius: 8px; max-width: 90vw; font-size: 14px; text-transform: none; animation: fadeIn .3s ease-in-out;
  box-shadow: 0 6px 16px 0 rgba(0,0,0,.08), 0 3px 6px -4px rgba(0,0,0,.12), 0 9px 28px 8px rgba(0,0,0,.05); }
.wi-message i { margin-right: 8px; font-size: 14px; }
.wi-message.success i { color: #52c41a; }
.wi-message.error i { color: #ff4d4f; }

/* antd Input / TextArea / Select -> native controls */
.wi-input { display: block; width: 100%; background: #fff; font-size: 15px; font-family: var(--font-family); border: 1px solid #d9d9d9 !important; border-radius: 6px; padding: 10px !important; resize: none; transition: border-color .2s; }
.wi-input:focus { border: 1px solid var(--color) !important; }
.wi-label { display: block; margin-bottom: 8px; font-size: 14px; color: rgba(0,0,0,.88); }
select.wi-input { appearance: auto; cursor: pointer; }
.pw-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #999; font-size: 14px; }

/* jobs filter selects (was antd Select.custom-select) */
.custom-select.form-select { height: 45px; border: none; padding-left: 16px; font-weight: 300; color: rgb(72,72,72); cursor: pointer; }

/* buttons */
.okbtn, .org[type="submit"], #logoutBtn, [data-bs-target="#jobModal"] { cursor: pointer; }
.okbtn { min-width: 70px; padding: 6px 12px; border-radius: 6px; }
#loginBtn[disabled] { opacity: .7; }