/* ===== MODALS SHARED ===== */
/* ===== MODALS SHARED ===== */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.22s ease;}
.modal-backdrop.open{opacity:1;pointer-events:all;}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:620px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04) inset;transform:translateY(16px) scale(0.98);transition:transform 0.26s cubic-bezier(0.34,1.56,0.64,1),opacity 0.22s ease;opacity:0;}
.modal-backdrop.open .modal{transform:translateY(0) scale(1);opacity:1;}
.modal-header{padding:22px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;}
.modal-title{font-family:'DM Serif Display',serif;font-size:19px;color:var(--text);flex:1;}
.modal-close{width:30px;height:30px;border-radius:6px;background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);}
.modal-close:hover{background:var(--surface2);color:var(--text);}
.modal-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px;}
.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0;}
.field{display:flex;flex-direction:column;gap:7px;}
.field-label{font-size:11px;font-weight:600;letter-spacing:0.9px;text-transform:uppercase;color:var(--muted);}
.field-row{display:flex;gap:14px;}
.field-row .field{flex:1;}
.f-input,.f-textarea,.f-select{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:13.5px;transition:border-color 0.16s,box-shadow 0.16s;outline:none;width:100%;}
.f-input,.f-select{padding:10px 13px;height:40px;}
.f-textarea{padding:11px 13px;resize:vertical;min-height:80px;line-height:1.55;}
.f-input:focus,.f-textarea:focus,.f-select:focus{border-color:var(--amber-dim);box-shadow:0 0 0 3px var(--amber-glow);}
.f-input::placeholder,.f-textarea::placeholder{color:var(--muted);}
.f-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a7a85' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;}
.f-select option{background:var(--surface2);color:var(--text);}
.f-title{font-size:16px;font-weight:500;height:46px;padding:12px 14px;}
.modal-div{height:1px;background:var(--border);margin:2px 0;}
.char-cnt{font-size:10.5px;color:var(--muted);text-align:right;margin-top:-4px;font-family:'JetBrains Mono',monospace;}

/* PRIORITY PILLS */
.priority-group{display:flex;gap:8px;}
.pp{padding:7px 14px;border-radius:7px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;font-family:'DM Sans',sans-serif;}
.pp:hover{background:var(--surface2);color:var(--text);}
.pp.sel-urgent{background:rgba(224,92,92,0.15);border-color:var(--red);color:var(--red);}
.pp.sel-high{background:rgba(232,162,52,0.15);border-color:var(--amber);color:var(--amber);}
.pp.sel-medium{background:rgba(91,156,246,0.15);border-color:var(--blue);color:var(--blue);}
.pp.sel-low{background:rgba(76,175,125,0.15);border-color:var(--green);color:var(--green);}

/* ASSIGNEE CHIPS */
.chip-grid{display:flex;flex-wrap:wrap;gap:8px;}
.chip{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 7px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;transition:all 0.15s;user-select:none;}
.chip:hover{border-color:var(--surface3);background:var(--surface3);}
.chip.sel{border-color:var(--amber-dim);background:var(--amber-glow);}
.chip-av{width:22px;height:22px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.chip-name{font-size:12px;color:var(--muted);transition:color 0.15s;}
.chip.sel .chip-name{color:var(--amber);}
.chip-chk{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--border);margin-left:2px;display:flex;align-items:center;justify-content:center;font-size:9px;transition:all 0.15s;flex-shrink:0;}
.chip.sel .chip-chk{background:var(--amber);border-color:var(--amber);color:#000;}

/* TAGS */
.tag-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;min-height:40px;cursor:text;transition:border-color 0.16s,box-shadow 0.16s;}
.tag-wrap:focus-within{border-color:var(--amber-dim);box-shadow:0 0 0 3px var(--amber-glow);}
.tag-pill{display:flex;align-items:center;gap:4px;background:var(--surface3);border-radius:5px;padding:3px 8px;font-size:11.5px;animation:tagPop 0.18s cubic-bezier(0.34,1.56,0.64,1);}
@keyframes tagPop{from{transform:scale(0.7);opacity:0;}to{transform:scale(1);opacity:1;}}
.tag-rm{font-size:12px;color:var(--muted);cursor:pointer;}
.tag-rm:hover{color:var(--red);}
.tag-in{background:transparent;border:none;outline:none;font-size:13px;color:var(--text);font-family:'DM Sans',sans-serif;min-width:80px;flex:1;}
.tag-in::placeholder{color:var(--muted);}

/* PROJECT MODAL SPECIFICS */
.proj-chip{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--muted);}
.proj-dot{width:8px;height:8px;border-radius:50%;}
.color-swatches{display:flex;gap:8px;flex-wrap:wrap;}
.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:all 0.15s;position:relative;flex-shrink:0;}
.swatch:hover{transform:scale(1.12);}
.swatch.sel{border-color:var(--text);box-shadow:0 0 0 2px var(--bg);}
.swatch.sel::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;}
.emoji-grid{display:flex;gap:6px;flex-wrap:wrap;}
.emoji-opt{width:34px;height:34px;border-radius:7px;background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:all 0.15s;}
.emoji-opt:hover{background:var(--surface3);}
.emoji-opt.sel{border-color:var(--amber-dim);background:var(--amber-glow);}
.emoji-btn{width:50px;height:40px;background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:border-color 0.16s;}
.emoji-btn:hover{border-color:var(--amber-dim);}

/* TOAST */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 20px;font-size:13.5px;color:var(--text);display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,0.5);z-index:2000;opacity:0;transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}