/* Clearance form modal — dpwrap-blend language (matches Offboarding board v=2397+).
   Restyle only: every class name here is also a JS hook in clearance-modal.js,
   so markup/logic is untouched. Tokens: panel #fff / warm rail #FCFAF6 /
   maroon #8B1A1A / accent-soft #F4E9E6 / ink #1a1c19 / muted #A79E95. */

.clr-overlay{position:fixed;inset:0;background:rgba(34,31,28,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;font-family:var(--font,'Inter',system-ui,sans-serif)}
.clr-modal{background:#fff;border:1px solid rgba(34,31,28,.08);border-radius:18px;width:min(500px,94vw);max-height:92vh;overflow:auto;padding:20px 22px;box-shadow:0 24px 64px rgba(34,31,28,.28),0 4px 14px rgba(34,31,28,.1);font-size:14px;color:#1a1c19}

.clr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:-2px 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(34,31,28,.09)}
.clr-title{font-weight:800;font-size:18px;letter-spacing:-.4px;color:#1a1c19}
.clr-sub{color:#A79E95;font-size:12px;margin-top:3px;font-family:var(--mono,'JetBrains Mono',monospace)}
.clr-warn{color:#8B1A1A;font-weight:600;font-family:var(--font,'Inter',sans-serif)}
.clr-x{border:0;background:none;font-size:24px;cursor:pointer;line-height:1;color:#A79E95;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .14s,color .14s}
.clr-x:hover{background:#F4E9E6;color:#8B1A1A}

.clr-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 16px}
.clr-row>label{font-size:12.5px;font-weight:600;color:#58413f;display:inline-flex;align-items:center;gap:8px}
.clr-date{padding:7px 10px;border:1px solid rgba(34,31,28,.14);border-radius:9px;font:inherit;font-size:13px;color:#1a1c19;background:#fff}
.clr-date:focus{outline:none;border-color:#8B1A1A;box-shadow:0 0 0 3px rgba(139,26,26,.1)}

.clr-modes{display:inline-flex;gap:4px;background:#F1EEE8;border:1px solid rgba(34,31,28,.1);border-radius:10px;padding:3px}
.clr-modes label{font-size:12.5px;font-weight:600;color:#8a827a;cursor:pointer;padding:5px 12px;border-radius:7px;transition:background .14s,color .14s}
.clr-modes label:hover{color:#58413f}
.clr-modes input{position:absolute;opacity:0;width:0;height:0}
.clr-modes label:has(input:checked){background:#8B1A1A;color:#fff;box-shadow:0 1px 3px rgba(139,26,26,.28)}

.clr-table{width:100%;border-collapse:collapse;margin-top:2px}
.clr-table th{font-size:10px;text-align:left;color:#A79E95;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid rgba(34,31,28,.1);padding:8px;background:#FCFAF6}
.clr-table td{padding:6px 8px;border-bottom:1px solid rgba(34,31,28,.06);font-size:13px;color:#1a1c19}
.clr-table tr:last-child td{border-bottom:0}
.clr-table td:first-child{font-weight:500}
.clr-table input[type=number]{width:64px;padding:6px 8px;border:1px solid rgba(34,31,28,.14);border-radius:8px;font:inherit;font-size:13px;color:#1a1c19;background:#fff}
.clr-table input[type=number]:focus{outline:none;border-color:#8B1A1A;box-shadow:0 0 0 3px rgba(139,26,26,.1)}

.clr-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(34,31,28,.09)}
.clr-err{color:#c0392b;font-size:12.5px;margin-right:auto;font-weight:500}
.clr-ok{color:#2d6a2e;font-size:12.5px;margin-right:auto;font-weight:600}
.clr-btn{padding:9px 16px;border-radius:10px;border:1px solid rgba(34,31,28,.14);background:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:#58413f;transition:background .14s,border-color .14s,filter .14s}
.clr-btn:hover{background:#FCFAF6;border-color:rgba(34,31,28,.22)}
.clr-primary{background:#8B1A1A;border-color:#8B1A1A;color:#fff;box-shadow:0 2px 8px rgba(139,26,26,.24)}
.clr-primary:hover{background:#8B1A1A;filter:brightness(1.08)}
.clr-btn:disabled{opacity:.55;cursor:default;filter:none}