/* Shared field styling for the Team Manual create/edit engine. */
.f{ margin-bottom:20px; }
.f > label{ display:block; font-size:14px; color:var(--text-2); font-weight:600; margin-bottom:4px; }
.f .fhelp{ font-size:12.5px; color:var(--muted); margin:0 0 8px; line-height:1.5; }
.f .req{ color:var(--red); }
.note-block{ color:var(--text-2); font-size:14px; background:var(--tile); border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
textarea.fs-input{ min-height:92px; resize:vertical; }

/* table field */
.tbl{ border:1px solid var(--border); border-radius:11px; overflow:hidden; }
.tbl-row{ display:grid; gap:1px; background:var(--border); }
.tbl-row.head > div{ background:var(--surface-2); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); padding:9px 11px; }
.tbl-row > div{ background:var(--tile); }
.tbl-row .cell input, .tbl-row .cell textarea{ width:100%; background:transparent; border:none; color:var(--text); font-family:inherit; font-size:14px; padding:10px 11px; resize:vertical; }
.tbl-row .cell textarea{ min-height:38px; }
.tbl-row .cell input:focus, .tbl-row .cell textarea:focus{ outline:none; background:var(--surface); }
.tbl-row .rm{ background:var(--tile); border:none; color:var(--muted); cursor:pointer; font-size:16px; }
.tbl-row .rm:hover{ color:var(--red); }
.addrow{ margin-top:9px; }

/* repeat block */
.rep-block{ border:1px solid var(--border); border-radius:12px; padding:16px 18px; margin-bottom:14px; background:var(--surface); }
.rep-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.rep-head .n{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.rep-head .rm{ background:none; border:none; color:var(--muted); font-size:12.5px; cursor:pointer; }
.rep-head .rm:hover{ color:var(--red); }

/* dropzone */
.dz{ border:1.5px dashed var(--border-2); border-radius:10px; padding:14px; text-align:center; color:var(--muted); font-size:13px; cursor:pointer; }
.dz:hover,.dz.drag{ border-color:var(--text); color:var(--text-2); background:rgba(255,255,255,0.03); }
.dz b{ color:var(--text); }
.chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.chip{ display:flex; align-items:center; gap:8px; background:var(--tile); border:1px solid var(--border); border-radius:8px; padding:6px 9px; font-size:12.5px; color:var(--text-2); }
.chip img{ width:30px; height:30px; object-fit:cover; border-radius:5px; }
.chip .rm{ background:none; border:none; color:var(--muted); cursor:pointer; font-size:15px; }