/* ─── ADD FORM ─── */
.add-form{
  display:none;flex-direction:column;
  background:var(--bg);border:1px solid var(--bor);border-radius:var(--rl);
  box-shadow:var(--sh2);overflow:hidden;
}
.add-form.open{display:flex;animation:formIn .22s cubic-bezier(0.34,1.08,0.64,1) both}
@keyframes formIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.af-title-row{
  display:flex;align-items:center;border-bottom:1px solid var(--bor);
}
#af-title{
  border:none;padding:20px 12px 16px 20px;
  font-size:17px;font-weight:600;font-family:inherit;color:var(--t1);
  background:transparent;outline:none;width:100%;min-width:0;
}
#af-title::placeholder{color:var(--t3);font-weight:600}
.af-notify-toggle{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--bor);
  background:var(--sur);color:var(--t3);
  display:flex;align-items:center;justify-content:center;
  align-self:center;
  padding:0;line-height:1;
  margin-right:14px;flex-shrink:0;transition:background .14s,color .14s,border-color .14s;
}
.af-notify-toggle.on{background:var(--t1);color:#fff;border-color:var(--t1)}
.af-notify-toggle svg{display:block;flex-shrink:0}
#af-desc{
  border:none;border-bottom:1px solid var(--bor);padding:14px 20px;
  font-size:14px;font-family:inherit;color:var(--t2);
  background:transparent;outline:none;resize:none;min-height:64px;
}
#af-desc::placeholder{color:var(--t3)}

/* ─── FORM DATE/TIME PILL CONTROLS ─── */
.af-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px 10px 12px;background:var(--sur);
  gap:8px;flex-wrap:wrap;
}
.af-controls,.e-controls{
  display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1;min-width:0;
}
.af-pill-wrap{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 10px;border-radius:var(--rs);
  background:var(--bg);border:1px solid var(--bor);
  cursor:pointer;touch-action:manipulation;flex-shrink:0;
  transition:background .12s,border-color .12s;
}
@media(hover:hover){.af-pill-wrap:hover{background:var(--hov);border-color:var(--t3)}}
.af-pill-wrap svg{color:var(--t3);flex-shrink:0}
.af-pill-wrap input[type=date],
.af-pill-wrap input[type=time]{
  border:none;outline:none;background:transparent;
  font-size:12px;font-family:inherit;color:var(--t1);
  cursor:pointer;min-width:0;max-width:110px;
}
.af-pill-x{
  border:none;background:none;color:var(--t3);
  font-size:16px;line-height:1;cursor:pointer;
  padding:0 0 0 2px;font-family:inherit;
  touch-action:manipulation;flex-shrink:0;
  transition:color .1s;
}
@media(hover:hover){.af-pill-x:hover{color:var(--red)}}
.af-extra-btn{
  display:inline-flex;align-items:center;gap:4px;
  padding:6px 10px;border-radius:var(--rs);
  border:1.5px dashed var(--bor);background:none;
  color:var(--t3);font-size:12px;font-weight:500;
  cursor:pointer;font-family:inherit;touch-action:manipulation;
  transition:border-color .12s,color .12s,background .12s;
  white-space:nowrap;flex-shrink:0;
}
@media(hover:hover){.af-extra-btn:hover{border-color:var(--t1);color:var(--t1);background:var(--hov)}}
.af-extra-btn svg{color:currentColor;flex-shrink:0}

.file-field{border-top:1px solid var(--bor);padding:10px 14px;background:var(--sur)}
.file-btn{
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:var(--rs);
  color:var(--t2);font-size:13px;cursor:pointer;touch-action:manipulation;
  transition:background .14s,color .14s;
}
@media(hover:hover){.file-btn:hover{background:var(--hov);color:var(--t1)}}
.file-btn svg{color:var(--t3);flex-shrink:0}
.file-input{display:none}
.file-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.file-chip{
  display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;
  padding:5px 8px;border:1px solid var(--bor);border-radius:100px;background:var(--bg);
  color:var(--t2);font-size:12px;line-height:1.2;
}
.file-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-remove{
  border:none;background:none;color:var(--t3);font-size:14px;line-height:1;cursor:pointer;
  padding:0 1px;touch-action:manipulation;
}
.add-acts{display:flex;gap:8px;flex-shrink:0}
.btn{
  padding:9px 18px;border-radius:var(--rs);font-size:13px;font-weight:500;
  cursor:pointer;border:none;touch-action:manipulation;
  transition:opacity .15s,transform .2s cubic-bezier(0.34,1.5,0.64,1);line-height:1.3;
}
.btn-fill{background:var(--t1);color:#fff}
.btn-ghost{background:none;border:1.5px solid var(--bor);color:var(--t2)}
@media(hover:hover){.btn:hover{opacity:.82}}
.btn:active{transform:scale(0.94)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}