/* Daraban 78 — shared, mobile-first form language */
:root{--form-accent:var(--gold,var(--d-teal,#4ce0b0));--form-panel:var(--panel,var(--d-bg2,#0b1d2d));--form-bg:var(--bg,var(--d-bg,#06111d));--form-line:var(--line,var(--d-line,#31536a));--form-text:var(--text,var(--d-text,#f7f8f4));--form-muted:var(--muted,var(--d-muted,#9eb1c0));--form-danger:var(--red,#ff7484)}
dialog{max-height:min(92svh,760px);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #000b!important}
.daraban-form-ready{position:relative}
.daraban-form-ready:before{content:"اطلاعات را مرحله‌به‌مرحله وارد کنید؛ موارد ستاره‌دار ضروری‌اند.";display:block;margin:0 0 16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--form-accent) 25%,transparent);border-radius:13px;background:color-mix(in srgb,var(--form-accent) 8%,transparent);color:var(--form-muted);font-size:9px;line-height:1.8}
.modal-head{margin-bottom:4px!important}.modal-head h2{font-size:19px!important;letter-spacing:-.3px}.modal-head+.types{margin-top:13px}
.field,label.field,.calendar-form-grid>label{position:relative}.field label,.calendar-form-grid>label,label.field{color:var(--form-muted)!important;font-size:10px!important;font-weight:750;line-height:1.7}.field label:has(+ :is(input,select,textarea)[required]):after,label.field:has(:is(input,select,textarea)[required]):after,.calendar-form-grid>label:has(:is(input,select,textarea)[required]):after{content:" *";color:var(--form-danger)}
.field input,.field select,.field textarea,.calendar-form-grid input,.calendar-form-grid select,.calendar-form-grid textarea,.forecast-controls input,.forecast-controls select{min-height:50px!important;border:1px solid var(--form-line)!important;border-radius:14px!important;background:color-mix(in srgb,var(--form-bg) 86%,transparent)!important;color:var(--form-text)!important;padding:12px 13px!important;outline:0!important;box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .18s,box-shadow .18s,background .18s}
.field textarea,.calendar-form-grid textarea{min-height:84px!important;line-height:1.9}.field input::placeholder,.field textarea::placeholder,.calendar-form-grid input::placeholder,.calendar-form-grid textarea::placeholder{color:color-mix(in srgb,var(--form-muted) 72%,transparent)}
.field input:focus,.field select:focus,.field textarea:focus,.calendar-form-grid input:focus,.calendar-form-grid select:focus,.calendar-form-grid textarea:focus,.forecast-controls input:focus,.forecast-controls select:focus{border-color:var(--form-accent)!important;background:var(--form-bg)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--form-accent) 13%,transparent)!important}
.daraban-invalid{border-color:var(--form-danger)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--form-danger) 12%,transparent)!important}.daraban-field-help{display:block;margin:5px 3px 0;color:var(--form-muted);font-size:8px;line-height:1.7}.daraban-field-help.error{color:var(--form-danger)}
.save,.calendar-save,.submit,.save-ob,.dialog-primary,.form-actions button[type="submit"]{min-height:51px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--form-accent),color-mix(in srgb,var(--form-accent) 55%,#5d8dff))!important;color:#071923!important;font-weight:900!important;box-shadow:0 12px 28px color-mix(in srgb,var(--form-accent) 18%,transparent)}
.close,.dialog-close{display:grid!important;place-items:center;width:38px!important;height:38px!important;border-radius:12px!important;font-size:20px!important}
.date3{direction:ltr}.date3 select{text-align:center;direction:rtl}.types{padding:5px;border:1px solid var(--form-line);border-radius:15px;background:#0002}.types .type{min-height:42px;border-radius:11px!important}
.daraban-form-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 9px;border-radius:99px;background:color-mix(in srgb,var(--form-accent) 11%,transparent);color:var(--form-accent);font-size:8px;font-weight:850}.daraban-form-badge:before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--form-accent);color:#071923}
@media(max-width:560px){dialog{width:100%!important;max-width:none!important;max-height:91svh!important;margin:auto 0 0!important;border-radius:26px 26px 0 0!important;border-bottom:0!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.grid,.two,.form-grid,.calendar-form-grid{grid-template-columns:1fr!important}.field,.calendar-form-grid>label{margin-block:7px!important}.save,.calendar-save,.submit{position:sticky;bottom:0;z-index:3}.modal,.form,dialog>form{padding:18px 16px!important}}
@media(prefers-reduced-motion:reduce){.field input,.field select,.field textarea{transition:none}}
