button,input,textarea,select{font:inherit}
textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;background:#0a1118;color:var(--text);padding:13px 14px;font-size:14px}
textarea{resize:vertical;line-height:1.5}
select{appearance:auto}
textarea::placeholder{color:#56636d}
.drawer-actions{flex-wrap:wrap}
.mobile-create{display:none}
.task-form{display:flex;flex-direction:column;gap:18px;margin-top:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.task-form fieldset{margin:0;border:1px solid var(--line);border-radius:12px;padding:14px}
.task-form legend{padding:0 6px;color:#aab4bc;font-size:12px;font-weight:650}
.check-row{display:flex;flex-wrap:wrap;gap:20px}
.check-row label,.jourfixe-check{display:flex;align-items:center;flex-direction:row;gap:9px}
.check-row input,.jourfixe-check input{width:17px;height:17px;accent-color:var(--accent)}
.task-form .form-error{margin:0;border-radius:10px;background:rgba(255,122,117,.1);padding:12px}
.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:min(420px,calc(100% - 32px));border:1px solid rgba(83,214,196,.28);border-radius:12px;background:#13231f;padding:14px 18px;color:#dffff9;font-size:12px;box-shadow:0 18px 50px rgba(0,0,0,.38);opacity:0;transform:translateY(12px);transition:.22s}
.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:780px){
  .mobile-create{position:fixed;right:16px;bottom:75px;z-index:31;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:15px;background:var(--accent);color:#07110f;font-size:24px;font-weight:800;box-shadow:0 12px 32px rgba(0,0,0,.4)}
  .form-grid{grid-template-columns:1fr}
  .toast{right:16px;bottom:136px}
}
