/* ADATASK_TASK_FORM_V2 — فرم «وظیفهٔ جدید» (AddTaskModal در باندل زنده)
   یک ستون به‌جای شبکهٔ دوستونه با جاهای خالی؛ بدون بنر و ایموجی؛ بخش‌ها با خط نازک از هم جدا
   می‌شوند نه جعبه در جعبه؛ ترتیب با order: اطلاعات اصلی ← نوع ← دپارتمان مقصد ← مسئول و اولویت ←
   مهلت ← چند مسئول ← پیوست ← «گزینه‌های بیشتر» (جمع‌شونده). body + کلاس ریشه تا بر <style>های
   درون app.html/index.html غلبه کند. */
body .add-task-ui-v308{color:#14212B;font-variant-numeric:tabular-nums}
body .add-task-ui-v308 .add-task-hero-v308{display:none}
body .add-task-ui-v308 .add-task-note-v308{margin:0 0 6px;padding:8px 12px;border:0;border-radius:8px;background:#F4F6F6;color:#4A5863;font-size:12.5px;font-weight:500;line-height:1.8}
body .add-task-ui-v308 .add-task-note-v308.personal{background:#EEF4F5;color:#08545C}
body .add-task-ui-v308 .add-task-grid-v308{display:flex;flex-direction:column;align-items:stretch;gap:0}
body .add-task-ui-v308 .add-task-section-v308{order:30;width:auto;max-width:none;min-width:0;align-self:stretch;margin:0;padding:16px 2px;border:0;border-top:1px solid #EDF0F2;border-radius:0;background:none;box-shadow:none}
body .add-task-ui-v308 .atf-sec--main{order:1;border-top:0;padding-top:8px}
body .add-task-ui-v308 .atf-sec--type{order:2}
body .add-task-ui-v308 .atf-sec--dept{order:3}
body .add-task-ui-v308 .atf-sec--assign{order:4}
body .add-task-ui-v308 .atf-sec--time{order:5}
body .add-task-ui-v308 .atf-sec--people{order:6}
body .add-task-ui-v308 .atf-sec--files{order:7}
body .add-task-ui-v308 .atf-sec--folder{order:20}
body .add-task-ui-v308 .atf-sec--deps{order:21}
body .add-task-ui-v308 .atf-sec--check{order:22}
body .add-task-ui-v308 .atf-sec--repeat{order:23}
body .add-task-ui-v308 .atf-sec--fields{order:24}
body .add-task-ui-v308 .atf-sec--customer{order:25}
body .add-task-ui-v308 .add-task-section-head-v308{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px}
body .add-task-ui-v308 .add-task-section-head-v308 b{display:block;margin:0;font-size:14px;font-weight:700;color:#14212B}
body .add-task-ui-v308 .add-task-section-head-v308 small{display:block;margin-top:1px;font-size:12px;font-weight:400;color:#66727B;line-height:1.7}
body .add-task-ui-v308 .add-task-section-icon-v308{display:none}
body .add-task-ui-v308 .add-task-field-v308{margin-bottom:12px}
body .add-task-ui-v308 .add-task-field-v308:last-child{margin-bottom:0}
body .add-task-ui-v308 .add-task-two-v308{gap:12px}
body .add-task-ui-v308 label{color:#4A5863!important;font-weight:600!important}
body .add-task-ui-v308 input:not([type=checkbox]):not([type=radio]):not([type=file]),body .add-task-ui-v308 select,body .add-task-ui-v308 textarea{background:#fff!important;border:1px solid #D5DBDF!important;border-radius:8px!important;min-height:42px;color:#14212B!important;font-size:13.5px!important}
body .add-task-ui-v308 input:focus,body .add-task-ui-v308 select:focus,body .add-task-ui-v308 textarea:focus{border-color:#0B6E78!important;box-shadow:0 0 0 3px rgba(11,110,120,.15)!important;outline:0!important}
body .add-task-ui-v308 .atf-sec--main input{min-height:46px;font-size:15px!important;font-weight:600}
/* نوع وظیفه: دو گزینه کنار هم */
body .add-task-ui-v308 .add-task-tasktype-v3147{flex-direction:row;gap:10px}
body .add-task-ui-v308 .add-task-tasktype-card-v3147{flex:1 1 0;border:1px solid #D5DBDF;border-radius:8px;padding:10px 12px;background:#fff;box-shadow:none}
body .add-task-ui-v308 .add-task-tasktype-card-v3147.active{border-color:#0B6E78;background:#F2F8F8;box-shadow:0 0 0 1px #0B6E78 inset}
body .add-task-ui-v308 .add-task-tasktype-card-v3147 b{color:#14212B;font-weight:700}
body .add-task-ui-v308 .add-task-tasktype-card-v3147 small{color:#66727B}
/* افراد و دپارتمان‌ها */
body .add-task-ui-v308 .add-task-person-v308{border-radius:8px;border-color:#D5DBDF;box-shadow:none;font-weight:600}
body .add-task-ui-v308 .add-task-person-v308.active{border-color:#0B6E78;background:#F2F8F8;color:#08545C;box-shadow:none}
body .add-task-ui-v308 .add-task-dept-chip-v3147{border-radius:8px;box-shadow:none}
body .add-task-ui-v308 .add-task-dept-chip-v3147.selected{border-color:#0B6E78;background:#F2F8F8}
/* مهلت: بدون جعبهٔ دوم */
body .add-task-ui-v308 .task-deadline-optional-box{margin:0;padding:0;border:0;background:none;box-shadow:none}
body .add-task-ui-v308 .deadline-mini-btn{border:1px solid #D5DBDF;border-radius:6px;background:#fff;color:#08545C;font-weight:600;box-shadow:none}
body .add-task-ui-v308 .deadline-mini-btn.danger{color:#B42318}
body .add-task-ui-v308 .no-deadline-hint{border:0;padding:0;background:none;color:#66727B;font-size:12.5px}
/* پیوست */
body .add-task-ui-v308 .add-task-drop-v310{border:1px dashed #C9D0D5;border-radius:8px;background:#FAFBFA;padding:14px}
body .add-task-ui-v308 .add-task-drop-v310 b{color:#08545C}
body .add-task-ui-v308 .add-task-drop-v310 span{color:#66727B;font-weight:400}
body .add-task-ui-v308 .add-task-file-empty-v310{border:0;background:none;padding:0;color:#8A949B}
/* تکرار */
body .add-task-ui-v308 .add-task-repeat-v308 button{border:1px solid #D5DBDF;border-radius:6px;background:#fff;color:#4A5863;font-weight:600}
body .add-task-ui-v308 .add-task-repeat-v308 button.active{border-color:#0B6E78;background:#0B6E78;color:#fff}
/* گزینه‌های بیشتر */
body .add-task-ui-v308 .atf-more-head{display:flex;flex-direction:column;gap:1px;margin:6px 0 2px;padding:14px 2px 6px;border-top:1px solid #D5DBDF}
body .add-task-ui-v308 .atf-more-head b{font-size:13px;font-weight:700;color:#4A5863}
body .add-task-ui-v308 .atf-more-head small{font-size:12px;color:#8A949B}
body .add-task-ui-v308 .add-task-section-v308.is-optional{padding:0 2px}
body .add-task-ui-v308 .atf-sec--folder{border-top:0}
body .add-task-ui-v308 .atf-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 2px;border:0;background:none;font:inherit;text-align:start;cursor:pointer;color:inherit}
body .add-task-ui-v308 .atf-toggle:hover b{color:#08545C}
body .add-task-ui-v308 .atf-toggle:focus-visible{outline:2px solid #0B6E78;outline-offset:2px;border-radius:6px}
body .add-task-ui-v308 .atf-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0}
body .add-task-ui-v308 .atf-title b{font-size:13.5px}
body .add-task-ui-v308 .atf-sum{font-size:12px;font-weight:600;color:#08545C}
body .add-task-ui-v308 .atf-chev{flex:0 0 auto;width:8px;height:8px;margin:0 4px;border-left:1.75px solid #66727B;border-bottom:1.75px solid #66727B;transform:rotate(45deg);transition:transform .15s ease}
body .add-task-ui-v308 .is-open .atf-chev{transform:rotate(-45deg);margin-top:-5px}
body .add-task-ui-v308 .atf-body{padding:0 0 14px}
/* پاورقی */
body .add-task-ui-v308 .add-task-actions-v308{background:#fff;border-top:1px solid #E2E6E9;backdrop-filter:none;box-shadow:none}
body .add-task-ui-v308 .add-task-cancel-v308{border:1px solid #D5DBDF;border-radius:8px;background:#fff;color:#4A5863;font-weight:600}
body .add-task-ui-v308 .add-task-actions-v308 button:not(.add-task-cancel-v308){background:#0B6E78!important;border:1px solid #0B6E78!important;border-radius:8px!important;color:#fff!important;box-shadow:none!important;font-weight:700!important;min-width:120px}
body .add-task-ui-v308 .add-task-actions-v308 button:not(.add-task-cancel-v308):disabled{opacity:.45}
@media (max-width:560px){
  body .add-task-ui-v308 .add-task-tasktype-v3147{flex-direction:column}
  body .add-task-ui-v308 .add-task-section-v308{padding:14px 0}
  body .add-task-ui-v308 .add-task-section-v308.is-optional{padding:0}
  body .add-task-ui-v308 .atf-person-row-v2>div{flex:1 1 100%!important;padding:0 4px 4px}
  body .add-task-ui-v308 .atf-person-row-v2>div>select{flex:1 1 auto!important;min-width:0!important}
}
@media (prefers-reduced-motion:reduce){body .add-task-ui-v308 .atf-chev{transition:none}}
/* چند مسئول: فهرست ساده با چک‌باکس به‌جای کارت در کارت؛ بدون قاب اسکرول تنگ */
body .add-task-ui-v308 .add-task-people-v308{max-height:320px;gap:6px!important;padding:0}
body .add-task-ui-v308 .atf-person-row-v2{padding:4px 6px!important;border:1px solid #E2E6E9!important;border-radius:8px!important;background:#fff!important}
body .add-task-ui-v308 .atf-person-row-v2.is-active{border-color:#0B6E78!important;background:#F2F8F8!important}
body .add-task-ui-v308 .atf-person-row-v2 .add-task-person-v308{border:0!important;background:none!important;padding:6px 4px;border-radius:6px;color:#14212B;font-size:12.5px;justify-content:flex-start}
body .add-task-ui-v308 .atf-person-row-v2 .add-task-person-v308::before{content:"";flex:0 0 auto;width:16px;height:16px;box-sizing:border-box;border:1.5px solid #9AA5AD;border-radius:4px;background:#fff center/12px 12px no-repeat}
body .add-task-ui-v308 .atf-person-row-v2 .add-task-person-v308.active::before{border-color:#0B6E78;background-color:#0B6E78;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
body .add-task-ui-v308 .atf-person-row-v2 .add-task-person-v308 small{color:#66727B;font-weight:400}
body .add-task-ui-v308 .atf-person-row-v2 .add-task-person-v308:focus-visible{outline:2px solid #0B6E78;outline-offset:1px}
body .add-task-ui-v308 .atf-primary-v2{border:1px solid #C9D0D5!important;background:#fff!important;color:#4A5863!important;border-radius:6px!important;padding:5px 8px!important;font-size:11px!important;font-weight:600;min-height:30px}
body .add-task-ui-v308 .atf-primary-v2.is-primary{border-color:#0B6E78!important;background:#0B6E78!important;color:#fff!important}
body .add-task-ui-v308 select.atf-access-v2{min-height:30px!important;padding:4px 6px!important;border-color:#C9D0D5!important;color:#14212B!important;font-size:11.5px!important;border-radius:6px!important}