.task-form{display:grid;gap:10px}.task-form-row{display:flex;align-items:center;gap:12px}.task-form input,.task-form textarea,.task-form select{min-width:0}.task-form textarea{width:100%;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);outline:0;background:transparent;color:var(--ink);resize:vertical;padding:10px 4px}.task-form-row>input{flex:1}.task-form select{border:0;outline:0;background:rgba(255,255,251,.78);color:var(--ink);border-radius:6px;padding:10px;flex:0 1 180px}.attachment-row{align-items:flex-start}.field-group{display:grid;gap:5px;flex:1;min-width:0}.field-group label{color:var(--accent-dark);font-size:.76rem;font-weight:900;text-transform:uppercase}.field-group input[type=file]{font-size:.9rem}.form-message{min-height:1.2em;margin:0;color:var(--danger);font-size:.85rem;font-weight:800}.form-hint{margin:0;color:var(--muted);font-size:.78rem}.task-notes{margin:2px 0 0;white-space:pre-wrap;color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.task-assignee{width:max-content;max-width:100%;padding:3px 8px;border-radius:999px;color:var(--accent-dark);background:#edf8f5;font-size:.76rem;font-weight:900;overflow-wrap:anywhere}.task-assignee:before{content:"👤 ";font-weight:400}.task-resources{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.resource-link{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;color:var(--accent-dark);background:#d9efea;font-size:.78rem;font-weight:900;text-decoration:none;overflow-wrap:anywhere}.resource-link:hover{background:#b9dad4}.team-page-panel{width:min(960px,100%)}.team-hero{align-items:flex-start}.team-hero-copy{max-width:560px;margin:10px 0 0;color:var(--muted);font-weight:700}.team-panel{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,250,240,.72)}.team-directory{padding:20px}.team-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.team-header h2{margin:0 0 10px;font-family:Fraunces,serif;font-size:1.7rem}.team-subtitle{margin:0;color:var(--muted);font-size:.9rem;font-weight:700}.team-form{display:flex;gap:10px}.team-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 12px}.team-form button,.team-delete-button{min-height:40px;border:0;border-radius:6px;font-weight:800}.team-form button{padding:0 16px;color:#fff;background:var(--accent)}.team-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none}.team-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,251,.86);box-shadow:0 12px 28px rgba(35,48,47,.08)}.team-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent-dark);font-weight:900}.team-card-body{display:grid;gap:8px;min-width:0}.team-card-top{display:grid;gap:2px}.team-name{font-weight:900;color:var(--accent-dark);overflow-wrap:anywhere}.team-role{color:var(--muted);font-size:.8rem;font-weight:800}.team-stats{display:flex;gap:6px;flex-wrap:wrap}.team-stats span{display:grid;min-width:48px;padding:5px 7px;border-radius:8px;background:#edf8f5;text-align:center}.team-stats strong{line-height:1;color:var(--ink)}.team-stats small{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.team-delete-button{min-height:30px;padding:0 10px;color:var(--danger);background:#f9e4dc;font-size:.78rem}.team-empty-card{grid-column:1/-1;padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);background:rgba(255,255,251,.64);font-weight:800}.team-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:#d9efea}textarea:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid rgba(15,124,114,.32);outline-offset:3px}@media(max-width:560px){.task-form-row,.attachment-row,.team-form{align-items:stretch;flex-direction:column}.task-form-row>input,.task-form select,.task-form button,.team-form button{width:100%;flex:auto}.team-card{grid-template-columns:auto 1fr}.team-delete-button{grid-column:1/-1;width:100%}}