*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif}suite-tasks .inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px;background:#f8fafc;border:1px solid #e8eef4;border-radius:8px}suite-tasks .inline-error{font-size:.82rem;color:#dc2626}suite-tasks .input-color{width:40px;min-height:32px;padding:2px;cursor:pointer}suite-tasks .avatar-row{display:flex;gap:3px;align-items:center}suite-tasks .avatar{align-items:center;background:#dbeafe;border-radius:50%;color:#1e40af;display:inline-flex;font-size:.72rem;font-weight:700;height:26px;justify-content:center;width:26px;flex-shrink:0}suite-tasks .avatar-sm{height:22px;width:22px;font-size:.65rem}suite-tasks .avatar-xs{height:20px;width:20px;font-size:.6rem}suite-tasks .avatar-overflow{background:#e2e8f0;color:#64748b}suite-tasks .badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 10px}suite-tasks .badge-sm{padding:1px 7px;font-size:.7rem}suite-tasks .milestone-badge{background:#faf5ff;border:1px solid #d8b4fe;border-radius:10px;color:#7e22ce;font-size:.7rem;font-weight:700;margin-left:6px;padding:1px 7px}suite-tasks .checklist-pill{background:#f1f5f9;border-radius:10px;color:#526174;font-size:.75rem;font-weight:600;padding:2px 8px}suite-tasks .checklist-pill-sm{font-size:.7rem;padding:1px 6px}suite-tasks .checklist-done{background:#dcfce7;color:#166534}suite-tasks .btn-primary{background:var(--circuit-tenant-primary, #2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;min-height:34px;padding:0 16px}suite-tasks .btn-primary:disabled{opacity:.5;cursor:default}suite-tasks .btn-secondary{background:#fff;border:1px solid #bdc8d6;border-radius:6px;color:#526174;cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;min-height:34px;padding:0 14px}suite-tasks .btn-secondary:disabled{opacity:.5;cursor:default}suite-tasks .btn-ghost{background:transparent;border:1px dashed #bdc8d6;border-radius:6px;color:#526174;cursor:pointer;font:inherit;font-size:.84rem;font-weight:600;padding:4px 10px}suite-tasks .btn-ghost:hover{background:#f3f6f9}suite-tasks .btn-danger{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-weight:600}suite-tasks .btn-sm{font-size:.82rem;min-height:30px;padding:0 12px}suite-tasks .btn-xs{font-size:.76rem;min-height:24px;padding:0 8px}suite-tasks .btn-link{background:none;border:none;color:var(--circuit-tenant-primary, #2563eb);cursor:pointer;font:inherit;font-size:.84rem;font-weight:600;padding:0;text-decoration:underline}suite-tasks .btn-icon-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;line-height:1;padding:0 4px}suite-tasks .btn-icon-remove:hover{color:#dc2626}suite-tasks .task-form{background:#fff;border:1px solid #d8e0ea;border-radius:8px;max-width:900px;padding:28px}suite-tasks .form-title{font-size:1.1rem;font-weight:700;margin:0 0 20px}suite-tasks .form-error{margin-bottom:14px}suite-tasks .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}suite-tasks .form-field{display:flex;flex-direction:column;gap:5px}suite-tasks .form-field-full{grid-column:1/-1}suite-tasks .form-field-check{justify-content:flex-end}suite-tasks .form-field label{color:#526174;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}suite-tasks .check-label{align-items:center;cursor:pointer;display:flex;gap:8px;font-size:.88rem;font-weight:600;color:#17202d}suite-tasks .required{color:#dc2626}suite-tasks .label-hint{color:#94a3b8;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px}suite-tasks .input{background:#f3f6f9;border:1px solid #bdc8d6;border-radius:6px;color:#17202d;font:inherit;font-size:.88rem;min-height:34px;padding:0 10px;width:100%;box-sizing:border-box}suite-tasks .input:focus{border-color:var(--circuit-tenant-primary, #2563eb);outline:none}suite-tasks .input:disabled{opacity:.5;cursor:not-allowed}suite-tasks .input-sm{min-height:30px;font-size:.84rem}suite-tasks .input-textarea{min-height:unset;padding:8px 10px;resize:vertical}suite-tasks .form-actions{display:flex;gap:10px;margin-top:24px}suite-tasks .form-section{border-top:1px solid #e8eef4;margin-top:20px;padding-top:16px}suite-tasks .form-section-title{color:#17202d;font-size:.9rem;font-weight:700;margin:0 0 10px}suite-tasks .chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:28px;align-items:center}suite-tasks .chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;color:#1e40af;display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;padding:3px 10px}suite-tasks .chip-role{color:#64748b;font-weight:400}suite-tasks .chip-remove{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;line-height:1;padding:0}suite-tasks .chip-remove:hover{color:#dc2626}suite-tasks .assignee-add-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}suite-tasks .staff-picker-wrap{position:relative;width:100%}suite-tasks .staff-picker-results{list-style:none;margin:2px 0 0;padding:0;background:#fff;border:1px solid #d8e0ea;border-radius:6px;box-shadow:0 4px 12px #0001;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:10}suite-tasks .staff-picker-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 12px;font-size:.85rem}suite-tasks .staff-picker-item:hover,suite-tasks .staff-picker-item:focus{background:#f0f4f8;outline:none}suite-tasks .staff-picker-item .staff-name{font-weight:500;color:#17202d}suite-tasks .staff-picker-item .staff-role{font-size:.72rem;color:#526174}suite-tasks .staff-selected-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:8px;margin-top:4px;padding:6px 10px}suite-tasks .staff-selected-chip .staff-name{font-size:.85rem;font-weight:500;color:#17202d;flex:1}suite-tasks .staff-selected-chip .staff-role{font-size:.72rem;color:#526174}suite-tasks .attendee-manual-link{font-size:.72rem;color:#526174;text-decoration:underline dotted;padding:2px 0}